"use strict";

function _jade_template_fn(locals) {
  locals = locals || {};;;
  var result_of_with = function ($attrs, $helpers, value) {
    var h = require('panel').h;
    return {
      value: h("div", {
        "class": {
          'mp-input-group-container': true
        }
      }, function () {
        var __jade_nodes = [];
        var disabled = $attrs['disabled'];
        var busy = $attrs['busy'];;
        var inputAttrs = {
          type: 'text',
          placeholder: $attrs['placeholder'],
          value: value
        };
        __jade_nodes = __jade_nodes.concat(disabled || busy ? function () {
          var __jade_nodes = [];
          inputAttrs.disabled = true;;
          return __jade_nodes;
        }.call(this) : undefined);
        __jade_nodes = __jade_nodes.concat(h("input", {
          "attrs": inputAttrs,
          "on": {
            input: $helpers.setValue,
            keyup: $helpers.submitIfEnter
          },
          "class": {
            'mp-input-group-input': true
          }
        }));
        __jade_nodes = __jade_nodes.concat(h("mp-button", {
          "attrs": {
            disabled: disabled || value.trim() === ''
          },
          "on": {
            click: $helpers.submit
          },
          "class": {
            'mp-button-primary': true,
            'mp-input-group-btn': true
          }
        }, function () {
          var __jade_nodes = [];
          __jade_nodes = __jade_nodes.concat($attrs['busy'] ? function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat(h("div", {
              "class": {
                'mp-input-group-spinner': true
              }
            }, function () {
              var __jade_nodes = [];
              __jade_nodes = __jade_nodes.concat(h('div', {
                props: {
                  innerHTML: '<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-ring"><rect x="0" y="0" width="100" height="100" fill="none" class="bk"></rect><circle cx="50" cy="50" r="45" stroke-dasharray="169.64600329384882 113.09733552923257" stroke="#ffffff" fill="none" stroke-width="10"><animateTransform attributeName="transform" type="rotate" values="0 50 50;180 50 50;360 50 50;" keyTimes="0;0.5;1" dur="0.75s" repeatCount="indefinite" begin="0s"></animateTransform></circle></svg>'
                }
              }));;
              return __jade_nodes;
            }.call(this).filter(Boolean)));;
            return __jade_nodes;
          }.call(this) : function () {
            var __jade_nodes = [];
            __jade_nodes = __jade_nodes.concat($attrs['label']);;
            return __jade_nodes;
          }.call(this));;
          return __jade_nodes;
        }.call(this).filter(Boolean)));;
        return __jade_nodes;
      }.call(this).filter(Boolean))
    };
  }.call(this, "$attrs" in locals ? locals.$attrs : typeof $attrs !== "undefined" ? $attrs : undefined, "$helpers" in locals ? locals.$helpers : typeof $helpers !== "undefined" ? $helpers : undefined, "value" in locals ? locals.value : typeof value !== "undefined" ? value : undefined);
  if (result_of_with) return result_of_with.value;
}
module.exports = _jade_template_fn;