{"version":3,"file":"globalSearchAutosuggestDropDownList-D7XhmLhT.js","sources":["../../../../Coloplast.UI/src/shared/components/globalSearch/globalSearchAutosuggestItem.vue","../../../../Coloplast.UI/src/shared/components/globalSearch/globalSearchAutosuggestDropDownList.vue"],"sourcesContent":["<template>\r\n\t<!-- If it's a product we need to show a special list item -->\r\n\t<li v-if=\"card.contentType === 'ProductBase'\" class=\"c-global-search-autosuggestions__item\">\r\n\t\t<a :href=\"card.url\"\r\n\t\t\t:ref=\"`card_${card.id}`\"\r\n\t\t   \tclass=\"c-global-search-autosuggestions__product-link c-global-search-autosuggestions__product-link--no-underline h-focus-outline \"\r\n\t\t\tdata-testid=\"product-link\"\r\n\t\t\ttabindex=\"-1\">\r\n\t\t\t<img\r\n\t\t\t\t:src=\"card.imageUrl\"\r\n\t\t\t\t :alt=\"card.heading\"\r\n\t\t\t\t class=\"c-global-search-autosuggestions__product-link-image\" />\r\n\t\t\t<div class=\"c-global-search-autosuggestions__product-link-text\">\r\n\t\t\t\t<ds-text text-style=\"regular\" text-type=\"body-sm\" html-element=\"p\" class=\"c-global-search-autosuggestions__product-color-muted\">{{card.properties?.manufacturerName}}</ds-text>\r\n\t\t\t\t<ds-text text-style=\"bold\" text-type=\"heading-md\" html-element=\"h3\" class=\"c-global-search-autosuggestions__product-color-default\">{{ card.heading }}</ds-text>\r\n\r\n\t\t\t\t<!-- show variantFieldsForAutoSuggest field -->\r\n\t\t\t\t<ds-text v-for=\"item in card.properties?.variantFieldsForAutoSuggest\" text-style=\"regular\" text-type=\"body-sm\" html-element=\"p\" class=\"c-global-search-autosuggestions__product-color-muted\">{{item}}</ds-text>\r\n\r\n\t\t\t</div>\r\n\t\t</a>\r\n\t</li>\r\n\t<li v-else class=\"c-global-search-autosuggestions__item\">\r\n\t\t<a :href=\"card.url\"\r\n\t\t   :target=\"card.contentType === 'PdfFile' ? '_blank' : null\"\r\n\t\t   class=\"c-global-search-autosuggestions__link c-global-search-autosuggestions__product-link--no-underline h-focus-outline\"\r\n\t\t   :ref=\"`card_${card.id}`\"\r\n\t\t   tabindex=\"-1\">\r\n\t\t</a>\r\n\t\t<p v-if=\"card.categoryTags && card.categoryTags.value\">\r\n\t\t\t{{ card.categoryTags.value }}\r\n\t\t</p>\r\n\t\t<h3 v-if=\"card.heading\"\r\n\t\t\tclass=\"c-global-search-autosuggestions__title\">\r\n\t\t\t{{ card.heading }}\r\n\t\t</h3>\r\n\t</li>\r\n</template>\r\n\r\n<script>\r\n\timport {DsText} from \"@coloplast/design-system\";\r\n\r\n\texport default {\r\n\t\tname: 'global-search-autoSuggest-item',\r\n\t\tcomponents: {DsText},\r\n\t\tprops: ['card'],\r\n\t\tmethods: {\r\n\t\t\tfocusElement() {\r\n\t\t\t\tthis.$refs[`card_${this.card.id}`].focus()\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n</script>\r\n","<template>\r\n\t<div class=\"c-global-search-autosuggestions__box\"\r\n\t\t v-if=\"globalAutoSuggestSearchResults.length || noAutocompleteItems\"\r\n\t\t ref=\"autosuggestionsDropDown\">\r\n\t\t<ul\r\n\t\t\tv-if=\"globalAutoSuggestSearchResults.length\"\r\n\t\t\tclass=\"c-global-search-autosuggestions__wrapper c-global-search-autosuggestions__results\"\r\n\t\t\tid=\"autosuggest-list\"\r\n\t\t\trole=\"listbox\"\r\n\t\t\taria-live=\"polite\">\r\n\t\t\t<global-search-autoSuggest-item\r\n\t\t\t\t\t\t\t\t\t\t\t v-for=\"(card, index) in globalAutoSuggestSearchResults\"\r\n\t\t\t\t\t\t\t\t\t\t     :key=\"`card.heading-${index}`\"\r\n\t\t\t\t\t\t\t\t\t\t     :card=\"card\"\r\n\t\t\t\t\t\t\t\t\t\t\t :ref=\"'card-' + card.id\" />\r\n\t\t</ul>\r\n\t\t<div\r\n\t\t\t v-if=\"noAutocompleteItems\"\r\n\t\t\t class=\"c-global-search-autosuggestions__wrapper c-global-search-autosuggestions__empty\"\r\n\t\t\t >\r\n\t\t\t<h3 class=\"c-global-search-autosuggestions__title\">{{ globalSearchModel.NoSearchResultsHeadline }}</h3>\r\n\t\t\t<p>{{ globalSearchModel.NoSearchResultsText }}</p>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport globalSearchAutoSuggestItem from 'shared/components/globalSearch/globalSearchAutosuggestItem.vue';\r\n\timport { mapGetters, mapActions } from 'vuex';\r\n\r\n\texport default {\r\n\t\tname: 'global-search-autoSuggest-dropDown-list',\r\n\t\tcomponents: {\r\n\t\t\tglobalSearchAutoSuggestItem,\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapGetters({\r\n\t\t\t\tglobalSearchModel: 'getGlobalSearchModel',\r\n\t\t\t\tglobalAutoSuggestSearchResults: 'getGlobalAutoSuggestSearchResults',\r\n\t\t\t\tisSearchPage: 'getIsSearchPage',\r\n\t\t\t\tnoAutocompleteItems: 'getNoAutocompleteItems',\r\n\t\t\t\tselectedSuggestionIndex: 'getSelectedSuggestionIndex'\r\n\t\t\t}),\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions([\r\n\t\t\t\t'autoSuggestGlobalSearch',\r\n\t\t\t\t'cancelAutosuggestionSearch',\r\n\t\t\t]),\r\n\t\t\tfocusControl(id) {\r\n\t\t\t\t// If the dropdown is visible\r\n\t\t\t\tif (this.globalAutoSuggestSearchResults?.length || this.noAutocompleteItems) {\r\n\t\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\t\tif (id) {\r\n\t\t\t\t\t\t\tthis.$refs[`card-${id}`][0].focusElement();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tselectedSuggestionIndex(newIndex) {\r\n\t\t\t\tif ( newIndex >= 0 ) {\r\n\t\t\t\t\tthis.focusControl(this.globalAutoSuggestSearchResults[newIndex].id)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n</script>\r\n"],"names":["_sfc_main","DsText","_hoisted_4","$props","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_createVNode","_component_ds_text","_a","_createTextVNode","_toDisplayString","_Fragment","item","_createBlock","_hoisted_5","_hoisted_7","_hoisted_8","globalSearchAutoSuggestItem","mapGetters","mapActions","id","newIndex","_ctx","_hoisted_2","_renderList","card","index","_component_global_search_autoSuggest_item","_hoisted_3"],"mappings":"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"}