{"version":3,"sources":["webpack:///./node_modules/Ceres/resources/js/src/app/mixins/buttonSizeProperty.mixin.js","webpack:///resources/js/src/app/components/basket/AddToBasket.vue","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue?4bec","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue?6a66","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue?8258"],"names":["BUTTON_SIZES","LEGACY_CLASS_MAP","ButtonSizePropertyMixin","props","buttonSize","type","String","default","validator","value","Object","keys","indexOf","computed","buttonSizeClass","hasOwnProperty"],"mappings":"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A;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WALA;AAMA;AAGA;AACA;AAjJA,GAvOA;AA4XA,SACA;AACA,YADA,oBACA,KADA,EACA;AACA;AACA;AACA;AACA;AACA,KANA;AAQA,0BARA,kCAQA,KARA,EAQA;AACA;AACA;AACA;AACA,KAZA;AAcA,gBAdA,wBAcA,KAdA,EAcA;AACA;AACA;AACA;AACA;AAlBA;AA7XA;;AAmZA;AACA;AACA;AAEA;AACA;AACA;;AAEA,4CACA,kGADA,IAEA,iDAFA,EAEA;AACA;AACA;;AAEA;AAEA;AACA,+BADA;AAEA,gCAFA;AAGA,iCAHA;AAIA;AAJA;AAMA;AACA,GAnBA;AAqBA;AACA,4BADA;AAEA;AAFA;AAIA,C;;;;;;;;;;;;AC/gBA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,wCAAwC;AAClE;AACA,oBAAoB,qCAAqC;AACzD;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA,sBAAsB;AACtB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,wCAAwC;AAClE;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA,2BAA2B,yCAAyC;AACpE;AACA;AACA,qBAAqB,0CAA0C;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA,qCAAqC,SAAS,4BAA4B,EAAE;AAC5E;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA,kCAAkC,2CAA2C;AAC7E;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,0CAA0C;AAC1C,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,SAAS,4BAA4B,EAAE;AAC1E;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,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,yBAAyB;AACzB;AACA,qCAAqC,SAAS,4BAA4B,EAAE;AAC5E;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,yCAAyC;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,kCAAkC,+BAA+B,EAAE;AAC9E;AACA;AACA;AACA;AACA;AACA,wBAAwB;AACxB,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,qCAAqC;AACrE,gCAAgC,iBAAiB;AACjD;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,iBAAiB;AACjD;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA,kCAAkC;AAClC,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACvWA;AAAA;AAAA;AAAA;AAA0F;AAC3B;AACL;;;AAG1D;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,iFAAM;AACR,EAAE,sFAAM;AACR,EAAE,+FAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAmM,CAAgB,+OAAG,EAAC,C;;;;;;;;;;;;ACAvN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-2.js","sourcesContent":["const BUTTON_SIZES = [\"btn-sm\", \"btn-lg\"];\n\nconst LEGACY_CLASS_MAP = {\n    \"sm\": \"btn-sm\",\n    \"md\": \"\",\n    \"lg\": \"btn-lg\"\n};\n\nexport const ButtonSizePropertyMixin =\n{\n    props: {\n        buttonSize:\n        {\n            type: [String, null],\n            default: null,\n            validator: value =>\n            {\n                return [\n                    \"\",\n                    ...BUTTON_SIZES,\n                    ...Object.keys(LEGACY_CLASS_MAP)\n                ].indexOf(value) !== -1;\n            }\n        }\n    },\n\n    computed: {\n        buttonSizeClass()\n        {\n            if (LEGACY_CLASS_MAP.hasOwnProperty(this.buttonSize))\n            {\n                return LEGACY_CLASS_MAP[this.buttonSize];\n            }\n\n            return this.buttonSize;\n        }\n    }\n};\n","<template>\n    <div>\n        <div :class=\"{ 'no-pointer-events': isLoading }\" class=\"add-to-basket-lg-container d-none d-lg-block\"\n            v-if=\"!showQuantity && useLargeScale && canBeAddedToBasket\" v-tooltip data-toggle=\"tooltip\"\n            data-placement=\"top\" :title=\"$translate('Ceres::Template.singleItemAddToBasket')\" @click=\"addToBasket()\">\n            <icon icon=\"cart-plus\" class=\"fa-lg mobile-icon-right\" :loading=\"isLoading\"></icon>\n        </div>\n\n        <div class=\"add-to-basket-lg-container d-none d-lg-block\"\n            v-if=\"!showQuantity && useLargeScale && !canBeAddedToBasket\" v-tooltip data-toggle=\"tooltip\"\n            data-placement=\"top\" :title=\"$translate('Ceres::Template.itemShowItem')\" @click=\"directToItem()\">\n            <i class=\"fa fa-arrow-right fa-lg d-none d-sm-block\"></i>\n        </div>\n\n        <div class=\"d-inline single__add-to-basket\" @mouseover=\"checkForEmptySelects()\"\n            v-if=\"showQuantity && !useLargeScale\" :class=\"{ 'd-lg-none': !$ceres.isItemView && origin !== 'category' }\">\n            <div v-if=\"!isOverlay || (isOverlay && canBeAddedToBasket)\" class=\"add-to-basket-container\">\n                <div class=\"quantity-input-container\">\n                    <quantity-input :value=\"quantity\" @quantity-change=\"updateQuantity\"\n                        @out-of-stock=\"handleButtonState\" :timeout=\"0\" :min=\"minimumQuantity\" :max=\"maximumQuantity\"\n                        :interval=\"intervalQuantity\" :variation-id=\"variationId\"\n                        :waiting=\"isLoading || !isSalable || !allVariationsSelected\">\n                    </quantity-input>\n                </div>\n\n                <button v-if=\"!allVariationsSelected || !isSalable || emptySelects || !canBeAddedToBasket\"\n                    class=\"disabled single__add-to-basket-btn\" v-tooltip data-toggle=\"tooltip\" data-placement=\"top\"\n                    @click=\"focusDefaultSelect()\" :title=\"tooltipText\" :class=\"buttonClasses\"\n                    :style=\"paddingInlineStyles\">\n                    <svg width=\"20\" height=\"16\">\n                        <use xlink:href=\"#svg_basket\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                    </svg>\n                    {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n                </button>\n                <button v-else-if=\"!buttonLockState && !emptySelects\" :disabled=\"isLoading || !hasPrice\"\n                    class=\"single__add-to-basket-btn\" @click=\"addToBasket()\"\n                    :class=\"{ buttonClasses, 'bg-dark': itemAdded && isOverlay }\" :style=\"paddingInlineStyles\">\n                    <template v-if=\"isOverlay && itemAdded\">\n                        <i class=\"fa fa-check\" aria-hidden=\"true\"></i>\n                        {{ $translate(\"Weberbuero::Template.inBasket\") }}\n                    </template>\n\n                    <template v-else>\n                        <svg width=\"20\" height=\"16\">\n                            <use xlink:href=\"#svg_basket\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                        </svg>\n                        {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n                    </template>\n                </button>\n                <button v-else class=\"single__add-to-basket-btn disabled\" v-tooltip data-toggle=\"tooltip\"\n                    data-placement=\"top\"\n                    :title=\"'Ceres::Template.singleItemQuantityMax' | translate({ max: maximumQuantity })\"\n                    :class=\"buttonClasses\" :style=\"paddingInlineStyles\">\n                    <svg width=\"20\" height=\"16\">\n                        <use xlink:href=\"#svg_basket\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                    </svg>\n                    {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n                </button>\n            </div>\n\n            <div v-else class=\"add-to-basket-container\">\n                <button class=\"single__add-to-basket-btn single__add-to-basket-btn--show-item\" @click=\"directToItem()\"\n                    :class=\"{ buttonClasses, 'bg-dark': itemAdded && isOverlay }\" :style=\"paddingInlineStyles\">\n                    {{ $translate(\"Ceres::Template.itemShowItem\") }}\n                </button>\n            </div>\n        </div>\n\n        <div class=\"d-inline\" v-if=\"!showQuantity && !useLargeScale\" :class=\"{ 'd-lg-none': !isWishList }\">\n            <div class=\"btn-group\" role=\"group\" aria-label=\"Thumb Control\">\n                <button type=\"button\" :class=\"{ 'no-pointer-events': isLoading }\" v-if=\"canBeAddedToBasket\"\n                    class=\"btn btn-primary btn-appearance mobile-width-button\" @click=\"addToBasket()\">\n                    <icon icon=\"shopping-cart\" class=\"fa-lg mobile-icon-right\" :loading=\"isLoading\"></icon>\n                    {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n                </button>\n                <button type=\"button\" v-else class=\"btn btn-primary btn-appearance mobile-width-button\"\n                    @click=\"directToItem()\">\n                    <i class=\"fa fa-arrow-right fa-lg d-none d-sm-block\" aria-hidden=\"true\"></i>\n                    {{ $translate(\"Ceres::Template.itemShowItem\") }}\n                </button>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ExceptionMap from \"ceres/app/exceptions/ExceptionMap\";\nimport { navigateTo } from \"ceres/app/services/UrlService\";\nimport { isNullOrUndefined, isDefined } from \"ceres/app/helper/utils\";\nimport { mapState } from \"vuex\";\nimport { ButtonSizePropertyMixin } from \"ceres/app/mixins/buttonSizeProperty.mixin\";\nimport QuantityInput from \"../item/QuantityInput.vue\";\n\nconst NotificationService = require(\"ceres/app/services/NotificationService\");\n\nexport default {\n    name: \"add-to-basket\",\n\n    mixins: [ButtonSizePropertyMixin],\n\n    components:\n    {\n        QuantityInput\n    },\n\n    props:\n    {\n        itemUrl: String,\n        showQuantity:\n        {\n            type: Boolean,\n            default: false\n        },\n        useLargeScale:\n        {\n            type: Boolean,\n            default: false\n        },\n        variationId:\n        {\n            type: Number\n        },\n        isSalable:\n        {\n            type: Boolean,\n            default: false\n        },\n        hasChildren:\n        {\n            type: Boolean,\n            default: false\n        },\n        intervalQuantity:\n        {\n            type: Number,\n            default: 1\n        },\n        minimumQuantity:\n        {\n            type: Number,\n            default: 0\n        },\n        maximumQuantity:\n        {\n            type: Number,\n            default: null\n        },\n        orderProperties:\n        {\n            type: Array,\n            default: () => []\n        },\n        hasOrderProperties:\n        {\n            type: Boolean,\n            default: false\n        },\n        hasRequiredOrderProperty:\n        {\n            type: Boolean,\n            default: false\n        },\n        hasPrice:\n        {\n            type: Boolean,\n            default: true\n        },\n        hasGraduatedPrice:\n        {\n            type: Boolean,\n            default: false\n        },\n        paddingClasses:\n        {\n            type: String,\n            default: null\n        },\n        paddingInlineStyles:\n        {\n            type: String,\n            default: null\n        },\n        isWishList:\n        {\n            type: Boolean,\n            default: false\n        },\n        propQuantity:\n        {\n            type: Number,\n            default: null\n        },\n        itemType:\n        {\n            type: String,\n            default: null\n        },\n        focusSelect: {\n            type: Boolean,\n            default: false\n        },\n        itemData:\n        {\n            type: Object,\n            default: null\n        },\n        origin: {\n            type: String,\n            default: \"item\"\n        },\n        isOverlay: Boolean,\n    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    created() {\n        if (this.itemId === null && this.itemData !== null) {\n            this.usedItemId = this.itemData.item.id;\n        } else {\n            this.usedItemId = this.itemId;\n        }\n    },\n\n    computed:\n    {\n        isSet() {\n            return (\n                this.$store.state.items[this.usedItemId]\n                && this.$store.state.items[this.usedItemId].variation\n                && this.$store.state.items[this.usedItemId].variation.documents[0].data.item.itemType === \"set\"\n            ) || this.itemType === \"set\";\n        },\n\n        canBeAddedToBasket() {\n            return this.isSalable &&\n                !this.hasChildren &&\n                !(this.minimumQuantity != 1 || this.intervalQuantity != 1) &&\n                !this.requiresProperties &&\n                this.hasPrice &&\n                !this.hasGraduatedPrice &&\n                !this.isSet;\n        },\n\n        requiresProperties() {\n            return (App.config.item.requireOrderProperties &&\n                (this.hasOrderProperties || this.orderProperties.filter(property => property.property.isShownOnItemPage).length > 0)) ||\n                this.hasRequiredOrderProperty;\n        },\n\n        buttonClasses() {\n            const classes = [];\n\n            if (isDefined(this.buttonSizeClass)) {\n                classes.push(this.buttonSizeClass);\n            }\n\n            if (isDefined(this.paddingClasses)) {\n                classes.push(this.paddingClasses.split(\" \"));\n            }\n\n            return classes;\n        },\n\n        tooltipText() {\n            if (this.hasAvailableVariations) {\n                return this.$translate(\"Ceres::Template.singleItemPleaseSelectValidVariation\");\n            }\n            else {\n                return this.$translate(\"Ceres::Template.singleItemPleaseSelectNotAvailable\");\n            }\n        },\n\n        variationOrderQuantity() {\n            return this.$store.state.items[this.usedItemId] && this.$store.state.items[this.usedItemId].variationOrderQuantity;\n        },\n\n        variationMissingProperties() {\n            return this.$store.getters[`${this.usedItemId}/variationMissingProperties`];\n        },\n\n        hasAvailableVariations() {\n            return this.$store.state.items[this.usedItemId]\n                && this.$store.state.items[this.usedItemId].variationSelect\n                && this.$store.state.items[this.usedItemId].variationSelect.variations.some(variation => variation.isSalable);\n        },\n\n        allVariationsSelected() {\n            if (this.isSet) {\n                return this.$store.getters[\"itemSetAllVariationSelected\"];\n            }\n            else {\n                /*return this.$store.state.items[this.itemId]\n                    && this.$store.state.items[this.itemId].variationSelect\n                    && this.$store.state.items[this.itemId].variationSelect.isVariationSelected;*/\n                // FIX return true if module is not registered. This equals the default value from the module\n                // and is required to use this component in other contexts, e.g. the category view\n                return !this.$store.state.items[this.usedItemId]\n                    || (this.$store.state.items[this.usedItemId].variationSelect\n                        && this.$store.state.items[this.usedItemId].variationSelect.isVariationSelected);\n            }\n        },\n\n        isLoading() {\n            return this.$store.state.items.isAddToBasketLoading === this.variationId || this.$store.state.items.isSetLoading;\n        },\n\n        ...mapState({\n            basketItems: state => state.basket.items,\n            isBasketLoading: state => state.basket.isBasketLoading\n        })\n    },\n\n    data() {\n        return {\n            quantity: 1,\n            buttonLockState: false,\n            emptySelects: false,\n            itemAdded: false,\n        };\n    },\n\n    methods:\n    {\n        checkForEmptySelects() {\n            let ret = false;\n            $('.single__variations-select').each(function (index, item) {\n                if ($(item).find(\"select\").val() == \"\") {\n                    ret = true;\n                }\n            });\n\n            if ($('.single__variations-select .v-s-boxes').length) {\n                if ($('.v-s-box.active').length == 0) {\n                    ret = true;\n                }\n            }\n\n            if ($('.configurator__color-card').length) {\n                if ($('.configurator__color-card--active').length == 0) {\n                    ret = true;\n                }\n            }\n\n            this.emptySelects = ret;\n        },\n        /**\n         * add an item to basket-resource\n         */\n        addToBasket() {\n            if (!this.emptySelects) {\n                this.$store.dispatch(\"loadComponent\", \"add-item-to-basket-overlay\");\n                this.$store.dispatch(\"loadComponent\", \"basket-preview\");\n\n                if (this.variationMissingProperties !== undefined && this.variationMissingProperties.length) {\n                    this.showMissingPropertiesError();\n                }\n                else if (this.isSalable || this.isSet) {\n                    this.$store.commit(\"setIsAddToBasketLoading\", this.variationId);\n\n                    const orderParamsAndSurcharge = extractPropertiesAndSurcharge(this.orderProperties);\n\n                    const basketObject =\n                    {\n                        variationId: this.variationId,\n                        quantity: this.quantity,\n                        basketItemOrderParams: orderParamsAndSurcharge.orderParams,\n                        totalOrderParamsMarkup: orderParamsAndSurcharge.totalSurcharge\n                    };\n\n                    if (this.isSet) {\n                        const setComponents = [];\n                        this.$store.state.items.setComponentIds.forEach(itemId => {\n                            const setComponent = this.$store.getters[`${itemId}/currentItemVariation`];\n\n                            const variationId = setComponent && setComponent.variation.id;\n\n                            // Extract order properties and total surcharge for set components\n                            const setComponentOrderParamsAndSurcharge = extractPropertiesAndSurcharge(\n                                setComponent.properties.filter(prop => prop.property.isOderProperty)\n                            );\n\n                            setComponents.push({\n                                variationId: variationId,\n                                quantity: this.$store.state.items[itemId].variationOrderQuantity,\n                                basketItemOrderParams: setComponentOrderParamsAndSurcharge.orderParams,\n                                totalOrderParamsMarkup: setComponentOrderParamsAndSurcharge.totalSurcharge\n                            });\n                        });\n                        basketObject.setComponents = setComponents;\n                    }\n\n                    this.$store.dispatch(\"addBasketItem\", basketObject).then(\n                        response => {\n                            document.dispatchEvent(new CustomEvent(\"afterBasketItemAdded\", { detail: basketObject }));\n                            this.$store.commit(\"setIsAddToBasketLoading\", 0);\n\n                            if (this.isOverlay) {\n\n                                this.itemAdded = true\n\n                                NotificationService.success(\n                                    this.$translate(\"Weberbuero::Template.itemAddedNotification\")\n                                ).closeAfter(5000);\n\n                                let _this = this\n                                setTimeout(function () { _this.itemAdded = false }, 5000);\n                            }\n                        },\n                        error => {\n                            this.$store.commit(\"setIsAddToBasketLoading\", 0);\n\n                            if (error.data) {\n                                NotificationService.error(\n                                    this.$translate(\n                                        \"Ceres::Template.\" + ExceptionMap.get(error.data.exceptionCode.toString()),\n                                        error.data.placeholder\n                                    )\n                                ).closeAfter(5000);\n                            }\n                        });\n                }\n            }\n        },\n        showMissingPropertiesError() {\n            this.$store.commit(`${this.usedItemId}/setVariationMarkInvalidProps`, true);\n\n            const propertyNames = this.variationMissingProperties.map(property => property.property.names.name);\n            let errorMsgContent = \"\";\n\n            for (const name of propertyNames) {\n                errorMsgContent += name + \"<br>\";\n            }\n\n            NotificationService.error(this.$translate(\"Ceres::Template.singleItemMissingOrderPropertiesError\").replace(\"<properties>\", errorMsgContent));\n        },\n\n        directToItem() {\n            navigateTo(this.itemUrl);\n        },\n\n        handleButtonState(value) {\n            this.buttonLockState = value;\n        },\n\n        /**\n         * update the property quantity of the current instance\n         * @param value\n         */\n        updateQuantity(value) {\n            this.quantity = value;\n        },\n\n        focusDefaultSelect() {\n            if (this.focusSelect) {\n                const container = document.getElementsByClassName(\"single__variations\");\n                if (container && container.length) {\n                    let done = false;\n                    container[0].getElementsByTagName(\"select\").forEach(s => {\n                        if (!done && s.value === \"\") {\n                            s.focus();\n                            done = true;\n                        }\n                    })\n                }\n\n\n            }\n        }\n\n    },\n\n    watch:\n    {\n        quantity(value) {\n            if (!isNullOrUndefined(this.usedItemId)) {\n                this.$store.commit(`${this.usedItemId}/setVariationOrderQuantity`, value);\n                this.$store.commit(`${this.usedItemId}/setVariationPropertySurcharges`, this.$store.getters[`${this.usedItemId}/variationBasePrice`]);\n            }\n        },\n\n        variationOrderQuantity(value) {\n            if (this.quantity !== value) {\n                this.quantity = value;\n            }\n        },\n\n        propQuantity(value) {\n            if (!isNaN(value)) {\n                this.quantity = value;\n            }\n        }\n    }\n}\n\nfunction extractPropertiesAndSurcharge(orderProperties) {\n    let totalSurcharge = 0;\n    const orderParams = [];\n\n    orderProperties.forEach((orderProperty) => {\n        if (!isNullOrUndefined(orderProperty.property.value)) {\n            const property = orderProperty.property;\n\n            if (property.valueType === \"float\" &&\n                !isNullOrUndefined(property.value) &&\n                property.value.slice(-1) === App.decimalSeparator) {\n                property.value = property.value.substr(0, property.value.length - 1);\n            }\n\n            totalSurcharge += (orderProperty.surcharge || 0) + (property.surcharge || 0);\n\n            orderParams.push({\n                propertyId: property.id,\n                type: property.valueType,\n                name: property.names.name,\n                value: property.value\n            });\n        }\n    });\n\n    return {\n        orderParams: orderParams,\n        totalSurcharge: totalSurcharge\n    };\n}\n</script>\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    !_vm.showQuantity && _vm.useLargeScale && _vm.canBeAddedToBasket\n      ? _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass: \"add-to-basket-lg-container d-none d-lg-block\",\n            class: { \"no-pointer-events\": _vm.isLoading },\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: _vm.$translate(\"Ceres::Template.singleItemAddToBasket\")\n            },\n            on: {\n              click: function($event) {\n                return _vm.addToBasket()\n              }\n            }\n          },\n          [\n            _c(\"icon\", {\n              staticClass: \"fa-lg mobile-icon-right\",\n              attrs: { icon: \"cart-plus\", loading: _vm.isLoading }\n            })\n          ],\n          1\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity && _vm.useLargeScale && !_vm.canBeAddedToBasket\n      ? _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass: \"add-to-basket-lg-container d-none d-lg-block\",\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: _vm.$translate(\"Ceres::Template.itemShowItem\")\n            },\n            on: {\n              click: function($event) {\n                return _vm.directToItem()\n              }\n            }\n          },\n          [\n            _c(\"i\", {\n              staticClass: \"fa fa-arrow-right fa-lg d-none d-sm-block\"\n            })\n          ]\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.showQuantity && !_vm.useLargeScale\n      ? _c(\n          \"div\",\n          {\n            staticClass: \"d-inline single__add-to-basket\",\n            class: {\n              \"d-lg-none\": !_vm.$ceres.isItemView && _vm.origin !== \"category\"\n            },\n            on: {\n              mouseover: function($event) {\n                return _vm.checkForEmptySelects()\n              }\n            }\n          },\n          [\n            !_vm.isOverlay || (_vm.isOverlay && _vm.canBeAddedToBasket)\n              ? _c(\"div\", { staticClass: \"add-to-basket-container\" }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"quantity-input-container\" },\n                    [\n                      _c(\"quantity-input\", {\n                        attrs: {\n                          value: _vm.quantity,\n                          timeout: 0,\n                          min: _vm.minimumQuantity,\n                          max: _vm.maximumQuantity,\n                          interval: _vm.intervalQuantity,\n                          \"variation-id\": _vm.variationId,\n                          waiting:\n                            _vm.isLoading ||\n                            !_vm.isSalable ||\n                            !_vm.allVariationsSelected\n                        },\n                        on: {\n                          \"quantity-change\": _vm.updateQuantity,\n                          \"out-of-stock\": _vm.handleButtonState\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm._v(\" \"),\n                  !_vm.allVariationsSelected ||\n                  !_vm.isSalable ||\n                  _vm.emptySelects ||\n                  !_vm.canBeAddedToBasket\n                    ? _c(\n                        \"button\",\n                        {\n                          directives: [\n                            { name: \"tooltip\", rawName: \"v-tooltip\" }\n                          ],\n                          staticClass: \"disabled single__add-to-basket-btn\",\n                          class: _vm.buttonClasses,\n                          style: _vm.paddingInlineStyles,\n                          attrs: {\n                            \"data-toggle\": \"tooltip\",\n                            \"data-placement\": \"top\",\n                            title: _vm.tooltipText\n                          },\n                          on: {\n                            click: function($event) {\n                              return _vm.focusDefaultSelect()\n                            }\n                          }\n                        },\n                        [\n                          _c(\"svg\", { attrs: { width: \"20\", height: \"16\" } }, [\n                            _c(\"use\", {\n                              attrs: {\n                                \"xlink:href\": \"#svg_basket\",\n                                \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\"\n                              }\n                            })\n                          ]),\n                          _vm._v(\n                            \"\\n                \" +\n                              _vm._s(\n                                _vm.$translate(\n                                  \"Ceres::Template.singleItemAddToBasket\"\n                                )\n                              ) +\n                              \"\\n            \"\n                          )\n                        ]\n                      )\n                    : !_vm.buttonLockState && !_vm.emptySelects\n                    ? _c(\n                        \"button\",\n                        {\n                          staticClass: \"single__add-to-basket-btn\",\n                          class: {\n                            buttonClasses: _vm.buttonClasses,\n                            \"bg-dark\": _vm.itemAdded && _vm.isOverlay\n                          },\n                          style: _vm.paddingInlineStyles,\n                          attrs: { disabled: _vm.isLoading || !_vm.hasPrice },\n                          on: {\n                            click: function($event) {\n                              return _vm.addToBasket()\n                            }\n                          }\n                        },\n                        [\n                          _vm.isOverlay && _vm.itemAdded\n                            ? [\n                                _c(\"i\", {\n                                  staticClass: \"fa fa-check\",\n                                  attrs: { \"aria-hidden\": \"true\" }\n                                }),\n                                _vm._v(\n                                  \"\\n                    \" +\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"Weberbuero::Template.inBasket\"\n                                      )\n                                    ) +\n                                    \"\\n                \"\n                                )\n                              ]\n                            : [\n                                _c(\n                                  \"svg\",\n                                  { attrs: { width: \"20\", height: \"16\" } },\n                                  [\n                                    _c(\"use\", {\n                                      attrs: {\n                                        \"xlink:href\": \"#svg_basket\",\n                                        \"xmlns:xlink\":\n                                          \"http://www.w3.org/1999/xlink\"\n                                      }\n                                    })\n                                  ]\n                                ),\n                                _vm._v(\n                                  \"\\n                    \" +\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"Ceres::Template.singleItemAddToBasket\"\n                                      )\n                                    ) +\n                                    \"\\n                \"\n                                )\n                              ]\n                        ],\n                        2\n                      )\n                    : _c(\n                        \"button\",\n                        {\n                          directives: [\n                            { name: \"tooltip\", rawName: \"v-tooltip\" }\n                          ],\n                          staticClass: \"single__add-to-basket-btn disabled\",\n                          class: _vm.buttonClasses,\n                          style: _vm.paddingInlineStyles,\n                          attrs: {\n                            \"data-toggle\": \"tooltip\",\n                            \"data-placement\": \"top\",\n                            title: _vm._f(\n                              \"translate\"\n                            )(\"Ceres::Template.singleItemQuantityMax\", {\n                              max: _vm.maximumQuantity\n                            })\n                          }\n                        },\n                        [\n                          _c(\"svg\", { attrs: { width: \"20\", height: \"16\" } }, [\n                            _c(\"use\", {\n                              attrs: {\n                                \"xlink:href\": \"#svg_basket\",\n                                \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\"\n                              }\n                            })\n                          ]),\n                          _vm._v(\n                            \"\\n                \" +\n                              _vm._s(\n                                _vm.$translate(\n                                  \"Ceres::Template.singleItemAddToBasket\"\n                                )\n                              ) +\n                              \"\\n            \"\n                          )\n                        ]\n                      )\n                ])\n              : _c(\"div\", { staticClass: \"add-to-basket-container\" }, [\n                  _c(\n                    \"button\",\n                    {\n                      staticClass:\n                        \"single__add-to-basket-btn single__add-to-basket-btn--show-item\",\n                      class: {\n                        buttonClasses: _vm.buttonClasses,\n                        \"bg-dark\": _vm.itemAdded && _vm.isOverlay\n                      },\n                      style: _vm.paddingInlineStyles,\n                      on: {\n                        click: function($event) {\n                          return _vm.directToItem()\n                        }\n                      }\n                    },\n                    [\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(\n                            _vm.$translate(\"Ceres::Template.itemShowItem\")\n                          ) +\n                          \"\\n            \"\n                      )\n                    ]\n                  )\n                ])\n          ]\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity && !_vm.useLargeScale\n      ? _c(\n          \"div\",\n          { staticClass: \"d-inline\", class: { \"d-lg-none\": !_vm.isWishList } },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"btn-group\",\n                attrs: { role: \"group\", \"aria-label\": \"Thumb Control\" }\n              },\n              [\n                _vm.canBeAddedToBasket\n                  ? _c(\n                      \"button\",\n                      {\n                        staticClass:\n                          \"btn btn-primary btn-appearance mobile-width-button\",\n                        class: { \"no-pointer-events\": _vm.isLoading },\n                        attrs: { type: \"button\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.addToBasket()\n                          }\n                        }\n                      },\n                      [\n                        _c(\"icon\", {\n                          staticClass: \"fa-lg mobile-icon-right\",\n                          attrs: {\n                            icon: \"shopping-cart\",\n                            loading: _vm.isLoading\n                          }\n                        }),\n                        _vm._v(\n                          \"\\n                \" +\n                            _vm._s(\n                              _vm.$translate(\n                                \"Ceres::Template.singleItemAddToBasket\"\n                              )\n                            ) +\n                            \"\\n            \"\n                        )\n                      ],\n                      1\n                    )\n                  : _c(\n                      \"button\",\n                      {\n                        staticClass:\n                          \"btn btn-primary btn-appearance mobile-width-button\",\n                        attrs: { type: \"button\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.directToItem()\n                          }\n                        }\n                      },\n                      [\n                        _c(\"i\", {\n                          staticClass:\n                            \"fa fa-arrow-right fa-lg d-none d-sm-block\",\n                          attrs: { \"aria-hidden\": \"true\" }\n                        }),\n                        _vm._v(\n                          \"\\n                \" +\n                            _vm._s(\n                              _vm.$translate(\"Ceres::Template.itemShowItem\")\n                            ) +\n                            \"\\n            \"\n                        )\n                      ]\n                    )\n              ]\n            )\n          ]\n        )\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./AddToBasket.vue?vue&type=template&id=729fe3ab&\"\nimport script from \"./AddToBasket.vue?vue&type=script&lang=js&\"\nexport * from \"./AddToBasket.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('729fe3ab')) {\n      api.createRecord('729fe3ab', component.options)\n    } else {\n      api.reload('729fe3ab', component.options)\n    }\n    module.hot.accept(\"./AddToBasket.vue?vue&type=template&id=729fe3ab&\", function () {\n      api.rerender('729fe3ab', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/basket/AddToBasket.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!./AddToBasket.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!./AddToBasket.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!./AddToBasket.vue?vue&type=template&id=729fe3ab&\""],"sourceRoot":""}