{"version":3,"sources":["webpack:///./src/js/abstracts/BaseComponent.js","webpack:///./src/js/components/DropdownComponent.js"],"names":["BaseComponent","element","_componentElement","setAttribute","this","compOptions","options","$el","dataset","Object","keys","filter","entry","includes","forEach","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","CUSTOM_MESSAGES","LOADER_EVENTS","show","icon","hide","option","optionReturn","Number","key","str","charAt","toLocaleLowerCase","slice","CommonInterface","DropdownComponent","timeout","bindEvents","DROPDOWN_EVENTS","close","panel","trigger","inputInside","closest","parentElement","classList","contains","CLASSES","open","content","parentClasses","panelClasses","parent","querySelector","SELECTORS","add","setTimeout","innerHTML","active","animate","remove","anyFocus","match","$on","preventDefault","clearTimeout","closeTimeout","openTimeout","querySelectorAll","el","checkIfFocus","$options","handle","bindHover","bindClick","form","document","activeElement","localName","dot"],"mappings":"4dAKqBA,E,YA2CnB,WAAYC,GAAS,0BACnB,+BACKC,kBAAoBD,EACzB,EAAKC,kBAAkBC,aAAa,uBAAuB,GAHxC,E,iDAzCnB,OAAOC,KAAKF,oB,+BAGC,WACPG,EAAc,GACdC,E,iVAAU,CAAH,GAAQF,KAAKG,IAAIC,SAuB9B,OAtBuBC,OAAOC,KAAKJ,GAASK,QAAO,SAAAC,GAAK,OAAIA,EAAMC,SAAS,aAC5DC,SAAQ,SAACF,GACtB,IACE,IACIG,EADEC,EAAahB,EAAciB,eAAeL,GAEhD,GAAIN,EAAQM,GAAOC,SAAS,MAAQP,EAAQM,GAAOC,SAAS,KAG1D,IACEE,EAAcG,KAAKC,MAAMb,EAAQM,GAAOQ,QAAQ,KAAM,MACtD,MAAOC,GACPN,EAAcG,KAAKC,MAAMb,EAAQM,SAInCG,EAAcf,EAAcsB,YAAYhB,EAAQM,IAElDP,EAAYW,GAAcD,EAC1B,MAAOQ,GACPC,QAAQC,MAAM,oCAAqC,EAAKvB,kBAAmBqB,OAGxEG,YAAOrB,K,qCAId,OAAOD,KAAKG,IAAIoB,aAAa,sB,iCAmD3BC,EAAQC,GAAyC,IAArC5B,EAAqC,uDAA3BG,KAAKG,IAAKuB,EAAiB,uDAAN,KACxC7B,GAAY2B,GAAWC,IACvBC,EAMHC,IAAKC,GAAG/B,EAAS2B,EAAQE,GAAU,SAACP,GAC9BA,GAAGA,EAAEU,kBACTJ,EAAGN,MAPLQ,IAAKC,GAAG/B,EAAS2B,GAAQ,SAACL,GACpBA,GAAGA,EAAEU,kBACTJ,EAAGN,S,2BAkBJK,EAAQC,GAAwB,IAApB5B,EAAoB,uDAAVG,KAAKG,IAC9BwB,IAAKG,IAAIjC,EAAS2B,EAAQC,K,2BAUvBD,GAA4B,IAApB3B,EAAoB,uDAAVG,KAAKG,IAC1BwB,IAAKI,IAAIlC,EAAS2B,K,4BAUdA,GAA4B,IAApB3B,EAAoB,uDAAVG,KAAKG,IAC3BwB,IAAKK,KAAKnC,EAAS2B,K,8BAObS,EAAWC,GACjBlC,KAAKmC,KAAKnC,KAAKoC,gBAAgBC,cAAcC,KAAM,CACjDL,UAAWA,GAAajC,KAAKG,IAC7B+B,c,iCAWOD,EAAWC,GAA8B,IAArBb,EAAqB,wDAANkB,EAAM,uCAClDvC,KAAKmC,KAAKnC,KAAKoC,gBAAgBC,cAAcG,KAAM,CACjDP,UAAWA,GAAajC,KAAKG,IAC7B+B,UACAK,OACAlB,a,mCA5GeoB,GACjB,IAAIC,EACJ,GAAIC,OAAOF,GAAS,OAAOE,OAAOF,GAClC,OAAQA,GACN,IAAK,QACHC,GAAe,EACf,MACF,IAAK,OACHA,GAAe,EACf,MACF,IAAK,OACHA,EAAe,KACf,MACF,QACEA,EAAeD,EAInB,OAAOC,I,qCAGaE,GACpB,IAAMC,EAAMD,EAAI5B,QAAQ,SAAU,IAElC,MADmB,GAAH,OAAM6B,EAAIC,OAAO,GAAGC,qBAApB,OAA0CF,EAAIG,MAAM,Q,SAxE7BC,I,2MCFtBC,E,YAuBnB,WAAYrD,GAAS,0BACnB,4BAAMA,KAEDsD,QAAU,KAEf,EAAKC,aALc,E,sDArBnB,cACGpD,KAAKoC,gBAAgBiB,gBAAgBb,KAAOxC,KAAKsD,S,gCAKpD,MAAO,CACLC,MAAO,qBACPC,QAAS,uBACTC,YAAa,oB,6BAKf,OAAOzD,KAAKG,IAAIuD,QAAQ,4B,8BAIxB,OAAO1D,KAAKG,IAAIwD,cAAcC,UAAUC,SAAS7D,KAAK8D,QAAQC,U,kCA0B3DC,GAAgD,WAAvCC,EAAuC,uDAAvB,GAAIC,EAAmB,uDAAJ,GAC/C,IACE,IAAMC,EAASnE,KAAKG,IAAIwD,cAClBJ,EAAQY,EAAOC,cAAcpE,KAAKqE,UAAUd,OAElDY,EAAOP,UAAUU,IAAItE,KAAK8D,QAAQC,MAElC/D,KAAKmD,QAAUoB,YACb,WAKqB,MAKD,GATdP,IACFT,EAAMiB,UAAYR,GAGhBC,KACF,EAAKA,cAAgBA,GACrB,EAAAE,EAAOP,WAAUU,IAAjB,YAAwBL,KAGtBC,IACF,EAAKD,cAAgBA,GACrB,EAAAV,EAAMK,WAAUU,IAAhB,YAAuBJ,KAGzB,EAAK/D,IAAIyD,UAAUU,IAAI,EAAKR,QAAQW,QACpCN,EAAOP,UAAUU,IAAI,EAAKR,QAAQY,WACjC,KAEL,MAAOvD,GACPC,QAAQC,MAAMF,M,8BAIV,WACN,IAAI,QACIgD,EAASnE,KAAKG,IAAIwD,cAClBJ,EAAQY,EAAOC,cAAcpE,KAAKqE,UAAUd,OAClDY,EAAOP,UAAUe,OAAO3E,KAAK8D,QAAQY,SAEjC1E,KAAKiE,gBAAe,EAAAE,EAAOP,WAAUe,OAAjB,YAA2B3E,KAAKiE,gBACpDjE,KAAKkE,eAAc,EAAAX,EAAMK,WAAUe,OAAhB,YAA0B3E,KAAKkE,eAEtDlE,KAAKmD,QAAUoB,YACb,WACEJ,EAAOP,UAAUe,OAAO,EAAKb,QAAQC,MACrC,EAAK5D,IAAIyD,UAAUe,OAAO,EAAKb,QAAQW,UACtC,KAEL,MAAOtD,GACPC,QAAQC,MAAMF,M,kCAIN,WACNyD,GAAW,EACXC,YAAM,KAAM,YACd7E,KAAK8E,IAAI,uBAAuB,SAAC3D,GAC/BA,EAAE4D,iBACFC,aAAa,EAAK7B,SAClB6B,aAAa,EAAKC,cAClBD,aAAa,EAAKE,aAClB,EAAKA,YAAcX,YAAW,WAC5B,EAAKR,SACJ,OACF/D,KAAKG,IAAIwD,eAEZ3D,KAAK8E,IAAI,uBAAuB,SAAC3D,GAC/B,IACMsC,EADS,EAAKtD,IAAIwD,cACGwB,iBAAiB,EAAKd,UAAUZ,aAC3D,IAAIA,GAAa/C,SAAQ,SAAC0E,GACpB,EAAKC,aAAaD,KACpBR,GAAW,MAIVA,EAQHA,GAAW,GAPXzD,EAAE4D,iBACFC,aAAa,EAAK7B,SAClB6B,aAAa,EAAKE,aAClB,EAAKD,aAAeV,YAAW,WAC7B,EAAKjB,UACJ,QAIJtD,KAAKG,IAAIwD,kB,kCAIJ,WACV3D,KAAK8E,IAAI,kBAAkB,SAAC3D,GACtBA,GACFA,EAAE4D,iBAGJC,aAAa,EAAK7B,SACH,EAAKhD,IAAIwD,cAAcC,UAAUC,SAAS,EAAKC,QAAQC,MAEpE,EAAKT,QAEL,EAAKS,SAEN/D,KAAKG,O,mCAIqB,UAAzBH,KAAKsF,SAASC,QAChBvF,KAAKwF,YAEsB,UAAzBxF,KAAKsF,SAASC,QAChBvF,KAAKyF,YAEsB,QAAzBzF,KAAKsF,SAASC,QAAqBvF,KAAKsF,SAASC,SACnDvF,KAAKyF,YACLzF,KAAKwF,e,mCAIIJ,GACX,OAAQA,EAAGM,QAAUC,SAASC,cAAcF,MAAQ,OAAgD,UAArCC,SAASC,cAAcC,Y,8BApItF,MAAO,CACL9B,KAAM,OACNW,QAAS,UACTD,OAAQ,SACRqB,IAAK,W,UApCoClG","file":"js/component-DropdownComponent-js.chunks.js","sourcesContent":["\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","import { match } from '../utilities/ResolutionHandler';\nimport BaseComponent from '../abstracts/BaseComponent';\n\nexport default class DropdownComponent extends BaseComponent {\n  get Messages() {\n    return {\n      [this.CUSTOM_MESSAGES.DROPDOWN_EVENTS.hide]: this.close\n    };\n  }\n\n  get SELECTORS() {\n    return {\n      panel: '.js-dropdown-panel',\n      trigger: '.js-dropdown-trigger',\n      inputInside: '.floatl__label'\n    };\n  }\n\n  get PARENT() {\n    return this.$el.closest('.js-dropdown-container');\n  }\n\n  get IS_OPEN() {\n    return this.$el.parentElement.classList.contains(this.CLASSES.open);\n  }\n\n  constructor(element) {\n    super(element);\n\n    this.timeout = null;\n\n    this.bindEvents();\n  }\n\n  get CLASSES() {\n    return {\n      open: 'open',\n      animate: 'animate',\n      active: 'active',\n      dot: 'dot'\n    };\n  }\n\n  /**\n   *\n   * @param {String} content - Panel content\n   * @param {Array} [parentClasses = []] - Parent element classes\n   * @param {Array} [panelClasses ? []] - Panel classes\n   */\n  open(content, parentClasses = [], panelClasses = []) {\n    try {\n      const parent = this.$el.parentElement;\n      const panel = parent.querySelector(this.SELECTORS.panel);\n\n      parent.classList.add(this.CLASSES.open);\n\n      this.timeout = setTimeout(\n        () => {\n          if (content) {\n            panel.innerHTML = content;\n          }\n\n          if (parentClasses) {\n            this.parentClasses = parentClasses;\n            parent.classList.add(...parentClasses);\n          }\n\n          if (panelClasses) {\n            this.parentClasses = parentClasses;\n            panel.classList.add(...panelClasses);\n          }\n\n          this.$el.classList.add(this.CLASSES.active);\n          parent.classList.add(this.CLASSES.animate);\n        }, 100\n      );\n    } catch (e) {\n      console.error(e);\n    }\n  }\n\n  close() {\n    try {\n      const parent = this.$el.parentElement;\n      const panel = parent.querySelector(this.SELECTORS.panel);\n      parent.classList.remove(this.CLASSES.animate);\n\n      if (this.parentClasses) parent.classList.remove(...this.parentClasses);\n      if (this.panelClasses) panel.classList.remove(...this.panelClasses);\n\n      this.timeout = setTimeout(\n        () => {\n          parent.classList.remove(this.CLASSES.open);\n          this.$el.classList.remove(this.CLASSES.active);\n        }, 100\n      );\n    } catch (e) {\n      console.error(e);\n    }\n  }\n\n  bindHover() {\n    var anyFocus = false;\n    if (match(null, 'medium')) {\n      this.$on('mouseenter.dropdown', (e) => {\n        e.preventDefault();\n        clearTimeout(this.timeout);\n        clearTimeout(this.closeTimeout);\n        clearTimeout(this.openTimeout);\n        this.openTimeout = setTimeout(() => {\n          this.open();\n        }, 100);\n      }, this.$el.parentElement);\n\n      this.$on('mouseleave.dropdown', (e) => {\n        const parent = this.$el.parentElement;\n        const inputInside = parent.querySelectorAll(this.SELECTORS.inputInside);\n        [...inputInside].forEach((el) => {\n          if (this.checkIfFocus(el)) {\n            anyFocus = true;\n          }\n        });\n\n        if (!anyFocus) {\n          e.preventDefault();\n          clearTimeout(this.timeout);\n          clearTimeout(this.openTimeout);\n          this.closeTimeout = setTimeout(() => {\n            this.close();\n          }, 100);\n        } else {\n          anyFocus = false;\n        }\n      }, this.$el.parentElement);\n    }\n  }\n\n  bindClick() {\n    this.$on('click.dropdown', (e) => {\n      if (e) {\n        e.preventDefault();\n      }\n\n      clearTimeout(this.timeout);\n      const isOpen = this.$el.parentElement.classList.contains(this.CLASSES.open);\n      if (isOpen) {\n        this.close();\n      } else {\n        this.open();\n      }\n    }, this.$el);\n  }\n\n  bindEvents() {\n    if (this.$options.handle === 'hover') {\n      this.bindHover();\n    }\n    if (this.$options.handle === 'click') {\n      this.bindClick();\n    }\n    if (this.$options.handle === 'all' || !this.$options.handle) {\n      this.bindClick();\n      this.bindHover();\n    }\n  }\n\n  checkIfFocus(el) {\n    return (el.form === (document.activeElement.form || null)) && (document.activeElement.localName === 'input');\n  }\n}\n"],"sourceRoot":""}