{"version":3,"file":"feature-globalNav-B-FVjlal.js","sources":["../../../../Coloplast.UI/Features/GlobalNavigation/globalNav.vue","../../../../Coloplast.UI/Features/GlobalNavigation/globalNav-entry.ts"],"sourcesContent":["<script setup>\r\n\timport {\r\n\t\tref,\r\n\t\tcomputed,\r\n\t\twatch,\r\n\t} from 'vue';\r\n\timport Events from \"shared/settings/events\";\r\n\timport { DsHeader } from \"@coloplast/design-system\";\r\n\timport { useStore } from 'vuex';\r\n\r\n\tconst props = defineProps({\r\n\t\tvm: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: () => { }\r\n\t\t},\r\n\t});\r\n\r\n\tconst\r\n\t\tstore = useStore(),\r\n\t\thideBasketWhenEmpty = ref(props?.vm?.baseViewModel?.hideBasketWhenEmpty),\r\n\t\tnavModel = computed(() => props?.vm?.baseViewModel),\r\n\r\n\t\tshowSearchPopup = computed(() => store.getters.getShowSearchPopup),\r\n\t\tisSearchPage = computed(() => store.getters.getIsSearchPage),\r\n\t\tloggedIn = ref(props?.vm?.baseViewModel?.loggedIn),\r\n\t\tbasketIsEnabled = ref(props?.vm?.baseViewModel?.enableBasket),\r\n\t\tbasketItemsCount = ref(props?.vm?.baseViewModel?.basketCount),\r\n\t\tnumberOfBasketItems = computed(() => store.getters.getBasketItemCount),\r\n\t\tcount = computed(() => {\r\n\t\t\tif (numberOfBasketItems?.value == 0) {\r\n\t\t\t\treturn basketItemsCount.value;\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\treturn numberOfBasketItems.value;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\twatch(\r\n\t\t() => isSearchPage.value,\r\n\t\t(newValue) => {\r\n\t\t\tif (newValue) {\r\n\t\t\t\t//if search page - disabled search icon in nav\r\n\t\t\t\tconst searchButton = document?.getElementsByClassName('ds-header-search')?.[0];\r\n\t\t\t\tif (searchButton) {\r\n\t\t\t\t\tsearchButton.disabled = true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, { immediate: true })\r\n\r\n\twatch(\r\n\t\t() => count.value,\r\n\t\t(newValue) => {\r\n\t\t\t//if we need to hide basket when empty then rely on basket items count\r\n\t\t\tif (hideBasketWhenEmpty.value && props?.vm?.baseViewModel?.enableBasket) {\r\n\t\t\t\t//if empty && hide basket when empty\r\n\t\t\t\tif (newValue === 0) {\r\n\t\t\t\t\tbasketIsEnabled.value = false;\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tbasketIsEnabled.value = true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, { immediate: true })\r\n\r\n\twatch(\r\n\t\t() => numberOfBasketItems.value,\r\n\t\t(newValue, oldValue) => {\r\n\t\t\tif (oldValue) {\r\n\t\t\t\tbasketItemsCount.value = newValue;\r\n\t\t\t}\r\n\t\t}, { immediate: true })\r\n\r\n\tfunction triggerFlyoutBasket() {\r\n\t\tconst openFlyoutBasket = new CustomEvent(Events.ACTIVATE_FLY_OUT_BASKET, {});\r\n\t\tdocument.dispatchEvent(openFlyoutBasket);\r\n\t}\r\n\r\n\tfunction toggleSearch() {\r\n\t\tstore.commit('setShowSearchPopup', !showSearchPopup.value);\r\n\t}\r\n</script>\r\n\r\n<template>\r\n\t<DsHeader :cta-buttons=\"navModel.ctaButtons\"\r\n\t\t\t  :labels=\"navModel.labels\"\r\n\t\t\t  :logo=\"navModel.logo\"\r\n\t\t\t  :logged-in=\"loggedIn\"\r\n\t\t\t  :enable-basket=\"basketIsEnabled\"\r\n\t\t\t  :basket-count=\"count\"\r\n\t\t\t  :enable-search=\"navModel.enableSearch\"\r\n\t\t\t  :search-fn=\"toggleSearch\"\r\n\t\t\t  :enable-sticky=\"navModel.enableSticky\"\r\n\t\t\t  :nav-items=\"navModel.navItems\"\r\n\t\t\t  :service-nav-items=\"navModel.serviceNavItems\"\r\n\t\t\t  :basket-fn=\"triggerFlyoutBasket\"\r\n\t\t\t  :country-selector=\"navModel.countrySelector\">\r\n\t\t<!-- Static markup (for SEO) -->\r\n\t\t<slot></slot>\r\n\t\t<!--Global search desktop-->\r\n\t\t<template #searchDesktop v-if=\"navModel?.enableSearch\">\r\n\t\t\t<slot name=\"search\"></slot>\r\n\t\t</template>\r\n\t\t<!--Global search mobile-->\r\n\t\t<template #searchMobile v-if=\"navModel?.enableSearch\">\r\n\t\t\t<slot name=\"search\"></slot>\r\n\t\t</template>\r\n\t</DsHeader>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n\t@import 'multisite/styles/settings/settings';\r\n\t@import 'multisite/styles/tools/tools';\r\n\r\n\t.ds-nav-mega-search, .ds-header-mobile__search {\r\n\t\t.ds-nav-mega-search__content {\r\n\t\t\tpadding-block-start: 0;\r\n\t\t}\r\n\r\n\t\t.c-global-search__popup {\r\n\t\t\tall: unset;\r\n\r\n\t\t\t&-stickybox {\r\n\t\t\t\tpadding: 0;\r\n\r\n\t\t\t\t&::after {\r\n\t\t\t\t\tall: unset;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.c-global-search-autosuggestions__box {\r\n\t\t\tmargin-left: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.c-nav-service-design {\r\n\t\tz-index: 110;\r\n\t}\r\n\r\n\t/* Temporary fix for nav padding - can be removed with DS release 5.2.0 */\r\n\t#global-nav-mount {\r\n\t\t.ds-header {\r\n\t\t\t@media (min-width: #{ds-breakpoint(\"sm\")}) {\r\n\t\t\t\t--header-padding-inline: #{ds-space(9)};\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: #{ds-breakpoint(\"md\")}) {\r\n\t\t\t\t--header-padding-inline: #{ds-space(8)};\r\n\t\t\t}\r\n\r\n\t\t\t@media (min-width: #{ds-breakpoint(\"2xl\")}) {\r\n\t\t\t\t--header-padding-inline: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.ds-header__inner {\r\n\t\t\tmax-width: #{ds-container-max(\"2xl\")};\r\n\t\t}\r\n\r\n\t\t.ds-header__bottom .ds-header__nav {\r\n\t\t\tinline-size: 100%;\r\n\t\t}\r\n\r\n\t\t.ds-header-mobile {\r\n\t\t\t--header-padding-inline: #{ds-space(8)};\r\n\r\n\t\t\t@media (min-width: ds-breakpoint(\"sm\")) {\r\n\t\t\t\t--header-padding-inline: #{ds-space(9)};\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.ds-header-mobile__bar {\r\n\t\t\tpadding-inline: var(--header-padding-inline);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/*for razor view (default slot)*/\r\n\t@media (min-width: ds-breakpoint('md')) {\r\n\t\t.ds-header-visible-mobile {\r\n\t\t\tdisplay: none!important;\r\n\t\t}\r\n\t}\r\n\r\n\t@media (max-width: ds-breakpoint('md')) {\r\n\t\t.ds-header-visible-desktop {\r\n\t\t\tdisplay: none!important;\r\n\t\t}\r\n\t}\r\n</style>\r\n","import { createApp } from 'vue';\r\nimport GlobalNav from \"./globalNav.vue\";\r\nimport GlobalSearchPopup from 'shared/components/globalSearch/globalSearchPopup.vue';\r\nimport \"@coloplast/design-system/dist/components/header/ds-header.css\";\r\nimport store from 'shared/store';\r\n\r\nconst globalNavMountElem = document.getElementById('global-nav-mount');\r\n\r\nif (globalNavMountElem) {\r\n\tconst app = createApp({\r\n\t\tname: 'GlobalNavApp',\r\n\t});\r\n\tapp.component('global-nav', GlobalNav);\r\n\tapp.use(store);\t\r\n\tapp.component('global-search-popup', GlobalSearchPopup);\r\n\tapp.mount(globalNavMountElem);\r\n}"],"names":["props","__props","store","useStore","hideBasketWhenEmpty","ref","_b","_a","navModel","computed","showSearchPopup","isSearchPage","loggedIn","_d","_c","basketIsEnabled","_f","_e","basketItemsCount","_h","_g","numberOfBasketItems","count","watch","newValue","searchButton","oldValue","triggerFlyoutBasket","openFlyoutBasket","Events","toggleSearch","globalNavMountElem","app","createApp","GlobalNav","GlobalSearchPopup"],"mappings":"2uBAUC,MAAMA,EAAQC,EAQbC,EAAQC,EAAU,EAClBC,EAAsBC,GAAIC,GAAAC,EAAAP,GAAA,YAAAA,EAAO,KAAP,YAAAO,EAAW,gBAAX,YAAAD,EAA0B,mBAAmB,EACvEE,EAAWC,EAAS,IAAA,OAAM,OAAAF,EAAAP,GAAA,YAAAA,EAAO,KAAP,YAAAO,EAAW,cAAa,EAElDG,EAAkBD,EAAS,IAAMP,EAAM,QAAQ,kBAAkB,EACjES,EAAeF,EAAS,IAAMP,EAAM,QAAQ,eAAe,EAC3DU,EAAWP,GAAIQ,GAAAC,EAAAd,GAAA,YAAAA,EAAO,KAAP,YAAAc,EAAW,gBAAX,YAAAD,EAA0B,QAAQ,EACjDE,EAAkBV,GAAIW,GAAAC,EAAAjB,GAAA,YAAAA,EAAO,KAAP,YAAAiB,EAAW,gBAAX,YAAAD,EAA0B,YAAY,EAC5DE,EAAmBb,GAAIc,GAAAC,EAAApB,GAAA,YAAAA,EAAO,KAAP,YAAAoB,EAAW,gBAAX,YAAAD,EAA0B,WAAW,EAC5DE,EAAsBZ,EAAS,IAAMP,EAAM,QAAQ,kBAAkB,EACrEoB,EAAQb,EAAS,KACZY,GAAA,YAAAA,EAAqB,QAAS,EAC1BH,EAAiB,MAGjBG,EAAoB,KAE5B,EAEFE,EACC,IAAMZ,EAAa,MAClBa,GAAa,OACb,GAAIA,EAAU,CAEb,MAAMC,GAAelB,EAAA,+BAAU,uBAAuB,sBAAjC,YAAAA,EAAuD,GACxEkB,IACHA,EAAa,SAAW,GAEzB,CACJ,EAAK,CAAE,UAAW,GAAM,EAEvBF,EACC,IAAMD,EAAM,MACXE,GAAa,SAETpB,EAAoB,SAASE,GAAAC,EAAAP,GAAA,YAAAA,EAAO,KAAP,YAAAO,EAAW,gBAAX,MAAAD,EAA0B,gBAEtDkB,IAAa,EAChBT,EAAgB,MAAQ,GAGxBA,EAAgB,MAAQ,GAG7B,EAAK,CAAE,UAAW,GAAM,EAEvBQ,EACC,IAAMF,EAAoB,MAC1B,CAACG,EAAUE,IAAa,CACnBA,IACHR,EAAiB,MAAQM,EAE7B,EAAK,CAAE,UAAW,GAAM,EAEvB,SAASG,GAAsB,CAC9B,MAAMC,EAAmB,IAAI,YAAYC,EAAO,wBAAyB,CAAE,CAAA,EAC3E,SAAS,cAAcD,CAAgB,CACvC,CAED,SAASE,GAAe,CACvB5B,EAAM,OAAO,qBAAsB,CAACQ,EAAgB,KAAK,CACzD,2zBCzEIqB,EAAqB,SAAS,eAAe,kBAAkB,EAErE,GAAIA,EAAoB,CACvB,MAAMC,EAAMC,EAAU,CACrB,KAAM,cAAA,CACN,EACGD,EAAA,UAAU,aAAcE,CAAS,EACrCF,EAAI,IAAI9B,CAAK,EACT8B,EAAA,UAAU,sBAAuBG,CAAiB,EACtDH,EAAI,MAAMD,CAAkB,CAC7B"}