{"version":3,"sources":["webpack:///./src/client/default/js/components/backdropComponent.js","webpack:///./src/client/default/js/base/baseComponent.js"],"names":["backdropComponent","_BaseComponent","element","_this","_classCallCheck","_callSuper","body","document","_inherits","_createClass","key","get","_defineProperty","this","CUSTOM_MESSAGES","BACKDROP_EVENTS","animate","visible","storeLayerVisible","value","_ref2","action","name","$el","classList","add","CLASSES","remove","EMIT","STORE_SELECTION_SELECT_EVENTS","close","BaseComponent","_BaseGiaComponent","_componentElement","setAttribute","_checkMessages","compOptions","options","_objectSpread","dataset","Object","keys","filter","entry","includes","forEach","optionValue","cleanEntry","cleanOptionKey","JSON","parse","replace","convertType","deepFreeze","getAttribute","events","cb","arguments","length","undefined","elements","Bean","on","e","stopPropagation","one","off","fire","container","message","_loading","LOADER_EVENTS","show","_this2","error","icon","setTimeout","hide","option","optionReturn","str","concat","charAt","toLocaleLowerCase","slice","BaseGiaComponent"],"mappings":"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","file":"js/component-backdropComponent-js.chunks.js","sourcesContent":["import BaseComponent from '../base/baseComponent';\n\nexport default class backdropComponent extends BaseComponent {\n  get Messages() {\n    return {\n      [this.CUSTOM_MESSAGES.BACKDROP_EVENTS.animate]: this.animate\n    };\n  }\n\n  get CLASSES() {\n    return {\n      visible: 'is-visible',\n      storeLayerVisible: 'store-selection-on'\n    };\n  }\n\n  constructor(element) {\n    super(element);\n    this.body = document.body;\n  }\n\n  animate({ action }) {\n    if (action.name == 'open') {\n      this.$el.classList.add(this.CLASSES.visible);\n      this.body.classList.add(this.CLASSES.storeLayerVisible);\n    } else {\n      this.$el.classList.remove(this.CLASSES.visible);\n      this.body.classList.remove(this.CLASSES.storeLayerVisible);\n      this.EMIT(this.CUSTOM_MESSAGES.STORE_SELECTION_SELECT_EVENTS.close, {});\n    }\n  }\n}\n","/* eslint-disable new-cap */\n/* eslint-disable valid-jsdoc */\n/* eslint-disable no-underscore-dangle */\n\nimport Bean from 'bean';\nimport deepFreeze from '../utilities/freeze';\nimport BaseGiaComponent from './baseGiaComponent';\n\nexport default class BaseComponent extends BaseGiaComponent {\n  /**\n   * @returns {HTMLElement}\n   */\n  get $el() {\n    return /** @type {HTMLElement} */ (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      const cleanEntry = BaseComponent.cleanOptionKey(entry);\n      let optionValue;\n      if (options[entry].includes('{') && options[entry].includes('}')) {\n        optionValue = JSON.parse(options[entry].replace(/'/g, '\"'));\n      } else {\n        optionValue = BaseComponent.convertType(options[entry]);\n      }\n      compOptions[cleanEntry] = optionValue;\n    });\n    return deepFreeze(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(element);\n    this._componentElement = element;\n    this._componentElement.setAttribute('data-component-init', 'true');\n    this._checkMessages();\n  }\n\n  static convertType(option) {\n    let optionReturn;\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    return `${str.charAt(0).toLocaleLowerCase()}${str.slice(1)}`;\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   * Activate loader\n   *\n   * @param {HTMLElement} [container]\n   * @param {String} [message]\n   */\n  loading(container, message) {\n    this._loading = true;\n    this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.show, {\n      container: container || document.body,\n      message: message ?? null\n    });\n  }\n\n  /**\n   *\n   * Deactivate loader\n   *\n   * @param {HTMLElement} [container]\n   * @param {String} [message]\n   * @param {Boolean} [error=false]\n   * @param {String} [icon]\n   */\n  endLoading(container, message, error = false, icon) {\n    this._loading = false;\n    setTimeout(() => {\n      if (!this._loading) {\n        this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.hide, {\n          container: container || document.body,\n          message,\n          error,\n          icon\n        });\n      }\n    }, 400);\n  }\n}\n"],"sourceRoot":""}