{"version":3,"sources":["webpack:///./src/js/abstracts/BaseComponent.js","webpack:///./src/js/components/AccordionComponent.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","AccordionComponent","props","timeout","selectTabByUrl","handleClick","triggers","content","active","visible","hash","window","location","currentTarget","document","querySelector","querySelectorAll","SELECTORS","contents","closeOthers","open","Promise","resolve","reject","parent","parentElement","parentSiblings","children","el","index","classList","remove","CLASSES","setTimeout","length","targetContent","targetParent","contains","String","trigger","$on","preventDefault","clearTimeout","then"],"mappings":"2dAKqBA,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,mNCHtBC,E,YAenB,WAAYC,GAAO,0BACjB,4BAAMA,KACDC,QAAU,KACf,EAAKC,iBACL,EAAKC,cAJY,E,6DAbjB,MAAO,CACLC,SAAU,wBACVC,QAAS,2B,8BAKX,MAAO,CACLC,OAAQ,YACRC,QAAS,kB,mJAYHC,EAASC,OAAOC,SAAhBF,M,qBAEAG,EAAgBC,SAASC,cAAT,0BAA0CL,EAAK3C,QAAQ,IAAK,IAA5D,Q,uBAEduC,EAAWvD,KAAKG,IAAI8D,iBAAiBjE,KAAKkE,UAAUX,UACpDY,EAAWnE,KAAKG,IAAI8D,iBAAiBjE,KAAKkE,UAAUV,S,SACpDxD,KAAKoE,YAAYN,G,OACvB9D,KAAKqE,KAAKP,EAAeP,EAAUY,G,+HAS7BtE,GAAS,WACnB,OAAO,IAAIyE,SAAQ,SAACC,EAASC,GAC3B,IACE,IAAMC,EAAS5E,EAAQ6E,cACjBC,EAAiBF,EAAOC,cAAcE,SAE5C,IAAID,GAAgBjE,SAAQ,SAACmE,EAAIC,GAC3BD,IAAOJ,GAAQI,EAAGE,UAAUC,OAAO,EAAKC,QAAQvB,SACpDwB,YAAW,WACLL,IAAOJ,GAAQI,EAAGE,UAAUC,OAAO,EAAKC,QAAQxB,QAChDqB,IAAUH,EAAeQ,OAAS,GACpCZ,MAED,QAEL,MAAOpD,GACPqD,EAAOrD,S,2BAKR2C,EAAeP,EAAUY,GAAU,WAChCiB,EAAgBpF,KAAKG,IAAI6D,cAAT,WAA2BF,EAAcvC,aAAa,mBACtE8D,EAAevB,EAAcY,cAC7BjB,EAAS4B,EAAaN,UAAUO,SAAStF,KAAKiF,QAAQxB,QAE5DF,EAAS7C,SAAQ,SAAAmE,GAAE,OAAIA,EAAG9E,aAAa,gBAAiB,YACxDoE,EAASzD,SAAQ,SAAAmE,GAAE,OAAIA,EAAG9E,aAAa,cAAe,WAEtD+D,EAAc/D,aAAa,gBAAiBwF,QAAQ9B,IACpD2B,EAAcrF,aAAa,cAAewF,QAAQ9B,IAClD4B,EAAaN,UAAUtB,EAAS,SAAW,OAAOzD,KAAKiF,QAAQxB,QAE/DzD,KAAKoD,QAAU8B,YAAW,WACxBG,EAAaN,UAAUtB,EAAS,SAAW,OAAO,EAAKwB,QAAQvB,WAC9D,O,oCAGS,WACNH,EAAWvD,KAAKG,IAAI8D,iBAAiBjE,KAAKkE,UAAUX,UACpDY,EAAWnE,KAAKG,IAAI8D,iBAAiBjE,KAAKkE,UAAUV,SAE1DD,EAAS7C,SAAQ,SAAC8E,GAChB,EAAKC,IAAI,cAAc,SAACtE,GACtBA,EAAEuE,iBAD0B,IAEpB5B,EAAkB3C,EAAlB2C,cACR6B,aAAa,EAAKvC,SAClB,EAAKgB,YAAYN,GACd8B,MAAK,WACJ,EAAKvB,KAAKP,EAAeP,EAAUY,QAEtCqB,U,UA1FuC5F","file":"js/component-AccordionComponent-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 BaseComponent from '../abstracts/BaseComponent';\n\nexport default class AccordionComponent extends BaseComponent {\n  get SELECTORS() {\n    return {\n      triggers: '.js-accordion-trigger',\n      content: '.js-accordion-content'\n    };\n  }\n\n  get CLASSES() {\n    return {\n      active: 'is-active',\n      visible: 'is-visible'\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.timeout = null;\n    this.selectTabByUrl();\n    this.handleClick();\n  }\n\n  async selectTabByUrl() {\n    const { hash } = window.location;\n    if (hash) {\n      const currentTarget = document.querySelector(`[aria-controls=\"${hash.replace('#', '')}\"]`);\n      if (currentTarget) {\n        const triggers = this.$el.querySelectorAll(this.SELECTORS.triggers);\n        const contents = this.$el.querySelectorAll(this.SELECTORS.content);\n        await this.closeOthers(currentTarget);\n        this.open(currentTarget, triggers, contents);\n      }\n    }\n  }\n\n  /**\n   *\n   * @param {HTMLElement} element\n   */\n  closeOthers(element) {\n    return new Promise((resolve, reject) => {\n      try {\n        const parent = element.parentElement;\n        const parentSiblings = parent.parentElement.children;\n\n        [...parentSiblings].forEach((el, index) => {\n          if (el !== parent) el.classList.remove(this.CLASSES.visible);\n          setTimeout(() => {\n            if (el !== parent) el.classList.remove(this.CLASSES.active);\n            if (index === parentSiblings.length - 1) {\n              resolve();\n            }\n          }, 100);\n        });\n      } catch (e) {\n        reject(e);\n      }\n    });\n  }\n\n  open(currentTarget, triggers, contents) {\n    const targetContent = this.$el.querySelector(`#${currentTarget.getAttribute('aria-controls')}`);\n    const targetParent = currentTarget.parentElement;\n    const active = targetParent.classList.contains(this.CLASSES.active);\n\n    triggers.forEach(el => el.setAttribute('aria-expanded', 'false'));\n    contents.forEach(el => el.setAttribute('aria-hidden', 'true'));\n\n    currentTarget.setAttribute('aria-expanded', String(!active));\n    targetContent.setAttribute('aria-hidden', String(!active));\n    targetParent.classList[active ? 'remove' : 'add'](this.CLASSES.active);\n\n    this.timeout = setTimeout(() => {\n      targetParent.classList[active ? 'remove' : 'add'](this.CLASSES.visible);\n    }, 100);\n  }\n\n  handleClick() {\n    const triggers = this.$el.querySelectorAll(this.SELECTORS.triggers);\n    const contents = this.$el.querySelectorAll(this.SELECTORS.content);\n\n    triggers.forEach((trigger) => {\n      this.$on('click.tabs', (e) => {\n        e.preventDefault();\n        const { currentTarget } = e;\n        clearTimeout(this.timeout);\n        this.closeOthers(currentTarget)\n          .then(() => {\n            this.open(currentTarget, triggers, contents);\n          });\n      }, trigger);\n    });\n  }\n}\n"],"sourceRoot":""}