{"version":3,"file":"chunks/hdstheme-9.min.js","mappings":"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","sources":["webpack://hds-theme/./resources/js/src/app/components/item/singleitem/HdsSingleitemVariationlist.vue?1434","webpack://hds-theme/resources/js/src/app/components/item/singleitem/HdsSingleitemVariationlist.vue","webpack://hds-theme/./resources/js/src/app/components/item/singleitem/HdsSingleitemVariationlist.vue?a3b8","webpack://hds-theme/./resources/js/src/app/components/item/singleitem/HdsSingleitemVariationlist.vue"],"sourcesContent":["var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _vm.currentVariation\n      ? _c(\"div\", [\n          _c(\n            \"span\",\n            {\n              staticClass:\n                \"text-appearance al-control single-description-title my-4\",\n            },\n            [_vm._v(\"Variantenübersicht\")]\n          ),\n          _vm._v(\" \"),\n          _vm.variations.entries.length === 0\n            ? _c(\n                \"div\",\n                [_c(\"loading-animation\", { staticClass: \"d-table w-100\" })],\n                1\n              )\n            : _vm._e(),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"table-responsive\" }, [\n            _vm.variations.entries.length > 0\n              ? _c(\n                  \"table\",\n                  { staticClass: \"table table-striped table-hover table-sm\" },\n                  [\n                    _c(\"thead\", [\n                      _c(\"tr\", [\n                        _c(\"td\", [_vm._v(\"Variante\")]),\n                        _vm._v(\" \"),\n                        _c(\"td\", [_vm._v(\"Attribute\")]),\n                        _vm._v(\" \"),\n                        _vm.variations.propertiesCount > 0\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \"\\n              Eigenschaften\\n            \"\n                              ),\n                            ])\n                          : _vm._e(),\n                      ]),\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\n                      \"tbody\",\n                      _vm._l(_vm.variations.entries, function (variation) {\n                        return _c(\"tr\", { key: variation.id }, [\n                          _c(\"td\", [\n                            _c(\"a\", {\n                              attrs: { href: \"#\" },\n                              domProps: { textContent: _vm._s(variation.id) },\n                              on: {\n                                click: function ($event) {\n                                  return _vm.selectVariation(variation.id)\n                                },\n                              },\n                            }),\n                          ]),\n                          _vm._v(\" \"),\n                          _c(\n                            \"td\",\n                            { staticClass: \"variationMatrix-attributes\" },\n                            _vm._l(variation.attributes, function (attribute) {\n                              return _c(\n                                \"div\",\n                                {\n                                  key: attribute.id,\n                                  staticClass: \"variationMatrix-div\",\n                                },\n                                [\n                                  _c(\"span\", {\n                                    staticClass: \"small text-muted d-block\",\n                                    domProps: {\n                                      textContent: _vm._s(attribute.name),\n                                    },\n                                  }),\n                                  _vm._v(\" \"),\n                                  _c(\"span\", {\n                                    staticClass: \"small\",\n                                    domProps: {\n                                      textContent: _vm._s(attribute.value),\n                                    },\n                                  }),\n                                ]\n                              )\n                            }),\n                            0\n                          ),\n                          _vm._v(\" \"),\n                          _vm.variations.propertiesCount > 0\n                            ? _c(\n                                \"td\",\n                                { staticClass: \"variationMatrix-properties\" },\n                                _vm._l(\n                                  variation.properties,\n                                  function (property) {\n                                    return _c(\n                                      \"div\",\n                                      {\n                                        key: property.id,\n                                        staticClass: \"variationMatrix-div\",\n                                      },\n                                      [\n                                        _c(\"span\", {\n                                          staticClass:\n                                            \"small text-muted d-block\",\n                                          domProps: {\n                                            textContent: _vm._s(property.name),\n                                          },\n                                        }),\n                                        _vm._v(\" \"),\n                                        _c(\"span\", {\n                                          staticClass: \"small\",\n                                          domProps: {\n                                            textContent: _vm._s(property.value),\n                                          },\n                                        }),\n                                      ]\n                                    )\n                                  }\n                                ),\n                                0\n                              )\n                            : _vm._e(),\n                        ])\n                      }),\n                      0\n                    ),\n                  ]\n                )\n              : _vm._e(),\n          ]),\n        ])\n      : _vm._e(),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div v-if=\"currentVariation\">\r\n      <span class=\"text-appearance al-control single-description-title my-4\">Variantenübersicht</span>\r\n      <div v-if=\"variations.entries.length === 0\">\r\n        <loading-animation class=\"d-table w-100\" />\r\n      </div>\r\n      <div class=\"table-responsive\">\r\n        <table\r\n          v-if=\"variations.entries.length > 0\"\r\n          class=\"table table-striped table-hover table-sm\"\r\n        >\r\n          <thead>\r\n            <tr>\r\n              <td>Variante</td>\r\n              <td>Attribute</td>\r\n              <td v-if=\"variations.propertiesCount > 0\">\r\n                Eigenschaften\r\n              </td>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr\r\n              v-for=\"variation in variations.entries\"\r\n              :key=\"variation.id\"\r\n            >\r\n              <td>\r\n                <a\r\n                  href=\"#\"\r\n                  @click=\"selectVariation(variation.id)\"\r\n                  v-text=\"variation.id\"\r\n                />\r\n              </td>\r\n              <td class=\"variationMatrix-attributes\">\r\n                <div\r\n                  v-for=\"attribute in variation.attributes\"\r\n                  :key=\"attribute.id\"\r\n                  class=\"variationMatrix-div\"\r\n                >\r\n                  <span\r\n                    class=\"small text-muted d-block\"\r\n                    v-text=\"attribute.name\"\r\n                  />\r\n                  <span\r\n                    class=\"small\"\r\n                    v-text=\"attribute.value\"\r\n                  />\r\n                </div>\r\n              </td>\r\n              <td\r\n                v-if=\"variations.propertiesCount > 0\"\r\n                class=\"variationMatrix-properties\"\r\n              >\r\n                <div\r\n                  v-for=\"property in variation.properties\"\r\n                  :key=\"property.id\"\r\n                  class=\"variationMatrix-div\"\r\n                >\r\n                  <span\r\n                    class=\"small text-muted d-block\"\r\n                    v-text=\"property.name\"\r\n                  />\r\n                  <span\r\n                    class=\"small\"\r\n                    v-text=\"property.value\"\r\n                  />\r\n                </div>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex'\r\nimport loadHDSThemeItemModule from '../../../mixins/loadHDSThemeItemModule'\r\n\r\nexport default {\r\n  name: 'HdsSingleitemVariationlist',\r\n  components: {},\r\n  mixins: [loadHDSThemeItemModule],\r\n  inject: {\r\n    itemId: {\r\n      default: null\r\n    }\r\n  },\r\n\r\n  data () {\r\n    return {\r\n      isLoading: true\r\n    }\r\n  },\r\n\r\n  computed:\r\n  {\r\n    currentVariation: function () {\r\n      return this.$store.getters[this.itemId + '/currentItemVariation']\r\n    },\r\n    ...mapState({\r\n      variations: state => state.hdsitem.variations\r\n    })\r\n  },\r\n\r\n  mounted () {\r\n    if (!App.isShopBuilder) {\r\n      const _self = this\r\n      $.when(\r\n        this.getStart()\r\n      ).done(function () {\r\n        _self.isLoading = false\r\n      })\r\n    } else {\r\n      this.isLoading = false\r\n    }\r\n  },\r\n\r\n  methods:\r\n  {\r\n    getStart () {\r\n      return this.$store.dispatch('getVariations', { itemId: this.itemId })\r\n    },\r\n    selectVariation (variationId) {\r\n      this.setVariation(variationId)\r\n    },\r\n    setVariation (variationId) {\r\n      this.$store.dispatch(`${this.itemId}/loadVariation`, variationId).then(variation => {\r\n        console.log('setVariation', variation)\r\n        if (variation.documents[0].data.attributes.length > 0) {\r\n          variation.documents[0].data.attributes.forEach(element => {\r\n            console.log('selectAttribute', element)\r\n            this.selectAttribute(element.attributeId, element.valueId)\r\n          })\r\n        }\r\n        this.selectUnit(variation.documents[0].data.variation.unitCombinationId)\r\n\r\n        document.dispatchEvent(new CustomEvent('onVariationChanged',\r\n          {\r\n            detail:\r\n              {\r\n                attributes: variation.attributes,\r\n                documents: variation.documents,\r\n                itemId: this.itemId\r\n              }\r\n          }))\r\n      })\r\n    },\r\n    selectAttribute (attributeId, attributeValueId) {\r\n      attributeValueId = parseInt(attributeValueId) || null\r\n      this.$store.commit(`${this.itemId}/variationSelect/selectItemAttribute`, { attributeId, attributeValueId })\r\n    },\r\n    selectUnit (unitId) {\r\n      unitId = parseInt(unitId)\r\n      this.$store.commit(`${this.itemId}/variationSelect/selectItemUnit`, unitId)\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HdsSingleitemVariationlist.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!./HdsSingleitemVariationlist.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HdsSingleitemVariationlist.vue?vue&type=template&id=9329b8ae&\"\nimport script from \"./HdsSingleitemVariationlist.vue?vue&type=script&lang=js&\"\nexport * from \"./HdsSingleitemVariationlist.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\DEV\\\\PlentyPlugins\\\\18810\\\\117\\\\HDSTheme\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('9329b8ae')) {\n      api.createRecord('9329b8ae', component.options)\n    } else {\n      api.reload('9329b8ae', component.options)\n    }\n    module.hot.accept(\"./HdsSingleitemVariationlist.vue?vue&type=template&id=9329b8ae&\", function () {\n      api.rerender('9329b8ae', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/singleitem/HdsSingleitemVariationlist.vue\"\nexport default component.exports"],"names":["render","_vm","this","_h","$createElement","_c","_self","currentVariation","staticClass","_v","variations","entries","length","_e","propertiesCount","_l","variation","key","id","attrs","href","domProps","textContent","_s","on","click","$event","selectVariation","attributes","attribute","name","value","properties","property","_withStripped","components","mixins","loadHDSThemeItemModule","inject","itemId","default","data","isLoading","computed","_objectSpread","$store","getters","mapState","state","hdsitem","mounted","App","isShopBuilder","$","when","getStart","done","methods","dispatch","variationId","setVariation","_this","concat","then","console","log","documents","forEach","element","selectAttribute","attributeId","valueId","selectUnit","unitCombinationId","document","dispatchEvent","CustomEvent","detail","attributeValueId","parseInt","commit","unitId","component","options","__file"],"sourceRoot":""}