{"version":3,"file":"globalSearchPopup-v-ltrRPU.js","sources":["../../../../Coloplast.UI/src/shared/components/globalSearch/globalSearchPopup.vue"],"sourcesContent":["<template>\r\n\t<div\r\n\t\t class=\"c-global-search__popup\"\r\n\t\t :class=\"{ 'active' : showSearchPopup, 'visible-results' : searchAutocompleteResultsVisible }\"\r\n\t\t ref=\"GlobalSearchPopup\"\r\n\t\t :style=\"`--global-search-popup-top: ${this.top}px`\"\r\n\t\t @click=\"togglePopup\"\r\n\t\t data-testid=\"global-search-popup\"\r\n\t\t @keydown.down.prevent=\"handleAscSuggestion\"\r\n\t\t @keydown.up.prevent=\"handleDescSuggestion\"\r\n\t\t @keydown.esc.prevent=\"handleCancelAutosuggestionSearch\"\r\n\t\t @afterLeave=\"restoreFocus\"\r\n\t\t role=\"dialog\"\r\n\t\t aria-modal=\"true\"\r\n\t\t >\r\n\t\t<div class=\"c-global-search__popup-wrapper\" @click.stop>\r\n\t\t\t<div class=\"c-global-search__popup-stickybox\">\r\n\t\t\t\t<global-search-field\r\n\t\t\t\t\t@autosuggestsearch=\"autoSuggestSearch\"\r\n\t\t\t\t\t@search=\"handleSearch\"\r\n\t\t\t\t\t@shortcodesearch=\"shortCodeSearch\"\r\n\t\t\t\t\t@reset=\"handleCancelAutosuggestionSearch\"\r\n\t\t\t\t\tref=\"searchField\"\r\n\t\t\t\t\t:aria-labels=\"{\r\n\t\t\t\t\t\tsearch: vm.BaseViewModel?.SearchIconAriaLabel,\r\n\t\t\t\t\t\tclear: vm.BaseViewModel?.ClearSearchIconAriaLabel,\r\n\t\t\t\t\t\tfield: vm.BaseViewModel?.SearchFieldAriaLabel,\r\n\t\t\t\t\t}\"\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t<DsIconButton\r\n\t\t\t\t\tv-if=\"!isGlobalNav\"\r\n\t\t\t\t\tclass=\"h-visible-up-from-medium\"\r\n\t\t\t\t\ticon-name=\"close\"\r\n\t\t\t\t\tvariant=\"ghost-neutral\"\r\n\t\t\t\t\t:ariaLabel=\"vm.BaseViewModel?.CloseSearchAriaLabel || 'Close Search Overlay'\"\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t\tsize=\"md\"\r\n\t\t\t\t\t:click-handler=\"() => {togglePopup()}\"\r\n\t\t\t\t/>\r\n\r\n\t\t\t</div>\r\n\t\t\t<global-search-autoSuggest-dropDown-list v-if=\"localSearchPhrase.length\" />\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n<script>\r\nimport globalSearchAutosuggestResultsMixin from 'shared/mixins/globalSearchAutosuggestResultsMixin';\r\nimport GlobalSearchField from 'shared/components/globalSearch/globalSearchField.vue';\r\nimport GlobalSearchAutoSuggestDropDownList from 'shared/components/globalSearch/globalSearchAutosuggestDropDownList.vue';\r\nimport { DsIconButton } from \"@coloplast/design-system\";\r\nimport { mapGetters, mapMutations } from 'vuex';\r\nimport useModalFocusTrap from 'shared/composables/focusTrap';\r\nimport * as _ from 'lodash';\r\n\r\nexport default {\r\n\tname: 'global-search-popup',\r\n\tmixins: [globalSearchAutosuggestResultsMixin],\r\n\tprops: {\r\n\t\tvm: {\r\n\t\t\ttype: Object,\r\n\t\t},\r\n\t\tisGlobalNav: {\r\n\t\t\ttype: Boolean,\r\n\t\t},\r\n\t},\r\n\tcomponents: {\r\n\t\tGlobalSearchField,\r\n\t\tGlobalSearchAutoSuggestDropDownList,\r\n\t\tDsIconButton\r\n\t},\r\n\tdata: function () {\r\n\t\treturn {\r\n\t\t\ttop: 0,\r\n\t\t\tpopup: null,\r\n\t\t\tnotStickyMenu: null,\r\n\t\t\trestoreFocus: null,\r\n\t\t}\r\n\t},\r\n\tcreated() {\r\n\t\tif (!_.isEmpty(this.vm)) {\r\n\t\t\tthis.setGlobalSearchModel(this.vm.BaseViewModel);\r\n\t\t}\r\n\t},\r\n\tmounted() {\r\n\t\tthis.$nextTick(() => {\r\n\t\t\tthis.popup = this.$refs.GlobalSearchPopup;\r\n\t\t\tthis.notStickyMenu = document.querySelector('.enrollment-nav') || document.querySelector('.sticky-disabled');\r\n\t\t});\r\n\r\n\t\tdocument.addEventListener(\"activateSearchPopup\", () => {\r\n\t\t\tthis.restoreFocus = useModalFocusTrap(this.$refs.GlobalSearchPopup, this.togglePopup, '', true).restoreFocus;\r\n\t\t});\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapGetters({\r\n\t\t\tautoSuggestSearchPhrase: 'getAutoSuggestSearchPhrase',\r\n\t\t\tglobalSearchModel: 'getGlobalSearchModel',\r\n\t\t\tshowSearchPopup: 'getShowSearchPopup',\r\n\t\t}),\r\n\t},\r\n\twatch: {\r\n\t\tshowSearchPopup(newVal) {\r\n\t\t\tif (newVal) {\r\n\t\t\t\tdocument.documentElement.classList.add(\"nav-search-popup\");\r\n\t\t\t\tconst searchField = this.$refs.GlobalSearchPopup.querySelector('.c-global-search__field');\r\n\t\t\t\tif (searchField != null) {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tsearchField.focus();\r\n\t\t\t\t\t}, 0);\r\n\t\t\t\t}\r\n\t\t\t\tif (!this.isGlobalNav) {\r\n\t\t\t\t\tconst event = new CustomEvent(\"activateSearchPopup\", {});\r\n\t\t\t\t\tdocument.dispatchEvent(event);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tdocument.documentElement.classList.remove(\"nav-search-popup\");\r\n\t\t\t}\r\n\t\t},\r\n\t},\r\n\tmethods: {\r\n\t\t...mapMutations([\r\n\t\t\t'setGlobalSearchModel',\r\n\t\t\t'setShowSearchPopup',\r\n\t\t]),\r\n\t\thandleSearch() {\r\n\t\t\tthis.executeSearch();\r\n\t\t},\r\n\t\tsetTopPopupPosition() {\r\n\t\t\t//the rest window.headerHeight calculation is in src/shared/vanilla/stickyMenu.js\r\n\t\t\tif (this.notStickyMenu != null && !this.isGlobalNav) {\r\n\t\t\t\tconst position = this.notStickyMenu.getBoundingClientRect();\r\n\t\t\t\tif (position.top >= 0 && position.bottom <= window.innerHeight)\r\n\t\t\t\t\twindow.headerHeight = position.height;\r\n\t\t\t\telse\r\n\t\t\t\t\twindow.headerHeight = 0;\r\n\t\t\t}\r\n\t\t\tthis.top = `${window.headerHeight}px`;\r\n\t\t\tif (this.popup != null)\r\n\t\t\t\tthis.popup.setAttribute('style', `top: ${this.top}; height: calc(100% - ${this.top})`);\r\n\t\t},\r\n\t\ttogglePopup() {\r\n\t\t\tthis.setShowSearchPopup();\r\n\t\t\tthis.cancelAutosuggestionSearch();\r\n\t\t\tthis.searchField.reset();\r\n\t\t},\r\n\t\thandleCancelAutosuggestionSearch() {\r\n\t\t\tthis.cancelAutosuggestionSearch();\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\tthis.setSearchInputFocus();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n};\r\n</script>\r\n"],"names":["_sfc_main","globalSearchAutosuggestResultsMixin","GlobalSearchField","GlobalSearchAutoSuggestDropDownList","DsIconButton","_.isEmpty","useModalFocusTrap","mapGetters","newVal","searchField","event","mapMutations","position","_hoisted_1","_createElementBlock","_normalizeClass","_ctx","$options","args","_createElementVNode","_createVNode","_component_global_search_field","_a","$props","_b","_c","_createBlock","_component_DsIconButton","_d","_component_global_search_autoSuggest_dropDown_list"],"mappings":"opBAuDA,MAAKA,EAAU,CACd,KAAM,sBACN,OAAQ,CAACC,CAAmC,EAC5C,MAAO,CACN,GAAI,CACH,KAAM,MACN,EACD,YAAa,CACZ,KAAM,OACN,CACD,EACD,WAAY,CACX,kBAAAC,EACA,oCAAAC,eACAC,CACA,EACD,KAAM,UAAY,CACjB,MAAO,CACN,IAAK,EACL,MAAO,KACP,cAAe,KACf,aAAc,IACf,CACA,EACD,SAAU,CACJC,EAAU,KAAK,EAAE,GACrB,KAAK,qBAAqB,KAAK,GAAG,aAAa,CAEhD,EACD,SAAU,CACT,KAAK,UAAU,IAAM,CACpB,KAAK,MAAQ,KAAK,MAAM,kBACxB,KAAK,cAAgB,SAAS,cAAc,iBAAiB,GAAK,SAAS,cAAc,kBAAkB,CAC5G,CAAC,EAED,SAAS,iBAAiB,sBAAuB,IAAM,CACtD,KAAK,aAAeC,EAAkB,KAAK,MAAM,kBAAmB,KAAK,YAAa,GAAI,EAAI,EAAE,YACjG,CAAC,CACD,EACD,SAAU,CACT,GAAGC,EAAW,CACb,wBAAyB,6BACzB,kBAAmB,uBACnB,gBAAiB,oBAClB,CAAC,CACD,EACD,MAAO,CACN,gBAAgBC,EAAQ,CACvB,GAAIA,EAAQ,CACX,SAAS,gBAAgB,UAAU,IAAI,kBAAkB,EACzD,MAAMC,EAAc,KAAK,MAAM,kBAAkB,cAAc,yBAAyB,EAMxF,GALIA,GAAe,MAClB,WAAW,IAAM,CAChBA,EAAY,MAAK,CACjB,EAAE,CAAC,EAED,CAAC,KAAK,YAAa,CACtB,MAAMC,EAAQ,IAAI,YAAY,sBAAuB,CAAE,CAAA,EACvD,SAAS,cAAcA,CAAK,CAC7B,CACD,MAEC,SAAS,gBAAgB,UAAU,OAAO,kBAAkB,CAE7D,CACD,EACD,QAAS,CACR,GAAGC,EAAa,CACf,uBACA,oBACD,CAAC,EACD,cAAe,CACd,KAAK,cAAa,CAClB,EACD,qBAAsB,CAErB,GAAI,KAAK,eAAiB,MAAQ,CAAC,KAAK,YAAa,CACpD,MAAMC,EAAW,KAAK,cAAc,sBAAqB,EACrDA,EAAS,KAAO,GAAKA,EAAS,QAAU,OAAO,YAClD,OAAO,aAAeA,EAAS,OAE/B,OAAO,aAAe,CACxB,CACA,KAAK,IAAM,GAAG,OAAO,YAAY,KAC7B,KAAK,OAAS,MACjB,KAAK,MAAM,aAAa,QAAS,QAAQ,KAAK,GAAG,yBAAyB,KAAK,GAAG,GAAG,CACtF,EACD,aAAc,CACb,KAAK,mBAAkB,EACvB,KAAK,2BAA0B,EAC/B,KAAK,YAAY,OACjB,EACD,kCAAmC,CAClC,KAAK,2BAA0B,EAC/B,KAAK,UAAU,IAAM,CACpB,KAAK,oBAAmB,CACzB,CAAC,CACF,CACD,CACD,EA1IQC,EAAA,CAAA,MAAM,kCAAkC,qJAf/CC,EA2CM,MAAA,CA1CJ,MAAMC,EAAA,CAAA,yBACe,CAAA,OAAAC,EAAA,kCAAqCA,EAAgC,gCAAA,CAAA,CAAA,EAC1F,IAAI,oBACH,2CAA0C,GAAG,IAAA,EAC7C,4BAAOC,EAAW,aAAAA,EAAA,YAAA,GAAAC,CAAA,GACnB,cAAY,sBACX,UAAO,yBAAeF,EAAmB,qBAAAA,EAAA,oBAAA,GAAAE,CAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,MAAA,CAAA,2BACrBF,EAAoB,sBAAAA,EAAA,qBAAA,GAAAE,CAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,IAAA,CAAA,2BACnBD,EAAgC,kCAAAA,EAAA,iCAAA,GAAAC,CAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,KAAA,CAAA,IACrD,oCAAYF,EAAY,cAAAA,EAAA,aAAA,GAAAE,CAAA,GACzB,KAAK,SACL,aAAW,SAEZC,EA4BM,MAAA,CA5BD,MAAM,iCAAkC,sBAAD,IAAW,CAAA,EAAA,CAAA,MAAA,CAAA,KACtDA,EAyBM,MAzBNN,EAyBM,CAxBLO,EAWGC,EAAA,CAVD,oBAAmBL,EAAiB,kBACpC,SAAQC,EAAY,aACpB,kBAAiBD,EAAe,gBAChC,QAAOC,EAAgC,iCACxC,IAAI,cACH,cAAW,SAAmBK,EAAAC,EAAE,GAAC,gBAAH,YAAAD,EAAkB,2BAAmCE,EAAAD,EAAE,GAAC,gBAAH,YAAAC,EAAkB,gCAAwCC,EAAAF,EAAE,GAAC,gBAAH,YAAAE,EAAkB,8GAQzJF,EAAW,0BADnBG,EASEC,EAAA,OAPD,MAAM,2BACN,YAAU,QACV,QAAQ,gBACP,YAAWC,EAAAL,EAAA,GAAG,gBAAH,YAAAK,EAAkB,uBAAoB,uBAClD,SAAS,IACT,KAAK,KACJ,qBAAsBX,EAAW,aAAA,4CAIWD,EAAA,kBAAkB,YAAjEU,EAA2EG,EAAA,CAAA,IAAA,CAAA,CAAA"}