{"version":3,"sources":["webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./node_modules/core-js/modules/es.object.values.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/OrderPropertyListItem.vue?5410","webpack:///resources/js/src/app/components/item/OrderPropertyListItem.vue","webpack:///./resources/js/src/app/components/item/OrderPropertyListItem.vue?da42","webpack:///./resources/js/src/app/components/item/OrderPropertyListItem.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/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":["DESCRIPTORS","objectKeys","toIndexedObject","propertyIsEnumerable","f","createMethod","TO_ENTRIES","it","key","O","keys","length","i","result","call","push","module","exports","entries","values","$","$values","target","stat","render","_vm","this","_h","$createElement","_c","_self","renderOrderPropertyList","staticClass","_l","sortedGroupedProperties","propertyGroup","index","class","group","id","attrs","position","paddingClasses","paddingInlineStyles","_e","_withStripped","isShownOnItemPageCount","style","_v","_s","names","name","properties","property","isShownOnItemPage","inputType","active","value","error","hasError","directives","rawName","type","title","description","autocomplete","on","input","$event","onInputValueChanged","surcharge","_f","_uid","domProps","checked","change","for","selectionValues","click","setActive","waiting","disabled","selectedFileName","selectedFile","preventDefault","clearSelectedFile","ref","size","accept","setPropertyFile","component","options","__file"],"mappings":"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","file":"chunks/ceres-client-6.min.js","sourcesContent":["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.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 $ = 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 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: \"rem-order-property-slider mb-3 lalala\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"rem-order-property-slider-inner\" },\n          _vm._l(_vm.sortedGroupedProperties, function(propertyGroup, index) {\n            return _c(\n              \"div\",\n              {\n                key: index,\n                class: \"property-group-\" + propertyGroup.group.id,\n                attrs: {\n                  \"data-property-group-id\": propertyGroup.group.id,\n                  \"data-property-group-position\": propertyGroup.group.position\n                }\n              },\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                    \"property-group\": propertyGroup\n                  }\n                })\n              ],\n              1\n            )\n          }),\n          0\n        )\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(\n    \"div\",\n    { class: \"property-group-id-\" + _vm.propertyGroup.group.id },\n    [\n      _vm.isShownOnItemPageCount\n        ? _c(\n            \"div\",\n            { staticClass: \"pt-2\" },\n            [\n              _vm.propertyGroup.group\n                ? _c(\n                    \"div\",\n                    {\n                      staticClass: \"property-group-header\",\n                      class: _vm.paddingClasses,\n                      style: _vm.paddingInlineStyles\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"h4\" }, [\n                        _vm._v(\n                          \"\\n                    \" +\n                            _vm._s(_vm.propertyGroup.group.names.name) +\n                            \":\\n                \"\n                        )\n                      ])\n                    ]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\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\n                      ? _c(\"order-property-list-item\", {\n                          attrs: {\n                            group: _vm.propertyGroup.group,\n                            property: property\n                          }\n                        })\n                      : _vm._e()\n                  ],\n                  1\n                )\n              })\n            ],\n            2\n          )\n        : _vm._e()\n    ]\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    _vm.inputType === \"text\" ||\n    _vm.inputType === \"float\" ||\n    _vm.inputType === \"int\"\n      ? _c(\n          \"div\",\n          {\n            staticClass: \"input-unit order-property-input\",\n            class: { active: _vm.property.value, error: _vm.hasError },\n            attrs: { \"data-validate\": \"text\" }\n          },\n          [\n            _c(\"input\", {\n              directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n              attrs: {\n                type: \"text\",\n                \"data-toggle\": \"tooltip\",\n                title: _vm.property.names.description,\n                \"data-testing\": \"order-property-input-\" + _vm.inputType,\n                autocomplete: \"off\"\n              },\n              on: {\n                input: function($event) {\n                  return _vm.onInputValueChanged($event.target.value)\n                }\n              }\n            }),\n            _vm._v(\" \"),\n            _c(\"label\", { staticClass: \"d-flex\" }, [\n              _c(\"span\", { staticClass: \"text-truncate\" }, [\n                _vm._v(_vm._s(_vm.property.names.name))\n              ]),\n              _vm._v(\" \"),\n              _vm.surcharge > 0\n                ? _c(\"strong\", { staticClass: \"ml-1\" }, [\n                    _vm._v(\n                      \"(+ \" + _vm._s(_vm._f(\"currency\")(_vm.surcharge)) + \") *\"\n                    )\n                  ])\n                : _vm._e()\n            ])\n          ]\n        )\n      : _vm.inputType === \"checkbox\" || _vm.inputType === \"radio\"\n      ? _c(\"div\", { staticClass: \"form-check\" }, [\n          _vm.inputType === \"checkbox\"\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: {\n                  value: _vm.property.id,\n                  checked: _vm.property.value\n                },\n                on: {\n                  change: function($event) {\n                    return _vm.onInputValueChanged($event.target.checked)\n                  }\n                }\n              })\n            : _c(\"input\", {\n                staticClass: \"form-check-input\",\n                attrs: {\n                  type: \"radio\",\n                  name: _vm.group ? _vm.group.id : \"check\" + _vm._uid,\n                  id: \"check\" + _vm._uid,\n                  \"data-testing\": \"order-property-input-radio\"\n                },\n                domProps: {\n                  value: _vm.property.id,\n                  checked: _vm.property.value\n                },\n                on: {\n                  change: function($event) {\n                    return _vm.onInputValueChanged($event.target.value)\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.property.names.description\n              }\n            },\n            [\n              _c(\"span\", { staticClass: \"text-wrap\" }, [\n                _vm._v(_vm._s(_vm.property.names.name))\n              ]),\n              _vm._v(\" \"),\n              _vm.surcharge > 0\n                ? _c(\"strong\", { staticClass: \"ml-1\" }, [\n                    _vm._v(\n                      \"(+ \" + _vm._s(_vm._f(\"currency\")(_vm.surcharge)) + \") *\"\n                    )\n                  ])\n                : _vm._e()\n            ]\n          )\n        ])\n      : _vm.inputType === \"selection\"\n      ? _c(\n          \"div\",\n          [\n            _vm.property.id != 12\n              ? [\n                  _c(\"span\", { staticClass: \"text-muted\" }, [\n                    _vm._v(_vm._s(_vm.property.names.name) + \":\")\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"b\", { staticClass: \"selected-property-value\" })\n                ]\n              : _vm._e(),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              {\n                staticClass: \"v-s-boxes py-3\",\n                class: \"property-selection-\" + _vm.property.id,\n                attrs: { \"data-property-id\": _vm.property.id }\n              },\n              _vm._l(_vm.property.selectionValues, function(value, id) {\n                return _c(\n                  \"div\",\n                  {\n                    key: id,\n                    staticClass: \"v-s-box bg-white\",\n                    class: { active: value.id === id },\n                    attrs: {\n                      \"data-testing\": \"order-property-selection-option\",\n                      value: id,\n                      \"data-property-id\": _vm.property.id,\n                      \"data-value-id\": value.id,\n                      \"data-id\": id\n                    },\n                    on: {\n                      click: function($event) {\n                        _vm.onInputValueChanged(id)\n                        _vm.setActive($event.target)\n                      }\n                    }\n                  },\n                  [\n                    _c(\"span\", { staticClass: \"mx-3\" }, [\n                      _vm._v(_vm._s(value.name))\n                    ])\n                  ]\n                )\n              }),\n              0\n            )\n          ],\n          2\n        )\n      : _vm.inputType === \"file\"\n      ? _c(\"div\", [\n          _c(\n            \"label\",\n            {\n              directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n              staticClass:\n                \"input-unit file-input order-property-input component-loading with-icon sending\",\n              class: {\n                active: _vm.property.value,\n                \"is-loading\": _vm.waiting,\n                error: _vm.hasError\n              },\n              attrs: {\n                \"data-toggle\": \"tooltip\",\n                title: _vm.property.names.description\n              }\n            },\n            [\n              _c(\n                \"span\",\n                {\n                  staticClass: \"input-unit-preview\",\n                  class: { disabled: _vm.waiting }\n                },\n                [_vm._v(_vm._s(_vm.selectedFileName))]\n              ),\n              _vm._v(\" \"),\n              _c(\"span\", { staticClass: \"input-unit-label d-flex\" }, [\n                _c(\"span\", { staticClass: \"text-truncate\" }, [\n                  _vm._v(_vm._s(_vm.property.names.name))\n                ]),\n                _vm._v(\" \"),\n                _vm.surcharge > 0\n                  ? _c(\"strong\", { staticClass: \"ml-1\" }, [\n                      _vm._v(\n                        \"(+ \" +\n                          _vm._s(_vm._f(\"currency\")(_vm.surcharge)) +\n                          \") *\"\n                      )\n                    ])\n                  : _vm._e()\n              ]),\n              _vm._v(\" \"),\n              !_vm.selectedFile\n                ? _c(\"span\", { staticClass: \"input-unit-btn\" }, [\n                    _c(\"i\", { staticClass: \"fa fa-ellipsis-h\" })\n                  ])\n                : _c(\n                    \"span\",\n                    {\n                      staticClass: \"input-unit-btn\",\n                      attrs: { disabled: _vm.waiting },\n                      on: {\n                        click: function($event) {\n                          $event.preventDefault()\n                          return _vm.clearSelectedFile()\n                        }\n                      }\n                    },\n                    [_c(\"i\", { staticClass: \"fa fa-times\" })]\n                  ),\n              _vm._v(\" \"),\n              _c(\"input\", {\n                ref: \"fileInput\",\n                attrs: {\n                  disabled: _vm.waiting,\n                  type: \"file\",\n                  size: \"50\",\n                  accept: \"image/*\",\n                  \"data-testing\": \"order-property-input-file\"\n                },\n                on: {\n                  change: function($event) {\n                    return _vm.setPropertyFile($event)\n                  }\n                }\n              })\n            ]\n          )\n        ])\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div v-if=\"inputType === 'text' || inputType === 'float' || inputType === 'int'\" class=\"input-unit order-property-input\" :class=\"{ 'active': property.value, 'error': hasError }\" data-validate=\"text\">\n            <input\n                type=\"text\"\n                @input=\"onInputValueChanged($event.target.value)\"\n                v-tooltip\n                data-toggle=\"tooltip\"\n                :title=\"property.names.description\"\n                :data-testing=\"'order-property-input-' + inputType\"\n                autocomplete=\"off\">\n            <label class=\"d-flex\">\n                <span class=\"text-truncate\">{{ property.names.name }}</span>\n                <strong class=\"ml-1\" v-if=\"surcharge > 0\">(+ {{ surcharge | currency }}) *</strong>\n            </label>\n        </div>\n\n        <div v-else-if=\"inputType === 'checkbox' || inputType === 'radio'\" class=\"form-check\">\n            <input v-if=\"inputType === 'checkbox'\"\n                   type=\"checkbox\"\n                   :name=\"group ? group.id : 'check' + _uid\"\n                   :id=\"'check' + _uid\"\n                   :value=\"property.id\"\n                   :checked=\"property.value\"\n                   @change=\"onInputValueChanged($event.target.checked)\"\n                   class=\"form-check-input\"\n                   data-testing=\"order-property-input-checkbox\">\n            <input v-else\n                   type=\"radio\"\n                   :name=\"group ? group.id : 'check' + _uid\"\n                   :id=\"'check' + _uid\"\n                   :value=\"property.id\"\n                   @change=\"onInputValueChanged($event.target.value)\"\n                   class=\"form-check-input\"\n                   :checked=\"property.value\"\n                   data-testing=\"order-property-input-radio\">\n\n            <label class=\"form-check-label text-appearance d-flex\"\n                   :for=\"'check' + _uid\"\n                   :class=\"{ 'text-danger': hasError }\"\n                   v-tooltip data-toggle=\"tooltip\"\n                   :title=\"property.names.description\">\n                <span class=\"text-wrap\">{{ property.names.name }}</span>\n                <strong class=\"ml-1\" v-if=\"surcharge > 0\">(+ {{ surcharge | currency }}) *</strong>\n            </label>\n        </div>\n        <div v-else-if=\"inputType === 'selection'\">\n            <template v-if=\"property.id != 12\">\n                <span class=\"text-muted\">{{ property.names.name }}:</span>\n                <b class=\"selected-property-value\"></b>\n            </template>\n            <div class=\"v-s-boxes py-3\" :class=\"'property-selection-' + property.id\" :data-property-id=\" property.id \" >\n                <div class=\"v-s-box bg-white\"\n                     data-testing=\"order-property-selection-option\"\n                     v-for=\"(value, id) in property.selectionValues\"\n                     @click=\"onInputValueChanged(id);setActive($event.target)\"\n                     :class=\"{ 'active': value.id === id }\"\n                     :key=\"id\"\n                     :value=\"id\"\n                     :data-property-id=\"property.id\"\n                     :data-value-id=\"value.id\"\n                     :data-id=\"id\">\n                    <span class=\"mx-3\">{{ value.name }}</span>\n                </div>\n<!--                <template>-->\n<!--                    <div>{{ selectedDescriptionAdvanced | raw }}</div>-->\n<!--                </template>-->\n            </div>\n        </div>\n        <div v-else-if=\"inputType === 'file'\">\n            <label class=\"input-unit file-input order-property-input component-loading with-icon sending\"\n                   :class=\"{ 'active': property.value, 'is-loading': waiting, 'error': hasError }\" v-tooltip\n                   data-toggle=\"tooltip\" :title=\"property.names.description\">\n                <span class=\"input-unit-preview\" :class=\"{ 'disabled': waiting }\">{{selectedFileName}}</span>\n                <span class=\"input-unit-label d-flex\">\n                    <span class=\"text-truncate\">{{ property.names.name }}</span>\n                    <strong class=\"ml-1\" v-if=\"surcharge > 0\">(+ {{ surcharge | currency }}) *</strong>\n                </span>\n                <span class=\"input-unit-btn\" v-if=\"!selectedFile\">\n                    <i class=\"fa fa-ellipsis-h\"></i>\n                </span>\n                <span class=\"input-unit-btn\" v-else :disabled=\"waiting\" @click.prevent=\"clearSelectedFile()\">\n                    <i class=\"fa fa-times\"></i>\n                </span>\n                <input :disabled=\"waiting\" ref=\"fileInput\" type=\"file\" size=\"50\" accept=\"image/*\"\n                       @change=\"setPropertyFile($event)\" data-testing=\"order-property-input-file\">\n            </label>\n        </div>\n    </div>\n</template>\n\n<script>\nconst ApiService = require(\"../../services/ApiService\");\nconst NotificationService = require(\"../../services/NotificationService\");\n\nimport {isNullOrUndefined} from \"../../helper/utils\";\nimport {mapState, mapMutations} from \"vuex\";\nimport TranslationService from '../../services/TranslationService';\n\nexport default {\n\n    name: \"order-property-list-item\",\n\n    props:\n        {\n            group: Object,\n            property: Object\n        },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data() {\n        return {\n            inputValue: \"\",\n            selectedFile: null,\n            waiting: false,\n            selectionValue: null,\n            // selectedDescription: null,\n        };\n    },\n\n    mounted() {\n        document.addEventListener(\"onVariationChanged\", event => {\n            if (event.detail.itemId === this.itemId) {\n                // clear type specific bindings\n                if (this.property.valueType === \"selection\") {\n                    this.selectionValue = this.property.value || null;\n                } else if (this.property.valueType === \"file\") {\n                    if (this.property.value && this.property.value.length) {\n                        NotificationService.warn(\n                            TranslationService.translate(\"Ceres::Template.singleItemOrderPropertyFileHasReset\",\n                                {propertyName: this.property.names.name})\n                        ).closeAfter(5000);\n                    }\n\n                    this.clearSelectedFile();\n                } else {\n                    this.inputValue = this.property.value || \"\";\n                }\n            }\n        });\n    },\n\n    computed:\n        {\n            inputType() {\n                const orderPropertyGroupingType = this.group ? this.group.orderPropertyGroupingType : null;\n                const valueType = this.property.valueType;\n\n                // console.log('orderPropertyGroupingType ' + this.group.id);\n                // console.log(orderPropertyGroupingType);\n                // console.log('valueType ' + this.property.value);\n                // console.log(valueType);\n\n                if (valueType === \"empty\") {\n                    if (!orderPropertyGroupingType || orderPropertyGroupingType === \"none\" || orderPropertyGroupingType === \"multi\") {\n                        return \"checkbox\";\n                    }\n\n                    return \"radio\";\n                }\n\n                return valueType;\n            },\n\n            selectedFileName() {\n                if (this.selectedFile) {\n                    return this.selectedFile.name;\n                }\n\n                return \"\";\n            },\n\n            hasError()\n            {\n                const isRequired = this.property.isRequired || App.config.item.requireOrderProperties;\n\n                if (isRequired && this.variationMarkInvalidProperties && this.inputType === \"radio\")\n                {\n                    return this.variationMissingProperties.find(property => property.property.id === this.property.id);\n                }\n\n                return isRequired && this.variationMarkInvalidProperties && !this.property.value;\n            },\n\n            surcharge() {\n                return this.property.itemSurcharge || this.property.surcharge;\n            },\n\n            selectedDescription() {\n                if (this.inputType !== \"selection\" || isNullOrUndefined(this.selectionValue)) {\n                    return null;\n                }\n\n                const selectedProperty = this.property.selectionValues[this.selectionValue];\n\n                return selectedProperty.description;\n            },\n\n            // selectedValue() {\n            //     if (isNullOrUndefined(this.selectionValue)) {\n            //         return 'ohne';\n            //     } else {\n            //         return this.selectionValue;\n            //     }\n            // },\n\n            selectedDescriptionAdvanced() {\n                // console.log('aaaaa');\n                // console.log(this.inputType);\n                // console.log(this.property);\n                // console.log(this.property.value);\n                // console.log(this.property.selectionValues[this.property.value]);\n                // console.log(this.selectionValue);\n                // console.log(this.property.selectionValues[this.selectionValue]);\n                this.selectionValue = this.property.value;\n                // console.log(this.selectionValue);\n                if (this.inputType !== \"selection\" || isNullOrUndefined(this.selectionValue)) {\n                    return null;\n                }\n                document.dispatchEvent(new CustomEvent(\"selectedDescriptionAdvanced\", { }));\n                const selectedProperty = this.property.selectionValues[this.selectionValue];\n                const selectedPropertyDescription = selectedProperty.description;\n                if (!isNullOrUndefined(selectedPropertyDescription)) {\n                    const selectedPropertyDescriptionArray = selectedPropertyDescription.split(\"|\");\n                    let selectedPropertyDescriptionType = selectedPropertyDescriptionArray[0];\n                    let selectedPropertyDescriptionValue = selectedPropertyDescriptionArray[1];\n                    if (selectedPropertyDescriptionType === 'text') {\n                        document.querySelector('#dsc-bottom span').innerHTML = selectedPropertyDescriptionValue;\n                        return selectedPropertyDescriptionValue;\n                    }\n                    if (selectedPropertyDescriptionType === 'image') {\n                        document.querySelector('#dsc-bottom span').innerHTML = '<img src=\"' + selectedPropertyDescriptionValue + '\" />';\n                        return '<img src=\"' + selectedPropertyDescriptionValue + '\" />';\n                    }\n                }\n                // dscToPosition(0);\n                return selectedProperty.description;\n            },\n\n            variationMissingProperties() {\n                return this.$store.getters[`${this.itemId}/variationMissingProperties`];\n            },\n\n            variationMarkInvalidProperties() {\n                const currentVariation = this.$store.getters[`${this.itemId}/currentItemVariation`];\n                return currentVariation && currentVariation.variationMarkInvalidProperties;\n            },\n\n            ...mapState({\n                isBasketLoading: state => state.basket.isBasketLoading,\n            })\n        },\n\n    methods:\n        {\n            onInputValueChanged(value) {\n                // console.log('xxxxx');\n                // console.log(value);\n                // console.log('xxxxx');\n                if (this.inputType === \"int\") {\n                    value = this.validateInt(value);\n                } else if (this.inputType === \"float\") {\n                    value = this.validateFloat(value);\n                } else if (this.inputType === \"checkbox\") {\n                    if (!value) {\n                        value = null;\n                    }\n                } else if (this.inputType === \"selection\") {\n                    if (isNullOrUndefined(value) || value.length <= 0) {\n                        value = null;\n                    }\n                } else if (this.inputType === \"text\") {\n                    if (value === \"\") {\n                        value = null;\n                    }\n                }\n\n                this.$store.commit(`${this.itemId}/setVariationPropertySurcharges`, this.$store.getters[`${this.itemId}/variationBasePrice`]);\n                // console.log('aaaaa');\n                // console.log(this.inputType);\n                // console.log(this.property);\n                // console.log(this.property.value);\n                // console.log(this.property.selectionValues[this.property.value]);\n                // console.log(this.selectionValue);\n                // console.log(this.property.selectionValues[this.selectionValue]);\n                this.setVariationOrderProperty({propertyId: this.property.id, value: value});\n                this.selectionValue = value;\n                // console.log(this.selectionValue);\n                if (this.inputType !== \"selection\" || isNullOrUndefined(this.selectionValue)) {\n                    return null;\n                }\n                // document.dispatchEvent(new CustomEvent(\"selectedDescriptionAdvanced\", { detail: basketObject }));\n                const selectedProperty = this.property.selectionValues[this.selectionValue];\n                // console.log(selectedProperty);\n                const selectedPropertyDescription = selectedProperty.description;\n                if (!isNullOrUndefined(selectedPropertyDescription)) {\n                    const selectedPropertyDescriptionArray = selectedPropertyDescription.split(\"|\");\n                    let selectedPropertyDescriptionType = selectedPropertyDescriptionArray[0];\n                    let selectedPropertyDescriptionValue = selectedPropertyDescriptionArray[1];\n\n                    if (selectedPropertyDescriptionType === 'image') {\n                        var returnValue = '<img class=\"img-fluid img-typo-black\" src=\"' + selectedPropertyDescriptionValue + '\" /><img class=\"img-fluid img-typo-white\" src=\"' + selectedPropertyDescriptionArray[2] + '\" />';\n                        // document.querySelector('#dsc-bottom span').innerHTML = '<img class=\"img-fluid\" src=\"' + selectedPropertyDescriptionValue + '\" /><img class=\"img-fluid\" style=\"display:none;\" src=\"' + selectedPropertyDescriptionArray[2] + '\" />';\n                    } else {\n                        var returnValue = selectedPropertyDescriptionValue;\n                        // document.querySelector('#dsc-bottom span').innerHTML = selectedPropertyDescriptionValue;\n                    }\n                    var ret = {returnValue:returnValue, type:selectedPropertyDescriptionType, data:selectedPropertyDescriptionArray}\n                    // selectedPropertyDescriptionArray.shift();\n                    document.dispatchEvent(new CustomEvent(\"selectedDescriptionAdvanced\", { detail: selectedPropertyDescriptionArray }));\n                }\n                document.dispatchEvent(new CustomEvent(\"orderPropertyChanged\", { detail: {propertyId: this.property.id, value: value} }));\n            },\n\n            setActive(element) {\n                // console.log('setActive id');\n                // console.log(element);\n                // console.log(element.closest('.v-s-boxes').children);\n                element.closest('.v-s-boxes').children.forEach(child =>\n            {\n                child.classList.remove('active');\n            });\n                if (element.closest('.v-s-box')) {\n                    element.closest('.v-s-box').classList.add('active')\n                } else {\n                    element.classList.add('active');\n                }\n                // document.querySelector('.selected-property-value').innerHTML = element.innerHTML;\n            },\n\n            validateInt(value) {\n                value = parseInt(value);\n\n                if (isNaN(value)) {\n                    value = null;\n                }\n\n                this.inputValue = value;\n\n                return value;\n            },\n\n            validateFloat(value) {\n                const lastChar = value.slice(-1);\n\n                const str = value.replace(App.decimalSeparator, \".\");\n                const arr = str.split(\".\");\n                let toFixedLength = 0;\n\n                if (arr.length === 2) {\n                    toFixedLength = arr[1].length;\n                }\n\n                value = parseFloat(str).toFixed(toFixedLength);\n\n                if (isNaN(value)) {\n                    value = null;\n                } else {\n                    if (lastChar === \".\" || lastChar === App.decimalSeparator) {\n                        value += lastChar;\n                    }\n\n                    value = value.toString().replace(\".\", App.decimalSeparator);\n                }\n\n                this.inputValue = value;\n\n                return value;\n            },\n\n            setVariationOrderProperty(orderProperty) {\n                // console.log('#######');\n                // console.log(orderProperty);\n                // console.log('#######');\n                return this.$store.commit(`${this.itemId}/setVariationOrderProperty`, orderProperty);\n            },\n\n            setPropertyFile(event) {\n                if (event.target && event.target.files && event.target.files.length > 0) {\n                    this.selectedFile = event.target.files[0];\n                    this.uploadPropertyFile(this.selectedFile);\n                }\n            },\n\n            uploadPropertyFile(file) {\n                this.setIsBasketLoading(true);\n                this.waiting = true;\n\n                const fileData = new FormData();\n\n                fileData.append(\"fileData\", file);\n\n                ApiService.post(\"/rest/io/order/property/file\", fileData, {\n                    processData: false,\n                    contentType: false,\n                    cache: false,\n                    async: true,\n                    timeout: 60000,\n                    supressNotifications: true\n                })\n                    .done(response => {\n                        this.setVariationOrderProperty({propertyId: this.property.id, value: response});\n                    })\n                    .fail(error => {\n                        this.clearSelectedFile();\n                        this._handleValidationErrors(error);\n                    })\n                    .always(response => {\n                        this.setIsBasketLoading(false);\n                        this.waiting = false;\n                    });\n            },\n\n            clearSelectedFile() {\n                this.selectedFile = null;\n                this.setVariationOrderProperty({propertyId: this.property.id, value: null});\n                this.$refs.fileInput.value = \"\";\n            },\n\n            _handleValidationErrors(error) {\n                if (error.hasOwnProperty(\"validation_errors\")) {\n                    for (const err of Object.values(error.validation_errors)) {\n                        NotificationService.error(err[0]);\n                    }\n                }\n\n                if (error.error.message && error.error.message === \"Post too large\") {\n                    NotificationService.error(\n                        this.$translate(\"Ceres::Template.errorPostTooLarge\", {maxSize: error.error.maxSize})\n                    );\n                }\n            },\n\n            ...mapMutations([\n                \"setIsBasketLoading\"\n            ]),\n        }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderPropertyListItem.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!./OrderPropertyListItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrderPropertyListItem.vue?vue&type=template&id=6fc17f6c&\"\nimport script from \"./OrderPropertyListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./OrderPropertyListItem.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/danielmannheimer/plentyDevTool/38033/151/Ceres/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('6fc17f6c')) {\n      api.createRecord('6fc17f6c', component.options)\n    } else {\n      api.reload('6fc17f6c', component.options)\n    }\n    module.hot.accept(\"./OrderPropertyListItem.vue?vue&type=template&id=6fc17f6c&\", function () {\n      api.rerender('6fc17f6c', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/OrderPropertyListItem.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!./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&\"","<template>\n    <div :class=\"'property-group-id-' + propertyGroup.group.id\">\n        <div v-if=\"isShownOnItemPageCount\" class=\"pt-2\">\n            <div v-if=\"propertyGroup.group\" class=\"property-group-header\" :class=\"paddingClasses\" :style=\"paddingInlineStyles\">\n                <div class=\"h4\">\n<!--                <div class=\"h4\" v-if=\"propertyGroup.group.id && propertyGroup.group.id !== 6\">-->\n                    {{ propertyGroup.group.names.name }}:\n                </div>\n<!--                <p class=\"text-muted text-wrap\">-->\n<!--                    {{ propertyGroup.group.names.description }}-->\n<!--                </p>-->\n            </div>\n\n            <div v-for=\"property in propertyGroup.properties\" :key=\"property.id\" :class=\"paddingClasses\" :style=\"paddingInlineStyles\">\n                <order-property-list-item v-if=\"property.isShownOnItemPage\" :group=\"propertyGroup.group\" :property=\"property\"></order-property-list-item>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport OrderPropertyListItem from \"./OrderPropertyListItem.vue\";\n\nexport default {\n    name: \"order-property-list-group\",\n\n    components:\n    {\n        OrderPropertyListItem\n    },\n\n    props:\n    {\n        paddingClasses:\n        {\n            type: String,\n            default: null\n        },\n        paddingInlineStyles:\n        {\n            type: String,\n            default: null\n        },\n        propertyGroup: Object\n    },\n\n    computed:\n    {\n        isShownOnItemPageCount()\n        {\n            const properties = this.propertyGroup.properties.filter(property => property.isShownOnItemPage);\n\n            return properties.length;\n        }\n    }\n}\n</script>\n","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/danielmannheimer/plentyDevTool/38033/151/Ceres/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>\n    <div class=\"rem-order-property-slider mb-3 lalala\" v-if=\"renderOrderPropertyList\">\n        <div class=\"rem-order-property-slider-inner\">\n            <div v-for=\"(propertyGroup, index) in sortedGroupedProperties\" :key=\"index\" :data-property-group-id=\"propertyGroup.group.id\" :data-property-group-position=\"propertyGroup.group.position\" :class=\"'property-group-'+propertyGroup.group.id\">\n                <order-property-list-group\n                    :padding-classes=\"paddingClasses\"\n                    :padding-inline-styles=\"paddingInlineStyles\"\n                    :key=\"propertyGroup.id\"\n                    :property-group=\"propertyGroup\">\n                </order-property-list-group>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport OrderPropertyListGroup from \"./OrderPropertyListGroup.vue\";\n\nexport default {\n    name: \"order-property-list\",\n\n    components:\n    {\n        \"order-property-list-group\": OrderPropertyListGroup\n    },\n\n    props:\n    {\n        paddingClasses:\n        {\n            type: String,\n            default: null\n        },\n        paddingInlineStyles:\n        {\n            type: String,\n            default: null\n        },\n    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data()\n    {\n        return {\n            activeSlide: 0,\n            touchedSlides: { 0: true }\n        };\n    },\n\n    mounted()\n    {\n        if (App.useVariationOrderProperties)\n        {\n            // go to first side, because variation order properties could differ between variations\n            document.addEventListener(\"onVariationChanged\", () => {\n                this.activeSlide = 0;\n            });\n        }\n    },\n\n    computed:\n    {\n        sortedGroupedProperties()\n        {\n            const groupedProperties = JSON.parse(JSON.stringify(this.variationGroupedProperties));\n\n            for (const group of groupedProperties)\n            {\n                this.sortGroupProperties(group);\n            }\n\n            return this.getSortedGroups(groupedProperties);\n        },\n\n        missingPropertyGroupIds()\n        {\n            if (this.variationMarkInvalidProperties)\n            {\n                return [...new Set(this.variationMissingProperties.map(property => property.group && property.group.id))];\n            }\n\n            return [];\n        },\n\n        variationGroupedProperties()\n        {\n            return this.$store.getters[`${this.itemId}/variationGroupedProperties`];\n        },\n\n        renderOrderPropertyList()\n        {\n            return this.variationGroupedProperties.length || App.isShopBuilder;\n        },\n\n        variationMissingProperties()\n        {\n            return this.$store.getters[`${this.itemId}/variationMissingProperties`];\n        },\n\n        variationMarkInvalidProperties() {\n            return this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationMarkInvalidProperties;\n        }\n    },\n\n    methods:\n    {\n        sortGroupProperties(group)\n        {\n            return group.properties.sort((prev, current) =>\n            {\n                if (prev.position > current.position)\n                {\n                    return 1;\n                }\n                if (prev.position < current.position)\n                {\n                    return -1;\n                }\n\n                return 0;\n            });\n        },\n\n        getSortedGroups(groups)\n        {\n            for (const group of groups)\n            {\n                group.lowestPosition = group.group.position;\n\n                const groupId = group.group ? group.group.id : null;\n\n                if (this.variationMarkInvalidProperties && this.missingPropertyGroupIds.includes(groupId))\n                {\n                    group.hasError = true;\n                }\n            }\n\n            return groups.sort((prev, current) =>\n            {\n                if (prev.lowestPosition > current.lowestPosition)\n                {\n                    return 1;\n                }\n                if (prev.lowestPosition < current.lowestPosition)\n                {\n                    return -1;\n                }\n\n                return 0;\n            });\n        },\n\n        slideTo(position)\n        {\n            if (position >= 0 && position < this.sortedGroupedProperties.length)\n            {\n                this.activeSlide = position;\n                this.touchedSlides[this.activeSlide] = true;\n            }\n        }\n    }\n}\n</script>\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/danielmannheimer/plentyDevTool/38033/151/Ceres/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":""}