{"version":3,"file":"heroHeaderFacetBlock-pTKBKhZD.js","sources":["../../../../Coloplast.UI/Features/Campaign/HeroHeaderBlock/Views/heroHeaderFacetBlock.vue"],"sourcesContent":["<script setup>\r\nimport { computed, ref  } from 'vue';\r\nimport ContentFiltersSidebarWrapper from 'shared/components/contentLibrary/contentLibraryWrappers/contentFiltersSidebarWrapper.vue';\r\nimport ContentFiltersWrapper from 'shared/components/contentLibrary/contentLibraryWrappers/contentFiltersWrapper.vue';\r\nimport useProductList from 'shared/components/product/composables/useProductList.js';\r\nimport useContentLibrary from 'shared/components/contentLibrary/composables/useContentLibrary.js';\r\n\r\nconst props = defineProps({\r\n\tvm: Object\r\n});\r\n\r\nconst vm = props.vm.BaseViewModel;\r\n\r\nconst displaySearch = computed(() =>\r\n\tproductListComposable.value.displaySearchOnHero || contentLibraryComposable.value.displaySearchOnHero\r\n);\r\n\r\nconst productListComposable = ref(null);\r\nconst contentLibraryComposable = ref(null);\r\n\r\nproductListComposable.value = useProductList();\r\ncontentLibraryComposable.value = useContentLibrary();\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\tv-if=\"displaySearch\"\r\n\t\tclass=\"hero-facet-wrapper\"\r\n\t\t:class=\"{ reverse: vm.AlignMediaToTheLeft && vm.MediaList.length }\"\r\n\t\tdata-testid=\"hero-facet-wrapper\"\r\n\t>\r\n\t\t<template v-if=\"contentLibraryComposable?.displaySearchOnHero\">\r\n\t\t\t<ContentFiltersWrapper\r\n\t\t\t\t:contentLibraryComposable=\"contentLibraryComposable\"\r\n\t\t\t/>\r\n\t\t\t<ContentFiltersSidebarWrapper\r\n\t\t\t\t:contentLibraryComposable=\"contentLibraryComposable\"\r\n\t\t\t/>\r\n\t\t</template>\r\n\t</div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import 'multisite/styles/settings/settings';\r\n@import 'multisite/styles/tools/tools';\r\n\r\n$margin-left: 84px;\r\n\r\n.hero-search-wrapper {\r\n\t&.hide-on-desktop {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t&.hide-on-mobile {\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t&.no-media {\r\n\t\tmargin-top: ds-space(8);\r\n\t}\r\n}\r\n\r\n.hero-facet-wrapper {\r\n\t.facet__list__deselect__wrapper,\r\n\t.c-content-filters {\r\n\t\tborder: none;\r\n\t\tpadding: 0;\r\n\t\tmargin: ds-space(8) auto;\r\n\t\tposition: relative;\r\n\t\tmax-width: 1440px;\r\n\t}\r\n\r\n\t.facet__list__deselect__wrapper {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t&.reverse .facet__list__deselect__wrapper,\r\n\t&.reverse .c-content-filters {\r\n\t\tjustify-content: flex-end;\r\n\t}\r\n}\r\n\r\n// mobile styles\r\n@include t-respond-to-max(ds-breakpoint('md')) {\r\n\t.hero-facet-wrapper {\r\n\t\t.facet__list__deselect__wrapper,\r\n\t\t.c-content-filters {\r\n\t\t\tmargin-left: 0;\r\n\t\t\tpadding-top: 0;\r\n\t\t\tpadding-left: 0;\r\n\t\t}\r\n\r\n\t\t&.reverse .facet__list__deselect__wrapper,\r\n\t\t&.reverse .c-content-filters {\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.hero-search-wrapper {\r\n\t\t&.hide-on-desktop {\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\r\n\t\t&.hide-on-mobile {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}\r\n</style>\r\n"],"names":["vm","__props","displaySearch","computed","productListComposable","contentLibraryComposable","ref","useProductList","useContentLibrary"],"mappings":"2uBAWA,MAAMA,EAJQC,EAIG,GAAG,cAEdC,EAAgBC,EAAS,IAC9BC,EAAsB,MAAM,qBAAuBC,EAAyB,MAAM,mBACnF,EAEMD,EAAwBE,EAAI,IAAI,EAChCD,EAA2BC,EAAI,IAAI,EAEzC,OAAAF,EAAsB,MAAQG,IAC9BF,EAAyB,MAAQG"}