{"version":3,"sources":["webpack:///./src/js/components/StateSelectorComponent.js","webpack:///./src/js/abstracts/BaseComponent.js"],"names":["StateSelectorComponent","element","this","CUSTOM_MESSAGES","COUNTRY_SELECTOR_EVENTS","change","changeInput","showSelect","input","select","htmlName","$options","htmlname","id","countriesStates","countriesstates","countryCode","$el","querySelector","SELECTOR","value","states","BASE_CONF","setAttribute","removeAttribute","classList","add","CLASSES","querySelectorAll","forEach","option","remove","state","insertAdjacentHTML","htmlValue","label","BaseComponent","_componentElement","compOptions","options","dataset","Object","keys","filter","entry","includes","optionValue","cleanEntry","cleanOptionKey","JSON","parse","replace","e2","convertType","e","console","error","Freeze","getAttribute","events","cb","elements","Bean","on","stopPropagation","one","off","fire","container","message","EMIT","LOADER_EVENTS","show","icon","hide","optionReturn","Number","key","str","charAt","toLocaleLowerCase","slice","CommonInterface"],"mappings":"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","file":"js/component-StateSelectorComponent-js.chunks.js","sourcesContent":["import BaseComponent from '../abstracts/BaseComponent';\n\nexport default class StateSelectorComponent extends BaseComponent {\n  get Messages() {\n    return {\n      [this.CUSTOM_MESSAGES.COUNTRY_SELECTOR_EVENTS.change]: this.changeInput\n    };\n  }\n\n  get CLASSES() {\n    return {\n      showSelect: 'show-state-select'\n    };\n  }\n\n  get SELECTOR() {\n    return {\n      input: 'input',\n      select: 'select'\n    };\n  }\n\n  get BASE_CONF() {\n    return {\n      htmlName: this.$options.htmlname,\n      id: 'stateCode',\n      // PDB-763\n      // selectCountryCode: 'IT',\n      countriesStates: this.$options.countriesstates\n    };\n  }\n\n  constructor(element) {\n    super(element);\n  }\n\n  changeInput({ countryCode }) {\n    const input = this.$el.querySelector(this.SELECTOR.input);\n    const select = this.$el.querySelector(this.SELECTOR.select);\n    input.value = '';\n    select.value = '';\n    const states = this.BASE_CONF.countriesStates[countryCode];\n    if (states) {\n      // mostare select\n      input.setAttribute('name', 'stateInput');\n      input.setAttribute('id', 'state');\n      input.removeAttribute('required');\n      select.setAttribute('name', this.BASE_CONF.htmlName);\n      select.setAttribute('id', this.BASE_CONF.id);\n      select.setAttribute('required', 'required');\n      this.$el.classList.add(this.CLASSES.showSelect);\n      // PDB-763\n      select.querySelectorAll('option:not(:first-child)').forEach(option => option.remove());\n      states.forEach(state => select.insertAdjacentHTML('beforeend', `<option id=\"${state.id}\" value=\"${state.htmlValue}\">${state.label || ' '}</option>`));\n    } else {\n      // mostare input\n      select.setAttribute('name', 'stateSelect');\n      select.setAttribute('id', 'state');\n      select.removeAttribute('required');\n      input.removeAttribute('required');\n      input.setAttribute('id', this.BASE_CONF.id);\n      input.setAttribute('name', this.BASE_CONF.htmlName);\n      this.$el.classList.remove(this.CLASSES.showSelect);\n    }\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"],"sourceRoot":""}