{"version":3,"sources":["webpack:///./resources/js/src/app/components/item/OrderPropertyList.vue","webpack:///resources/js/src/app/components/item/OrderPropertyList.vue","webpack:///./resources/js/src/app/components/item/OrderPropertyList.vue?a774","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","components","props","type","String","default","inject","itemId","data","computed","_step","groupedProperties","JSON","parse","stringify","variationGroupedProperties","_iterator","_createForOfIteratorHelper","s","n","done","value","sortGroupProperties","err","e","f","getSortedGroups","missingPropertyGroupIds","variationMarkInvalidProperties","_toConsumableArray","Set","variationMissingProperties","map","property","$store","getters","concat","filter","isSalable","App","isShopBuilder","currentVariation","methods","properties","sort","prev","current","position","groups","_step2","_iterator2","lowestPosition","reduce","groupId","includes","component"],"mappings":"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","file":"chunks/ceres-50.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\" }, [\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 }","<template>\n  <div class=\"order-property-slider\" v-if=\"renderOrderPropertyList\">\n    <div\n      class=\"order-property-slider-inner\"\n      :style=\"{ transform: 'translateX(-' + activeSlide * 100 + '%)' }\"\n    >\n      <div\n        v-for=\"(propertyGroup, index) in sortedGroupedProperties\"\n        :class=\"{ active: index === activeSlide }\"\n        :key=\"index\"\n      >\n        <order-property-list-group\n          :padding-classes=\"paddingClasses\"\n          :padding-inline-styles=\"paddingInlineStyles\"\n          :key=\"propertyGroup.id\"\n          :property-group=\"propertyGroup\"\n        >\n        </order-property-list-group>\n      </div>\n    </div>\n\n    <div\n      class=\"order-property-slider-controls\"\n      :class=\"paddingClasses\"\n      :style=\"paddingInlineStyles\"\n      v-if=\"sortedGroupedProperties.length > 1\"\n    >\n      <div\n        class=\"btn shadow-none\"\n        @click=\"slideTo(activeSlide - 1)\"\n        :class=\"{\n          'btn-primary': activeSlide > 0,\n          'btn-secondary disabled': activeSlide === 0,\n        }\"\n        tabindex=\"0\"\n        data-testing=\"order-property-previous-slide\"\n      >\n        <span class=\"fa fa-chevron-left\"></span>\n      </div>\n\n      <div class=\"slider-nav\">\n        <span\n          v-for=\"(propertyGroup, index) in sortedGroupedProperties\"\n          :class=\"{\n            active: index === activeSlide,\n            highlight: !touchedSlides[index],\n            error: propertyGroup.hasError,\n          }\"\n          @click=\"slideTo(index)\"\n          :key=\"index\"\n          v-tooltip\n          data-toggle=\"tooltip\"\n          data-placement=\"top\"\n          :title=\"\n            propertyGroup.group\n              ? propertyGroup.group.names.name\n              : $translate('Ceres::Template.singleItemPropertiesWithoutGroup')\n          \"\n        >\n        </span>\n      </div>\n\n      <div\n        class=\"btn float-right shadow-none\"\n        @click=\"slideTo(activeSlide + 1)\"\n        :class=\"{\n          'btn-primary': activeSlide < sortedGroupedProperties.length - 1,\n          'btn-secondary disabled':\n            activeSlide >= sortedGroupedProperties.length - 1,\n        }\"\n        tabindex=\"0\"\n        data-testing=\"order-property-next-slide\"\n      >\n        <span class=\"fa fa-chevron-right\"></span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  components: {\n    \"order-property-list-group\": () => import(\"./OrderPropertyListGroup.vue\"),\n  },\n\n  props: {\n    paddingClasses: {\n      type: String,\n      default: null,\n    },\n    paddingInlineStyles: {\n      type: String,\n      default: null,\n    },\n  },\n\n  inject: {\n    itemId: {\n      default: null,\n    },\n  },\n\n  data() {\n    return {\n      activeSlide: 0,\n      touchedSlides: { 0: true },\n    };\n  },\n\n  computed: {\n    sortedGroupedProperties() {\n      const groupedProperties = JSON.parse(\n        JSON.stringify(this.variationGroupedProperties)\n      );\n\n      for (const group of groupedProperties) {\n        this.sortGroupProperties(group);\n      }\n\n      return this.getSortedGroups(groupedProperties);\n    },\n\n    missingPropertyGroupIds() {\n      if (this.variationMarkInvalidProperties) {\n        return [\n          ...new Set(\n            this.variationMissingProperties.map(\n              (property) => property.group && property.group.id\n            )\n          ),\n        ];\n      }\n\n      return [];\n    },\n\n    variationGroupedProperties() {\n      return this.$store.getters[`${this.itemId}/variationGroupedProperties`];\n    },\n\n    renderOrderPropertyList() {\n      return (\n        (this.$store.getters[`${this.itemId}/currentItemVariation`].filter\n          .isSalable &&\n          this.variationGroupedProperties.length) ||\n        App.isShopBuilder\n      );\n    },\n\n    variationMissingProperties() {\n      return this.$store.getters[`${this.itemId}/variationMissingProperties`];\n    },\n\n    variationMarkInvalidProperties() {\n      const currentVariation =\n        this.$store.getters[`${this.itemId}/currentItemVariation`];\n      return (\n        currentVariation && currentVariation.variationMarkInvalidProperties\n      );\n    },\n  },\n\n  methods: {\n    sortGroupProperties(group) {\n      return group.properties.sort((prev, current) => {\n        if (prev.position > current.position) {\n          return 1;\n        }\n        if (prev.position < current.position) {\n          return -1;\n        }\n\n        return 0;\n      });\n    },\n\n    getSortedGroups(groups) {\n      for (const group of groups) {\n        const lowestPosition = group.properties.reduce((prev, current) =>\n          prev.position < current.position ? prev : current\n        );\n\n        group.lowestPosition = lowestPosition.position;\n\n        const groupId = group.group ? group.group.id : null;\n\n        if (\n          this.variationMarkInvalidProperties &&\n          this.missingPropertyGroupIds.includes(groupId)\n        ) {\n          group.hasError = true;\n        }\n      }\n\n      return groups.sort((prev, current) => {\n        if (prev.lowestPosition > current.lowestPosition) {\n          return 1;\n        }\n        if (prev.lowestPosition < current.lowestPosition) {\n          return -1;\n        }\n\n        return 0;\n      });\n    },\n\n    slideTo(position) {\n      if (position >= 0 && position < this.sortedGroupedProperties.length) {\n        this.activeSlide = position;\n        this.touchedSlides[this.activeSlide] = true;\n      }\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderPropertyList.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderPropertyList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OrderPropertyList.vue?vue&type=template&id=67ebd23a\"\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":""}