{"version":3,"sources":["webpack:///./src/js/components/MaterialInputComponent.js","webpack:///./src/js/abstracts/BaseComponent.js","webpack:///./node_modules/floatl/built/floatl.umd.js"],"names":["MaterialInputComponent","element","floatl","Floatl","$el","zipCode","querySelector","validateOnKeyupZipCode","input","validate","validateInput","this","$on","e","BaseComponent","_componentElement","setAttribute","compOptions","options","dataset","Object","keys","filter","entry","includes","forEach","optionValue","cleanEntry","cleanOptionKey","JSON","parse","replace","e2","convertType","console","error","Freeze","getAttribute","events","cb","elements","Bean","on","stopPropagation","one","off","fire","container","message","EMIT","CUSTOM_MESSAGES","LOADER_EVENTS","show","icon","hide","option","optionReturn","Number","key","str","charAt","toLocaleLowerCase","slice","CommonInterface","module","exports","addClass","className","classList","add","removeClass","remove","re","RegExp","split","join","addEventListener","event","attachEvent","call","removeEventListener","detachEvent","_this","handleChange","value","ACTIVE_CLASS","addFocusedClass","FOCUSED_CLASS","removeFocusedClass","label","querySelectorAll","nodeName","MULTILINE_CLASS","_i","_a","length","event_1","prototype","destroy","event_2","factory"],"mappings":"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","file":"js/component-MaterialInputComponent-js.chunks.js","sourcesContent":["import { validateInput } from '../utilities/FormValidator';\nimport Floatl from 'floatl';\nimport BaseComponent from '../abstracts/BaseComponent';\n\nexport default class MaterialInputComponent extends BaseComponent {\n  constructor(element) {\n    super(element);\n    this.floatl = new Floatl(this.$el);\n    const zipCode = this.$el.querySelector('[name*=\"postalCode\"]');\n    if (zipCode) {\n      this.validateOnKeyupZipCode(zipCode);\n    }\n  }\n\n  validateOnKeyupZipCode(input) {\n    const validate = validateInput();\n    this.$on('keyup.zipCode', (e) => {\n      validate(input);\n    }, input);\n  }\n}\n","\nimport Bean from 'bean';\nimport Freeze from '../utilities/Freeze';\nimport CommonInterface from './CommonInterface';\n\nexport default class BaseComponent extends CommonInterface {\n  get $el() {\n    return 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      try {\n        const cleanEntry = BaseComponent.cleanOptionKey(entry);\n        let optionValue;\n        if (options[entry].includes('{') && options[entry].includes('}')) {\n\n          // PDB-786 JSON.parse(\"{\\\"address1\\\":\\\"2 Rue d'Orsel\\\"}\".replace(/'/g, '\"')) => SyntaxError: Unexpected token O in JSON at position 21\n          try {\n            optionValue = JSON.parse(options[entry].replace(/'/g, '\"'));\n          } catch (e2) {\n            optionValue = JSON.parse(options[entry]);\n          }\n\n        } else {\n          optionValue = BaseComponent.convertType(options[entry]);\n        }\n        compOptions[cleanEntry] = optionValue;\n      } catch (e) {\n        console.error('get $options() from component => ', this._componentElement, e);\n      }\n    });\n    return Freeze(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();\n    this._componentElement = element;\n    this._componentElement.setAttribute('data-component-init', true);\n  }\n\n  static convertType(option) {\n    let optionReturn;\n    if (Number(option)) return Number(option);\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    const cleanedKey = `${str.charAt(0).toLocaleLowerCase()}${str.slice(1)}`;\n    return cleanedKey;\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   * @param {HTMLElement} [container]\n   */\n  loading(container, message) {\n    this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.show, {\n      container: container || this.$el,\n      message\n    });\n  }\n\n  /**\n   *\n   * @param {HTMLElement} [container]\n   * @param {String} [message]\n   * @param {String} [icon]\n   * @param {Boolean} [error=false]\n   */\n  endLoading(container, message, error = false, icon) {\n    this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.hide, {\n      container: container || this.$el,\n      message,\n      icon,\n      error\n    });\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":""}