{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.string.link.js","webpack:///./node_modules/core-js/internals/create-html.js","webpack:///./node_modules/core-js/internals/string-html-forced.js","webpack:///./resources/js/src/app/components/itemList/ItemAttributes.vue?2d53","webpack:///resources/js/src/app/components/itemList/ItemAttributes.vue","webpack:///./resources/js/src/app/components/itemList/ItemAttributes.vue?8c89","webpack:///./resources/js/src/app/components/itemList/ItemAttributes.vue"],"names":["$","createHTML","target","proto","forced","forcedStringHTMLMethod","link","url","this","requireObjectCoercible","quot","module","exports","string","tag","attribute","value","S","String","p1","replace","fails","METHOD_NAME","test","toLowerCase","split","length","render","_vm","_h","$createElement","_c","_self","attributeSizeId","sizeAttributes","attributeColorId","colorAttributes","staticClass","_l","size","class","isEnabled","attrs","href","_v","_s","name","_e","color","code","includes","style","backgroundColor","width","height","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-5.min.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar createHTML = require('../internals/create-html');\nvar forcedStringHTMLMethod = require('../internals/string-html-forced');\n\n// `String.prototype.link` method\n// https://tc39.es/ecma262/#sec-string.prototype.link\n$({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {\n  link: function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  }\n});\n","var requireObjectCoercible = require('../internals/require-object-coercible');\n\nvar quot = /\"/g;\n\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\n// https://tc39.es/ecma262/#sec-createhtml\nmodule.exports = function (string, tag, attribute, value) {\n  var S = String(requireObjectCoercible(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\n","var fails = require('../internals/fails');\n\n// check the existence of a method, lowercase\n// of a tag and escaping quotes in arguments\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    var test = ''[METHOD_NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  });\n};\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return (_vm.attributeSizeId !== \"\" && _vm.sizeAttributes.length > 0) ||\n    (_vm.attributeColorId !== \"\" && _vm.colorAttributes.length > 0)\n    ? _c(\"div\", { staticClass: \"item__row item__row--attributes\" }, [\n        _vm.attributeSizeId !== \"\" && _vm.sizeAttributes.length > 0\n          ? _c(\n              \"ul\",\n              { staticClass: \"item__attribute-list\" },\n              _vm._l(_vm.sizeAttributes, function(size) {\n                return _c(\n                  \"li\",\n                  {\n                    staticClass: \"item__attribute-item\",\n                    class: { \"item__attribute-item--available\": size.isEnabled }\n                  },\n                  [\n                    !size.isEnabled\n                      ? [\n                          _vm._v(\n                            \"\\n                \" +\n                              _vm._s(size.name) +\n                              \"\\n            \"\n                          )\n                        ]\n                      : [\n                          _c(\"a\", { attrs: { href: size.link } }, [\n                            _vm._v(\n                              \"\\n                    \" +\n                                _vm._s(size.name) +\n                                \"\\n                \"\n                            )\n                          ])\n                        ]\n                  ],\n                  2\n                )\n              }),\n              0\n            )\n          : _vm._e(),\n        _vm._v(\" \"),\n        _vm.attributeColorId !== \"\" && _vm.colorAttributes.length > 0\n          ? _c(\n              \"ul\",\n              {\n                staticClass: \"item__attribute-list item__attribute-list--color\"\n              },\n              _vm._l(_vm.colorAttributes, function(color) {\n                return color.isEnabled\n                  ? _c(\n                      \"li\",\n                      {\n                        staticClass: \"item__attribute-item\",\n                        class: {\n                          \"item__attribute-item--available\": color.isEnabled\n                        }\n                      },\n                      [\n                        _c(\n                          \"a\",\n                          { attrs: { href: color.link } },\n                          [\n                            color.name.code && !color.name.code.includes(\"svg\")\n                              ? _c(\"span\", {\n                                  style: { backgroundColor: color.name.code }\n                                })\n                              : [\n                                  _c(\n                                    \"svg\",\n                                    { attrs: { width: \"13\", height: \"13\" } },\n                                    [\n                                      _c(\"use\", {\n                                        attrs: {\n                                          \"xmlns:xlink\":\n                                            \"http://www.w3.org/1999/xlink\",\n                                          \"xlink:href\": color.name.code\n                                        }\n                                      })\n                                    ]\n                                  )\n                                ]\n                          ],\n                          2\n                        )\n                      ]\n                    )\n                  : _c(\n                      \"li\",\n                      {\n                        staticClass:\n                          \"item__attribute-item item__attribute-item--color-na\"\n                      },\n                      [\n                        color.name.code && !color.name.code.includes(\"svg\")\n                          ? _c(\"span\", {\n                              style: { backgroundColor: color.name.code }\n                            })\n                          : [\n                              _c(\n                                \"svg\",\n                                { attrs: { width: \"13\", height: \"13\" } },\n                                [\n                                  _c(\"use\", {\n                                    attrs: {\n                                      \"xmlns:xlink\":\n                                        \"http://www.w3.org/1999/xlink\",\n                                      \"xlink:href\": color.name.code\n                                    }\n                                  })\n                                ]\n                              )\n                            ]\n                      ],\n                      2\n                    )\n              }),\n              0\n            )\n          : _vm._e()\n      ])\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div v-if=\"(attributeSizeId !== '' && sizeAttributes.length > 0) || (attributeColorId !== '' && colorAttributes.length > 0)\"\n         class=\"item__row item__row--attributes\">\n        <ul v-if=\"attributeSizeId !== '' && sizeAttributes.length > 0\"\n            class=\"item__attribute-list\">\n            <li v-for=\"size in sizeAttributes\"\n                class=\"item__attribute-item\"\n                :class=\"{'item__attribute-item--available': size.isEnabled}\">\n                <template v-if=\"!size.isEnabled\">\n                    {{ size.name }}\n                </template>\n                <template v-else>\n                    <a :href=\"size.link\">\n                        {{ size.name }}\n                    </a>\n                </template>\n            </li>\n        </ul>\n        <ul v-if=\"attributeColorId !== '' && colorAttributes.length > 0\"\n            class=\"item__attribute-list item__attribute-list--color\">\n            <li v-for=\"color in colorAttributes\"\n                v-if=\"color.isEnabled\"\n                class=\"item__attribute-item\"\n                :class=\"{'item__attribute-item--available': color.isEnabled}\">\n                <a :href=\"color.link\">\n                    <span v-if=\"color.name.code && !color.name.code.includes('svg')\" :style=\"{ backgroundColor: color.name.code }\"></span>\n                    <template v-else>\n                        <svg width=\"13\" height=\"13\">\n                            <use xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                                 :xlink:href=\"color.name.code\"></use>\n                        </svg>\n                    </template>\n                </a>\n            </li>\n            <li v-else\n                class=\"item__attribute-item item__attribute-item--color-na\">\n                <span v-if=\"color.name.code && !color.name.code.includes('svg')\" :style=\"{ backgroundColor: color.name.code }\"></span>\n                <template v-else>\n                    <svg width=\"13\" height=\"13\">\n                        <use xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                             :xlink:href=\"color.name.code\"></use>\n                    </svg>\n                </template>\n            </li>\n        </ul>\n    </div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from 'ceres/app/helper/utils';\n\nexport default {\n\n    props: [\n        'item',\n        'template',\n        'attributeSizeId',\n        'attributeColorId'\n    ],\n\n    data() {\n        return {\n            sizeAttributes: [],\n            colorAttributes: []\n        };\n    },\n\n    computed: {\n        variationAttributeMap() {\n            return this.item.variationAttributeMap\n        }\n    },\n\n    created() {\n        this.$options.template = this.template;\n    },\n\n    mounted() {\n\n        this.$nextTick(() => {\n\n            if (\n                !isNullOrUndefined(this.variationAttributeMap)\n                && !isNullOrUndefined(this.variationAttributeMap.attributes)\n            ) {\n\n                if (this.attributeSizeId !== '' || this.attributeColorId !== '') {\n\n                    let attributeList = this.variationAttributeMap.attributes;\n\n                    for (let attributeIndex in attributeList) {\n\n                        if (attributeList.hasOwnProperty(attributeIndex) &&\n                            this.attributeSizeId !== '' &&\n                            this.attributeSizeId.includes(attributeList[attributeIndex].attributeId)\n                        ) {\n\n                            let attribute = attributeList[attributeIndex];\n\n                            for (let attributeValueIndex in attribute.values) {\n                                if (attribute.values.hasOwnProperty(attributeValueIndex)) {\n\n                                    let attributeValue = attribute.values[attributeValueIndex];\n\n                                    let updateIndex = false;\n                                    let isEnabled   = this.isEnabled(attribute.attributeId, attributeValue.attributeValueId);\n\n                                    let size = {\n                                        name: attributeValue.name,\n                                        isEnabled: isEnabled,\n                                        link: false\n                                    };\n\n                                    if (size.isEnabled) {\n                                        size.link = this.getLink(attributeValue.attributeValueId);\n                                    }\n\n                                    updateIndex = this.updateSize(size);\n\n                                    if (updateIndex) {\n                                        this.sizeAttributes[updateIndex] = size;\n                                    } else {\n                                        this.sizeAttributes.push(size);\n                                    }\n                                }\n                            }\n                        } else if (\n                            attributeList.hasOwnProperty(attributeIndex)\n                            && attributeList[attributeIndex].attributeId == this.attributeColorId\n                        ) {\n\n                            let attribute = attributeList[attributeIndex];\n\n                            for (let attributeValueIndex in attribute.values) {\n                                if (attribute.values.hasOwnProperty(attributeValueIndex)) {\n\n                                    let attributeValue = attribute.values[attributeValueIndex];\n                                    let updateIndex = false;\n\n                                    let isEnabled = this.isEnabled(attribute.attributeId, attributeValue.attributeValueId);\n                                    let color = {\n                                        name: attributeValue,\n                                        isEnabled: isEnabled,\n                                        link: false\n                                    };\n\n                                    if (color.isEnabled) {\n                                        color.link = this.getLink(attributeValue.attributeValueId);\n                                    }\n\n                                    updateIndex = this.updateColor(color);\n\n                                    if (updateIndex) {\n                                        this.colorAttributes[updateIndex] = color;\n                                    } else {\n                                        this.colorAttributes.push(color);\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        });\n    },\n\n    methods: {\n\n        filterVariations(attributes) {\n\n            return this.variationAttributeMap.variations.filter(variation => {\n\n                if (!variation.isSalable) {\n                    return false;\n                }\n\n                for (const attributeId in attributes) {\n\n                    const variationAttribute = variation.attributes.find(\n                        attribute =>\n                            attribute.attributeId === parseInt(attributeId)\n                            && attribute.attributeValueId === attributes[attributeId]\n                    );\n\n                    if (isNullOrUndefined(variationAttribute)) {\n                        return false;\n                    }\n                }\n\n                return true;\n            });\n        },\n\n        isEnabled(attributeId, attributeValueId) {\n\n            let attributes = {};\n\n            attributes[attributeId] = attributeValueId;\n\n            return this.filterVariations(attributes).length > 0;\n        },\n\n\n        getLink(attributeValueId) {\n\n            for (let variationIndex in this.variationAttributeMap.variations) {\n                if (this.variationAttributeMap.variations.hasOwnProperty(variationIndex)) {\n\n                    let variation = this.variationAttributeMap.variations[variationIndex];\n\n                    for (let attributeIndex in variation.attributes) {\n                        if (variation.attributes.hasOwnProperty(attributeIndex)) {\n\n                            let attributeId = variation.attributes[attributeIndex];\n\n                            if (\n                                parseInt(attributeValueId) === attributeId.attributeValueId &&\n                                this.attributeSizeId !== '' &&\n                                this.attributeSizeId.includes(attributeId.attributeId)\n                            ) {\n                                return this.$options.filters.itemURL(this.item, false) + '_' + variation.variationId;\n                            }\n                            if (\n                                parseInt(attributeValueId) === attributeId.attributeValueId &&\n                                attributeId.attributeId === parseInt(this.attributeColorId)\n                            ) {\n                                return this.$options.filters.itemURL(this.item, false) + '_' + variation.variationId;\n                            }\n                        }\n                    }\n                }\n            }\n        },\n\n        updateSize(attribute) {\n\n            for (let sizeIndex in this.sizeAttributes) {\n                if (this.sizeAttributes.hasOwnProperty(sizeIndex)) {\n\n                    let size = this.sizeAttributes[sizeIndex];\n\n                    if (size.name === attribute.name) {\n                        return sizeIndex;\n                    }\n                }\n            }\n\n            return false;\n        },\n\n        updateColor(attribute) {\n\n            for (let colorIndex in this.sizeAttributes) {\n                if (this.sizeAttributes.hasOwnProperty(colorIndex)) {\n\n                    let color = this.sizeAttributes[colorIndex];\n\n                    if (color.name === attribute.name) {\n                        return colorIndex;\n                    }\n                }\n            }\n\n            return false;\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!./ItemAttributes.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!./ItemAttributes.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ItemAttributes.vue?vue&type=template&id=5f653ea6&\"\nimport script from \"./ItemAttributes.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemAttributes.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/fhartwig/Sites/DIA-NaPo/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('5f653ea6')) {\n      api.createRecord('5f653ea6', component.options)\n    } else {\n      api.reload('5f653ea6', component.options)\n    }\n    module.hot.accept(\"./ItemAttributes.vue?vue&type=template&id=5f653ea6&\", function () {\n      api.rerender('5f653ea6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/ItemAttributes.vue\"\nexport default component.exports"],"sourceRoot":""}