{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.object.values.js","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./resources/js/src/app/components/item/OrderPropertyList.vue?a7e5","webpack:///./resources/js/src/app/components/item/OrderPropertyListGroup.vue?380b","webpack:///./resources/js/src/app/components/item/CharityOrderPropertyListItem.vue?65af","webpack:///resources/js/src/app/components/item/CharityOrderPropertyListItem.vue","webpack:///./resources/js/src/app/components/item/CharityOrderPropertyListItem.vue?6560","webpack:///./resources/js/src/app/components/item/CharityOrderPropertyListItem.vue","webpack:///resources/js/src/app/components/item/OrderPropertyListGroup.vue","webpack:///./resources/js/src/app/components/item/OrderPropertyListGroup.vue?9af2","webpack:///./resources/js/src/app/components/item/OrderPropertyListGroup.vue","webpack:///resources/js/src/app/components/item/OrderPropertyList.vue","webpack:///./resources/js/src/app/components/item/OrderPropertyList.vue?b670","webpack:///./resources/js/src/app/components/item/OrderPropertyList.vue"],"names":["$","$values","values","target","stat","O","DESCRIPTORS","uncurryThis","objectKeys","toIndexedObject","propertyIsEnumerable","f","push","createMethod","TO_ENTRIES","it","key","keys","length","i","result","module","exports","entries","render","_vm","this","_h","$createElement","_c","_self","renderOrderPropertyList","staticClass","_l","sortedGroupedProperties","propertyGroup","index","class","active","activeSlide","id","attrs","paddingClasses","paddingInlineStyles","charityList","_v","style","tabindex","on","click","$event","slideTo","directives","name","rawName","highlight","touchedSlides","error","hasError","title","group","names","$translate","_e","_withStripped","isShownOnItemPageCount","properties","property","isShownOnItemPage","isCharityProperty","charity","getCharity","type","_uid","domProps","value","checked","change","onInputValueChanged","for","innerHTML","_s","charityDonationText","toggleDescription","src","image","alt","role","_m","shortDescription","component","options","__file"],"mappings":"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","file":"chunks/ceres-client-7.min.js","sourcesContent":["var $ = require('../internals/export');\nvar $values = require('../internals/object-to-array').values;\n\n// `Object.values` method\n// https://tc39.es/ecma262/#sec-object.values\n$({ target: 'Object', stat: true }, {\n  values: function values(O) {\n    return $values(O);\n  }\n});\n","var DESCRIPTORS = require('../internals/descriptors');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar objectKeys = require('../internals/object-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar $propertyIsEnumerable = require('../internals/object-property-is-enumerable').f;\n\nvar propertyIsEnumerable = uncurryThis($propertyIsEnumerable);\nvar push = uncurryThis([].push);\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(O, key)) {\n        push(result, TO_ENTRIES ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n\nmodule.exports = {\n  // `Object.entries` method\n  // https://tc39.es/ecma262/#sec-object.entries\n  entries: createMethod(true),\n  // `Object.values` method\n  // https://tc39.es/ecma262/#sec-object.values\n  values: createMethod(false)\n};\n","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.renderOrderPropertyList\n    ? _c(\"div\", { staticClass: \"order-property-slider mt-3 mb-4\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"order-property-slider-inner\" },\n          _vm._l(_vm.sortedGroupedProperties, function (propertyGroup, index) {\n            return _c(\n              \"div\",\n              { key: index, class: { active: index === _vm.activeSlide } },\n              [\n                _c(\"order-property-list-group\", {\n                  key: propertyGroup.id,\n                  attrs: {\n                    \"padding-classes\": _vm.paddingClasses,\n                    \"padding-inline-styles\": _vm.paddingInlineStyles,\n                    \"charity-list\": _vm.charityList,\n                    \"property-group\": propertyGroup,\n                  },\n                }),\n              ],\n              1\n            )\n          }),\n          0\n        ),\n        _vm._v(\" \"),\n        _vm.sortedGroupedProperties.length > 1\n          ? _c(\n              \"div\",\n              {\n                staticClass: \"order-property-slider-controls\",\n                class: _vm.paddingClasses,\n                style: _vm.paddingInlineStyles,\n              },\n              [\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"btn shadow-none\",\n                    class: {\n                      \"btn-primary\": _vm.activeSlide > 0,\n                      \"btn-secondary disabled\": _vm.activeSlide === 0,\n                    },\n                    attrs: {\n                      tabindex: \"0\",\n                      \"data-testing\": \"order-property-previous-slide\",\n                    },\n                    on: {\n                      click: function ($event) {\n                        return _vm.slideTo(_vm.activeSlide - 1)\n                      },\n                    },\n                  },\n                  [_c(\"span\", { staticClass: \"fa fa-chevron-left\" })]\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  { staticClass: \"slider-nav\" },\n                  _vm._l(\n                    _vm.sortedGroupedProperties,\n                    function (propertyGroup, index) {\n                      return _c(\"span\", {\n                        directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n                        key: index,\n                        class: {\n                          active: index === _vm.activeSlide,\n                          highlight: !_vm.touchedSlides[index],\n                          error: propertyGroup.hasError,\n                        },\n                        attrs: {\n                          \"data-toggle\": \"tooltip\",\n                          \"data-placement\": \"top\",\n                          title: propertyGroup.group\n                            ? propertyGroup.group.names.name\n                            : _vm.$translate(\n                                \"Ceres::Template.singleItemPropertiesWithoutGroup\"\n                              ),\n                        },\n                        on: {\n                          click: function ($event) {\n                            return _vm.slideTo(index)\n                          },\n                        },\n                      })\n                    }\n                  ),\n                  0\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"btn float-right shadow-none\",\n                    class: {\n                      \"btn-primary\":\n                        _vm.activeSlide <\n                        _vm.sortedGroupedProperties.length - 1,\n                      \"btn-secondary disabled\":\n                        _vm.activeSlide >=\n                        _vm.sortedGroupedProperties.length - 1,\n                    },\n                    attrs: {\n                      tabindex: \"0\",\n                      \"data-testing\": \"order-property-next-slide\",\n                    },\n                    on: {\n                      click: function ($event) {\n                        return _vm.slideTo(_vm.activeSlide + 1)\n                      },\n                    },\n                  },\n                  [_c(\"span\", { staticClass: \"fa fa-chevron-right\" })]\n                ),\n              ]\n            )\n          : _vm._e(),\n      ])\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","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.isShownOnItemPageCount\n      ? _c(\n          \"div\",\n          _vm._l(_vm.propertyGroup.properties, function (property) {\n            return _c(\n              \"div\",\n              {\n                key: property.id,\n                class: _vm.paddingClasses,\n                style: _vm.paddingInlineStyles,\n              },\n              [\n                property.isShownOnItemPage && _vm.isCharityProperty(property)\n                  ? _c(\"charity-order-property-list-item\", {\n                      attrs: {\n                        group: _vm.propertyGroup.group,\n                        charity: _vm.getCharity(property),\n                        property: property,\n                      },\n                    })\n                  : _vm._e(),\n              ],\n              1\n            )\n          }),\n          0\n        )\n      : _vm._e(),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _c(\"div\", { staticClass: \"charity-property-inner border p-3\" }, [\n      _c(\"div\", { staticClass: \"row px-0 mx-0\" }, [\n        _c(\"div\", { staticClass: \"col-10 pl-0\" }, [\n          _c(\"div\", { staticClass: \"form-check mb-0\" }, [\n            _c(\"input\", {\n              staticClass: \"form-check-input\",\n              attrs: {\n                type: \"checkbox\",\n                name: _vm.group ? _vm.group.id : \"check\" + _vm._uid,\n                id: \"check\" + _vm._uid,\n                \"data-testing\": \"order-property-input-checkbox\",\n              },\n              domProps: { value: _vm.property.id, checked: _vm.property.value },\n              on: {\n                change: function ($event) {\n                  return _vm.onInputValueChanged($event.target.checked)\n                },\n              },\n            }),\n            _vm._v(\" \"),\n            _c(\n              \"label\",\n              {\n                directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n                staticClass: \"form-check-label text-appearance d-flex\",\n                class: { \"text-danger\": _vm.hasError },\n                attrs: {\n                  for: \"check\" + _vm._uid,\n                  \"data-toggle\": \"tooltip\",\n                  title: _vm.charity.title\n                    ? _vm.charity.title\n                    : _vm.charity.name,\n                },\n              },\n              [\n                _c(\"strong\", {\n                  staticClass: \"text-wrap ml-1\",\n                  domProps: {\n                    innerHTML: _vm._s(\n                      _vm.charity.title ? _vm.charity.title : _vm.charity.name\n                    ),\n                  },\n                }),\n              ]\n            ),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"mt-1 ml-1\" }, [\n              _c(\"span\", {\n                staticClass: \"text-wrap\",\n                domProps: { innerHTML: _vm._s(_vm.charityDonationText) },\n              }),\n              _c(\"br\"),\n              _vm._v(\" \"),\n              _c(\n                \"span\",\n                {\n                  staticClass:\n                    \"text-primary cursor-pointer d-inline-block mt-1\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.toggleDescription()\n                    },\n                  },\n                },\n                [\n                  _vm._v(\n                    \"\\n                            \" +\n                      _vm._s(\n                        _vm.$translate(\"GonserDT::Template.generalSeeMore\")\n                      ) +\n                      \"\\n                        \"\n                  ),\n                ]\n              ),\n            ]),\n          ]),\n        ]),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { staticClass: \"col-2 align-self-center text-right px-0 px-sm-2\" },\n          [\n            _c(\"img\", {\n              staticClass: \"charity-img img-fluid\",\n              attrs: {\n                src: \"/documents/\" + _vm.charity.image,\n                alt: _vm.charity.name,\n              },\n            }),\n          ]\n        ),\n      ]),\n    ]),\n    _vm._v(\" \"),\n    _c(\n      \"div\",\n      {\n        staticClass: \"modal fade\",\n        attrs: { id: \"charityDescription\", tabindex: \"-1\", role: \"dialog\" },\n      },\n      [\n        _c(\"div\", { staticClass: \"modal-dialog modal-dialog-centered\" }, [\n          _c(\"div\", { staticClass: \"modal-content\" }, [\n            _c(\"div\", { staticClass: \"modal-header\" }, [\n              _c(\"h3\", {\n                staticClass: \"modal-title text-primary\",\n                attrs: { id: \"charityDescriptionTitle\" },\n                domProps: {\n                  innerHTML: _vm._s(\n                    _vm.charity.title ? _vm.charity.title : _vm.charity.name\n                  ),\n                },\n              }),\n              _vm._v(\" \"),\n              _vm._m(0),\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", { staticClass: \"modal-body\" }, [\n              _c(\"div\", {\n                staticClass: \"text-wrap\",\n                domProps: { innerHTML: _vm._s(_vm.charity.shortDescription) },\n              }),\n            ]),\n          ]),\n        ]),\n      ]\n    ),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"button\",\n      {\n        staticClass: \"close text-primary\",\n        attrs: {\n          type: \"button\",\n          \"data-dismiss\": \"modal\",\n          \"aria-label\": \"Close\",\n        },\n      },\n      [_c(\"span\", { attrs: { \"aria-hidden\": \"true\" } }, [_vm._v(\"×\")])]\n    )\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"charity-property-inner border p-3\">\r\n            <div class=\"row px-0 mx-0\">\r\n                <div class=\"col-10 pl-0\">\r\n                    <div class=\"form-check mb-0\">\r\n                        <input type=\"checkbox\"\r\n                               :name=\"group ? group.id : 'check' + _uid\"\r\n                               :id=\"'check' + _uid\"\r\n                               :value=\"property.id\"\r\n                               :checked=\"property.value\"\r\n                               @change=\"onInputValueChanged($event.target.checked)\"\r\n                               class=\"form-check-input\"\r\n                               data-testing=\"order-property-input-checkbox\">\r\n                        <label class=\"form-check-label text-appearance d-flex\"\r\n                               :for=\"'check' + _uid\"\r\n                               :class=\"{ 'text-danger': hasError }\"\r\n                               v-tooltip data-toggle=\"tooltip\"\r\n                               :title=\"charity.title ? charity.title : charity.name\">\r\n                            <strong class=\"text-wrap ml-1\" v-html=\"charity.title ? charity.title : charity.name\"></strong>\r\n                        </label>\r\n                        <div class=\"mt-1 ml-1\">\r\n                            <span class=\"text-wrap\" v-html=\"charityDonationText\"></span><br/>\r\n                            <span class=\"text-primary cursor-pointer d-inline-block mt-1\" @click=\"toggleDescription()\">\r\n                                {{ $translate(\"GonserDT::Template.generalSeeMore\") }}\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-2 align-self-center text-right px-0 px-sm-2\">\r\n                    <img class=\"charity-img img-fluid\" :src=\"'/documents/' + charity.image\" :alt=\"charity.name\" />\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"modal fade\" id=\"charityDescription\" tabindex=\"-1\" role=\"dialog\">\r\n            <div class=\"modal-dialog modal-dialog-centered\">\r\n                <div class=\"modal-content\">\r\n                    <div class=\"modal-header\">\r\n                        <h3 class=\"modal-title text-primary\" id=\"charityDescriptionTitle\" v-html=\"charity.title ? charity.title : charity.name\"></h3>\r\n                        <button type=\"button\" class=\"close text-primary\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                            <span aria-hidden=\"true\">&times;</span>\r\n                        </button>\r\n                    </div>\r\n                    <div class=\"modal-body\">\r\n                        <div class=\"text-wrap\" v-html=\"charity.shortDescription\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst ApiService = require(\"../../services/ApiService\");\r\nconst NotificationService = require(\"../../services/NotificationService\");\r\n\r\nimport { isNullOrUndefined } from \"../../helper/utils\";\r\nimport { mapState, mapMutations } from \"vuex\";\r\nimport TranslationService from \"../../services/TranslationService\";\r\n\r\nexport default {\r\n\r\n    name: \"charity-order-property-list-item\",\r\n\r\n    props:\r\n        {\r\n            group: Object,\r\n            property: Object,\r\n            charity: Object\r\n        },\r\n\r\n    inject: {\r\n        itemId: {\r\n            default: null\r\n        }\r\n    },\r\n\r\n    data()\r\n    {\r\n        return {\r\n            inputValue: \"\",\r\n            selectedFile: null,\r\n            waiting: false,\r\n            selectionValue: null,\r\n            showDescription: false,\r\n            fsXSellerMargin: 0\r\n        };\r\n    },\r\n\r\n    mounted()\r\n    {\r\n        document.addEventListener(\"onVariationChanged\", event =>\r\n        {\r\n            if (event.detail.itemId === this.itemId)\r\n            {\r\n                // clear type specific bindings\r\n                if (this.property.valueType === \"selection\")\r\n                {\r\n                    this.selectionValue = this.property.value || null;\r\n                }\r\n                else if (this.property.valueType === \"file\")\r\n                {\r\n                    if (this.property.value && this.property.value.length)\r\n                    {\r\n                        NotificationService.warn(\r\n                            TranslationService.translate(\"Ceres::Template.singleItemOrderPropertyFileHasReset\",\r\n                                { propertyName: this.property.names.name })\r\n                        ).closeAfter(5000);\r\n                    }\r\n\r\n                    this.clearSelectedFile();\r\n                }\r\n                else\r\n                {\r\n                    this.inputValue = this.property.value || \"\";\r\n                }\r\n            }\r\n        });\r\n    },\r\n\r\n    computed:\r\n        {\r\n            inputType()\r\n            {\r\n                const orderPropertyGroupingType = this.group ? this.group.orderPropertyGroupingType : null;\r\n                const valueType = this.property.valueType;\r\n\r\n                if (valueType === \"empty\")\r\n                {\r\n                    if (!orderPropertyGroupingType || orderPropertyGroupingType === \"none\" || orderPropertyGroupingType === \"multi\")\r\n                    {\r\n                        return \"checkbox\";\r\n                    }\r\n\r\n                    return \"radio\";\r\n                }\r\n\r\n                return valueType;\r\n            },\r\n\r\n            selectedFileName()\r\n            {\r\n                if (this.selectedFile)\r\n                {\r\n                    return this.selectedFile.name;\r\n                }\r\n\r\n                return \"\";\r\n            },\r\n\r\n            hasError()\r\n            {\r\n                if (this.variationMarkInvalidProperties && this.inputType === \"radio\")\r\n                {\r\n                    return this.variationMissingProperties.find(property => property.property.id === this.property.id);\r\n                }\r\n\r\n                return this.variationMarkInvalidProperties && !this.property.value;\r\n            },\r\n\r\n            surcharge()\r\n            {\r\n                return this.property.itemSurcharge || this.property.surcharge;\r\n            },\r\n\r\n            selectedDescription()\r\n            {\r\n                if (this.inputType !== \"selection\" || isNullOrUndefined(this.selectionValue))\r\n                {\r\n                    return null;\r\n                }\r\n\r\n                const selectedProperty = this.property.selectionValues[this.selectionValue];\r\n\r\n                return selectedProperty.description;\r\n            },\r\n\r\n            variationMissingProperties()\r\n            {\r\n                return this.$store.getters[`${this.itemId}/variationMissingProperties`];\r\n            },\r\n\r\n            variationMarkInvalidProperties() {\r\n                const currentVariation = this.$store.getters[`${this.itemId}/currentItemVariation`];\r\n                return currentVariation && currentVariation.variationMarkInvalidProperties;\r\n            },\r\n\r\n            charityDonationText()\r\n            {\r\n                return TranslationService.translate(\"GonserDT::Template.itemCharityDonation\", {\r\n                    cname: this.charity.name,\r\n                    amount: this.$options.filters.currency(this.surcharge)\r\n                });\r\n            },\r\n\r\n            ...mapState({\r\n                isBasketLoading: state => state.basket.isBasketLoading,\r\n            })\r\n        },\r\n\r\n    methods:\r\n        {\r\n            onInputValueChanged(value)\r\n            {\r\n                if (this.inputType === \"int\")\r\n                {\r\n                    value = this.validateInt(value);\r\n                }\r\n                else if (this.inputType === \"float\")\r\n                {\r\n                    value = this.validateFloat(value);\r\n                }\r\n                else if (this.inputType === \"checkbox\")\r\n                {\r\n                    if (!value)\r\n                    {\r\n                        value = null;\r\n                    }\r\n                }\r\n                else if (this.inputType === \"selection\")\r\n                {\r\n                    if (isNullOrUndefined(value) || value.length <= 0)\r\n                    {\r\n                        value = null;\r\n                    }\r\n                }\r\n                else if (this.inputType === \"text\")\r\n                {\r\n                    if(value === \"\")\r\n                    {\r\n                        value = null;\r\n                    }\r\n                }\r\n\r\n                this.$store.commit(`${this.itemId}/setVariationPropertySurcharges`, this.$store.getters[`${this.itemId}/variationBasePrice`]);\r\n                this.setVariationOrderProperty({ propertyId: this.property.id, value: value });\r\n            },\r\n\r\n            validateInt(value)\r\n            {\r\n                value = parseInt(value);\r\n\r\n                if (isNaN(value))\r\n                {\r\n                    value = null;\r\n                }\r\n\r\n                this.inputValue = value;\r\n\r\n                return value;\r\n            },\r\n\r\n            validateFloat(value)\r\n            {\r\n                const lastChar = value.slice(-1);\r\n\r\n                const str = value.replace(App.decimalSeparator, \".\");\r\n                const arr = str.split(\".\");\r\n                let toFixedLength = 0;\r\n\r\n                if (arr.length === 2)\r\n                {\r\n                    toFixedLength = arr[1].length;\r\n                }\r\n\r\n                value = parseFloat(str).toFixed(toFixedLength);\r\n\r\n                if (isNaN(value))\r\n                {\r\n                    value = null;\r\n                }\r\n                else\r\n                {\r\n                    if (lastChar === \".\" || lastChar === App.decimalSeparator)\r\n                    {\r\n                        value += lastChar;\r\n                    }\r\n\r\n                    value = value.toString().replace(\".\", App.decimalSeparator);\r\n                }\r\n\r\n                this.inputValue = value;\r\n\r\n                return value;\r\n            },\r\n\r\n            setVariationOrderProperty(orderProperty) {\r\n                return this.$store.commit(`${this.itemId}/setVariationOrderProperty`, orderProperty);\r\n            },\r\n\r\n            setPropertyFile(event)\r\n            {\r\n                if (event.target && event.target.files && event.target.files.length > 0)\r\n                {\r\n                    this.selectedFile = event.target.files[0];\r\n                    this.uploadPropertyFile(this.selectedFile);\r\n                }\r\n            },\r\n\r\n            uploadPropertyFile(file)\r\n            {\r\n                this.setIsBasketLoading(true);\r\n                this.waiting = true;\r\n\r\n                const fileData = new FormData();\r\n\r\n                fileData.append(\"fileData\", file);\r\n\r\n                ApiService.post(\"/rest/io/order/property/file\", fileData, { processData: false, contentType: false, cache: false, async: true, timeout: 60000, supressNotifications: true })\r\n                    .done(response =>\r\n                    {\r\n                        this.setVariationOrderProperty({ propertyId: this.property.id, value: response });\r\n                    })\r\n                    .fail(error =>\r\n                    {\r\n                        this.clearSelectedFile();\r\n                        this._handleValidationErrors(error);\r\n                    })\r\n                    .always(response =>\r\n                    {\r\n                        this.setIsBasketLoading(false);\r\n                        this.waiting = false;\r\n                    });\r\n            },\r\n\r\n            clearSelectedFile()\r\n            {\r\n                this.selectedFile = null;\r\n                this.setVariationOrderProperty({ propertyId: this.property.id, value: null });\r\n                this.$refs.fileInput.value = \"\";\r\n            },\r\n\r\n            _handleValidationErrors(error)\r\n            {\r\n                if (error.hasOwnProperty(\"validation_errors\"))\r\n                {\r\n                    for (const err of Object.values(error.validation_errors))\r\n                    {\r\n                        NotificationService.error(err[0]);\r\n                    }\r\n                }\r\n\r\n                if (error.error.message && error.error.message === \"Post too large\")\r\n                {\r\n                    NotificationService.error(\r\n                        this.$translate(\"Ceres::Template.errorPostTooLarge\" , { maxSize: error.error.maxSize })\r\n                    );\r\n                }\r\n            },\r\n\r\n            toggleDescription()\r\n            {\r\n                $('#charityDescription').modal('show');\r\n                // if (!this.showDescription)\r\n                // {\r\n                //     this.showDescription = !this.showDescription;\r\n                //     this.fsXSellerMargin = $(\".fs-xseller\").css(\"margin-top\");\r\n                //     $(\".fs-xseller\").css(\"margin-top\", 0);\r\n                // } else {\r\n                //     this.showDescription = !this.showDescription;\r\n                //\r\n                //     setTimeout(() => {\r\n                //         $(\".fs-xseller\").css(\"margin-top\", this.fsXSellerMargin);\r\n                //     }, 400);\r\n                // }\r\n            },\r\n\r\n            ...mapMutations([\r\n                \"setIsBasketLoading\"\r\n            ]),\r\n        }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CharityOrderPropertyListItem.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!./CharityOrderPropertyListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CharityOrderPropertyListItem.vue?vue&type=template&id=5b8e0254&\"\nimport script from \"./CharityOrderPropertyListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./CharityOrderPropertyListItem.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/philippneumann/Documents/frontendstudios/8291/446/GonserDT/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('5b8e0254')) {\n      api.createRecord('5b8e0254', component.options)\n    } else {\n      api.reload('5b8e0254', component.options)\n    }\n    module.hot.accept(\"./CharityOrderPropertyListItem.vue?vue&type=template&id=5b8e0254&\", function () {\n      api.rerender('5b8e0254', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/CharityOrderPropertyListItem.vue\"\nexport default component.exports","<template>\r\n    <div>\r\n        <div v-if=\"isShownOnItemPageCount\">\r\n            <div v-for=\"property in propertyGroup.properties\" :key=\"property.id\" :class=\"paddingClasses\" :style=\"paddingInlineStyles\">\r\n                <charity-order-property-list-item v-if=\"property.isShownOnItemPage && isCharityProperty(property)\" :group=\"propertyGroup.group\" :charity=\"getCharity(property)\" :property=\"property\"></charity-order-property-list-item>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport CharityOrderPropertyListItem from \"./CharityOrderPropertyListItem.vue\";\r\n\r\nexport default {\r\n\r\n    components:\r\n    {\r\n        CharityOrderPropertyListItem\r\n    },\r\n\r\n    props:\r\n    {\r\n        paddingClasses:\r\n        {\r\n            type: String,\r\n            default: null\r\n        },\r\n        paddingInlineStyles:\r\n        {\r\n            type: String,\r\n            default: null\r\n        },\r\n        charityList: Array,\r\n        propertyGroup: Object\r\n    },\r\n\r\n    computed:\r\n    {\r\n        isShownOnItemPageCount()\r\n        {\r\n            const properties = this.propertyGroup.properties.filter(property => property.isShownOnItemPage);\r\n\r\n            return properties.length;\r\n        }\r\n    },\r\n    methods:\r\n    {\r\n        isCharityProperty(property)\r\n        {\r\n          if (this.charityList){\r\n            for(let charity of this.charityList)\r\n            {\r\n              if (charity.propertyId === property.id)\r\n              {\r\n                return true;\r\n              }\r\n            }\r\n          }\r\n          return false;\r\n        },\r\n        getCharity(property)\r\n        {\r\n            for(let charity of this.charityList)\r\n            {\r\n                if (charity.propertyId === property.id)\r\n                {\r\n                    return charity;\r\n                }\r\n            }\r\n            return null;\r\n        }\r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderPropertyListGroup.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!./OrderPropertyListGroup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrderPropertyListGroup.vue?vue&type=template&id=65a40158&\"\nimport script from \"./OrderPropertyListGroup.vue?vue&type=script&lang=js&\"\nexport * from \"./OrderPropertyListGroup.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/philippneumann/Documents/frontendstudios/8291/446/GonserDT/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('65a40158')) {\n      api.createRecord('65a40158', component.options)\n    } else {\n      api.reload('65a40158', component.options)\n    }\n    module.hot.accept(\"./OrderPropertyListGroup.vue?vue&type=template&id=65a40158&\", function () {\n      api.rerender('65a40158', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/OrderPropertyListGroup.vue\"\nexport default component.exports","<template>\r\n    <div class=\"order-property-slider mt-3 mb-4\" v-if=\"renderOrderPropertyList\">\r\n        <div class=\"order-property-slider-inner\">\r\n            <div v-for=\"(propertyGroup, index) in sortedGroupedProperties\" :class=\"{'active': index === activeSlide}\" :key=\"index\">\r\n                <order-property-list-group\r\n                    :padding-classes=\"paddingClasses\"\r\n                    :padding-inline-styles=\"paddingInlineStyles\"\r\n                    :key=\"propertyGroup.id\"\r\n                    :charity-list=\"charityList\"\r\n                    :property-group=\"propertyGroup\">\r\n                </order-property-list-group>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"order-property-slider-controls\" :class=\"paddingClasses\" :style=\"paddingInlineStyles\" v-if=\"sortedGroupedProperties.length > 1\">\r\n            <div\r\n                class=\"btn shadow-none\"\r\n                @click=\"slideTo(activeSlide - 1)\"\r\n                :class=\"{'btn-primary': activeSlide > 0, 'btn-secondary disabled': activeSlide === 0}\"\r\n                tabindex=\"0\"\r\n                data-testing=\"order-property-previous-slide\">\r\n                <span class=\"fa fa-chevron-left\"></span>\r\n            </div>\r\n\r\n            <div class=\"slider-nav\">\r\n                <span v-for=\"(propertyGroup, index) in sortedGroupedProperties\"\r\n                      :class=\"{ 'active': index === activeSlide, 'highlight': !touchedSlides[index], 'error': propertyGroup.hasError }\"\r\n                      @click=\"slideTo(index)\"\r\n                      :key=\"index\"\r\n                      v-tooltip\r\n                      data-toggle=\"tooltip\"\r\n                      data-placement=\"top\"\r\n                      :title=\"propertyGroup.group ? propertyGroup.group.names.name : $translate('Ceres::Template.singleItemPropertiesWithoutGroup')\">\r\n                </span>\r\n            </div>\r\n\r\n            <div\r\n                class=\"btn float-right shadow-none\"\r\n                @click=\"slideTo(activeSlide + 1)\"\r\n                :class=\"{'btn-primary': activeSlide < sortedGroupedProperties.length - 1, 'btn-secondary disabled': activeSlide >= sortedGroupedProperties.length - 1 }\"\r\n                tabindex=\"0\"\r\n                data-testing=\"order-property-next-slide\">\r\n                <span class=\"fa fa-chevron-right\"></span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport OrderPropertyListGroup from \"./OrderPropertyListGroup.vue\";\r\n\r\nexport default {\r\n\r\n    components:\r\n    {\r\n        \"order-property-list-group\": OrderPropertyListGroup\r\n    },\r\n\r\n    props:\r\n    {\r\n        paddingClasses:\r\n        {\r\n            type: String,\r\n            default: null\r\n        },\r\n        paddingInlineStyles:\r\n        {\r\n            type: String,\r\n            default: null\r\n        },\r\n        charityList: Array\r\n    },\r\n\r\n    inject: {\r\n        itemId: {\r\n            default: null\r\n        }\r\n    },\r\n\r\n    data()\r\n    {\r\n        return {\r\n            activeSlide: 0,\r\n            touchedSlides: { 0: true }\r\n        };\r\n    },\r\n\r\n    computed:\r\n    {\r\n        sortedGroupedProperties()\r\n        {\r\n            const groupedProperties = JSON.parse(JSON.stringify(this.variationGroupedProperties));\r\n\r\n            for (const group of groupedProperties)\r\n            {\r\n                this.sortGroupProperties(group);\r\n            }\r\n\r\n            return this.getSortedGroups(groupedProperties);\r\n        },\r\n\r\n        missingPropertyGroupIds()\r\n        {\r\n            if (this.variationMarkInvalidProperties)\r\n            {\r\n                return [...new Set(this.variationMissingProperties.map(property => property.group && property.group.id))];\r\n            }\r\n\r\n            return [];\r\n        },\r\n\r\n        variationGroupedProperties()\r\n        {\r\n            return this.$store.getters[`${this.itemId}/variationGroupedProperties`];\r\n        },\r\n\r\n        renderOrderPropertyList()\r\n        {\r\n            return (this.$store.getters[`${this.itemId}/currentItemVariation`].filter.isSalable && this.variationGroupedProperties.length) || App.isShopBuilder;\r\n        },\r\n\r\n        variationMissingProperties()\r\n        {\r\n            return this.$store.getters[`${this.itemId}/variationMissingProperties`];\r\n        },\r\n\r\n        variationMarkInvalidProperties() {\r\n            const currentVariation = this.$store.getters[`${this.itemId}/currentItemVariation`];\r\n            return currentVariation && currentVariation.variationMarkInvalidProperties;\r\n        }\r\n    },\r\n\r\n    methods:\r\n    {\r\n        sortGroupProperties(group)\r\n        {\r\n            return group.properties.sort((prev, current) =>\r\n            {\r\n                if (prev.position > current.position)\r\n                {\r\n                    return 1;\r\n                }\r\n                if (prev.position < current.position)\r\n                {\r\n                    return -1;\r\n                }\r\n\r\n                return 0;\r\n            });\r\n        },\r\n\r\n        getSortedGroups(groups)\r\n        {\r\n            for (const group of groups)\r\n            {\r\n                const lowestPosition = group.properties.reduce((prev, current) => (prev.position < current.position) ? prev : current);\r\n\r\n                group.lowestPosition = lowestPosition.position;\r\n\r\n                const groupId = group.group ? group.group.id : null;\r\n\r\n                if (this.variationMarkInvalidProperties && this.missingPropertyGroupIds.includes(groupId))\r\n                {\r\n                    group.hasError = true;\r\n                }\r\n            }\r\n\r\n            return groups.sort((prev, current) =>\r\n            {\r\n                if (prev.lowestPosition > current.lowestPosition)\r\n                {\r\n                    return 1;\r\n                }\r\n                if (prev.lowestPosition < current.lowestPosition)\r\n                {\r\n                    return -1;\r\n                }\r\n\r\n                return 0;\r\n            });\r\n        },\r\n\r\n        slideTo(position)\r\n        {\r\n            if (position >= 0 && position < this.sortedGroupedProperties.length)\r\n            {\r\n                this.activeSlide = position;\r\n                this.touchedSlides[this.activeSlide] = true;\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderPropertyList.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!./OrderPropertyList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrderPropertyList.vue?vue&type=template&id=fe8a0bd2&\"\nimport script from \"./OrderPropertyList.vue?vue&type=script&lang=js&\"\nexport * from \"./OrderPropertyList.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/philippneumann/Documents/frontendstudios/8291/446/GonserDT/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('fe8a0bd2')) {\n      api.createRecord('fe8a0bd2', component.options)\n    } else {\n      api.reload('fe8a0bd2', component.options)\n    }\n    module.hot.accept(\"./OrderPropertyList.vue?vue&type=template&id=fe8a0bd2&\", function () {\n      api.rerender('fe8a0bd2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/OrderPropertyList.vue\"\nexport default component.exports"],"sourceRoot":""}