{"version":3,"sources":["webpack:///./src/client/default/js/components/inputComponent.js","webpack:///./src/client/default/js/base/baseComponent.js","webpack:///./node_modules/floatl/built/floatl.umd.js"],"names":["InputComponent","_BaseComponent","element","_this","_classCallCheck","_callSuper","floatl","Floatl","$el","$input","querySelector","SELECTORS","input","$btnSubmit","submitBtn","parentElement","dataset","clearable","$clear","clearInput","initClearWatch","matches","setTimeout","e","simulateClick","console","log","_inherits","_createClass","key","get","errorMessage","showClear","value","event","MouseEvent","view","window","bubbles","cancelable","this","dispatchEvent","_this2","$on","debounce","length","classList","add","CLASSES","removeAttribute","remove","setAttribute","focus","BaseComponent","_BaseGiaComponent","_componentElement","_checkMessages","compOptions","options","_objectSpread","Object","keys","filter","entry","includes","forEach","optionValue","cleanEntry","cleanOptionKey","JSON","parse","replace","convertType","deepFreeze","getAttribute","events","cb","arguments","undefined","elements","Bean","on","stopPropagation","one","off","fire","container","message","_loading","EMIT","CUSTOM_MESSAGES","LOADER_EVENTS","show","document","body","error","icon","hide","option","optionReturn","str","concat","charAt","toLocaleLowerCase","slice","BaseGiaComponent","module","exports","addClass","className","removeClass","re","RegExp","split","join","addEventListener","attachEvent","call","removeEventListener","detachEvent","handleChange","ACTIVE_CLASS","addFocusedClass","FOCUSED_CLASS","removeFocusedClass","label","querySelectorAll","nodeName","MULTILINE_CLASS","_i","_a","event_1","prototype","destroy","event_2","factory"],"mappings":"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","file":"js/component-inputComponent-js.chunks.js","sourcesContent":["import BaseComponent from '../base/baseComponent';\nimport { debounce } from 'underscore';\nimport Floatl from 'floatl';\n\nexport default class InputComponent extends BaseComponent {\n get SELECTORS() {\n return {\n input: 'input',\n clearInput: '.js-clear-btn',\n submitBtn: '.js-btn-store',\n errorMessage: '.js-error-message'\n };\n }\n\n get CLASSES() {\n return {\n showClear: 'show'\n };\n }\n\n constructor(element) {\n super(element);\n this.floatl = new Floatl(this.$el);\n this.$input = /** @type {HTMLInputElement} */ (this.$el.querySelector(this.SELECTORS.input));\n this.$btnSubmit = /** @type {HTMLInputElement} */ (this.$el.querySelector(this.SELECTORS.submitBtn)) || (this.$el.parentElement.querySelector(this.SELECTORS.submitBtn));\n let isClearable = this.$input.dataset.clearable == 'true' ? true : false;\n if (isClearable) {\n this.$clear = this.$el.querySelector(this.SELECTORS.clearInput);\n this.initClearWatch();\n }\n try {\n if (this.$input.matches(':-webkit-autofill')) {\n setTimeout((e) => {\n this.simulateClick();\n }, 500);\n }\n } catch (e) {\n console.log(e);\n }\n }\n\n simulateClick() {\n var event = new MouseEvent('focus', {\n view: window,\n bubbles: true,\n cancelable: true\n });\n this.$input.dispatchEvent(event);\n // console.log(eventDispatched);\n }\n\n initClearWatch() {\n this.$on(\n 'input.inputChange',\n debounce((e) => {\n if (this.$input.value.length > 0) {\n if (this.$clear) {\n this.$clear.classList.add(this.CLASSES.showClear);\n }\n console.log(this);\n if (this.$btnSubmit) {\n this.$btnSubmit.removeAttribute('disabled');\n }\n } else {\n if (this.$clear) {\n this.$clear.classList.remove(this.CLASSES.showClear);\n }\n if (this.$btnSubmit) {\n this.$btnSubmit.setAttribute('disabled', 'true');\n }\n }\n }, 250),\n this.$input\n );\n this.$on(\n 'click.inputClear',\n () => {\n if (this.$btnSubmit) {\n this.$btnSubmit.setAttribute('disabled', 'true');\n }\n if (this.$clear) {\n this.$clear.classList.remove(this.CLASSES.showClear);\n }\n this.$input.value = '';\n this.$input.setAttribute('value', '');\n if (this.$el.querySelector(this.SELECTORS.errorMessage)) {\n this.$el.querySelector(this.SELECTORS.errorMessage).remove();\n }\n this.$input.focus();\n },\n this.$clear\n );\n }\n}\n","/* eslint-disable new-cap */\n/* eslint-disable valid-jsdoc */\n/* eslint-disable no-underscore-dangle */\n\nimport Bean from 'bean';\nimport deepFreeze from '../utilities/freeze';\nimport BaseGiaComponent from './baseGiaComponent';\n\nexport default class BaseComponent extends BaseGiaComponent {\n /**\n * @returns {HTMLElement}\n */\n get $el() {\n return /** @type {HTMLElement} */ (this._componentElement);\n }\n\n get $options() {\n const compOptions = {};\n const options = { ...this.$el.dataset };\n const optionsEntires = Object.keys(options).filter((entry) => entry.includes('option'));\n optionsEntires.forEach((entry) => {\n const cleanEntry = BaseComponent.cleanOptionKey(entry);\n let optionValue;\n if (options[entry].includes('{') && options[entry].includes('}')) {\n optionValue = JSON.parse(options[entry].replace(/'/g, '\"'));\n } else {\n optionValue = BaseComponent.convertType(options[entry]);\n }\n compOptions[cleanEntry] = optionValue;\n });\n return deepFreeze(compOptions);\n }\n\n get COMPONENT_NAME() {\n return this.$el.getAttribute('data-component');\n }\n\n /**\n *\n * constructor\n *\n * @param {Element} element\n */\n constructor(element) {\n super(element);\n this._componentElement = element;\n this._componentElement.setAttribute('data-component-init', 'true');\n this._checkMessages();\n }\n\n static convertType(option) {\n let optionReturn;\n switch (option) {\n case 'false':\n optionReturn = false;\n break;\n case 'true':\n optionReturn = true;\n break;\n case 'null':\n optionReturn = null;\n break;\n default:\n optionReturn = option;\n break;\n }\n\n return optionReturn;\n }\n\n static cleanOptionKey(key) {\n const str = key.replace('option', '');\n return `${str.charAt(0).toLocaleLowerCase()}${str.slice(1)}`;\n }\n\n /**\n *\n * $on\n *\n * @param {String} events\n * @param {Function} cb\n * @param {Element} [element = this.$el]\n * @param {Array|String|Element} [elements = null]\n */\n $on(events, cb, element = this.$el, elements = null) {\n if (!element || !events || !cb) return;\n if (!elements) {\n Bean.on(element, events, (e) => {\n if (e) e.stopPropagation();\n cb(e);\n });\n } else {\n Bean.on(element, events, elements, (e) => {\n if (e) e.stopPropagation();\n cb(e);\n });\n }\n }\n\n /**\n *\n * $one\n *\n * @param {String} events\n * @param {Function} cb\n * @param {Element} [element = this.$el]\n */\n $one(events, cb, element = this.$el) {\n Bean.one(element, events, cb);\n }\n\n /**\n *\n * $off\n *\n * @param {String} events\n * @param {Element} [element = this.$el]\n */\n $off(events, element = this.$el) {\n Bean.off(element, events);\n }\n\n /**\n *\n * $fire\n *\n * @param {String} events\n * @param {Element} [element = this.$el]\n */\n $fire(events, element = this.$el) {\n Bean.fire(element, events);\n }\n\n /**\n *\n * Activate loader\n *\n * @param {HTMLElement} [container]\n * @param {String} [message]\n */\n loading(container, message) {\n this._loading = true;\n this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.show, {\n container: container || document.body,\n message: message ?? null\n });\n }\n\n /**\n *\n * Deactivate loader\n *\n * @param {HTMLElement} [container]\n * @param {String} [message]\n * @param {Boolean} [error=false]\n * @param {String} [icon]\n */\n endLoading(container, message, error = false, icon) {\n this._loading = false;\n setTimeout(() => {\n if (!this._loading) {\n this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.hide, {\n container: container || document.body,\n message,\n error,\n icon\n });\n }\n }, 400);\n }\n}\n","/* floatl version 2.0.1 */\n(function (global, factory) {\n\ttypeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n\ttypeof define === 'function' && define.amd ? define(factory) :\n\t(global.Floatl = factory());\n}(this, (function () { 'use strict';\n\nfunction addClass(element, className) {\r\n if (element.classList) {\r\n element.classList.add(className);\r\n }\r\n else {\r\n element.className += \" \" + className;\r\n }\r\n}\r\nfunction removeClass(element, className) {\r\n if (element.classList) {\r\n element.classList.remove(className);\r\n }\r\n else {\r\n var re = new RegExp(\"(^|\\\\b)\" + className.split(\" \").join(\"|\") + \"(\\\\b|$)\", \"gi\");\r\n element.className = element.className.replace(re, \" \");\r\n }\r\n}\r\nfunction addEventListener(element, event, cb) {\r\n if (element.addEventListener) {\r\n element.addEventListener(event, cb);\r\n }\r\n else {\r\n element.attachEvent(\"on\" + event, function () {\r\n cb.call(element);\r\n });\r\n }\r\n}\r\nfunction removeEventListener(element, event, cb) {\r\n if (element.removeEventListener) {\r\n element.removeEventListener(event, cb);\r\n }\r\n else {\r\n element.detachEvent(\"on\" + event, cb);\r\n }\r\n}\n\nvar Floatl = /** @class */ (function () {\r\n function Floatl(element) {\r\n var _this = this;\r\n this.handleChange = function () {\r\n if (_this.input.value === \"\") {\r\n removeClass(_this.element, Floatl.ACTIVE_CLASS);\r\n }\r\n else {\r\n addClass(_this.element, Floatl.ACTIVE_CLASS);\r\n }\r\n };\r\n this.addFocusedClass = function () {\r\n addClass(_this.element, Floatl.FOCUSED_CLASS);\r\n };\r\n this.removeFocusedClass = function () {\r\n removeClass(_this.element, Floatl.FOCUSED_CLASS);\r\n };\r\n this.element = element;\r\n this.label = element.querySelectorAll(\".floatl__label\")[0];\r\n this.input = element.querySelectorAll(\".floatl__input\")[0];\r\n // Return early if not both the label and input are present\r\n if (!this.label || !this.input) {\r\n return;\r\n }\r\n if (this.input.nodeName === \"TEXTAREA\") {\r\n addClass(this.element, Floatl.MULTILINE_CLASS);\r\n }\r\n // Handle initial value\r\n this.handleChange();\r\n // Bind event listeners\r\n addEventListener(this.input, \"focus\", this.addFocusedClass);\r\n addEventListener(this.input, \"blur\", this.removeFocusedClass);\r\n for (var _i = 0, _a = [\"keyup\", \"blur\", \"change\", \"input\"]; _i < _a.length; _i++) {\r\n var event_1 = _a[_i];\r\n addEventListener(this.input, event_1, this.handleChange);\r\n }\r\n }\r\n Floatl.prototype.destroy = function () {\r\n removeEventListener(this.input, \"focus\", this.addFocusedClass);\r\n removeEventListener(this.input, \"blur\", this.removeFocusedClass);\r\n for (var _i = 0, _a = [\"keyup\", \"blur\", \"change\", \"input\"]; _i < _a.length; _i++) {\r\n var event_2 = _a[_i];\r\n removeEventListener(this.input, event_2, this.handleChange);\r\n }\r\n };\r\n Floatl.FOCUSED_CLASS = \"floatl--focused\";\r\n Floatl.ACTIVE_CLASS = \"floatl--active\";\r\n Floatl.MULTILINE_CLASS = \"floatl--multiline\";\r\n return Floatl;\r\n}());\n\nreturn Floatl;\n\n})));\n"],"sourceRoot":""}