{"version":3,"file":"FilterByTaxonomies-BLmVdFEh.js","sources":["../../../app/javascript/components/helpers/FilterByTaxonomies.vue"],"sourcesContent":["<template>\n    <section class=\"filters__taxonomies__grid mb-4\">\n        <div v-for=\"taxonomy in taxonomies\" class=\"filters__taxonomies__flex\">\n            <input type=\"checkbox\" :id=\"taxonomy.slug\" :value=\"taxonomy.slug\" v-model=\"selectedTaxonomies\">\n            <label :for=\"taxonomy.slug\">{{ taxonomyTitle(taxonomy) }}</label>\n        </div>\n    </section>\n</template>\n\n<script>\nexport default {\n    inject: ['locale'],\n    emits: ['update:modelValue'],\n    props: {\n        modelValue: {type: Array, default: []},\n        content: {type: Array, required: true},\n        taxonomies: {type: Array, required: true}\n    },\n    data: () => ({\n        selectedTaxonomies: [],\n    }),\n    beforeMount() {\n        this.value = [...this.content]\n    },\n    methods: {\n        taxonomyTitle(taxonomy) {\n            return taxonomy?.multi[this.locale]\n        },\n    },\n    computed: {\n        value: {\n            get() {\n                return this.modelValue\n            },\n            set(value){\n                this.$emit('update:modelValue', value)\n            }\n        }\n    },\n    watch: {\n        selectedTaxonomies: {\n            handler(newValue){\n                if(newValue.length === 0) return this.value = this.content\n\n                this.value = this.content.filter(item => {\n                    let taxonomies = item.taxonomies || []\n                    return taxonomies.some(taxonomy => newValue.includes(taxonomy.slug))\n                })\n            },\n            deep:true\n        }\n    }\n}\n</script>\n<style scoped lang=\"scss\">\n@media screen and (max-width: 991px) {\n\n  .filters__taxonomies__grid {\n    display: grid;\n    justify-content: center;\n    grid-template-columns: repeat(3, minmax(0, max-content)) !important;\n    grid-template-rows: auto;\n    gap: 10px !important;\n    grid-auto-columns: max-content;\n  }\n\n  .filters__taxonomies__flex:last-child {\n    grid-column: span 3;\n  }\n}\n\n@media screen and (max-width: 575px) {\n  .filters__taxonomies__grid {\n    display: grid;\n    justify-content: center;\n    grid-template-columns: repeat(3, minmax(0, max-content)) !important;\n    grid-template-rows: auto;\n    gap: 10px !important;\n    grid-auto-columns: max-content;\n  }\n\n  .filters__taxonomies__flex:last-child {\n    grid-column: span 3;\n  }\n}\n\n.filters__taxonomies__grid {\n  display: grid;\n  justify-content: center;\n  grid-template-columns: repeat(auto-fit, minmax(0, max-content));\n  grid-template-rows: auto;\n  gap: 20px;\n  grid-auto-columns: max-content;\n}\n\n.filters__taxonomies__flex {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n\n  input[type=\"checkbox\"] {\n    display: none;\n  }\n\n  label {\n    min-width: 100px;\n    cursor: pointer;\n    padding-left: 20px;\n    padding-right: 20px;\n    padding-bottom: 3px;\n    padding-top: 3px;\n    background-color: transparent;\n    border: 1px solid #9C9C9C;\n    border-radius: 2rem;\n    font-size: 15px;\n    font-weight: normal;\n    text-align: center;\n    color: #ACACAC;\n    -webkit-user-select: none; /* Safari */\n    -ms-user-select: none; /* IE 10 and IE 11 */\n    user-select: none; /* Standard syntax */\n  }\n\n  input[type=\"checkbox\"]:checked + label {\n    background-color: #4196CD;\n    border-color: #73FFEB;\n    color: white;\n    font-weight: 600;\n  }\n}\n\n\n</style>"],"names":["_sfc_main","taxonomy","value","newValue","item","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_Fragment","_renderList","$props","_createElementVNode","_ctx","$event","_toDisplayString","$options","_hoisted_4"],"mappings":"6GAUA,MAAKA,EAAU,CACX,OAAQ,CAAC,QAAQ,EACjB,MAAO,CAAC,mBAAmB,EAC3B,MAAO,CACH,WAAY,CAAC,KAAM,MAAO,QAAS,CAAA,CAAE,EACrC,QAAS,CAAC,KAAM,MAAO,SAAU,EAAI,EACrC,WAAY,CAAC,KAAM,MAAO,SAAU,EAAI,CAC3C,EACD,KAAM,KAAO,CACT,mBAAoB,CAAE,CAC1B,GACA,aAAc,CACV,KAAK,MAAQ,CAAC,GAAG,KAAK,OAAO,CAChC,EACD,QAAS,CACL,cAAcC,EAAU,CACpB,OAAOA,GAAA,YAAAA,EAAU,MAAM,KAAK,OAC/B,CACJ,EACD,SAAU,CACN,MAAO,CACH,KAAM,CACF,OAAO,KAAK,UACf,EACD,IAAIC,EAAM,CACN,KAAK,MAAM,oBAAqBA,CAAK,CACzC,CACJ,CACH,EACD,MAAO,CACH,mBAAoB,CAChB,QAAQC,EAAS,CACb,GAAGA,EAAS,SAAW,EAAG,OAAO,KAAK,MAAQ,KAAK,QAEnD,KAAK,MAAQ,KAAK,QAAQ,OAAOC,IACZA,EAAK,YAAc,CAAC,GACnB,KAAKH,GAAYE,EAAS,SAASF,EAAS,IAAI,CAAC,CACtE,CACJ,EACD,KAAK,EACT,CACJ,CACJ,EAnDaI,EAAA,CAAA,MAAM,gCAAgC,EACPC,EAAA,CAAA,MAAM,2BAA2B,qDADzE,OAAAC,EAAA,EAAAC,EAKU,UALVH,EAKU,QAJNG,EAGMC,EAAA,KAAAC,EAHkBC,EAAU,WAAtBV,IAAZM,EAAA,EAAAC,EAGM,MAHNF,EAGM,GAFFM,EAA+F,QAAA,CAAxF,KAAK,WAAY,GAAIX,EAAS,KAAO,MAAOA,EAAS,0CAAeY,EAAkB,mBAAAC,kBAAlBD,EAAkB,kBAAA,IAC7FD,EAAiE,QAAA,CAAzD,IAAKX,EAAS,IAAS,EAAAc,EAAAC,EAAA,cAAcf,CAAQ,CAAA,EAAA,EAAAgB,CAAA"}