{"version":3,"sources":["webpack:///./src/components/PageBuilder/ContentCategories.vue","webpack:///src/components/PageBuilder/ContentCategories.vue","webpack:///./src/components/PageBuilder/ContentCategories.vue?1dd4","webpack:///./src/components/PageBuilder/ContentCategories.vue?ba69","webpack:///./src/components/PageBuilder/ContentCategories.vue?5471"],"names":["render","_vm","this","_c","_self","staticClass","_l","displayCategories","category","style","borderColor","attributes","color","_v","_s","localize","name","staticRenderFns","props","apollo","contentCategories","query","contentCategoriesQuery","variables","articleEntity","skip","undefined","categories","fetchPolicy","notifyOnNetworkStatusChange","computed","_ref","_this$contentCategori","_this$contentCategori2","data","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,gCAAgCJ,EAAIK,GAAIL,EAAIM,mBAAmB,SAASC,GAAU,OAAOL,EAAG,MAAM,CAACE,YAAY,mBAAmBI,MAAO,CAAEC,YAAaF,EAASG,WAAWC,MAAOA,MAAOJ,EAASG,WAAWC,QAAU,CAACX,EAAIY,GAAG,IAAIZ,EAAIa,GAAGb,EAAIc,SAASP,EAASG,WAAWK,OAAO,UAAS,MAE/ZC,EAAkB,G,YCWP,GACfD,KAAA,oBAEAE,MAAA,CACA,gBACA,cAGAC,OAAA,CACAC,kBAAA,CACAC,MAAAC,OACAC,YACA,OACAC,cAAA,KAAAA,gBAIAC,OACA,YAAAC,IAAA,KAAAC,YAEAC,YAAA,eACAC,6BAAA,IAIAC,SAAA,CACAvB,oBAAA,IAAAwB,EAAAC,EAAAC,EACA,eAAAF,EAAA,QAAAC,EAAA,QAAAC,EAAA,KAAAb,yBAAA,IAAAa,OAAA,EAAAA,EAAAC,YAAA,IAAAF,IAAA,KAAAL,kBAAA,IAAAI,IAAA,QCxCyW,I,wBCQrWI,EAAY,eACd,EACAnC,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E,kECnBf","file":"js/chunk-9eedc4e2.c3ec1fb8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"component-container\"},[_c('div',{staticClass:\"content-categories-container\"},_vm._l((_vm.displayCategories),function(category){return _c('div',{staticClass:\"content-category\",style:({ borderColor: category.attributes.color, color: category.attributes.color })},[_vm._v(\" \"+_vm._s(_vm.localize(category.attributes.name))+\" \")])}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"component-container\">\n        <div class=\"content-categories-container\">\n            <div v-for=\"category of displayCategories\" class=\"content-category\"\n                :style=\"{ borderColor: category.attributes.color, color: category.attributes.color }\">\n                {{ localize(category.attributes.name) }}\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { contentCategoriesQuery } from '@/queries'\nexport default {\n    name: 'ContentCategories',\n\n    props: [\n        'articleEntity',\n        'categories'\n    ],\n\n    apollo: {\n        contentCategories: {\n            query: contentCategoriesQuery,\n            variables() {\n                return {\n                    articleEntity: this.articleEntity\n                }\n            },\n            // Skip the query if the categories are already provided via prop\n            skip() {\n                return this.categories !== undefined;\n            },\n            fetchPolicy: 'network-only',\n            notifyOnNetworkStatusChange: true,\n        },\n    },\n\n    computed: {\n        displayCategories() {\n            return (this.contentCategories?.data ?? this.categories) ?? null\n        },\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.component-container {\n\n    .content-categories-container {\n        display: flex;\n        gap: 10px;\n\n        .content-category {\n            border: 2px solid #000;\n            padding: 2px 5px;\n        }\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContentCategories.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContentCategories.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ContentCategories.vue?vue&type=template&id=8eaa4f56&scoped=true\"\nimport script from \"./ContentCategories.vue?vue&type=script&lang=js\"\nexport * from \"./ContentCategories.vue?vue&type=script&lang=js\"\nimport style0 from \"./ContentCategories.vue?vue&type=style&index=0&id=8eaa4f56&prod&lang=scss&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  \"8eaa4f56\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContentCategories.vue?vue&type=style&index=0&id=8eaa4f56&prod&lang=scss&scoped=true\""],"sourceRoot":""}