{"version":3,"sources":["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":["render","_vm","this","_c","_self","renderOrderPropertyList","staticClass","style","transform","activeSlide","_l","sortedGroupedProperties","propertyGroup","index","key","class","active","id","attrs","paddingClasses","paddingInlineStyles","_v","length","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","target","composing","onInputValueChanged","surcharge","inclOrPlus","_f","footnotes","requiredFootnotes","isRequired","isPreSelected","_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","setPropertyFile","isTouchDevice","ApiService","require","NotificationService","props","Object","inject","itemId","default","data","mounted","_this","document","addEventListener","event","detail","valueType","warn","TranslationService","translate","propertyName","closeAfter","computed","_objectSpread","orderPropertyGroupingType","_this2","App","config","item","requireOrderProperties","variationMarkInvalidProperties","variationMissingProperties","find","itemSurcharge","hasTax","vatId","isShownAsAdditionalCosts","isNullOrUndefined","$store","getters","concat","state","items","isSSR","body","classList","contains","mapState","isBasketLoading","basket","methods","validateInt","validateFloat","commit","setVariationOrderProperty","propertyId","parseInt","isNaN","lastChar","slice","str","replace","decimalSeparator","arr","split","toFixedLength","parseFloat","toFixed","toString","orderProperty","files","uploadPropertyFile","file","_this3","setIsBasketLoading","fileData","FormData","append","post","processData","contentType","cache","async","timeout","supressNotifications","done","response","fail","_handleValidationErrors","always","$refs","fileInput","hasOwnProperty","_i","_Object$values","values","validation_errors","err","message","maxSize","mapMutations","components","OrderPropertyListItem","String","useVariationOrderProperties","_step","groupedProperties","JSON","parse","stringify","variationGroupedProperties","_iterator","_createForOfIteratorHelper","s","n","sortGroupProperties","e","f","getSortedGroups","missingPropertyGroupIds","_toConsumableArray","Set","isShopBuilder","sort","prev","current","position","groups","_step2","_iterator2","lowestPosition","reduce","groupId","includes"],"mappings":"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","file":"chunks/ceres-44.min.js","sourcesContent":["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          { staticClass: \"pt-2\" },\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(\n    \"div\",\n    { staticClass: \"position-relative\" },\n    [\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                _c(\n                  \"strong\",\n                  { staticClass: \"ml-1\" },\n                  [\n                    _vm.surcharge > 0\n                      ? [\n                          _vm._v(\n                            \"(\" +\n                              _vm._s(_vm.inclOrPlus) +\n                              \" \" +\n                              _vm._s(_vm._f(\"currency\")(_vm.surcharge)) +\n                              \")\"\n                          ),\n                        ]\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _c(\"span\", [\n                      _vm._v(\n                        _vm._s(_vm.footnotes) +\n                          \" \" +\n                          _vm._s(_vm.requiredFootnotes)\n                      ),\n                    ]),\n                  ],\n                  2\n                ),\n              ]),\n            ]\n          )\n        : _vm.inputType === \"checkbox\" || _vm.inputType === \"radio\"\n        ? _c(\n            \"div\",\n            { staticClass: \"form-check\", class: { error: _vm.hasError } },\n            [\n              _vm.inputType === \"checkbox\" &&\n              !(_vm.property.isRequired && _vm.property.isPreSelected)\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                : _vm.inputType === \"radio\"\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._e(),\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                  attrs: {\n                    for: \"check\" + _vm._uid,\n                    \"data-toggle\": \"tooltip\",\n                    title: _vm.property.names.description,\n                    \"data-testing\": \"order-property-label-\" + _vm.inputType,\n                  },\n                },\n                [\n                  _c(\"span\", { staticClass: \"text-wrap\" }, [\n                    _vm._v(_vm._s(_vm.property.names.name)),\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\n                    \"strong\",\n                    { staticClass: \"ml-1\" },\n                    [\n                      _vm.surcharge > 0\n                        ? [\n                            _vm._v(\n                              \"(\" +\n                                _vm._s(_vm.inclOrPlus) +\n                                \" \" +\n                                _vm._s(_vm._f(\"currency\")(_vm.surcharge)) +\n                                \")\"\n                            ),\n                          ]\n                        : _vm._e(),\n                      _vm._v(\" \"),\n                      _c(\"span\", [\n                        _vm._v(\n                          _vm._s(_vm.footnotes) +\n                            \" \" +\n                            _vm._s(_vm.requiredFootnotes)\n                        ),\n                      ]),\n                    ],\n                    2\n                  ),\n                ]\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(\n                        _vm.property.selectionValues,\n                        function (value, id) {\n                          return _c(\n                            \"option\",\n                            {\n                              key: id,\n                              attrs: {\n                                \"data-testing\":\n                                  \"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                    ],\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                      _c(\n                        \"strong\",\n                        { staticClass: \"ml-1\" },\n                        [\n                          _vm.surcharge > 0\n                            ? [\n                                _vm._v(\n                                  \"(\" +\n                                    _vm._s(_vm.inclOrPlus) +\n                                    \" \" +\n                                    _vm._s(_vm._f(\"currency\")(_vm.surcharge)) +\n                                    \")\"\n                                ),\n                              ]\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(_vm.footnotes) +\n                                \" \" +\n                                _vm._s(_vm.requiredFootnotes)\n                            ),\n                          ]),\n                        ],\n                        2\n                      ),\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 btn-appearance font-weight-bold\",\n                                },\n                                [_vm._v(\"?\")]\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                      2730731730\n                    ),\n                  })\n                : _vm._e(),\n            ],\n            1\n          )\n        : _vm.inputType === \"file\"\n        ? _c(\n            \"div\",\n            { staticClass: \"d-flex\" },\n            [\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                    _c(\n                      \"strong\",\n                      { staticClass: \"ml-1\" },\n                      [\n                        _vm.surcharge > 0\n                          ? [\n                              _vm._v(\n                                \"(\" +\n                                  _vm._s(_vm.inclOrPlus) +\n                                  \" \" +\n                                  _vm._s(_vm._f(\"currency\")(_vm.surcharge)) +\n                                  \")\"\n                              ),\n                            ]\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        _c(\"span\", [\n                          _vm._v(\n                            _vm._s(_vm.footnotes) +\n                              \" \" +\n                              _vm._s(_vm.requiredFootnotes)\n                          ),\n                        ]),\n                      ],\n                      2\n                    ),\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                      \"data-testing\": \"order-property-input-file\",\n                    },\n                    on: {\n                      change: function ($event) {\n                        return _vm.setPropertyFile($event)\n                      },\n                    },\n                  }),\n                ]\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"client-only\",\n                [\n                  _vm.isTouchDevice && _vm.property.names.description\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 btn-appearance font-weight-bold\",\n                                    },\n                                    [_vm._v(\"?\")]\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.property.names.description) +\n                                      \"\\n                \"\n                                  ),\n                                ]\n                              },\n                              proxy: true,\n                            },\n                          ],\n                          null,\n                          false,\n                          1618376136\n                        ),\n                      })\n                    : _vm._e(),\n                ],\n                1\n              ),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\n        \"client-only\",\n        [\n          _vm.isTouchDevice &&\n          _vm.inputType !== \"selection\" &&\n          _vm.inputType !== \"file\" &&\n          _vm.property.names.description\n            ? _c(\"popper\", {\n                staticClass:\n                  \"order-property-selection-info-popper position-absolute\",\n                class: {\n                  \"checkbox-or-radio\":\n                    _vm.inputType === \"checkbox\" || _vm.inputType === \"radio\",\n                },\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 btn-appearance font-weight-bold\",\n                            },\n                            [_vm._v(\"?\")]\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.property.names.description) +\n                              \"\\n            \"\n                          ),\n                        ]\n                      },\n                      proxy: true,\n                    },\n                  ],\n                  null,\n                  false,\n                  1214237640\n                ),\n              })\n            : _vm._e(),\n        ],\n        1\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"position-relative\">\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\">\n                    <template v-if=\"surcharge > 0\">({{ inclOrPlus }} {{ surcharge | currency }})</template>\n                    <span>{{ footnotes }} {{ requiredFootnotes }}</span>\n                </strong>\n            </label>\n        </div>\n\n        <div v-else-if=\"inputType === 'checkbox' || inputType === 'radio'\" class=\"form-check\" :class=\"{ 'error': hasError }\">\n            <input v-if=\"inputType === 'checkbox' && !(property.isRequired && property.isPreSelected)\"\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-if=\"inputType === 'radio'\"\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                   v-tooltip data-toggle=\"tooltip\"\n                   :title=\"property.names.description\"\n                    :data-testing=\"'order-property-label-' + inputType\">\n                <span class=\"text-wrap\">{{ property.names.name }}</span>\n                <strong class=\"ml-1\">\n                    <template v-if=\"surcharge > 0\">({{ inclOrPlus }} {{ surcharge | currency }})</template>\n                    <span>{{ footnotes }} {{ requiredFootnotes }}</span>\n                </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\">\n                        <template v-if=\"surcharge > 0\">({{ inclOrPlus }} {{ surcharge | currency }})</template>\n                        <span>{{ footnotes }} {{ requiredFootnotes }}</span>\n                    </strong>\n                </label>\n            </div>\n\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 btn-appearance font-weight-bold\">?</button>\n                </template>\n                <template #content>\n                    {{ selectedDescription }}\n                </template>\n            </popper>\n        </div>\n\n        <div v-else-if=\"inputType === 'file'\" class=\"d-flex\">\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\">\n                        <template v-if=\"surcharge > 0\">({{ inclOrPlus }} {{ surcharge | currency }})</template>\n                        <span>{{ footnotes }} {{ requiredFootnotes }}</span>\n                    </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\" @change=\"setPropertyFile($event)\" data-testing=\"order-property-input-file\">\n            </label>\n\n            <client-only>\n                <popper class=\"order-property-selection-info-popper\" v-cloak v-if=\"isTouchDevice && property.names.description\" placement=\"bottom\">\n                    <template #handle>\n                        <button class=\"btn btn-icon btn-circle btn-default btn-appearance font-weight-bold\">?</button>\n                    </template>\n                    <template #content>\n                        {{ property.names.description }}\n                    </template>\n                </popper>\n            </client-only>\n        </div>\n\n        <client-only>\n            <popper class=\"order-property-selection-info-popper position-absolute\" :class=\"{ 'checkbox-or-radio': inputType === 'checkbox' || inputType === 'radio'}\" v-cloak v-if=\"isTouchDevice && inputType !== 'selection' && inputType !== 'file' && property.names.description\" placement=\"bottom\">\n                <template #handle>\n                    <button class=\"btn btn-icon btn-circle btn-default btn-appearance font-weight-bold\">?</button>\n                </template>\n                <template #content>\n                    {{ property.names.description }}\n                </template>\n            </popper>\n        </client-only>\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            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        {\n            return this.property.itemSurcharge || this.property.surcharge;\n        },\n\n        hasTax()\n        {\n            return this.property.vatId !== \"none\" && this.property.vatId !== null;\n        },\n\n        inclOrPlus()\n        {\n            if(this.property.isShownAsAdditionalCosts || !this.hasTax)\n            {\n                return this.$translate(\"Ceres::Template.basketPlusAbbr\")\n            }\n            return this.$translate(\"Ceres::Template.basketIncludeAbbr\");\n        },\n\n        footnotes()\n        {\n            if (this.surcharge > 0)\n            {\n                if (this.property.isRequired && !this.property.isPreSelected && this.hasTax)\n                {\n                    return this.$translate(\"Ceres::Template.singleItemFootnote12\");\n                }\n                else if(this.hasTax)\n                {\n                    return this.$translate(\"Ceres::Template.singleItemFootnote1\");\n                }\n            }\n        },\n\n        requiredFootnotes()\n        {\n            if (this.property.isRequired && !this.property.isPreSelected && !this.footnotes)\n            {\n                return this.$translate(\"Ceres::Template.singleItemFootnote2\");\n            }\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            return this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationMarkInvalidProperties;\n        },\n\n        isTouchDevice() {\n            return !App.isSSR ? document.body.classList.contains(\"touch\"): false;\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\" class=\"pt-2\">\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=43e0019d&\"\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.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                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=7ff791e6&\"\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=bd598d7e&\"\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":""}