{"version":3,"sources":["webpack:///./src/client/default/js/components/mobileMenuComponent.js","webpack:///./src/client/default/js/base/baseComponent.js"],"names":["MobileMenuComponent","element","setState","open","$options","isMobileApp","$on","e","preventDefault","appPostMessage","action","state","this","CUSTOM_MESSAGES","BREAKPOINTER","BREAKPOINT_CHANGE","close","MOBILE_MENU","CLOSE","changes","$el","classList","toggle","header","document","querySelector","EMIT","INTERACTION","PUSH","id","bind","BODY","TOGGLE_OVERLAY","scroll","body","add","ariaLabel","remove","TOGGLE_SCROLL","REMOVE","BaseComponent","_componentElement","setAttribute","_checkMessages","compOptions","options","dataset","Object","keys","filter","entry","includes","forEach","optionValue","cleanEntry","cleanOptionKey","JSON","parse","replace","convertType","deepFreeze","getAttribute","events","cb","elements","Bean","on","stopPropagation","one","off","fire","container","message","_loading","LOADER_EVENTS","show","error","icon","setTimeout","hide","option","optionReturn","key","str","charAt","toLocaleLowerCase","slice","BaseGiaComponent"],"mappings":"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","file":"js/component-mobileMenuComponent-js.chunks.js","sourcesContent":["import BaseComponent from '../base/baseComponent';\nimport { appPostMessage } from '../utilities/postMessage';\nexport default class MobileMenuComponent extends BaseComponent {\n  constructor(element) {\n    super(element);\n    this.setState({ open: false });\n    var isMobileApp = this.$options.isMobileApp;\n\n    if (isMobileApp) {\n      this.$on('click', (e) => {\n        e.preventDefault();\n        appPostMessage({ action: 'SHOW_MENU' });\n      });\n    } else {\n      this.$on('click', () => this.setState({ open: !this.state.open }));\n    }\n  }\n  get Messages() {\n    return {\n      [this.CUSTOM_MESSAGES.BREAKPOINTER.BREAKPOINT_CHANGE]: this.close,\n      [this.CUSTOM_MESSAGES.MOBILE_MENU.CLOSE]: this.close\n    };\n  }\n\n  close() {\n    this.setState({ open: false });\n  }\n  stateChange(changes) {\n    if ('open' in changes) {\n      this.$el.classList.toggle('hamburger--active', changes.open);\n      this.header = document.querySelector('.header');\n      this.header.classList.toggle('header--mobilemenu', changes.open);\n      if (changes.open) {\n        this.EMIT(this.CUSTOM_MESSAGES.INTERACTION.PUSH, { id: 'mobileMenuComponent 2', close: this.close.bind(this) });\n        this.EMIT(this.CUSTOM_MESSAGES.BODY.TOGGLE_OVERLAY, { scroll: false });\n        document.body.classList.add('menu-in');\n        this.$el.ariaLabel = 'Chiudi';\n      } else {\n        this.$el.ariaLabel = 'Menu';\n        document.body.classList.remove('menu-in');\n        this.EMIT(this.CUSTOM_MESSAGES.BODY.TOGGLE_SCROLL, {});\n      }\n    } else {\n      this.EMIT(this.CUSTOM_MESSAGES.INTERACTION.REMOVE, {});\n      this.EMIT(this.CUSTOM_MESSAGES.BODY.TOGGLE_OVERLAY, {});\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":""}