{"version":3,"sources":["webpack:///resources/js/src/app/components/itemList/LayoutSwitch.vue","webpack:///./resources/js/src/app/components/itemList/LayoutSwitch.vue?93f2","webpack:///./resources/js/src/app/components/itemList/LayoutSwitch.vue","webpack:///./resources/js/src/app/components/itemList/LayoutSwitch.vue?3466","webpack:///./resources/js/src/app/components/itemList/LayoutSwitch.vue?cca1"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAeA;AACA;AACA;AACA,kBADA;AAEA;AAFA;AADA,GADA;AAOA,MAPA,kBAOA;AACA;AACA;AADA;AAGA,GAXA;AAYA;AACA,YADA,sBACA;AACA;AACA;AAHA,GAZA;AAiBA,SAjBA,qBAiBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,GAzBA;AA2BA,SA3BA,qBA2BA;AAAA;;AACA,+BACA;AACA;AACA,KAHA;AAIA,GAhCA;AAkCA;AACA,aADA,qBACA,IADA,EACA;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,iCACA;AAAA;AAAA,YADA;AAGA,SANA,MAMA;AACA;AACA;AACA,iCACA;AAAA;AAAA,YADA;AAGA;AACA;AACA,KAtBA;AAuBA,aAvBA,qBAuBA,IAvBA,EAuBA,KAvBA,EAuBA;AACA;AACA;AAzBA;AAlCA,G;;;;;;;;;;;;ACfA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,2DAA2D;AAChE;AACA;AACA;AACA;AACA;AACA,kBAAkB,wCAAwC;AAC1D;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,yCAAyC;AAC3D;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC7EA;AAAA;AAAA;AAAA;AAA2F;AAC3B;AACL;;;AAG3D;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,kFAAM;AACR,EAAE,uFAAM;AACR,EAAE,gGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAoM,CAAgB,gPAAG,EAAC,C;;;;;;;;;;;;ACAxN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-47.js","sourcesContent":["<template>\n    <div class=\"product-listing__switch align-self-center\">\n        <span class=\"product-listing__switch--list\" @click=\"setLayout('list')\" :class=\"{'text-primary': active === 'list'}\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"15\">\n                <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#liste\"></use>\n            </svg>        </span>\n        <span class=\"product-listing__switch--tiles\" @click=\"setLayout('tiles')\" :class=\"{'text-primary': active === 'tiles'}\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\">\n                <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#kachel\"></use>\n            </svg>\n        </span>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        cookie: {\n            type: String,\n            default: \"list\"\n        }\n    },\n    data() {\n        return {\n            active: 'list'\n        }\n    },\n    computed: {\n        isMobile() {\n            return this.windowWidth < 768;\n        }\n    },\n    created() {\n        if(this.cookie === 'list' || this.cookie === \"\") {\n            this.active = 'list';\n        }\n\n        if(this.cookie === 'tiles'){\n            this.active = 'tiles';\n        }\n    },\n\n    mounted(){\n        this.$nextTick(() =>\n        {\n            this.setLayout(this.active);\n        })\n    },\n\n    methods: {\n        setLayout(type) {\n\n            let category = document.querySelector('#js--product-list');\n\n            if (category !== null) {\n                this.active = type;\n\n                if (this.active === 'list') {\n                    category.classList.add('product-list--list');\n                    this.setCookie('category_layout_type', 'list')\n                    document.dispatchEvent(\n                        new CustomEvent('layout-changed', { detail: 'list' })\n                    );\n                } else {\n                    category.classList.remove('product-list--list');\n                    this.setCookie('category_layout_type', 'tiles')\n                    document.dispatchEvent(\n                        new CustomEvent('layout-changed', { detail: 'tiles' })\n                    );\n                }\n            }\n        },\n        setCookie(name, value) {\n            document.cookie = name + \"=\" + value  + \"; path=/\";\n        }\n    }\n}\n</script>\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"product-listing__switch align-self-center\" },\n    [\n      _c(\n        \"span\",\n        {\n          staticClass: \"product-listing__switch--list\",\n          class: { \"text-primary\": _vm.active === \"list\" },\n          on: {\n            click: function($event) {\n              return _vm.setLayout(\"list\")\n            }\n          }\n        },\n        [\n          _c(\n            \"svg\",\n            {\n              attrs: {\n                xmlns: \"http://www.w3.org/2000/svg\",\n                width: \"20\",\n                height: \"15\"\n              }\n            },\n            [\n              _c(\"use\", {\n                attrs: {\n                  \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n                  \"xlink:href\": \"#liste\"\n                }\n              })\n            ]\n          )\n        ]\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"span\",\n        {\n          staticClass: \"product-listing__switch--tiles\",\n          class: { \"text-primary\": _vm.active === \"tiles\" },\n          on: {\n            click: function($event) {\n              return _vm.setLayout(\"tiles\")\n            }\n          }\n        },\n        [\n          _c(\n            \"svg\",\n            {\n              attrs: {\n                xmlns: \"http://www.w3.org/2000/svg\",\n                width: \"20\",\n                height: \"20\"\n              }\n            },\n            [\n              _c(\"use\", {\n                attrs: {\n                  \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n                  \"xlink:href\": \"#kachel\"\n                }\n              })\n            ]\n          )\n        ]\n      )\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./LayoutSwitch.vue?vue&type=template&id=1b20504c&\"\nimport script from \"./LayoutSwitch.vue?vue&type=script&lang=js&\"\nexport * from \"./LayoutSwitch.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/florianhartwig/Sites/DIA-tito-express/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('1b20504c')) {\n      api.createRecord('1b20504c', component.options)\n    } else {\n      api.reload('1b20504c', component.options)\n    }\n    module.hot.accept(\"./LayoutSwitch.vue?vue&type=template&id=1b20504c&\", function () {\n      api.rerender('1b20504c', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/LayoutSwitch.vue\"\nexport default component.exports","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutSwitch.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!./LayoutSwitch.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LayoutSwitch.vue?vue&type=template&id=1b20504c&\""],"sourceRoot":""}