{"version":3,"sources":["webpack:///./src/js/components/SearchComponent.js","webpack:///./src/js/abstracts/BaseComponent.js"],"names":["SearchComponent","element","handleFocus","handleBtnClick","this","CUSTOM_MESSAGES","INPAGE_LAYER_EVENTS","close","onfocus","info","steps","btn","input","wrap","searchLayer","animate","visible","document","querySelector","SELECTORS","classList","contains","remove","match","$on","e","preventDefault","add","CLASSES","timeout","setTimeout","value","type","parentElement","BaseComponent","_componentElement","setAttribute","compOptions","options","$el","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","LOADER_EVENTS","show","icon","hide","option","optionReturn","Number","key","str","charAt","toLocaleLowerCase","slice","CommonInterface"],"mappings":"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","file":"js/component-SearchComponent-js.chunks.js","sourcesContent":["import { match } from '../utilities/ResolutionHandler';\nimport BaseComponent from '../abstracts/BaseComponent';\n\nexport default class SearchComponent extends BaseComponent {\n  get Messages() {\n    return {\n      [this.CUSTOM_MESSAGES.INPAGE_LAYER_EVENTS.close]: this.close\n    };\n  }\n\n  get SELECTORS() {\n    return {\n      onfocus: '.js-on-focus',\n      info: '.js-info',\n      steps: '.js-steps-search',\n      btn: '.js-action',\n      input: 'input[name=\"searchQuery\"]',\n      wrap: '.js-wrap-search-type',\n      searchLayer: '.js-in-page-layer'\n    };\n  }\n\n  get CLASSES() {\n    return {\n      animate: 'animate',\n      visible: 'visible',\n      close: 'close'\n    };\n  }\n\n  constructor(element) {\n    super(element);\n    this.handleFocus();\n    this.handleBtnClick();\n  }\n\n  close() {\n    const searchLayer = document.querySelector(this.SELECTORS.searchLayer);\n    if (searchLayer.classList.contains('expanded')) {\n      searchLayer.classList.remove('expanded');\n    }\n  }\n\n  handleFocus() {\n    const input = document.querySelector(this.SELECTORS.input);\n    const info = document.querySelector(this.SELECTORS.info);\n    const steps = document.querySelector(this.SELECTORS.steps);\n    const wrap = document.querySelector(this.SELECTORS.wrap);\n    const searchLayer = document.querySelector(this.SELECTORS.searchLayer);\n\n    if (match('large', null) && searchLayer && !searchLayer.classList.contains('expanded')) {\n      this.$on('click.search', (e) => {\n        e.preventDefault();\n        searchLayer.classList.add('expanded');\n        wrap.classList.add(this.CLASSES.visible);\n      }, searchLayer);\n    }\n\n    this.$on('focus.search', (e) => {\n      if (info && steps) {\n        if (match('large', null)) {\n          searchLayer.classList.add('expanded');\n          wrap.classList.add(this.CLASSES.visible);\n        }\n        steps.classList.remove(this.CLASSES.visible);\n        this.timeout = setTimeout(() => {\n          info.classList.add(this.CLASSES.visible);\n        }, 300);\n      }\n    }, input);\n\n    this.$on('blur.search', () => {\n      if (info && steps) {\n        info.classList.remove(this.CLASSES.visible);\n        this.timeout = setTimeout(() => {\n          steps.classList.add(this.CLASSES.visible);\n        }, 300);\n      }\n    }, input);\n  }\n\n  handleBtnClick() {\n    const btn = document.querySelector(this.SELECTORS.btn);\n    const input = document.querySelector(this.SELECTORS.input);\n    this.$on('click.search', () => {\n      if (btn.classList.contains(this.CLASSES.close)) {\n        btn.classList.remove(this.CLASSES.close);\n        input.value = '';\n        btn.type = 'submit';\n        input.parentElement.classList.remove('floatl--active');\n      }\n    }, btn);\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":""}