{"version":3,"sources":["webpack:///./src/extensions/shop/components/ProductList/Partials/Property.vue?90c1","webpack:///src/extensions/shop/components/ProductList/Partials/Property.vue","webpack:///./src/extensions/shop/components/ProductList/Partials/Property.vue?b1d2","webpack:///./src/extensions/shop/components/ProductList/Partials/Property.vue","webpack:///./src/extensions/shop/components/ProductList/Partials/Property.vue?98bd"],"names":["render","_vm","this","_h","$createElement","_c","_self","hidden","_e","staticClass","class","selectable","property","label","hideLabel","_v","_s","value","_l","option","activeOption","id","available","sellable","attrs","valid","validArticles","length","on","$event","select","staticRenderFns","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAUF,EAAIM,OAAyxBN,EAAIO,KAArxBH,EAAG,MAAM,CAACI,YAAY,WAAWC,MAAM,CAAEC,WAAYV,EAAIU,aAAc,CAAEV,EAAIW,SAASC,QAAUZ,EAAIa,UAAWT,EAAG,MAAM,CAACI,YAAY,SAAS,CAACJ,EAAG,QAAQ,CAACJ,EAAIc,GAAGd,EAAIe,GAAGf,EAAIW,SAASC,YAAYZ,EAAIO,KAAMP,EAAS,MAAEI,EAAG,MAAM,CAACI,YAAY,SAAS,CAACR,EAAIc,GAAGd,EAAIe,GAAGf,EAAIgB,UAAWhB,EAAW,QAAEI,EAAG,MAAM,CAACI,YAAY,WAAWR,EAAIiB,GAAIjB,EAAW,SAAE,SAASkB,GAAQ,OAAOd,EAAG,SAAS,CAACI,YAAY,iCAAiCC,MAAM,CAAE,YAAaT,EAAImB,cAAgBnB,EAAImB,aAAaC,KAAOF,EAAOE,GAAI,oBAAqBF,EAAOG,UAAW,mBAAoBH,EAAOI,UAAWC,MAAM,CAAC,UAAYvB,EAAIwB,QAAUxB,EAAIyB,gBAAkBzB,EAAIyB,cAAcC,SAAWR,EAAOI,UAAUK,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO5B,EAAI6B,OAAOX,MAAW,CAAClB,EAAIc,GAAGd,EAAIe,GAAGG,EAAOF,aAAY,GAAGhB,EAAIO,QACr3BuB,EAAkB,GCctB,G,8BAAA,CACE,KAAF,WACE,MAAF,CACI,SAAJ,CACM,KAAN,OACM,UAAN,GAEI,cAAJ,CACM,KAAN,MACM,UAAN,GAEI,iBAAJ,CACM,KAAN,MACM,UAAN,GAEI,aAAJ,CACM,KAAN,OACM,UAAN,GAEI,UAAJ,CACM,KAAN,QACM,SAAN,GAEI,YAAJ,CACM,KAAN,QACM,SAAN,GAEI,MAAJ,CACM,KAAN,QACM,SAAN,IAGE,SAAF,CACI,OADJ,WAEM,OAAN,8BAEI,WAJJ,WAKM,OAAN,gCAEI,MAPJ,WAQM,IAAN,8BACM,OAAN,gCAEI,QAXJ,WAWM,IAAN,OACM,GAAN,8BAAM,CACA,IAAN,wBA+DM,OA7DA,EAAN,qBACQ,IAAR,KACQ,GAAR,2EAKU,GAAV,EAEU,IAAV,yCAEY,IAAZ,KASY,OARA,EAAZ,oCACc,IAAd,aACA,UAEA,2CACgB,GAAhB,MAGA,KAGU,IAAV,SAEQ,EAAR,WAEQ,IAAR,KACQ,GACR,6BACA,gBACA,iBACA,uBACA,CAOU,GAAV,EAEU,IAAV,sCAEY,IAAZ,KASY,OARA,EAAZ,oCACc,IAAd,aACA,UAEA,2CACgB,GAAhB,MAGA,KAGU,IAAV,SAEQ,EAAR,eAGA,KAGE,QAAF,CACI,OADJ,SACA,GACM,KAAN,gBAAQ,SAAR,cAAQ,OAAR,MAGE,QApHF,eCf8Y,I,wBCQ1YC,EAAY,eACd,EACAhC,EACA+B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf","file":"js/chunk-f39995e0.07966fdc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (! _vm.hidden)?_c('div',{staticClass:\"property\",class:{ selectable: _vm.selectable }},[(_vm.property.label && !_vm.hideLabel)?_c('div',{staticClass:\"label\"},[_c('label',[_vm._v(_vm._s(_vm.property.label))])]):_vm._e(),(_vm.value)?_c('div',{staticClass:\"value\"},[_vm._v(_vm._s(_vm.value))]):(_vm.options)?_c('div',{staticClass:\"options\"},_vm._l((_vm.options),function(option){return _c('button',{staticClass:\"button is-small is-link option\",class:{ 'is-active': _vm.activeOption && _vm.activeOption.id === option.id, 'is-not-available': !option.available, 'is-out-of-stock': !option.sellable },attrs:{\"disabled\":!_vm.valid || !_vm.validArticles || !_vm.validArticles.length || !option.sellable},on:{\"click\":function($event){return _vm.select(option)}}},[_vm._v(_vm._s(option.value))])}),0):_vm._e()]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n  .property(v-if=\"! hidden\" :class=\"{ selectable }\")\n    .label(v-if=\"property.label && !hideLabel\")\n      label {{ property.label }}\n    .value(v-if=\"value\") {{ value }}\n    .options(v-else-if=\"options\")\n      button.button.is-small.is-link.option(\n        v-for=\"option in options\"\n        :class=\"{ 'is-active': activeOption && activeOption.id === option.id, 'is-not-available': !option.available, 'is-out-of-stock': !option.sellable }\"\n        :disabled=\"!valid || !validArticles || !validArticles.length || !option.sellable\"\n        @click=\"select(option)\"\n      ) {{ option.value }}\n</template>\n\n<script>\nexport default {\n    name: 'Property',\n    props: {\n        property: {\n            type: Object,\n            required: true\n        },\n        validArticles: {\n            type: Array,\n            required: false\n        },\n        sellableArticles: {\n            type: Array,\n            required: false\n        },\n        activeOption: {\n            type: Object,\n            required: false\n        },\n        hideLabel: {\n            type: Boolean,\n            default: false\n        },\n        manageStock: {\n            type: Boolean,\n            default: false\n        },\n        valid: {\n            type: Boolean,\n            default: false\n        }\n    },\n    computed: {\n        hidden() {\n            return !this.property.options.length;\n        },\n        selectable() {\n            return this.property.options.length > 1;\n        },\n        value() {\n            if (this.selectable || this.hidden) return undefined;\n            return this.property.options[0].value;\n        },\n        options() {\n            if (!this.selectable || this.hidden) return undefined;\n            let options = this.property.options;\n\n            options.forEach(option => {\n                let sellable = true;\n                if (this.property.articleRequired && this.sellableArticles && this.sellableArticles.length) {\n                    // check if is sellable\n                    // ---\n                    // sellable means there is some stock\n                    // for any article with this property value\n                    sellable = false;\n\n                    const relatedSellableArticles = this.sellableArticles.filter(article => {\n                        // pay attention to stock\n                        let match = false;\n                        article.propertyPivots.forEach(el => {\n                            const property = el.property;\n                            const value = el.value;\n\n                            if (this.property.id === property.id && value[option.key] === option.value) {\n                                match = true;\n                            }\n                        });\n                        return match;\n                    });\n\n                    sellable = !!relatedSellableArticles.length;\n                }\n                option.sellable = sellable;\n\n                let available = true;\n                if (\n                    this.property.articleRequired &&\n                    !this.activeOption &&\n                    this.validArticles &&\n                    this.validArticles.length\n                ) {\n                    // check if is available\n                    // ---\n                    // available means there is some stock\n                    // for articles with all property values matching the current selection\n                    // NOTE: keep the cart in mind\n\n                    available = false;\n\n                    const relatedAvailableArticles = this.validArticles.filter(article => {\n                        // pay attention to stock\n                        let match = false;\n                        article.propertyPivots.forEach(el => {\n                            const property = el.property;\n                            const value = el.value;\n\n                            if (this.property.id === property.id && value[option.key] === option.value) {\n                                match = true;\n                            }\n                        });\n                        return match;\n                    });\n\n                    available = !!relatedAvailableArticles.length;\n                }\n                option.available = available;\n            });\n\n            return options;\n        }\n    },\n    methods: {\n        select(option) {\n            this.$emit('select', { property: this.property, option });\n        }\n    },\n    mounted() {\n        // TODO\n        // if not this.activeOption\n        // check of there are multiple options (this.selectable)\n        // but only one is available\n        // trigger the 'select' event for the only option\n    }\n};\n</script>\n\n<style lang=\"sass\" scoped>\n.label\n  font-weight: 500\n  label\n    padding-bottom: .175em // fix text position\n.value\n  min-height: 34px\n  padding-left: 2px\n  font-weight: 350\n  padding-bottom: .175em // fix text position\n  // button\n  //   @apply h-8 px-4\n  //   padding-bottom: .175em // fix text position\n  //   margin: 2px\n  //   pointer-events: none\nbutton\n  margin: 2px\n.is-not-available\n  opacity: .5\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Property.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Property.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Property.vue?vue&type=template&id=05a98559&scoped=true&lang=pug&\"\nimport script from \"./Property.vue?vue&type=script&lang=js&\"\nexport * from \"./Property.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Property.vue?vue&type=style&index=0&id=05a98559&lang=sass&scoped=true&\"\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  \"05a98559\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Property.vue?vue&type=style&index=0&id=05a98559&lang=sass&scoped=true&\""],"sourceRoot":""}