{"version":3,"file":"AbstractComparison.js","names":["AbstractComparison","a","setters","Component","default","deepMerge","comparisonStore","execute","constructor","element","options","arguments","length","selectedProducts","initStorageData","instanceId","initState","comparisonIdElement","closest","getAttribute","state","afterInit","dispatch","products","map","pid","syncProducts","get","storeUpdated","replaceProduct","previousPid","removeProduct","currentState","isSelectedProductsEqual","reload","getReloadData","params","comparisonId","Object","keys","forEach","index","some","item","includes"],"sources":["components/search/AbstractComparison.js"],"sourcesContent":["import Component from 'core/Component';\nimport { deepMerge } from 'toolbox/deepMerge';\nimport comparisonStore from 'stores/ComparisonStore';\n\n/**\n * This is a description of the AbstractComparison constructor function.\n * @class\n * @classdesc This is a description of the AbstractComparison class. (must be edited)\n * @extends Component\n */\nexport default class AbstractComparison extends Component {\n    /**\n     * Constructor of the class that mainly merge the options of the components\n     * @param {HTMLElement} element HTMLElement of the component\n     * @param {object} options options that belongs to the component\n     */\n    constructor(element, options = {}) {\n        super(element, deepMerge({\n            selectedProducts: [],\n            initStorageData: false, // if true, init storage with selected products\n            instanceId: null, // comparison id, to differentiate multiple comparison tables present\n            // on the page, if not passed can be taken from closest DOM element, \"default\" by default\n        }, options), comparisonStore);\n    }\n\n    /**\n     * Init the different state of the component\n     * It helps to avoid heavy DOM manipulation\n     */\n    initState() {\n        let { instanceId } = this.options;\n        if (!instanceId) {\n            const comparisonIdElement = this.element.closest('[data-comparison-id]');\n            if (comparisonIdElement) {\n                instanceId = comparisonIdElement.getAttribute('data-comparison-id');\n            }\n        }\n\n        this.state.instanceId = instanceId || 'default';\n    }\n\n    /**\n     * After init\n     * Set Initial data for the store\n     */\n    afterInit() {\n        if (this.options.initStorageData) {\n            comparisonStore.dispatch('init', {\n                products: this.options.selectedProducts.map(pid => ({ pid })),\n                instanceId: this.state.instanceId,\n            });\n        } else {\n            this.syncProducts(comparisonStore.get());\n        }\n    }\n\n    /**\n     * StoreUpdated Hook\n     * @param {Object} state new state\n     */\n    storeUpdated(state) {\n        this.syncProducts(state);\n    }\n\n    /**\n    * Replace product from previous to the new pid in the list of selected products\n    * @param {String} previousPid previous product id\n    * @param {String} pid new product id\n    */\n    replaceProduct(previousPid, pid) {\n        comparisonStore.dispatch('replaceProduct', {\n            previousPid,\n            pid,\n            instanceId: this.state.instanceId,\n        });\n    }\n\n    /**\n    * Remove product from list of selected products\n    * @param {String} pid selected product id\n    */\n    removeProduct(pid) {\n        comparisonStore.dispatch('removeProduct', {\n            pid,\n            instanceId: this.state.instanceId,\n        });\n    }\n\n    /**\n     * Synchronize products with store\n     * @param {Object} state new state\n     */\n    syncProducts(state) {\n        // check if selected products were changed\n        const currentState = state[this.state.instanceId];\n        if (currentState && !this.isSelectedProductsEqual(currentState.products)) {\n            this.reload(this.getReloadData(currentState.products));\n        }\n    }\n\n    /**\n     * Returns object with product ids\n     * @param {Array} products array of selected pids\n     * @returns {Object} object with selected pid\n     */\n    getReloadData(products) {\n        const params = {\n            comparisonId: this.state.instanceId,\n        };\n\n        Object.keys(products).forEach((index) => {\n            params[`pid_${index}`] = products[index] && products[index].pid;\n        });\n\n        return params;\n    }\n\n    /**\n     * Compare products from store with current state of component\n     * @param {Array} products array of products\n     * @returns {Boolean} true if products are same\n     */\n    isSelectedProductsEqual(products) {\n        if (this.options.selectedProducts.length !== products.length) {\n            return false;\n        }\n\n        return !products.some(item => !this.options.selectedProducts.includes(item.pid));\n    }\n}\n"],"mappings":"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","ignoreList":[]}