{"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","webpack:///./resources/js/src/app/components/item/OrderPropertyListGroup.vue","webpack:///./resources/js/src/app/components/item/OrderPropertyListItem.vue","webpack:///resources/js/src/app/components/item/OrderPropertyListItem.vue","webpack:///./resources/js/src/app/components/item/OrderPropertyListItem.vue?4847","webpack:///./resources/js/src/app/components/item/OrderPropertyListGroup.vue?a99d","webpack:///resources/js/src/app/components/item/OrderPropertyListGroup.vue","webpack:///./resources/js/src/app/components/item/OrderPropertyListItem.vue?b1da","webpack:///resources/js/src/app/components/item/OrderPropertyList.vue","webpack:///./resources/js/src/app/components/item/OrderPropertyList.vue?6753","webpack:///./resources/js/src/app/components/item/OrderPropertyListGroup.vue?2baf","webpack:///./resources/js/src/app/components/item/OrderPropertyList.vue?bfc2"],"names":["DESCRIPTORS","uncurryThis","objectKeys","toIndexedObject","propertyIsEnumerable","f","push","createMethod","TO_ENTRIES","it","key","O","keys","length","i","result","module","exports","entries","values","$","$values","target","stat","render","_vm","this","_c","_self","renderOrderPropertyList","staticClass","style","transform","activeSlide","_l","sortedGroupedProperties","propertyGroup","index","class","active","id","attrs","paddingClasses","paddingInlineStyles","_v","tabindex","on","click","$event","slideTo","directives","name","rawName","highlight","touchedSlides","error","hasError","title","group","names","$translate","_e","_withStripped","isShownOnItemPageCount","_s","description","properties","property","isShownOnItemPage","inputType","value","inputValue","expression","type","domProps","input","composing","onInputValueChanged","surcharge","_f","_uid","checked","change","for","selectedDescription","selectionValue","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","_value","multiple","selectionValues","placement","scopedSlots","_u","fn","proxy","waiting","disabled","selectedFileName","selectedFile","preventDefault","clearSelectedFile","ref","size","accept","setPropertyFile","props","inject","itemId","default","data","mounted","document","NotificationService","TranslationService","propertyName","computed","variationMissingProperties","variationMarkInvalidProperties","mapState","isBasketLoading","methods","propertyId","validateInt","validateFloat","toFixedLength","setVariationOrderProperty","uploadPropertyFile","fileData","ApiService","processData","contentType","cache","async","timeout","supressNotifications","done","fail","always","_handleValidationErrors","maxSize","mapMutations","components","OrderPropertyListItem","groupedProperties","missingPropertyGroupIds","variationGroupedProperties","sortGroupProperties","getSortedGroups","groups"],"mappings":"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","file":"chunks/ceres-7.min.js","sourcesContent":["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 $ = 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 render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.renderOrderPropertyList\n    ? _c(\"div\", { staticClass: \"order-property-slider mb-3\" }, [\n        _c(\n          \"div\",\n          {\n            staticClass: \"order-property-slider-inner\",\n            style: { transform: \"translateX(-\" + _vm.activeSlide * 100 + \"%)\" },\n          },\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                    \"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 render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", [\n    _vm.isShownOnItemPageCount\n      ? _c(\n          \"div\",\n          [\n            _vm.propertyGroup.group\n              ? _c(\n                  \"div\",\n                  { class: _vm.paddingClasses, style: _vm.paddingInlineStyles },\n                  [\n                    _c(\"div\", { staticClass: \"h4\" }, [\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(_vm.propertyGroup.group.names.name) +\n                          \":\\n            \"\n                      ),\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\"p\", { staticClass: \"text-muted text-wrap\" }, [\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(_vm.propertyGroup.group.names.description) +\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}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\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: [\n                {\n                  name: \"model\",\n                  rawName: \"v-model\",\n                  value: _vm.inputValue,\n                  expression: \"inputValue\",\n                },\n                { name: \"tooltip\", rawName: \"v-tooltip\" },\n              ],\n              attrs: {\n                type: \"text\",\n                \"data-toggle\": \"tooltip\",\n                title: _vm.property.names.description,\n                \"data-testing\": \"order-property-input-\" + _vm.inputType,\n              },\n              domProps: { value: _vm.inputValue },\n              on: {\n                input: [\n                  function ($event) {\n                    if ($event.target.composing) return\n                    _vm.inputValue = $event.target.value\n                  },\n                  function ($event) {\n                    return _vm.onInputValueChanged($event.target.value)\n                  },\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          { class: { \"d-flex\": _vm.selectedDescription } },\n          [\n            _c(\n              \"div\",\n              {\n                directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n                staticClass: \"input-unit order-property-input\",\n                class: { active: _vm.property.value, error: _vm.hasError },\n                attrs: {\n                  \"data-toggle\": \"tooltip\",\n                  title: _vm.property.names.description,\n                },\n              },\n              [\n                _c(\n                  \"select\",\n                  {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.selectionValue,\n                        expression: \"selectionValue\",\n                      },\n                    ],\n                    staticClass: \"custom-select\",\n                    attrs: {\n                      id: \"order-property-input-select\",\n                      \"data-testing\": \"order-property-selection\",\n                    },\n                    on: {\n                      change: [\n                        function ($event) {\n                          var $$selectedVal = Array.prototype.filter\n                            .call($event.target.options, function (o) {\n                              return o.selected\n                            })\n                            .map(function (o) {\n                              var val = \"_value\" in o ? o._value : o.value\n                              return val\n                            })\n                          _vm.selectionValue = $event.target.multiple\n                            ? $$selectedVal\n                            : $$selectedVal[0]\n                        },\n                        function ($event) {\n                          return _vm.onInputValueChanged($event.target.value)\n                        },\n                      ],\n                    },\n                  },\n                  [\n                    _c(\n                      \"option\",\n                      { domProps: { selected: true, value: null } },\n                      [\n                        _vm._v(\n                          _vm._s(\n                            _vm.$translate(\n                              \"Ceres::Template.singleItemPleaseSelect\"\n                            )\n                          )\n                        ),\n                      ]\n                    ),\n                    _vm._v(\" \"),\n                    _vm._l(_vm.property.selectionValues, function (value, id) {\n                      return _c(\n                        \"option\",\n                        {\n                          key: id,\n                          attrs: {\n                            \"data-testing\": \"order-property-selection-option\",\n                          },\n                          domProps: {\n                            selected: _vm.property.id === id,\n                            value: id,\n                          },\n                        },\n                        [_vm._v(_vm._s(value.name))]\n                      )\n                    }),\n                  ],\n                  2\n                ),\n                _vm._v(\" \"),\n                _c(\n                  \"label\",\n                  {\n                    staticClass: \"d-flex w-100\",\n                    attrs: { for: \"order-property-input-select\" },\n                  },\n                  [\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                ),\n              ]\n            ),\n            _vm._v(\" \"),\n            _vm.selectedDescription\n              ? _c(\"popper\", {\n                  staticClass: \"order-property-selection-info-popper\",\n                  attrs: { placement: \"bottom\" },\n                  scopedSlots: _vm._u(\n                    [\n                      {\n                        key: \"handle\",\n                        fn: function () {\n                          return [\n                            _c(\n                              \"button\",\n                              {\n                                staticClass:\n                                  \"btn btn-icon btn-circle btn-default m-1\",\n                              },\n                              [\n                                _c(\"i\", {\n                                  staticClass: \"fa fa-info default-float\",\n                                }),\n                              ]\n                            ),\n                          ]\n                        },\n                        proxy: true,\n                      },\n                      {\n                        key: \"content\",\n                        fn: function () {\n                          return [\n                            _vm._v(\n                              \"\\n                \" +\n                                _vm._s(_vm.selectedDescription) +\n                                \"\\n            \"\n                            ),\n                          ]\n                        },\n                        proxy: true,\n                      },\n                    ],\n                    null,\n                    false,\n                    2859289774\n                  ),\n                })\n              : _vm._e(),\n          ],\n          1\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-model=\"inputValue\"\n                v-tooltip\n                data-toggle=\"tooltip\"\n                :title=\"property.names.description\"\n                :data-testing=\"'order-property-input-' + inputType\">\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\n        <div v-else-if=\"inputType === 'selection'\" :class=\"{ 'd-flex': selectedDescription }\">\n            <div\n                class=\"input-unit order-property-input\"\n                :class=\"{ 'active': property.value, 'error': hasError }\"\n                v-tooltip\n                data-toggle=\"tooltip\"\n                :title=\"property.names.description\">\n                <select id=\"order-property-input-select\" v-model=\"selectionValue\" @change=\"onInputValueChanged($event.target.value)\" class=\"custom-select\" data-testing=\"order-property-selection\">\n                    <option :selected=\"true\" :value=\"null\">{{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}</option>\n                    <option :selected=\"property.id === id\" :value=\"id\" v-for=\"(value, id) in property.selectionValues\" :key=\"id\" data-testing=\"order-property-selection-option\">{{ value.name }}</option>\n                </select>\n                <label class=\"d-flex w-100\" for=\"order-property-input-select\">\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            <popper class=\"order-property-selection-info-popper\" v-cloak v-if=\"selectedDescription\" placement=\"bottom\">\n                <template #handle>\n                    <button class=\"btn btn-icon btn-circle btn-default m-1\">\n                        <i class=\"fa fa-info default-float\"></i>\n                    </button>\n                </template>\n                <template #content>\n                    {{ selectedDescription }}\n                </template>\n            </popper>\n        </div>\n\n        <div v-else-if=\"inputType === 'file'\">\n            <label class=\"input-unit file-input order-property-input component-loading with-icon sending\" :class=\"{ 'active': property.value, 'is-loading': waiting, 'error': hasError }\" v-tooltip 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/*\" @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    {\n        return {\n            inputValue: \"\",\n            selectedFile: null,\n            waiting: false,\n            selectionValue: null\n        };\n    },\n\n    mounted()\n    {\n        document.addEventListener(\"onVariationChanged\", event =>\n        {\n            if (event.detail.itemId === this.itemId)\n            {\n                // clear type specific bindings\n                if (this.property.valueType === \"selection\")\n                {\n                    this.selectionValue = this.property.value || null;\n                }\n                else if (this.property.valueType === \"file\")\n                {\n                    if (this.property.value && this.property.value.length)\n                    {\n                        NotificationService.warn(\n                            TranslationService.translate(\"Ceres::Template.singleItemOrderPropertyFileHasReset\",\n                                { propertyName: this.property.names.name })\n                        ).closeAfter(5000);\n                    }\n\n                    this.clearSelectedFile();\n                }\n                else\n                {\n                    this.inputValue = this.property.value || \"\";\n                }\n            }\n        });\n    },\n\n    computed:\n    {\n        inputType()\n        {\n            const orderPropertyGroupingType = this.group ? this.group.orderPropertyGroupingType : null;\n            const valueType = this.property.valueType;\n\n            if (valueType === \"empty\")\n            {\n                if (!orderPropertyGroupingType || orderPropertyGroupingType === \"none\" || orderPropertyGroupingType === \"multi\")\n                {\n                    return \"checkbox\";\n                }\n\n                return \"radio\";\n            }\n\n            return valueType;\n        },\n\n        selectedFileName()\n        {\n            if (this.selectedFile)\n            {\n                return this.selectedFile.name;\n            }\n\n            return \"\";\n        },\n\n        hasError()\n        {\n            if (this.variationMarkInvalidProperties && this.inputType === \"radio\")\n            {\n                return this.variationMissingProperties.find(property => property.property.id === this.property.id);\n            }\n\n            return this.variationMarkInvalidProperties && !this.property.value;\n        },\n\n        surcharge()\n        {\n            return this.property.itemSurcharge || this.property.surcharge;\n        },\n\n        selectedDescription()\n        {\n            if (this.inputType !== \"selection\" || isNullOrUndefined(this.selectionValue))\n            {\n                return null;\n            }\n\n            const selectedProperty = this.property.selectionValues[this.selectionValue];\n\n            return selectedProperty.description;\n        },\n\n        variationMissingProperties()\n        {\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        {\n            if (this.inputType === \"int\")\n            {\n                value = this.validateInt(value);\n            }\n            else if (this.inputType === \"float\")\n            {\n                value = this.validateFloat(value);\n            }\n            else if (this.inputType === \"checkbox\")\n            {\n                if (!value)\n                {\n                    value = null;\n                }\n            }\n            else if (this.inputType === \"selection\")\n            {\n                if (isNullOrUndefined(value) || value.length <= 0)\n                {\n                    value = null;\n                }\n            }\n            else if (this.inputType === \"text\")\n            {\n                if(value === \"\")\n                {\n                    value = null;\n                }\n            }\n\n            this.$store.commit(`${this.itemId}/setVariationPropertySurcharges`, this.$store.getters[`${this.itemId}/variationBasePrice`]);\n            this.setVariationOrderProperty({ propertyId: this.property.id, value: value });\n        },\n\n        validateInt(value)\n        {\n            value = parseInt(value);\n\n            if (isNaN(value))\n            {\n                value = null;\n            }\n\n            this.inputValue = value;\n\n            return value;\n        },\n\n        validateFloat(value)\n        {\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            {\n                toFixedLength = arr[1].length;\n            }\n\n            value = parseFloat(str).toFixed(toFixedLength);\n\n            if (isNaN(value))\n            {\n                value = null;\n            }\n            else\n            {\n                if (lastChar === \".\" || lastChar === App.decimalSeparator)\n                {\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            return this.$store.commit(`${this.itemId}/setVariationOrderProperty`, orderProperty);\n        },\n\n        setPropertyFile(event)\n        {\n            if (event.target && event.target.files && event.target.files.length > 0)\n            {\n                this.selectedFile = event.target.files[0];\n                this.uploadPropertyFile(this.selectedFile);\n            }\n        },\n\n        uploadPropertyFile(file)\n        {\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, { processData: false, contentType: false, cache: false, async: true, timeout: 60000, supressNotifications: true })\n                .done(response =>\n                {\n                    this.setVariationOrderProperty({ propertyId: this.property.id, value: response });\n                })\n                .fail(error =>\n                {\n                    this.clearSelectedFile();\n                    this._handleValidationErrors(error);\n                })\n                .always(response =>\n                {\n                    this.setIsBasketLoading(false);\n                    this.waiting = false;\n                });\n        },\n\n        clearSelectedFile()\n        {\n            this.selectedFile = null;\n            this.setVariationOrderProperty({ propertyId: this.property.id, value: null });\n            this.$refs.fileInput.value = \"\";\n        },\n\n        _handleValidationErrors(error)\n        {\n            if (error.hasOwnProperty(\"validation_errors\"))\n            {\n                for (const err of Object.values(error.validation_errors))\n                {\n                    NotificationService.error(err[0]);\n                }\n            }\n\n            if (error.error.message && error.error.message === \"Post too large\")\n            {\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 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>\n        <div v-if=\"isShownOnItemPageCount\">\n            <div v-if=\"propertyGroup.group\" :class=\"paddingClasses\" :style=\"paddingInlineStyles\">\n                <div class=\"h4\">\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 \"./OrderPropertyListItem.vue?vue&type=template&id=bbb18b0e&\"\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\nexport default component.exports","<template>\n    <div class=\"order-property-slider mb-3\" v-if=\"renderOrderPropertyList\">\n        <div class=\"order-property-slider-inner\" :style=\"{transform: 'translateX(-' + (activeSlide * 100) + '%)'}\">\n            <div v-for=\"(propertyGroup, index) in sortedGroupedProperties\" :class=\"{'active': index === activeSlide}\" :key=\"index\">\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\n        <div class=\"order-property-slider-controls\" :class=\"paddingClasses\" :style=\"paddingInlineStyles\" v-if=\"sortedGroupedProperties.length > 1\">\n            <div\n                class=\"btn shadow-none\"\n                @click=\"slideTo(activeSlide - 1)\"\n                :class=\"{'btn-primary': activeSlide > 0, 'btn-secondary disabled': activeSlide === 0}\"\n                tabindex=\"0\"\n                data-testing=\"order-property-previous-slide\">\n                <span class=\"fa fa-chevron-left\"></span>\n            </div>\n\n            <div class=\"slider-nav\">\n                <span v-for=\"(propertyGroup, index) in sortedGroupedProperties\"\n                      :class=\"{ 'active': index === activeSlide, 'highlight': !touchedSlides[index], 'error': propertyGroup.hasError }\"\n                      @click=\"slideTo(index)\"\n                      :key=\"index\"\n                      v-tooltip\n                      data-toggle=\"tooltip\"\n                      data-placement=\"top\"\n                      :title=\"propertyGroup.group ? propertyGroup.group.names.name : $translate('Ceres::Template.singleItemPropertiesWithoutGroup')\">\n                </span>\n            </div>\n\n            <div\n                class=\"btn float-right shadow-none\"\n                @click=\"slideTo(activeSlide + 1)\"\n                :class=\"{'btn-primary': activeSlide < sortedGroupedProperties.length - 1, 'btn-secondary disabled': activeSlide >= sortedGroupedProperties.length - 1 }\"\n                tabindex=\"0\"\n                data-testing=\"order-property-next-slide\">\n                <span class=\"fa fa-chevron-right\"></span>\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.$store.getters[`${this.itemId}/currentItemVariation`].filter.isSalable && this.variationGroupedProperties.length) || App.isShopBuilder;\n        },\n\n        variationMissingProperties()\n        {\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\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                const lowestPosition = group.properties.reduce((prev, current) => (prev.position < current.position) ? prev : current);\n\n                group.lowestPosition = lowestPosition.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 \"./OrderPropertyListGroup.vue?vue&type=template&id=3935e601&\"\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\nexport default component.exports","import { render, staticRenderFns } from \"./OrderPropertyList.vue?vue&type=template&id=6feadf16&\"\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\nexport default component.exports"],"sourceRoot":""}