{"version":3,"file":"CsoInput.js","sources":["../../../src/components/core/form/CsoInput.vue"],"sourcesContent":["<template>\r\n  <div class=\"cso-input\"\r\n       :class=\"{'is-error': validationErrors || isErrorMessage, 'is-active': isActive, 'is-filled': isFilled || autofilled, 'is-disabled': disabled, 'no-label': !label}\">\r\n\r\n    <div class=\"cso-input-wrapper\">\r\n      <label v-if=\"label\"\r\n             :for=\"name\">\r\n        <span v-html=\"label\"></span>\r\n      </label>\r\n\r\n      <div v-if=\"isPasswordType\">\r\n        <input :id=\"name\"\r\n               :name=\"name\"\r\n               :type=\"inputType\"\r\n               :validation-name=\"validationName\"\r\n               autocomplete=\"\"\r\n               :maxlength=\"maxlength\"\r\n               :pattern=\"pattern\"\r\n               class=\"form-control\"\r\n               ref=\"input\"\r\n               v-model=\"currentValue\"\r\n               :disabled=\"disabled\"\r\n               @input=\"onInput\"\r\n               @blur=\"onBlur\"\r\n               @focus=\"onFocus\"\r\n               @change=\"onChange\"\r\n               @animationstart=\"checkAnimation\" />\r\n        <i v-if=\"showEyeIcon\"\r\n           @click.prevent=\"switchCharacters()\"\r\n           :title=\"$t(visibleCharacters ? 'general.clickToHidePassword' : 'general.clickToShowPassword')\"\r\n           class=\"icon\"\r\n           :class=\"visibleCharacters? 'eye-close' : 'eye-open'\"\r\n           >\r\n        </i>\r\n\r\n      </div>\r\n\r\n      <input v-if=\"!isPasswordType\"\r\n             :id=\"name\"\r\n             :name=\"name\"\r\n             :type=\"inputType\"\r\n             :validation-name=\"validationName\"\r\n             :autocomplete=\"autocomplete\"\r\n             :maxlength=\"maxlength\"\r\n             :pattern=\"pattern\"\r\n             class=\"form-control\"\r\n             ref=\"input\"\r\n             v-model=\"currentValue\"\r\n             :disabled=\"disabled\"\r\n             @input=\"onInput\"\r\n             @blur=\"onBlur\"\r\n             @focus=\"onFocus\"\r\n             @change=\"onChange\"\r\n             @animationstart=\"checkAnimation\" />\r\n\r\n      <cso-info-icon v-if=\"hint && !isPasswordType\"\r\n                     :content=\"hint\"\r\n                     class=\"cso-input-icon\">\r\n      </cso-info-icon>\r\n    </div>\r\n\r\n    <div class=\"cso-input-errors-wrapper\"\r\n         v-if=\"validationErrors && showValidationErrors\">\r\n      <div v-for=\"(error, index) in validationErrors\"\r\n           class=\"cso-input-error\"\r\n           v-html=\"error.message\"\r\n           :key=\"index\">\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n<script>\r\nimport validatedInputField from '@/mixins/validatedInputField'\r\n\r\nimport CsoInfoIcon from '@/components/core/composition/CsoInfoIcon.vue'\r\n\r\nexport default {\r\n  name: 'CsoInput',\r\n  mixins: [validatedInputField],\r\n  components: {\r\n    CsoInfoIcon\r\n  },\r\n  props: {\r\n    maxlength: {\r\n      type: String,\r\n      required: false\r\n    },\r\n    pattern: {\r\n      type: [String, RegExp],\r\n      required: false\r\n    },\r\n    autocomplete: {\r\n      type: String,\r\n      required: false\r\n    },\r\n    showEyeIcon: {\r\n      type: Boolean,\r\n      required: false,\r\n      default: true\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      required: false,\r\n      default: false\r\n    },\r\n    isLowerCase: {\r\n      type: Boolean,\r\n      required: false,\r\n      default: false\r\n    },\r\n    isErrorMessage: {\r\n      type: Boolean,\r\n      required: false,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      visibleCharacters: false,\r\n      patternRegex: null,\r\n      isActive: false,\r\n      autofilled: false,\r\n      isFilled: false\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    isPasswordType: function () {\r\n      return this.type === 'password'\r\n    },\r\n\r\n    inputType: function () {\r\n      if (!this.isPasswordType) {\r\n        return 'text'\r\n      } else {\r\n        return this.visibleCharacters ? 'text' : 'password'\r\n      }\r\n    }\r\n  },\r\n\r\n  watch: {\r\n    currentValue: function (newValue, oldValue) {\r\n      if (!!newValue && this.type === 'number') {\r\n        this.currentValue = newValue.replace(/\\./g, ',')\r\n      } else {\r\n        this.currentValue = newValue\r\n      }\r\n      this.setFilled()\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    onInput ($event) {\r\n      // hack to force immediate update of the model - on Android mobiles while inputing text vue waits until the space is clicked to trigger update: https://github.com/vuejs/vue/issues/9777\r\n      this.currentValue = $event.target.value\r\n      this.currentValue = (this.type === 'number') ? this.currentValue.replace(',', '.') : this.currentValue\r\n\r\n      if (!!this.patternRegex && !!this.currentValue && !this.patternRegex.test(this.currentValue)) {\r\n        this.currentValue = this.modelValue\r\n        return\r\n      }\r\n      this.currentValue = this.isLowerCase ? this.currentValue.toLowerCase() : this.currentValue\r\n\r\n      this.$emit('update:modelValue', this.currentValue.trim())\r\n    },\r\n\r\n    onBlur (e) {\r\n      this.isActive = false\r\n\r\n      this.$emit('blur', e)\r\n    },\r\n\r\n    onFocus (e) {\r\n      this.isActive = true\r\n\r\n      this.$emit('focus', e)\r\n    },\r\n\r\n    onChange (e) {\r\n      this.$emit('change', e)\r\n    },\r\n    \r\n    setFilled () {\r\n      this.isFilled = this.currentValue !== ''\r\n    },\r\n\r\n    switchCharacters () {\r\n      this.visibleCharacters = !this.visibleCharacters\r\n    },\r\n\r\n    checkAnimation (e) {\r\n      if (e && e.animationName === 'onAutoFillStart') {\r\n        this.autofilled = true\r\n      } else if (e && e.animationName === 'onAutoFillCancel') {\r\n        this.autofilled = false\r\n      }\r\n    }\r\n  },\r\n\r\n  created: function () {\r\n    if (this.pattern) {\r\n      this.patternRegex = new RegExp(this.pattern)\r\n    }\r\n  },\r\n\r\n  mounted: function () {\r\n    this.setFilled()\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"./CsoInput\";\r\n</style>\r\n"],"names":["_sfc_main","validatedInputField","CsoInfoIcon","newValue","oldValue","$event","_hoisted_1","_createElementBlock","_normalizeClass","_ctx","$props","$data","_createElementVNode","_hoisted_3","$options","_hoisted_4","args","_createBlock","_component_cso_info_icon","_openBlock","_hoisted_8","_Fragment","_renderList","error","index"],"mappings":"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"}