{"version":3,"sources":["webpack:///resources/js/src/app/components/item/VariationSelect.vue","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./node_modules/core-js/modules/es.object.entries.js","webpack:///./node_modules/core-js/modules/es.object.values.js","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?ea6c","webpack:///./resources/js/src/app/components/item/VariationSelect.vue","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?68f5","webpack:///./resources/js/src/app/components/item/VariationSelect.vue?65d9"],"names":[],"mappings":"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AACpD,iBAAiB,mBAAO,CAAC,iFAA0B;AACnD,sBAAsB,mBAAO,CAAC,6FAAgC;AAC9D,2BAA2B,mBAAO,CAAC,qHAA4C;;AAE/E,YAAY,kBAAkB;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AC/BA,QAAQ,mBAAO,CAAC,uEAAqB;AACrC,eAAe,mBAAO,CAAC,yFAA8B;;AAErD;AACA;AACA,GAAG,+BAA+B;AAClC;AACA;AACA;AACA,CAAC;;;;;;;;;;;;ACTD,QAAQ,mBAAO,CAAC,uEAAqB;AACrC,cAAc,mBAAO,CAAC,yFAA8B;;AAEpD;AACA;AACA,GAAG,+BAA+B;AAClC;AACA;AACA;AACA,CAAC;;;;;;;;;;;;;ACTD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,qBAAqB;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C;AAC1C,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C;AAC1C,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wCAAwC;AACxC,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA,oDAAoD,sBAAsB;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA,mCAAmC,mCAAmC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,4CAA4C,YAAY,cAAc,EAAE;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC;AACtC,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC;AACtC,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACvWA;AAAA;AAAA;AAAA;AAA8F;AAC3B;AACL;;;AAG9D;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,qFAAM;AACR,EAAE,0FAAM;AACR,EAAE,mGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAuM,CAAgB,mPAAG,EAAC,C;;;;;;;;;;;;ACA3N;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-13.js","sourcesContent":["<template>\n    <div v-if=\"!pconUrl\" class=\"row\">\n        <template v-if=\"attributes.length || (Object.keys(possibleUnits).length > 1 && isContentVisible)\">\n            <div class=\"col-12 single__variations-select\" v-for=\"attribute in attributes\"\n                :class=\"{ 'col-md-6': attribute.attributeId != 20 && attribute.attributeId != 120 && attribute.attributeId != 42 && attribute.attributeId != 43 }\">\n\n                <div class=\"position-relative\" ref=\"attributesContaner\" v-if=\"attribute.type === 'dropdown'\">\n                    <label class=\"single__variations-select-label\">{{ attribute.name }}</label>\n                    <select class=\"\" @change=\"selectAttribute(attribute.attributeId, $event.target.value)\">\n                        <option :value=\"null\" :selected=\"selectedAttributes[attribute.attributeId] === null\">{{\n                            $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</option>\n                        <option v-for=\"value in attribute.values\" :value=\"value.attributeValueId\"\n                            :key=\"value.attributeValueId\"\n                            :selected=\"value.attributeValueId === selectedAttributes[attribute.attributeId]\">\n                            <!-- :disabled=\"checkDisabled(value)\" -->\n                            <template v-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId)\">\n                                {{ value.name }}\n                            </template>\n                            <template\n                                v-else-if=\"isAttributeSelectionValid(attribute.attributeId, value.attributeValueId, false)\">\n                                {{ $translate(\"Ceres::Template.singleItemNotSalableAttribute\", { \"name\": value.name })\n                                }}\n                            </template>\n                            <template v-else>\n                                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": value.name }) }}\n                            </template>\n                        </option>\n                    </select>\n                    <svg height=\"7\" width=\"11\" class=\"single__select--up\">\n                        <use xlink:href=\"#svg_arrow\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                    </svg>\n                    <svg height=\"7\" width=\"11\" class=\"single__select--down\">\n                        <use xlink:href=\"#svg_arrow\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                    </svg>\n                </div>\n                <div v-else-if=\"attribute.type === 'box' || attribute.type === 'image'\">\n                    <span class=\"single__variations-select-label\">{{ attribute.name }}:</span>&nbsp;<b>{{\n                        getSelectedAttributeValueName(attribute) }}</b>\n                    <div class=\"v-s-boxes py-3\" :class=\"{ 'images': attribute.type === 'image' }\">\n\n                        <div class=\"v-s-box bg-white\" v-for=\"value in attribute.values\" :key=\"value.attributeValueId\"\n                            @click=\"selectAttribute(attribute.attributeId, value.attributeValueId)\"\n                            :class=\"{ 'active': value.attributeValueId === selectedAttributes[attribute.attributeId], 'invalid': !isAttributeSelectionValid(attribute.attributeId, value.attributeValueId) }\">\n                            <span class=\"mx-3\" v-if=\"attribute.type === 'box'\">{{ value.name }}</span>\n                            <img class=\"p-1\" v-else :src=\"value.imageUrl\" :alt=\"value.name\">\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"col-12 col-md-6 single__variations-select\" v-if=\"Object.keys(units).length > 1\">\n                <div class=\"position-relative\">\n                    <select class=\"\" @change=\"selectUnit($event.target.value)\">\n                        <option :value=\"null\">{{ $translate(\"Ceres::Template.singleItemContent\") }}</option>\n                        <option v-for=\"(unit, unitId) in units\" :value=\"unitId\"\n                            :selected=\"parseInt(unitId) === selectedUnit\">\n                            <template v-if=\"isUnitSelectionValid(unitId)\">\n                                {{ unit }}\n                            </template>\n                            <template v-else>\n                                {{ $translate(\"Ceres::Template.singleItemInvalidAttribute\", { \"name\": unit }) }}\n                            </template>\n                        </option>\n                    </select>\n                    <svg height=\"7\" width=\"11\" class=\"single__select--up\">\n                        <use xlink:href=\"#svg_arrow\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                    </svg>\n                    <svg height=\"7\" width=\"11\" class=\"single__select--down\">\n                        <use xlink:href=\"#svg_arrow\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                    </svg>\n                </div>\n            </div>\n            <!-- /units -->\n        </template>\n\n        <template v-else>\n            <slot></slot>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { textWidth } from \"ceres/app/helper/dom\";\nimport { isDefined, isNull, isNullOrUndefined } from \"ceres/app/helper/utils\";\n\nconst NotificationService = require(\"ceres/app/services/NotificationService\");\n\nexport default {\n\n    name: \"variation-select\",\n\n    props: {\n        forceContent:\n        {\n            type: Boolean,\n            default: false\n        },\n        itemData:\n        {\n            type: Object,\n            default: null\n        }\n    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data() {\n        return {\n            filteredVariationsCache: {},\n            lastContentCount: 0,\n            usedItemId: this.itemData !== null ? this.itemData.item.id : this.itemId\n        };\n    },\n\n    mounted() {\n        // initially check for valid selection and disable add to basket button\n        this.$store.commit(`${this.usedItemId}/variationSelect/setIsVariationSelected`, !!this.currentSelection);\n    },\n\n    computed:\n    {\n        currentVariation() {\n            return this.$store.getters[`${this.usedItemId}/currentItemVariation`];\n        },\n        pconUrl() {\n            let part1 = \"\"\n            for (let key in this.currentVariation.variationProperties) {\n                for (let key2 in this.currentVariation.variationProperties[key].properties) {\n                    if (this.currentVariation.variationProperties[key].properties[key2].id === 255) {\n                        part1 = this.currentVariation.variationProperties[key].properties[key2].values.value;\n                    }\n                }\n            }\n            if (part1 === \"\") {\n                return \"\";\n            } else if (this.isPreview) {\n                return \"https://ui.pcon-solutions.com/#GATEKEEPER_ID=65e6c3945d3b2&moc=NARFC&ban=DJT101&sid=QACTIVE&ovc=MG2012.FrameAndLegColour%3DA%3BMG2012.Columns%3D333%3BMG2012.MetalFeet%3DF%3BMG2012.PowerPlug%3DEU%3BMG2012.Button%3DUA&lang=de&sp=true&HOOK_URL=https://wbconnect.de/plenty/set-variation/10359\";\n            } else {\n                return part1 + this.itemId;\n            }\n        },\n\n        currentVariationSelect() {\n            return this.$store.state.items[this.usedItemId] && this.$store.state.items[this.usedItemId].variationSelect;\n        },\n\n        /**\n         * returns true if any variation has no attributes\n         */\n        hasEmptyOption() {\n            return this.variations.some(variation => !variation.attributes.length);\n        },\n\n        addPleaseSelectOption() {\n            return App.config.item.showPleaseSelect;\n        },\n\n        /**\n         * returns the variation, based on the selected attributes / unit\n         * returns false if there are none or multiple results\n         */\n        currentSelection() {\n            const filteredVariations = this.filterVariations(null, null, true);\n\n            if (filteredVariations.length === 1) {\n                return filteredVariations[0];\n            }\n\n            return false;\n        },\n\n        /**\n         * returns all units, selectable by current selection\n         * prop 'forceContent' with value true will return all units, without filtering\n         */\n        possibleUnits() {\n            const possibleUnits = {};\n            const variations = this.forceContent ? this.variations : this.filterVariations(null, null, null, true);\n\n            for (const variation of variations) {\n                possibleUnits[variation.unitCombinationId] = variation.unitName;\n            }\n\n            return possibleUnits;\n        },\n\n        possibleUnitCombinationIds() {\n            return this.transformPossibleUnits(this.possibleUnits).map(value => value[0]);\n        },\n\n        isContentVisible() {\n            return !this.forceContent && !!this.currentSelection || this.forceContent;\n        },\n\n        hasSelection() {\n            return !isNullOrUndefined(this.selectedAttributes) && !Object.values(this.selectedAttributes).some((value) => value < 0);\n        },\n\n        attributes() {\n            return this.currentVariationSelect && this.currentVariationSelect.attributes;\n        },\n\n        units() {\n            return this.currentVariationSelect && this.currentVariationSelect.units;\n        },\n\n        selectedAttributes() {\n            return this.currentVariationSelect && this.currentVariationSelect.selectedAttributes;\n        },\n\n        selectedUnit() {\n            return this.currentVariationSelect && this.currentVariationSelect.selectedUnit;\n        },\n\n        variations() {\n            if (this.itemData !== null) {\n                let cut = Object.entries(this.currentVariationSelect.variations).length / 2; // TODO: isaak fragen warum es hier doppelt ist\n                this.currentVariationSelect.variations.length = Object.entries(this.currentVariationSelect.variations).length;\n                let sliced = Array.prototype.slice.call(this.currentVariationSelect.variations, cut);\n\n                return sliced;\n            }\n            return this.currentVariationSelect && this.currentVariationSelect.variations;\n        }\n    },\n\n    methods:\n    {\n        /**\n         * select an attribute and check, if the selection is valid; if not, unsetInvalidSelection will be executed\n         * @param {number} attributeId\n         * @param {[number, string, null]} attributeValueId\n         */\n        selectAttribute(attributeId, attributeValueId) {\n            attributeValueId = parseInt(attributeValueId) || null;\n\n            if (this.selectedAttributes[attributeId] !== attributeValueId) {\n                this.$store.commit(`${this.usedItemId}/variationSelect/selectItemAttribute`, { attributeId, attributeValueId });\n                this.onSelectionChange(attributeId, attributeValueId, null);\n            }\n        },\n\n        checkDisabled(value) {\n            let _var;\n            // Test via for loop pro attribute\n            for (let key in this.currentVariationSelect.variations) {\n                for (let innerKey in this.currentVariationSelect.variations[key].attributes) {\n                    if (this.currentVariationSelect.variations[key].attributes[innerKey].attributeValueId === value.attributeValueId) {\n                        _var = this.currentVariationSelect.variations[key];\n                    }\n                }\n            }\n            // alt, aus dem forum\n            //let _var = (this.currentVariationSelect.variations.filter((variation) => variation.attributes[0] && variation.attributes[0].attributeValueId === value.attributeValueId)[0]);\n            if (typeof _var != \"undefined\") {\n                _var = _var.isSalable;\n            } else {\n                _var = false;\n            }\n            return !_var;\n        },\n\n        /**\n         * select a unit and check, if the selection is valid; if not, unsetInvalidSelection will be executed\n         * @param {[number, string]} unitId\n         */\n        selectUnit(unitId) {\n            unitId = parseInt(unitId);\n            this.$store.commit(`${this.usedItemId}/variationSelect/selectItemUnit`, unitId);\n            this.onSelectionChange(null, null, unitId);\n        },\n\n        onSelectionChange(attributeId, attributeValueId, unitId) {\n            if (!this.currentSelection) {\n                const closestVar = this.getClosestVariations(this.getQualifiedVariations(attributeId, attributeValueId, unitId));\n                if (closestVar[0].attributes.length) {\n                    let selectedAttributes = {};\n                    for (let key in closestVar[0].attributes) {\n                        if (closestVar[0].attributes.hasOwnProperty(key)) {\n                            selectedAttributes[closestVar[0].attributes[key][\"attributeId\"]] = closestVar[0].attributes[key][\"attributeValueId\"];\n                        }\n                    }\n                    this.$store.commit(`${this.usedItemId}/variationSelect/setItemSelectedAttributes`, selectedAttributes);\n                    this.setVariation(closestVar[0].variationId);\n                }\n            }\n            else if (this.currentSelection) {\n                this.setVariation(this.currentSelection.variationId);\n            }\n            else if (!this.hasSelection) {\n                // user switched back to \"please select\"\n                this.setVariation(0);\n            }\n            else {\n                this.unsetInvalidSelection(attributeId, attributeValueId, unitId);\n            }\n\n            this.lastContentCount = this.possibleUnitCombinationIds.length;\n        },\n\n        /**\n         * changes the selected attributes / unit, to ensure a valid seelction\n         * @param {[number, null]} attributeId\n         * @param {[number, null]} attributeValueId\n         * @param {[number, null]} unitId\n         */\n        unsetInvalidSelection(attributeId, attributeValueId, unitId) {\n            const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId, unitId);\n            const closestVariations = this.getClosestVariations(qualifiedVariations);\n\n            // if the salable 'closestVariations' is undefined, take the not-salable one\n            const closestVariation = closestVariations[0] || closestVariations[1];\n\n            if (!closestVariation) {\n                return;\n            }\n\n            const invalidSelection = this.getInvalidSelectionByVariation(closestVariation);\n\n            this.correctSelection(invalidSelection);\n        },\n\n        getTooltip(attribute, attributeValue) {\n            if (!this.isAttributeSelectionValid(attribute.attributeId, attributeValue.attributeValueId, true)) {\n                return this.getInvalidOptionTooltip(attribute.attributeId, attributeValue.attributeValueId);\n            }\n            else if (attribute.type === \"image\") {\n                return this.$translate(\"Ceres::Template.singleItemAttributeTooltip\", {\n                    attribute: attribute.name,\n                    value: attributeValue.name\n                });\n            }\n\n            return \"\";\n        },\n\n        /**\n         * returns a string for box tooltips, for not available options\n         * @param {number} attributeId\n         * @param {number} attributeValueId\n         */\n        getInvalidOptionTooltip(attributeId, attributeValueId) {\n            const qualifiedVariations = this.getQualifiedVariations(attributeId, attributeValueId);\n            const closestVariations = this.getClosestVariations(qualifiedVariations);\n\n            if (!closestVariations || closestVariations.length <= 0) {\n                return \"\";\n            }\n\n            const invalidSelections = [\n                !!closestVariations[0] ? this.getInvalidSelectionByVariation(closestVariations[0]) : null,\n                !!closestVariations[1] ? this.getInvalidSelectionByVariation(closestVariations[1]) : null\n            ];\n\n            if (!!invalidSelections[0]\n                && !!invalidSelections[1]\n                && invalidSelections[0].attributesToReset.length > invalidSelections[1].attributesToReset.length) {\n                // there is a non-salable variation with less changes\n                return this.$translate(\"Ceres::Template.singleItemNotSalable\");\n            }\n\n            const invalidSelection = invalidSelections[0] || invalidSelections[1];\n            const names = [];\n\n            for (const attribute of invalidSelection.attributesToReset) {\n                if (attribute.attributeId !== attributeId) {\n                    names.push(\"<b>\" + attribute.name + \"</b>\");\n                }\n            }\n            if (invalidSelection.newUnit) {\n                names.push(\n                    \"<b>\" + this.$translate(\"Ceres::Template.singleItemContent\") + \"</b>\"\n                );\n            }\n\n            if (!names.length) {\n                return null;\n            }\n\n            return this.$translate(\"Ceres::Template.singleItemNotAvailableInSelection\", { name: names.join(\", \") });\n        },\n\n        /**\n         * returns a list of variations, filtered by attribute or unit\n         * @param {[number, null]} attributeId\n         * @param {[number, null]} attributeValueId\n         * @param {[number, null]} unitId\n         */\n        getQualifiedVariations(attributeId, attributeValueId, unitId) {\n            if (isDefined(attributeValueId)) {\n                return this.variations.filter(variation => {\n                    return isDefined(variation.attributes.find(attribute =>\n                        attribute.attributeId === attributeId && attribute.attributeValueId === attributeValueId));\n                });\n            }\n            else if (isDefined(unitId)) {\n                return this.variations.filter(variation => variation.unitCombinationId === unitId);\n            }\n\n            return this.variations.filter(variation => !variation.attributes.length);\n        },\n\n        /**\n         * return a salable and a non-salable variation with the minimum number of changes on attributes compared to the current selection.\n         * @param {array} qualifiedVariations\n         */\n        getClosestVariations(qualifiedVariations) {\n            let closestSalableVariation, numberOfSalableChanges;\n            let closestNonSalableVariation, numberOfNonSalableChanges;\n\n            for (const variation of qualifiedVariations) {\n                let changes = 0;\n\n                if (variation.unitCombinationId !== this.selectedUnit && !isNull(this.selectedUnit)) {\n                    // changes++;\n                    // when the unit dropdown isn't visible, it should have a lower weight for reset investigations\n                    const unitWeight = this.possibleUnitCombinationIds.length > 1 && this.isContentVisible ? 0.9 : 0.1;\n\n                    changes += unitWeight;\n                }\n\n                for (const attribute of variation.attributes) {\n                    if (this.selectedAttributes[attribute.attributeId] !== attribute.attributeValueId) {\n                        changes++;\n                    }\n                }\n\n                if (variation.isSalable && (!numberOfSalableChanges || changes < numberOfSalableChanges)) {\n                    closestSalableVariation = variation;\n                    numberOfSalableChanges = changes;\n                }\n                else if (!variation.isSalable && (!numberOfNonSalableChanges || changes < numberOfNonSalableChanges)) {\n                    closestNonSalableVariation = variation;\n                    numberOfNonSalableChanges = changes;\n                }\n            }\n\n            return [closestSalableVariation, closestNonSalableVariation];\n        },\n\n        /**\n         * returns object with array 'attributesToReset' and newUnit. The attributesToReset contains all attributes, which are not matching with the given variation\n         * @param {object} variation\n         */\n        getInvalidSelectionByVariation(variation) {\n            const attributesToReset = [];\n            let newUnit = null;\n\n            for (let selectedAttributeId in this.selectedAttributes) {\n                selectedAttributeId = parseInt(selectedAttributeId);\n                const variationAttribute = variation.attributes.find(attribute => attribute.attributeId === selectedAttributeId);\n\n                if (!isNull(this.selectedAttributes[selectedAttributeId])) {\n                    if (variationAttribute && variationAttribute.attributeValueId !== this.selectedAttributes[selectedAttributeId] || !variationAttribute) {\n                        const attributeToReset = this.attributes.find(attr => attr.attributeId === selectedAttributeId);\n\n                        attributesToReset.push(attributeToReset);\n                    }\n                }\n            }\n\n            if (variation.unitCombinationId !== this.selectedUnit) {\n                newUnit = variation.unitCombinationId;\n            }\n\n            return { attributesToReset, newUnit };\n        },\n\n        /**\n         * resets all invalid attributes and change the unit, if required. Prints a message to the user if so.\n         * @param {object} invalidSelection\n         */\n        correctSelection(invalidSelection) {\n            const messages = [];\n            const attributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n            for (const attributeToReset of invalidSelection.attributesToReset) {\n                messages.push(\n                    this.$translate(\"Ceres::Template.singleItemNotAvailable\", { name: attributeToReset.name })\n                );\n\n                attributes[attributeToReset.attributeId] = (!this.hasEmptyOption && App.config.item.showPleaseSelect) ? -1 : null;\n            }\n\n            if (invalidSelection.newUnit) {\n                if (this.lastContentCount > 1 && this.possibleUnitCombinationIds.length > 1 && !isNull(this.selectedUnit)) {\n                    messages.push(\n                        this.$translate(\"Ceres::Template.singleItemNotAvailable\", {\n                            name:\n                                this.$translate(\"Ceres::Template.singleItemContent\")\n                        })\n                    );\n                }\n\n                this.$store.commit(`${this.usedItemId}/variationSelect/selectItemUnit`, invalidSelection.newUnit);\n            }\n\n            this.$store.commit(`${this.usedItemId}/variationSelect/setItemSelectedAttributes`, attributes);\n\n            this.setVariation(this.currentSelection ? this.currentSelection.variationId : 0);\n\n            NotificationService.warn(\n                messages.join(\"<br>\")\n            ).closeAfter(5000);\n        },\n\n        /**\n         * returns matching variations with current selection\n         * attributes and unitId could be filled, to check a specific selection\n         * @param {object} attributes\n         * @param {number} unitId\n         * @param {boolean} strict\n         */\n        filterVariations(attributes, unitId, strict, ignoreUnit) {\n            attributes = attributes || this.selectedAttributes;\n            unitId = unitId || this.selectedUnit;\n            strict = !!strict;\n            ignoreUnit = !!ignoreUnit;\n\n            const key = JSON.stringify(attributes) + \"_\" + unitId + \"_\" + strict + \"_\" + ignoreUnit;\n\n            if (isDefined(this.filteredVariationsCache[key])) {\n                return this.filteredVariationsCache[key];\n            }\n\n            const uniqueValues = [...new Set(Object.values(attributes))];\n            const isEmptyOptionSelected = uniqueValues.length === 1 && isNull(uniqueValues[0]);\n            const filteredVariations = this.variations.filter(variation => {\n                // the selected unit is not matching\n                if (!ignoreUnit && variation.unitCombinationId !== unitId) {\n                    return false;\n                }\n\n                // the variation has no attributes (only checked, if any attribute has a selected value); or the variation has attributes and empty option is selected\n                // requires more than 0 attributes\n                if (((!isEmptyOptionSelected && !variation.attributes.length) || (isEmptyOptionSelected && variation.attributes.length))\n                    && this.attributes.length > 0) {\n                    return false;\n                }\n\n                for (const attributeId in attributes) {\n                    const variationAttribute = variation.attributes.find(variationAttribute =>\n                        variationAttribute.attributeId === parseInt(attributeId));\n\n                    // an attribute is not matching with selection\n                    if (variationAttribute &&\n                        variationAttribute.attributeValueId !== attributes[attributeId] &&\n                        (strict || !strict && !isNull(attributes[attributeId]) && attributes[attributeId] !== -1)) {\n                        return false;\n                    }\n                }\n\n                return true;\n            });\n\n            this.filteredVariationsCache[key] = filteredVariations;\n\n            return filteredVariations;\n        },\n\n        /**\n         * returns true, if the selection with a new attribute value would be valid\n         * @param {number} attributeId\n         * @param {[number, string, null]} attributeValueId\n         * @param {boolean} filterSalableVariations\n         */\n        isAttributeSelectionValid(attributeId, attributeValueId, filterSalableVariations) {\n            attributeValueId = parseInt(attributeValueId) || null;\n            if (this.selectedAttributes[attributeId] === attributeValueId) {\n                return true;\n            }\n\n            const selectedAttributes = JSON.parse(JSON.stringify(this.selectedAttributes));\n\n            selectedAttributes[attributeId] = parseInt(attributeValueId) || null;\n\n            const ignoreUnit = !(Object.keys(this.possibleUnits).length > 1 && this.isContentVisible);\n            let variations = this.filterVariations(selectedAttributes, null, null, ignoreUnit);\n\n            if (filterSalableVariations) {\n                variations = variations.filter(variation => variation.isSalable)\n            }\n\n            return variations.length > 0;\n        },\n\n        /**\n         * returns true, if the selection with a new unitId would be valid\n         * @param {[number, string]} unitId\n         */\n        isUnitSelectionValid(unitId) {\n            unitId = parseInt(unitId);\n            if (this.selectedUnit === unitId) {\n                return true;\n            }\n\n            return this\n                .filterVariations(null, unitId)\n                .filter(variation => variation.isSalable)\n                .length > 0\n        },\n\n        /**\n         * dispatch vuex action 'loadVariation' to archive a variation\n         * dispatches a custom event named 'onVariationChanged'\n         * @param {[string, number, null]} variationId\n         */\n        setVariation(variationId) {\n            if (!isDefined(variationId) && this.currentSelection) {\n                variationId = this.currentSelection.variationId;\n            }\n\n            if (isDefined(variationId)) {\n                this.$store.dispatch(`${this.usedItemId}/loadVariation`, variationId).then(variation => {\n                    document.dispatchEvent(new CustomEvent(\"onVariationChanged\",\n                        {\n                            detail:\n                            {\n                                attributes: variation.attributes,\n                                documents: variation.documents,\n                                itemId: this.usedItemId\n                            }\n                        }));\n\n                    setTimeout(function () {\n                        window.dispatchEvent(new Event('resize'));\n                    }, 250);\n                });\n            }\n        },\n\n        isTextCut(content) {\n            if (this.$refs.attributesContaner) {\n                return textWidth(content, \"Custom-Font, Helvetica, Arial, sans-serif\") > this.$refs.attributesContaner[0].clientWidth;\n            }\n\n            return false;\n        },\n\n        getSelectedAttributeValueName(attribute) {\n            const selectedAttributeValueId = this.selectedAttributes[attribute.attributeId];\n            const selectedAttributeValue = attribute.values.find(attrValue => attrValue.attributeValueId === selectedAttributeValueId);\n\n            if (selectedAttributeValue) {\n                return selectedAttributeValue.name;\n            }\n            else if (App.config.item.showPleaseSelect && selectedAttributeValueId === -1) {\n                return this.$translate(\"Ceres::Template.singleItemPleaseSelect\");\n            }\n            return this.$translate(\"Ceres::Template.singleItemNoSelection\");\n        },\n\n        transformPossibleUnits(possibleUnits) {\n            return Object.entries(possibleUnits).sort((unitA, unitB) => {\n                unitA = this.splitUnitName(unitA[1]);\n                unitB = this.splitUnitName(unitB[1]);\n                // order by unit\n                if (unitA[1] < unitB[1]) {\n                    return -1;\n                }\n                if (unitA[1] > unitB[1]) {\n                    return 1;\n                }\n                // order by content (count)\n                if (unitA[0] < unitB[0]) {\n                    return -1;\n                }\n                if (unitA[0] > unitB[0]) {\n                    return 1;\n                }\n                return 0;\n            });\n        },\n        splitUnitName(unitName) {\n            const unitNameSplit = unitName.split(\" \");\n\n            if (!isNaN(unitNameSplit[0])) {\n                unitNameSplit[0] = unitNameSplit[0].replace(App.currencyPattern.separator_thousands, \"\");\n                unitNameSplit[0] = parseInt(unitNameSplit[0]);\n            }\n\n            return unitNameSplit;\n        }\n    },\n\n    watch:\n    {\n        currentSelection(value) {\n            this.$store.commit(`${this.usedItemId}/variationSelect/setIsVariationSelected`, !!value);\n        },\n        variations() {\n            // FIX unset variation cache after subsequent variations are loaded\n            this.filteredVariationsCache = {};\n        }\n    }\n}\n</script>\n","var DESCRIPTORS = require('../internals/descriptors');\nvar objectKeys = require('../internals/object-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar propertyIsEnumerable = require('../internals/object-property-is-enumerable').f;\n\n// `Object.{ entries, values }` methods implementation\nvar createMethod = function (TO_ENTRIES) {\n  return function (it) {\n    var O = toIndexedObject(it);\n    var keys = objectKeys(O);\n    var length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) {\n      key = keys[i++];\n      if (!DESCRIPTORS || propertyIsEnumerable.call(O, key)) {\n        result.push(TO_ENTRIES ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n\nmodule.exports = {\n  // `Object.entries` method\n  // https://tc39.github.io/ecma262/#sec-object.entries\n  entries: createMethod(true),\n  // `Object.values` method\n  // https://tc39.github.io/ecma262/#sec-object.values\n  values: createMethod(false)\n};\n","var $ = require('../internals/export');\nvar $entries = require('../internals/object-to-array').entries;\n\n// `Object.entries` method\n// https://tc39.github.io/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n  entries: function entries(O) {\n    return $entries(O);\n  }\n});\n","var $ = require('../internals/export');\nvar $values = require('../internals/object-to-array').values;\n\n// `Object.values` method\n// https://tc39.github.io/ecma262/#sec-object.values\n$({ target: 'Object', stat: true }, {\n  values: function values(O) {\n    return $values(O);\n  }\n});\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return !_vm.pconUrl\n    ? _c(\n        \"div\",\n        { staticClass: \"row\" },\n        [\n          _vm.attributes.length ||\n          (Object.keys(_vm.possibleUnits).length > 1 && _vm.isContentVisible)\n            ? [\n                _vm._l(_vm.attributes, function(attribute) {\n                  return _c(\n                    \"div\",\n                    {\n                      staticClass: \"col-12 single__variations-select\",\n                      class: {\n                        \"col-md-6\":\n                          attribute.attributeId != 20 &&\n                          attribute.attributeId != 120 &&\n                          attribute.attributeId != 42 &&\n                          attribute.attributeId != 43\n                      }\n                    },\n                    [\n                      attribute.type === \"dropdown\"\n                        ? _c(\n                            \"div\",\n                            {\n                              ref: \"attributesContaner\",\n                              refInFor: true,\n                              staticClass: \"position-relative\"\n                            },\n                            [\n                              _c(\n                                \"label\",\n                                {\n                                  staticClass: \"single__variations-select-label\"\n                                },\n                                [_vm._v(_vm._s(attribute.name))]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\n                                \"select\",\n                                {\n                                  on: {\n                                    change: function($event) {\n                                      return _vm.selectAttribute(\n                                        attribute.attributeId,\n                                        $event.target.value\n                                      )\n                                    }\n                                  }\n                                },\n                                [\n                                  _c(\n                                    \"option\",\n                                    {\n                                      domProps: {\n                                        value: null,\n                                        selected:\n                                          _vm.selectedAttributes[\n                                            attribute.attributeId\n                                          ] === null\n                                      }\n                                    },\n                                    [\n                                      _vm._v(\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Ceres::Template.singleItemPleaseSelect\"\n                                          )\n                                        )\n                                      )\n                                    ]\n                                  ),\n                                  _vm._v(\" \"),\n                                  _vm._l(attribute.values, function(value) {\n                                    return _c(\n                                      \"option\",\n                                      {\n                                        key: value.attributeValueId,\n                                        domProps: {\n                                          value: value.attributeValueId,\n                                          selected:\n                                            value.attributeValueId ===\n                                            _vm.selectedAttributes[\n                                              attribute.attributeId\n                                            ]\n                                        }\n                                      },\n                                      [\n                                        _vm.isAttributeSelectionValid(\n                                          attribute.attributeId,\n                                          value.attributeValueId\n                                        )\n                                          ? [\n                                              _vm._v(\n                                                \"\\n                            \" +\n                                                  _vm._s(value.name) +\n                                                  \"\\n                        \"\n                                              )\n                                            ]\n                                          : _vm.isAttributeSelectionValid(\n                                              attribute.attributeId,\n                                              value.attributeValueId,\n                                              false\n                                            )\n                                          ? [\n                                              _vm._v(\n                                                \"\\n                            \" +\n                                                  _vm._s(\n                                                    _vm.$translate(\n                                                      \"Ceres::Template.singleItemNotSalableAttribute\",\n                                                      { name: value.name }\n                                                    )\n                                                  ) +\n                                                  \"\\n                        \"\n                                              )\n                                            ]\n                                          : [\n                                              _vm._v(\n                                                \"\\n                            \" +\n                                                  _vm._s(\n                                                    _vm.$translate(\n                                                      \"Ceres::Template.singleItemInvalidAttribute\",\n                                                      { name: value.name }\n                                                    )\n                                                  ) +\n                                                  \"\\n                        \"\n                                              )\n                                            ]\n                                      ],\n                                      2\n                                    )\n                                  })\n                                ],\n                                2\n                              ),\n                              _vm._v(\" \"),\n                              _c(\n                                \"svg\",\n                                {\n                                  staticClass: \"single__select--up\",\n                                  attrs: { height: \"7\", width: \"11\" }\n                                },\n                                [\n                                  _c(\"use\", {\n                                    attrs: {\n                                      \"xlink:href\": \"#svg_arrow\",\n                                      \"xmlns:xlink\":\n                                        \"http://www.w3.org/1999/xlink\"\n                                    }\n                                  })\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\n                                \"svg\",\n                                {\n                                  staticClass: \"single__select--down\",\n                                  attrs: { height: \"7\", width: \"11\" }\n                                },\n                                [\n                                  _c(\"use\", {\n                                    attrs: {\n                                      \"xlink:href\": \"#svg_arrow\",\n                                      \"xmlns:xlink\":\n                                        \"http://www.w3.org/1999/xlink\"\n                                    }\n                                  })\n                                ]\n                              )\n                            ]\n                          )\n                        : attribute.type === \"box\" || attribute.type === \"image\"\n                        ? _c(\"div\", [\n                            _c(\n                              \"span\",\n                              {\n                                staticClass: \"single__variations-select-label\"\n                              },\n                              [_vm._v(_vm._s(attribute.name) + \":\")]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\"b\", [\n                              _vm._v(\n                                _vm._s(\n                                  _vm.getSelectedAttributeValueName(attribute)\n                                )\n                              )\n                            ]),\n                            _vm._v(\" \"),\n                            _c(\n                              \"div\",\n                              {\n                                staticClass: \"v-s-boxes py-3\",\n                                class: { images: attribute.type === \"image\" }\n                              },\n                              _vm._l(attribute.values, function(value) {\n                                return _c(\n                                  \"div\",\n                                  {\n                                    key: value.attributeValueId,\n                                    staticClass: \"v-s-box bg-white\",\n                                    class: {\n                                      active:\n                                        value.attributeValueId ===\n                                        _vm.selectedAttributes[\n                                          attribute.attributeId\n                                        ],\n                                      invalid: !_vm.isAttributeSelectionValid(\n                                        attribute.attributeId,\n                                        value.attributeValueId\n                                      )\n                                    },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.selectAttribute(\n                                          attribute.attributeId,\n                                          value.attributeValueId\n                                        )\n                                      }\n                                    }\n                                  },\n                                  [\n                                    attribute.type === \"box\"\n                                      ? _c(\"span\", { staticClass: \"mx-3\" }, [\n                                          _vm._v(_vm._s(value.name))\n                                        ])\n                                      : _c(\"img\", {\n                                          staticClass: \"p-1\",\n                                          attrs: {\n                                            src: value.imageUrl,\n                                            alt: value.name\n                                          }\n                                        })\n                                  ]\n                                )\n                              }),\n                              0\n                            )\n                          ])\n                        : _vm._e()\n                    ]\n                  )\n                }),\n                _vm._v(\" \"),\n                Object.keys(_vm.units).length > 1\n                  ? _c(\n                      \"div\",\n                      {\n                        staticClass: \"col-12 col-md-6 single__variations-select\"\n                      },\n                      [\n                        _c(\"div\", { staticClass: \"position-relative\" }, [\n                          _c(\n                            \"select\",\n                            {\n                              on: {\n                                change: function($event) {\n                                  return _vm.selectUnit($event.target.value)\n                                }\n                              }\n                            },\n                            [\n                              _c(\"option\", { domProps: { value: null } }, [\n                                _vm._v(\n                                  _vm._s(\n                                    _vm.$translate(\n                                      \"Ceres::Template.singleItemContent\"\n                                    )\n                                  )\n                                )\n                              ]),\n                              _vm._v(\" \"),\n                              _vm._l(_vm.units, function(unit, unitId) {\n                                return _c(\n                                  \"option\",\n                                  {\n                                    domProps: {\n                                      value: unitId,\n                                      selected:\n                                        parseInt(unitId) === _vm.selectedUnit\n                                    }\n                                  },\n                                  [\n                                    _vm.isUnitSelectionValid(unitId)\n                                      ? [\n                                          _vm._v(\n                                            \"\\n                            \" +\n                                              _vm._s(unit) +\n                                              \"\\n                        \"\n                                          )\n                                        ]\n                                      : [\n                                          _vm._v(\n                                            \"\\n                            \" +\n                                              _vm._s(\n                                                _vm.$translate(\n                                                  \"Ceres::Template.singleItemInvalidAttribute\",\n                                                  { name: unit }\n                                                )\n                                              ) +\n                                              \"\\n                        \"\n                                          )\n                                        ]\n                                  ],\n                                  2\n                                )\n                              })\n                            ],\n                            2\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"svg\",\n                            {\n                              staticClass: \"single__select--up\",\n                              attrs: { height: \"7\", width: \"11\" }\n                            },\n                            [\n                              _c(\"use\", {\n                                attrs: {\n                                  \"xlink:href\": \"#svg_arrow\",\n                                  \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\"\n                                }\n                              })\n                            ]\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"svg\",\n                            {\n                              staticClass: \"single__select--down\",\n                              attrs: { height: \"7\", width: \"11\" }\n                            },\n                            [\n                              _c(\"use\", {\n                                attrs: {\n                                  \"xlink:href\": \"#svg_arrow\",\n                                  \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\"\n                                }\n                              })\n                            ]\n                          )\n                        ])\n                      ]\n                    )\n                  : _vm._e()\n              ]\n            : [_vm._t(\"default\")]\n        ],\n        2\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./VariationSelect.vue?vue&type=template&id=4a939d05&\"\nimport script from \"./VariationSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./VariationSelect.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/fhartwig/Sites/pp-weberbuero/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('4a939d05')) {\n      api.createRecord('4a939d05', component.options)\n    } else {\n      api.reload('4a939d05', component.options)\n    }\n    module.hot.accept(\"./VariationSelect.vue?vue&type=template&id=4a939d05&\", function () {\n      api.rerender('4a939d05', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/VariationSelect.vue\"\nexport default component.exports","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationSelect.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationSelect.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationSelect.vue?vue&type=template&id=4a939d05&\""],"sourceRoot":""}