"use strict";

function _jade_template_fn(locals) {
  locals = locals || {};;;
  var result_of_with = function ($attrs, $helpers, Object, inputValue, inputWidth) {
    var h = require('panel').h;
    return {
      value: h("div", {
        "class": {
          'autoresizing-input-input-container': true
        }
      }, function () {
        var __jade_nodes = [];
        __jade_nodes = __jade_nodes.concat(h("input", {
          "attrs": {
            readonly: $attrs["disabled"],
            placeholder: $attrs["placeholder"]
          },
          "props": {
            type: "text",
            value: inputValue
          },
          "style": Object.assign({
            width: inputWidth + "px"
          }, $attrs["input-style-overrides"]),
          "on": {
            input: $helpers.updatedInput,
            focus: $helpers.handleFocus,
            blur: $helpers.handleBlur,
            keypress: $helpers.propagateEvent,
            change: $helpers.propagateEvent
          },
          "hook": {
            insert: function insert(vnode) {
              return $helpers.inserted(vnode);
            },
            postpatch: function postpatch(oldVnode, vnode) {
              return $helpers.inserted(vnode);
            }
          },
          "class": {
            'remove-chrome-form-style': true
          }
        }));;
        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, "Object" in locals ? locals.Object : typeof Object !== "undefined" ? Object : undefined, "inputValue" in locals ? locals.inputValue : typeof inputValue !== "undefined" ? inputValue : undefined, "inputWidth" in locals ? locals.inputWidth : typeof inputWidth !== "undefined" ? inputWidth : undefined);
  if (result_of_with) return result_of_with.value;
}
module.exports = _jade_template_fn;