{"version":3,"file":"component-productZoom.chunk.js","mappings":"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","sources":["webpack:///./assets/src/scripts/base/baseComponent.ts","webpack:///./assets/src/scripts/base/commonInterface.ts","webpack:///./assets/src/scripts/components/productZoom.ts","webpack:///./assets/src/scripts/components/spinner.ts","webpack:///./assets/src/scripts/constants/styles.ts","webpack:///./assets/src/scripts/utils/focusableElementUtils.ts"],"sourcesContent":["import deepFreeze from '../utils/freeze';\nimport CommonInterface from './commonInterface';\nimport Bean from 'bean';\nexport default class BaseComponent extends CommonInterface {\n    /**\n     *\n     * constructor\n     *\n     * @param {Element} element\n     */\n    constructor(element) {\n        super();\n        this.observer = new IntersectionObserver(entries => {\n            if (entries[0].isIntersecting) {\n                const items = [...entries[0].target.querySelectorAll('[data-animated=\"false\"]')];\n                items.forEach((item, i) => {\n                    setTimeout(() => {\n                        item.setAttribute('data-animated', 'true');\n                    }, 300 * i);\n                });\n                this.observer.unobserve(entries[0].target);\n            }\n        }, {\n            threshold: 0.5\n        });\n        this._componentElement = element;\n        this._componentElement.setAttribute('data-component-init', 'true');\n        this.observer.observe(this._componentElement);\n    }\n    /**\n     * @returns {HTMLElement}\n     */\n    get $el() {\n        return this._componentElement;\n    }\n    get $options() {\n        const compOptions = {};\n        const options = Object.assign({}, 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            }\n            else {\n                optionValue = BaseComponent.convertType(options[entry]);\n            }\n            compOptions[cleanEntry] = optionValue;\n        });\n        return deepFreeze(compOptions);\n    }\n    get COMPONENT_NAME() {\n        return this.__proto__.constructor.name;\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        return optionReturn;\n    }\n    static cleanOptionKey(key) {\n        const str = key.replace('option', '');\n        return `${str.charAt(0).toLocaleLowerCase()}${str.slice(1)}`;\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)\n            return;\n        if (!elements) {\n            Bean.on(element, events, (e) => {\n                if (e)\n                    e.stopPropagation();\n                cb(e);\n            });\n        }\n        else {\n            Bean.on(element, events, elements, (e) => {\n                if (e)\n                    e.stopPropagation();\n                cb(e);\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     * $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     * $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     * @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     * @param {HTMLElement} [container]\n     * @param {String} [message]\n     * @param {String} [icon]\n     * @param {Boolean} [error=false]\n     */\n    endLoading(container, message, icon, error = false, time) {\n        this.EMIT(this.CUSTOM_MESSAGES.LOADER_EVENTS.hide, {\n            container: container || this.$el,\n            message,\n            icon,\n            error,\n            time\n        });\n    }\n}\n","import config from 'gia/config';\nimport EventBus from '../libs/eventBus';\nimport CustomMessages from '../constants/customMessages';\nimport { getFirstFocusable, getAllFocusableElements } from '../utils/focusableElementUtils';\nexport default class CommonInterface {\n    constructor() {\n        config.set('log', true);\n        this._grabMessages();\n    }\n    get CUSTOM_MESSAGES() {\n        return CustomMessages;\n    }\n    get Messages() {\n        return {};\n    }\n    _checkMessages() {\n        for (const message in this.Messages) {\n            if (window.eventQueue.get(message)) {\n                const ref = this.Messages[message].bind(this);\n                window.eventQueue.get(message).map((payload) => {\n                    ref(payload);\n                });\n                window.eventQueue.delete(message);\n            }\n        }\n    }\n    _grabMessages() {\n        this._messages = {};\n        for (const message in this.Messages) {\n            if (this.Messages[message]) {\n                const __ref__ = this.Messages[message].bind(this);\n                this._messages[message] = __ref__;\n                this.GRAB(message, __ref__);\n            }\n        }\n    }\n    _ungrabMessages() {\n        for (const message in this._messages) {\n            this.UNGRAB(message, this._messages[message]);\n        }\n    }\n    objectIsEmpty(object) {\n        for (var key in object) {\n            if (object.hasOwnProperty(key))\n                return false;\n        }\n        return true;\n    }\n    /**\n     *\n     * EMIT\n     *\n     * @param {string} message\n     * @param {Object} payload\n     */\n    EMIT(message, payload) {\n        return EventBus.emit(message, payload);\n    }\n    /**\n     *\n     * GRAB\n     *\n     * @param {string} message\n     * @param {Function} callBack\n     */\n    GRAB(message, callBack) {\n        if (!callBack)\n            return;\n        EventBus.on(message, callBack);\n    }\n    /**\n     *\n     * UNGRAB\n     *\n     * @param {string} message\n     * @param {Function} callBack\n     */\n    UNGRAB(message, callBack) {\n        if (!callBack)\n            return;\n        EventBus.off(message, callBack);\n    }\n    getFirstFocusable(parent) {\n        return getFirstFocusable(parent);\n    }\n    getFocusableElements(parent) {\n        return getAllFocusableElements(parent);\n    }\n    _destroy() {\n        this._ungrabMessages();\n    }\n}\n","import BaseComponent from '../base/baseComponent';\nimport customEventBus from '../libs/eventBus';\nimport { MQ } from '../constants/styles';\nimport spinner from './spinner';\nimport Swiper, { A11y, Navigation } from 'swiper';\n// import { throwStatement } from '@babel/types';\nSwiper.use([Navigation, A11y]);\nexport default class ProductZoom extends BaseComponent {\n    constructor(element) {\n        super(element);\n        this.build(element);\n    }\n    get CLASSES() {\n        return {\n            swiper: {\n                main: 'swiper',\n                list: 'swiper-wrapper',\n                slide: 'swiper-slide',\n            },\n        };\n    }\n    get SELECTORS() {\n        return {\n            context: '.product-zoom',\n        };\n    }\n    get OPTIONS() {\n        return {\n            swiper: {\n                slidesPerView: 'auto',\n                spaceBetween: 2,\n                speed: 4000,\n                resistance: true,\n                resistanceRatio: 0,\n                navigation: {\n                    nextEl: '.product-zoom-next',\n                    prevEl: '.product-zoom-prev',\n                },\n                a11y: {\n                    enabled: true,\n                },\n                on: {\n                    slideChangeTransitionEnd: () => {\n                        this.setSwiper();\n                    }\n                },\n            }\n        };\n    }\n    build(element) {\n        let timeout;\n        customEventBus.on('modal:show', (data) => {\n            if (data.modalId == 'modal-product-zoom' && !!window.matchMedia(`(min-width: ${MQ.tabletLandscape}px)`).matches) {\n                this.setSwiper();\n                window.addEventListener('resize', element.resizeListener = resizeListener => {\n                    clearTimeout(timeout);\n                    timeout = setTimeout(() => {\n                        this.setSwiper();\n                    }, 100);\n                });\n            }\n        });\n        customEventBus.on('modal:close', (data) => {\n            if (data.modalId == 'modal-product-zoom' && !!window.matchMedia(`(min-width: ${MQ.tabletLandscape}px)`).matches) {\n                if (this.swiper)\n                    this.swiper.slideTo(0, 0);\n                window.removeEventListener('resize', element.resizeListener);\n            }\n        });\n        customEventBus.on('PDPGallery:scrollTo', (data) => {\n            console.log('PDPGallery:scrollTo', data.index);\n            if (!!window.matchMedia(`(min-width: ${MQ.tabletLandscape}px)`).matches) {\n                // DESKTOP SCROLL TO IMAGE -------------------------------------\n                if (this.swiper)\n                    this.swiper.slideTo(data.index, 0);\n            }\n            else {\n                // MOBILE SCROLL TO IMAGE --------------------------------------\n                let images = this.$el.querySelectorAll('.product-zoom-item');\n                images[data.index].scrollIntoView();\n            }\n        });\n    }\n    setSwiper() {\n        if (!!window.matchMedia(`(min-width: ${MQ.tabletLandscape}px)`).matches) {\n            if (this.swiper) {\n                this.swiper.update();\n                // console.log('________ update', this.swiper.snapGrid);\n            }\n            else {\n                spinner.set();\n                this.swiper = new Swiper(this.$el, this.OPTIONS.swiper);\n                // console.log('________ new', this.swiper.snapGrid);\n                setTimeout(() => {\n                    this.setSwiper();\n                    spinner.unset();\n                }, 1000);\n            }\n        }\n        else {\n            if (this.swiper) {\n                this.swiper.destroy();\n                this.swiper = null;\n            }\n        }\n    }\n}\n","const spinner = {\n    set: () => {\n        spinner.unset();\n        document.body.insertAdjacentHTML('beforeend', `<div id=\"html-spinner\" class=\"spinner full visible\">\n      <span class=\"spinner__dot spinner__dot--string_light\"></span>\n      <span class=\"spinner__dot spinner__dot--string_dark\"></span>\n    </div>`);\n    },\n    unset: () => {\n        if (document.getElementById('html-spinner') !== null) {\n            document.getElementById('html-spinner').remove();\n        }\n    },\n};\nexport default spinner;\n","export const MQ = {\n    mobile: 0,\n    tabletPortrait: 768,\n    tabletLandscape: 1024,\n    desktop: 1280\n};\n","const focusableSelectors = 'button, [href]:not([aria-hidden=\"true\"]), input, select, textarea, [tabindex]:not([tabindex=\"-1\"]), [role=\"button\"]';\nexport const getFirstFocusable = (parent) => parent.querySelector(focusableSelectors);\nexport const getAllFocusableElements = (parent) => parent.querySelectorAll(focusableSelectors);\n"],"names":["BaseComponent","constructor","config","this","_grabMessages","CUSTOM_MESSAGES","Messages","_checkMessages","message","window","eventQueue","get","ref","bind","map","payload","delete","_messages","__ref__","GRAB","_ungrabMessages","UNGRAB","objectIsEmpty","object","key","hasOwnProperty","EMIT","callBack","getFirstFocusable","parent","getFocusableElements","_destroy","element","super","observer","IntersectionObserver","entries","isIntersecting","target","querySelectorAll","forEach","item","i","setTimeout","setAttribute","unobserve","threshold","_componentElement","observe","$el","$options","compOptions","options","Object","assign","dataset","keys","filter","entry","includes","cleanEntry","cleanOptionKey","optionValue","JSON","parse","replace","convertType","COMPONENT_NAME","__proto__","name","static","option","optionReturn","str","charAt","toLocaleLowerCase","slice","$on","events","cb","elements","e","stopPropagation","$one","$off","$fire","loading","container","LOADER_EVENTS","show","endLoading","icon","error","time","hide","ProductZoom","build","CLASSES","swiper","main","list","slide","SELECTORS","context","OPTIONS","slidesPerView","spaceBetween","speed","resistance","resistanceRatio","navigation","nextEl","prevEl","a11y","enabled","on","slideChangeTransitionEnd","setSwiper","timeout","data","modalId","matchMedia","MQ","matches","addEventListener","resizeListener","clearTimeout","slideTo","removeEventListener","console","log","index","scrollIntoView","update","destroy","spinner","set","unset","document","body","insertAdjacentHTML","getElementById","remove","mobile","tabletPortrait","tabletLandscape","desktop","focusableSelectors","querySelector","getAllFocusableElements"],"sourceRoot":""}