{"version":3,"sources":["webpack:///2-a8860a4406561258b112.js","webpack:///./app/javascript/vue/components/ui/MTextField.vue","webpack:///./node_modules/vue-loader/lib/component-normalizer.js","webpack:///./app/javascript/vue/components/ui/BaseInputComponent.js","webpack:///app/javascript/vue/components/ui/MTextField.vue","webpack:///./app/javascript/vue/components/ui/MTextField.vue?e4f7"],"names":["webpackJsonp","405","module","__webpack_exports__","__webpack_require__","normalizeComponent","Component","437","exports","rawScriptExports","compiledTemplate","functionalTemplate","injectStyles","scopeId","moduleIdentifier","esModule","scriptExports","type","default","options","render","staticRenderFns","_compiled","functional","_scopeId","hook","context","this","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","existing","beforeCreate","_injectStyles","h","concat","452","props","name","String","label","value","placeholder","disabled","Boolean","computed","isVeeValidateComponent","errors","currentError","errorOfField","items","find","e","field","msg","461","__WEBPACK_IMPORTED_MODULE_0__BaseInputComponent__","extends","rows","Number","multiline","data","isPasswordVisible","staticValue","watch","defaultSlot","isVisible","isPasswordField","containerClassList","eyeIconState","fieldType","beforeMount","isDevelopment","checkComponent","mounted","setTimeout","methods","console","error","resizeTextArea","$refs","inputNode","style","height","focus","onInput","$emit","newValue","499","_vm","_h","$createElement","_c","_self","staticClass","class","_v","_s","_e","$slots","_t","ref","tag","attrs","on","$event","esExports"],"mappings":"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","file":"2-a8860a4406561258b112.js","sourcesContent":["webpackJsonp([2],{\n\n/***/ 405:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_MTextField_vue__ = __webpack_require__(461);\n/* empty harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1aec3d86_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_MTextField_vue__ = __webpack_require__(499);\nvar normalizeComponent = __webpack_require__(437)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_MTextField_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1aec3d86_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_MTextField_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Component.exports);\n\n\n/***/ }),\n\n/***/ 437:\n/***/ (function(module, exports) {\n\n/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file.\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function normalizeComponent (\n  rawScriptExports,\n  compiledTemplate,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */\n) {\n  var esModule\n  var scriptExports = rawScriptExports = rawScriptExports || {}\n\n  // ES6 modules interop\n  var type = typeof rawScriptExports.default\n  if (type === 'object' || type === 'function') {\n    esModule = rawScriptExports\n    scriptExports = rawScriptExports.default\n  }\n\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (compiledTemplate) {\n    options.render = compiledTemplate.render\n    options.staticRenderFns = compiledTemplate.staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = injectStyles\n  }\n\n  if (hook) {\n    var functional = options.functional\n    var existing = functional\n      ? options.render\n      : options.beforeCreate\n\n    if (!functional) {\n      // inject component registration as beforeCreate hook\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    } else {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functioal component in vue file\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return existing(h, context)\n      }\n    }\n  }\n\n  return {\n    esModule: esModule,\n    exports: scriptExports,\n    options: options\n  }\n}\n\n\n/***/ }),\n\n/***/ 452:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  props: {\n    name: String,\n    label: String,\n    value: null,\n    placeholder: String,\n    disabled: Boolean\n  },\n  computed: {\n    isVeeValidateComponent: function isVeeValidateComponent() {\n      return !!this.errors === true;\n    },\n    currentError: function currentError() {\n      var _this = this;\n\n      if (!this.isVeeValidateComponent) {\n        return null;\n      }\n\n      var errorOfField = this.errors.items.find(function (e) {\n        return e.field === _this.name;\n      });\n      if (errorOfField) {\n        return errorOfField.msg;\n      }\n\n      return null;\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 461:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__BaseInputComponent__ = __webpack_require__(452);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  name: 'MTextField',\n  extends: __WEBPACK_IMPORTED_MODULE_0__BaseInputComponent__[\"a\" /* default */],\n  props: {\n    type: String,\n    rows: {\n      type: [String, Number],\n      default: 1\n    },\n\n    multiline: Boolean\n  },\n\n  data: function data() {\n    return {\n      isPasswordVisible: false,\n\n      /**\n       * При работе из статики, для сохранения введенных данных\n       */\n      staticValue: this.value\n    };\n  },\n\n\n  watch: {\n    isPasswordVisible: function isPasswordVisible(isVisible) {\n      var defaultSlot = this.$slots.default;\n\n\n      if (defaultSlot) {\n        var el = defaultSlot[0].elm;\n        el.type = isVisible ? 'text' : 'password';\n      }\n    }\n  },\n\n  computed: {\n    isPasswordField: function isPasswordField() {\n      return this.type === 'password';\n    },\n    containerClassList: function containerClassList() {\n      return {\n        'text-field_error': !!this.currentError\n      };\n    },\n    eyeIconState: function eyeIconState() {\n      return {\n        'eye_opened': this.isPasswordVisible\n      };\n    },\n    fieldType: function fieldType() {\n      var type = this.type,\n          isPasswordVisible = this.isPasswordVisible;\n\n      return type === 'password' ? isPasswordVisible ? 'text' : 'password' : type || 'text';\n    }\n  },\n\n  beforeMount: function beforeMount() {\n    if (this.isDevelopment) {\n      this.checkComponent();\n    }\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    setTimeout(function () {\n      _this.resizeTextArea();\n    }, 100);\n  },\n\n\n  methods: {\n    checkComponent: function checkComponent() {\n      var isVeeValidateComponent = this.isVeeValidateComponent;\n\n      var isNameDefined = !!this.name === true;\n\n      if (!isNameDefined && isVeeValidateComponent) {\n        // eslint-disable-next-line\n        console.error('[M-TEXT-FIELD] prop \"name\" needs to be defined');\n      }\n    },\n    resizeTextArea: function resizeTextArea() {\n      if (!this.multiline) {\n        return;\n      }\n\n      this.$refs.inputNode.style.height = this.$refs.inputNode.scrollHeight + 'px';\n    },\n    focus: function focus() {\n      this.$refs.inputNode.focus();\n    },\n    onInput: function onInput(event) {\n      var newValue = event.target.value;\n\n      this.$emit('input', newValue);\n      this.staticValue = newValue;\n      this.resizeTextArea();\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 499:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:\"text-field\",class:_vm.containerClassList},[(_vm.label)?_c('div',{staticClass:\"text-field__label\"},[_vm._v(\"\\n    \"+_vm._s(_vm.label)+\"\\n  \")]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"text-field__overlay\"},[(!_vm.$slots.default)?_c(_vm.multiline ? \"textarea\" : \"input\",{ref:\"inputNode\",tag:\"component\",staticClass:\"text-field__input\",attrs:{\"placeholder\":_vm.placeholder,\"value\":!_vm.multiline ? _vm.value || _vm.staticValue : null,\"type\":_vm.fieldType,\"name\":_vm.name,\"rows\":_vm.rows},on:{\"input\":_vm.onInput}},[_vm._v(_vm._s(_vm.multiline ? _vm.value || _vm.staticValue : null))]):_vm._t(\"default\"),_vm._v(\" \"),(_vm.isPasswordField)?_c('button',{staticClass:\"text-field__icon\",attrs:{\"tabindex\":\"-1\",\"type\":\"button\"},on:{\"click\":function($event){_vm.isPasswordVisible = !_vm.isPasswordVisible}}},[_c('div',{staticClass:\"eye\",class:_vm.eyeIconState})]):_vm._e()],2),_vm._v(\" \"),_c('transition',{attrs:{\"mode\":\"out-in\",\"name\":\"error-message\"}},[(_vm.currentError)?_c('div',{staticClass:\"error-message\",attrs:{\"data-text\":_vm.currentError}}):_vm._e()])],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// 2-a8860a4406561258b112.js","var normalizeComponent = require(\"!../../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./MTextField.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./MTextField.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1aec3d86\\\",\\\"hasScoped\\\":false,\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./MTextField.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/javascript/vue/components/ui/MTextField.vue\n// module id = 405\n// module chunks = 2","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file.\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function normalizeComponent (\n  rawScriptExports,\n  compiledTemplate,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */\n) {\n  var esModule\n  var scriptExports = rawScriptExports = rawScriptExports || {}\n\n  // ES6 modules interop\n  var type = typeof rawScriptExports.default\n  if (type === 'object' || type === 'function') {\n    esModule = rawScriptExports\n    scriptExports = rawScriptExports.default\n  }\n\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (compiledTemplate) {\n    options.render = compiledTemplate.render\n    options.staticRenderFns = compiledTemplate.staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = injectStyles\n  }\n\n  if (hook) {\n    var functional = options.functional\n    var existing = functional\n      ? options.render\n      : options.beforeCreate\n\n    if (!functional) {\n      // inject component registration as beforeCreate hook\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    } else {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functioal component in vue file\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return existing(h, context)\n      }\n    }\n  }\n\n  return {\n    esModule: esModule,\n    exports: scriptExports,\n    options: options\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/component-normalizer.js\n// module id = 437\n// module chunks = 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28","export default {\n  props: {\n    name: String,\n    label: String,\n    value: null,\n    placeholder: String,\n    disabled: Boolean\n  },\n  computed: {\n    isVeeValidateComponent() {\n      return !!this.errors === true;\n    },\n    currentError() {\n      if (!this.isVeeValidateComponent) {\n        return null;\n      }\n\n      const errorOfField = this.errors.items.find(e => e.field === this.name);\n      if (errorOfField) {\n        return errorOfField.msg;\n      }\n\n      return null;\n    }\n  }\n};\n\n\n\n// WEBPACK FOOTER //\n// ./app/javascript/vue/components/ui/BaseInputComponent.js","<template>\n  <label class='text-field' :class='containerClassList'>\n    <div class='text-field__label' v-if='label'>\n      {{ label }}\n    </div>\n    <div class='text-field__overlay'>\n      <component\n        v-if='!$slots.default'\n        class='text-field__input'\n        ref='inputNode'\n        :is='multiline ? \"textarea\" : \"input\"'\n        :placeholder='placeholder'\n        :value='!multiline ? value || staticValue : null'\n        :type='fieldType'\n        :name='name'\n        :rows='rows'\n        @input='onInput'\n      >{{ multiline ? value || staticValue : null }}</component>\n      <slot v-else/>\n      <button\n        tabindex='-1'\n        v-if='isPasswordField'\n        class='text-field__icon'\n        type='button'\n        @click='isPasswordVisible = !isPasswordVisible'\n      >\n        <div\n          class='eye'\n          :class='eyeIconState'\n        />\n      </button>\n    </div>\n    <transition mode='out-in' name='error-message'>\n      <div\n        v-if='currentError'\n        class='error-message'\n        :data-text='currentError'\n      />\n    </transition>\n  </label>\n</template>\n\n<script>\nimport BaseInputComponent from './BaseInputComponent';\nexport default {\n  name: 'MTextField',\n  extends: BaseInputComponent,\n  props: {\n    type: String,\n    rows: {\n      type: [String, Number],\n      default: 1\n    },\n\n    multiline: Boolean,\n  },\n\n  data() {\n    return {\n      isPasswordVisible: false,\n\n      /**\n       * При работе из статики, для сохранения введенных данных\n       */\n      staticValue: this.value\n    };\n  },\n\n  watch: {\n    isPasswordVisible(isVisible) {\n      const { default: defaultSlot } = this.$slots;\n\n      if (defaultSlot) {\n        const el = defaultSlot[0].elm;\n        el.type = isVisible ? 'text' : 'password';\n      }\n    }\n  },\n\n  computed: {\n\n    isPasswordField() {\n      return this.type === 'password';\n    },\n\n    containerClassList() {\n      return {\n        'text-field_error': !!this.currentError\n      };\n    },\n\n    eyeIconState() {\n      return {\n        'eye_opened': this.isPasswordVisible\n      };\n    },\n\n    fieldType() {\n      const { type, isPasswordVisible } = this;\n      return type === 'password'\n        ? isPasswordVisible\n          ? 'text' : 'password'\n        : (type || 'text');\n    }\n  },\n\n  beforeMount() {\n    if (this.isDevelopment) {\n      this.checkComponent();\n    }\n  },\n\n  mounted() {\n    setTimeout(() => {\n      this.resizeTextArea();\n    }, 100);\n  },\n\n  methods: {\n    checkComponent() {\n      const { isVeeValidateComponent } = this;\n      const isNameDefined = !!this.name === true;\n\n      if (!isNameDefined && isVeeValidateComponent) {\n        // eslint-disable-next-line\n        console.error('[M-TEXT-FIELD] prop \"name\" needs to be defined');\n      }\n    },\n    resizeTextArea() {\n      if (!this.multiline) {\n        return;\n      }\n\n      this.$refs.inputNode.style.height = `${this.$refs.inputNode.scrollHeight }px`;\n    },\n\n    focus() {\n      this.$refs.inputNode.focus();\n    },\n    onInput(event) {\n      const { target: { value: newValue } } = event;\n      this.$emit('input', newValue);\n      this.staticValue = newValue;\n      this.resizeTextArea();\n    }\n  }\n};\n</script>\n\n\n\n// WEBPACK FOOTER //\n// app/javascript/vue/components/ui/MTextField.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:\"text-field\",class:_vm.containerClassList},[(_vm.label)?_c('div',{staticClass:\"text-field__label\"},[_vm._v(\"\\n    \"+_vm._s(_vm.label)+\"\\n  \")]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"text-field__overlay\"},[(!_vm.$slots.default)?_c(_vm.multiline ? \"textarea\" : \"input\",{ref:\"inputNode\",tag:\"component\",staticClass:\"text-field__input\",attrs:{\"placeholder\":_vm.placeholder,\"value\":!_vm.multiline ? _vm.value || _vm.staticValue : null,\"type\":_vm.fieldType,\"name\":_vm.name,\"rows\":_vm.rows},on:{\"input\":_vm.onInput}},[_vm._v(_vm._s(_vm.multiline ? _vm.value || _vm.staticValue : null))]):_vm._t(\"default\"),_vm._v(\" \"),(_vm.isPasswordField)?_c('button',{staticClass:\"text-field__icon\",attrs:{\"tabindex\":\"-1\",\"type\":\"button\"},on:{\"click\":function($event){_vm.isPasswordVisible = !_vm.isPasswordVisible}}},[_c('div',{staticClass:\"eye\",class:_vm.eyeIconState})]):_vm._e()],2),_vm._v(\" \"),_c('transition',{attrs:{\"mode\":\"out-in\",\"name\":\"error-message\"}},[(_vm.currentError)?_c('div',{staticClass:\"error-message\",attrs:{\"data-text\":_vm.currentError}}):_vm._e()])],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-1aec3d86\",\"hasScoped\":false,\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./app/javascript/vue/components/ui/MTextField.vue\n// module id = 499\n// module chunks = 2"],"sourceRoot":""}