@dubai-design-system/components-js 3.9.15 → 3.10.0

package/dist/components/dda-header.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-f6588843.js';
 import { d as defineCustomElement$7 } from './p-834e13a7.js';
-import { d as defineCustomElement$6 } from './p-b7cfca52.js';
-import { d as defineCustomElement$5 } from './p-359c3483.js';
+import { d as defineCustomElement$6 } from './p-923d3716.js';
+import { d as defineCustomElement$5 } from './p-2f1766a5.js';
 import { d as defineCustomElement$4 } from './p-4bad1d5d.js';
 import { d as defineCustomElement$3 } from './p-09225ffe.js';
 import { d as defineCustomElement$2 } from './p-0c934630.js';
@@ -17,6 +17,7 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
         super();
         this.__registerHost();
         this.languageSwitch = createEvent(this, "languageSwitch", 7);
+        this.navigatorClick = createEvent(this, "navigatorClick", 7);
         this.smTextSize = createEvent(this, "smTextSize", 7);
         this.baseTextSize = createEvent(this, "baseTextSize", 7);
         this.lgTextSize = createEvent(this, "lgTextSize", 7);
@@ -37,6 +38,7 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
         this.isMobileAccessibiltyOpen = false;
         this.openMenus = {};
         this.usePredesignedAccessibilityMenu = true;
+        this.useNavigator = 'false';
         this.mobileMenuSearchId = 'mobileSearch';
         this.mobileMenuSearchUrl = 'javascript:void(0)';
         this.hideOtherMenu = false;
@@ -160,7 +162,9 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
                 return null;
             return (h("div", { class: `main_sub_menu ${this.openMenus[parentLi] ? 'showSubMenu' : ''}` }, subMenu[0].headerLabel && h("p", { class: "dda-side-nav__title" }, subMenu[0].headerLabel), h("ol", null, subMenu.map((item, index) => {
                 const currentIndex = `${parentLi}-${index}`;
-                return (h("li", { key: currentIndex }, h("a", { href: item.href, class: `${item.subLinkClass} ${item.subMenu && item.subMenu.length > 0 ? 'showSub' : ''}`, onClick: (e) => this.handleMenuClick(e, item, currentIndex) }, item.label), this.renderSubMenu(item.subMenu, currentIndex)));
+                return (h("li", { key: currentIndex }, h("a", { href: this.useNavigator == "true" ? 'javascript:void(0)' : item.href, class: `${item.subLinkClass} ${item.subMenu && item.subMenu.length > 0 ? 'showSub' : ''}`, onClick: (e) => {
+                        this.handleMenuClick(e, item, currentIndex);
+                    } }, item.label), this.renderSubMenu(item.subMenu, currentIndex)));
             }))));
         };
     }
@@ -255,12 +259,20 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
                 }
             });
         }
+        else {
+            console.log('check navigator', this.useNavigator, this.navigatorClick);
+            if (this.useNavigator == "true") {
+                this.navigatorClick.emit(item.href);
+            }
+        }
     }
     render() {
         const sideMenuItems = this.parseJsonArray(this.sideMenuItems);
-        return (h("header", { key: 'bf7c68915026dd487ed2668a05b1c9b3b95e72d5', class: 'dda-header' }, h("div", { key: '3b566dd51b39bd0e43ccbee9a82bfe70d9d3ce8f', class: "dda-head-logo" }, h("a", { key: '483b062de2b488ea8384d91963be935ab3c6ced1', href: this.firstLogoHref, class: "govt-logo" }, h("img", { key: '79fad44944f3f5e5ec9096346073176b1696eee0', class: "logo-white", src: this.firstLogoWhiteSrc, alt: `${this.firstLogoAlt} White` }), h("img", { key: '49d9b8cc0461fdc3e344da570bd809cbe9e41e0a', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: '71519ad47e35c291f5dc8ec58ed68f0a47b5aa06', href: this.secondLogoHref, class: "entt-logo" }, h("img", { key: '18e7bf72392112581792f7570da2b59311d4d4ec', class: "logo-white", src: this.secondLogoWhiteSrc, alt: `${this.secondLogoAlt} White` }), h("img", { key: '1d9955cf394eb9864e15f899af3bfa5ac10af2ba', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }))), h("div", { key: '3ecb1145e1b21d1560fe18afc6cc12daedd5a949', class: "dda-menu-container" }, h("div", { key: '911bb8f231d9a3cf6ed359b1e8887b25520eceb0', class: "dda-main-navigation" }, h("div", { key: '686e557beedbecad7f2e1cb3cd371160e059f19b', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '2b75006d49f8c82858862a936bf1d8636c5258b1', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: '3b1fe914048fa5424a3e1da6124366f326aa6188', title_text: this.hamburger_menu_button_name, position: "top", class: "dda-d-block" }, h("button", { key: 'df10d6cbc562ff8332ac4a974797f184c652a117', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: '5b001f527b87686466bf55a8c884ad15e8165828', class: "hamburger-line" }), h("span", { key: '749ec119dbd153392bd9bd7f05ca0ec12ad70891', class: "hamburger-menu-text" }, this.hamburger_menu_button_name)))), h("div", { key: 'ba5132d9e32594ccd985a4bc366bd4ab23d70b22', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: 'd996fd52f8f93c2a589c6bb92552c871938a6077', class: "dda-sidemenu-content" }, h("p", { key: '5b281af3f072870dac37f44743ba53aa6c0a7c4a', class: "dda-side-nav-title" }, this.sideMainMenuTitle), h("ul", { key: '68a3783affdcb903104e805ac9ce3e9e52e7a0d4', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
+        return (h("header", { key: '23f4abdd1b049c2a036648cc345afa537bfd9ad3', class: 'dda-header' }, h("div", { key: '75708a7c0d96ae7e0627ac2dd3f6d877cb38649f', class: "dda-head-logo" }, h("a", { key: '376534d7e2ebf1e3c7b70bd2019e325c396d5bcb', href: this.useNavigator == "true" ? 'javascript:void(0)' : this.firstLogoHref, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(this.firstLogoHref) : "", class: "govt-logo" }, h("img", { key: '86a286e12601014a510c1c8a9dd09f7e73c847f0', class: "logo-white", src: this.firstLogoWhiteSrc, alt: `${this.firstLogoAlt} White` }), h("img", { key: 'e334d52ad321148fa855eac167f2f2089795c0a0', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: '1672c95f349ec7dd2df37af280bfb0aa971a27fa', href: this.useNavigator == "true" ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(this.secondLogoHref) : "", class: "entt-logo" }, h("img", { key: '505d140e52f630d4c894193349925127be601f03', class: "logo-white", src: this.secondLogoWhiteSrc, alt: `${this.secondLogoAlt} White` }), h("img", { key: '31a5a64ad1f740d1209e47b97cc88f5bd0a9606b', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }))), h("div", { key: 'c5abe1fa371364898187951d67ef98bb0514c8b8', class: "dda-menu-container" }, h("div", { key: '33f8c359d9f6879038390da1e33060040cd0b1fb', class: "dda-main-navigation" }, h("div", { key: 'b64a969cc8a7276d1db7202bccf3d4e6860a6be9', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: 'c052d16756603b30b2bfa5e8121c38d9b35b1e0e', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: '204745a19ce7eb4e3bbdfdfc8390b9dc6b39a813', title_text: this.hamburger_menu_button_name, position: "top", class: "dda-d-block" }, h("button", { key: '0ce82817eefe18c0fc6dce24fd019cf74f79c31b', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: 'e16622d4d07398d21124f349a7f3314c4b83f22d', class: "hamburger-line" }), h("span", { key: '581f211d0fdf5b38ca95ad82a918a30b24789641', class: "hamburger-menu-text" }, this.hamburger_menu_button_name)))), h("div", { key: 'cd4f7e1002f819b1cd2c82b7260da705301553ae', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: 'cd9fca0f1bc1733749973a1251efa2560d429a46', class: "dda-sidemenu-content" }, h("p", { key: '43c4ed8339308e86ac98519e398b449b11e908eb', class: "dda-side-nav-title" }, this.sideMainMenuTitle), h("ul", { key: '1d66cf5859653dd0b4e9d46c6a75704916c669da', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
             const currentIndex = `menu-${index}`;
-            return (h("li", { key: currentIndex, id: `header_${menu.label}` }, h("a", { href: menu.href, class: menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '', onClick: e => {
+            return (h("li", { key: currentIndex, id: `header_${menu.label}` }, h("a", {
+                // href={menu.href}
+                href: this.useNavigator == "true" ? 'javascript:void(0)' : menu.href, class: menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '', onClick: (e) => {
                     if (menu.subMenu && menu.subMenu.length > 0) {
                         e.preventDefault();
                         const current = e.currentTarget;
@@ -278,30 +290,20 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
                         // Show submenu
                         this.toggleSidebarSubMenu(currentIndex);
                     }
-                } }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
-        })), this.hideOtherMenu == false && (h("p", { key: 'e2670c0e80d74be481515cf35718d8c5153dbe63', class: "dda-side-nav-title" }, this.sideOtherMenuTitle)), !this.hideOtherMenu && (h("ul", { key: '29c155c08350554b5396166fed14160e0945c24e', class: "main_side_menu" }, this.parsedOtherMenuItems.map((itemlist, index) => (h("li", { key: `other-${index}` }, h("a", { href: itemlist.href }, itemlist.label))))))), h("div", { key: '927cadd8348ea21f39e04fbfc12b6763cbaa2466', class: "dda-sidemenu-bottom" }, h("div", { key: '26b9b4f158e374a8c753653d1f8d39937cde7b45', class: "dda-sidemenu-gov-logo" }, h("a", { key: 'e997434cad4297edcb1a0197da4af5326e8ef44b', href: this.firstLogoHref, class: "govt-logo dda-mb-2" }, h("img", { key: '647639bdb3223672a1d2a35f4089e8c17d857848', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'fa385023b09ee7c0c1cafab21222fb4b5d661d9e', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: '80e453ca6a3945a60c83d592e6cd077dc5038934' }, this.accessibility_button_id && (h("li", { key: '4f9c5452edd2f3323027c154928a7cbad0461e16' }, h("button", { key: '2ee9120d25e6209a339d2c8aa4c5bec00b27fc1e', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: '4cf7e29acd629865b151721293229670d939053e', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: 'a949d446ad84fe82f37057aa35b4774aa5043684', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: 'a8aeda9e5272ce549960ebcdf28cb0408a1886b7' }, h("button", { key: '588bd689097520da0ad33aa01067c1ee0e184f31', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: '773f0016381aa2e0439357e3604e4661bab1cbaa' }, h("dda-link-button", { key: 'f13f93d0cf38048341f43272e1beab7efa93ed6d', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn", link_button_text: this.loginText, href: this.loginLink, button_shape: "circle", size: "sm" })))))), h("button", { key: '7f562f6c4bae0dbfb5c7df6c6ffcc2ca2af6d227', type: "button", name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: '5df1eb9abedf1ed3b616b28d4ee5ff51dccca996', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isMobileAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "mobile-accessibility-content" }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("p", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ?
-            h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: true, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalThemeMobile", group_name: "themeselectionMobile", input_id: "NormalThemeMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "hydrated" })
-            : null, this.contrast_color_blind_text ?
-            h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: false, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlindMobile", group_name: "themeselectionMobile", input_id: "ColoursBlindMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })
-            : null, this.contrast_red_weakness_text ?
-            h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: false, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeaknessMobile", group_name: "themeselectionMobile", input_id: "RedWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })
-            : null, this.contrast_green_weakness_text ?
-            h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: false, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeaknessMobile", group_name: "themeselectionMobile", input_id: "GreenWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })
-            : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("p", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("p", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: "default-secondary", button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }))))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleMobileAccessibilty }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")))) : null), this.quickLinks && (h("dda-header-menu", { key: '116f59ad8d4e58d3d1ac833ce287cc0d42904f56', "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) }))), h("div", { key: 'c4e553e8bb746565eb0615c915e26f029d28aa72', class: "dda-mobile-entt-logo" }, h("a", { key: 'f63e883b8a25a9db7c60943e378f38f45ffae148', href: this.secondLogoHref, class: "entt-logo" }, h("img", { key: '0344ae1f1ed9429ee3bd44b8d593b35287c276c9', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: 'c505389d929f5d6447adcfdef2197c5e29a525e8', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '7261eeb74eff7d248372ae95897fe97b8f00e887', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: 'fb9022ad15dc3f2eae22daab6e070aea964f4306', href: this.mobileMenuSearchUrl, class: "tool-btn", id: this.mobileMenuSearchId }, h("span", { key: '211fc190d87fa2b726c952600d978287c47e850a', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: 'c10349c7437b9605d6e11a74b859923784e74582', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: 'ed1ec61ab34c358818a5afdbf6a2f0de76eed2dc', class: "dda-toolbar-menu" }, h("ul", { key: 'f8816e69a5383d85ee43fe4166f25c29b8c77d40' }, this.search_input_name && (h("li", { key: 'cc10e093367b9f83899e1389782a1593ea5cc2d9' }, h("dda-tooltip", { key: '3430fd16d8fa5d707d4e95df9e23bcc922cb91fe', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: '7b099009aa3a7b3b9a8c368f780853530b5a0ca8', class: "dda-search dda-header-search" }, h("label", { key: '5b8f97fdfb2d1f98846e54455016448cced955a3', htmlFor: "ddaSearch", class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: '61220aaeb6400f3327df98026460eafeb7c98582', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'dbc429092daf9cf400a25dfe9c53f2badd6e2e24', placeholder: this.search_input_placeholder || 'Search', type: "text", input_id: "ddaSearch", value: this.search_value, input_name: this.search_input_name, aria_label: "input", input_role: "search", error_message: "Error text", validation_type: "normal", validation_id: "validationId", input_status: "normal", size: "default", custom_class: "dda-header-search-input tool-btn", component_mode: "",
+                    else {
+                        if (this.useNavigator == "true") {
+                            this.navigatorClick.emit(menu.href);
+                        }
+                    }
+                }
+            }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
+        })), this.hideOtherMenu == false && h("p", { key: '40c84164522ec90cbc729ebcba1e375a4a647ce8', class: "dda-side-nav-title" }, this.sideOtherMenuTitle), !this.hideOtherMenu && (h("ul", { key: 'de836c4cec9241c4a549169c2baad2e7d98938a4', class: "main_side_menu" }, this.parsedOtherMenuItems.map((itemlist, index) => (h("li", { key: `other-${index}` }, h("a", { href: this.useNavigator == "true" ? 'javascript:void(0)' : itemlist.href, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(itemlist.href) : "" }, itemlist.label))))))), h("div", { key: 'c74d0a6ef5780774106b59b97840c125b06530ce', class: "dda-sidemenu-bottom" }, h("div", { key: 'a52d621bf3ca66107212e71d35343eea335f083e', class: "dda-sidemenu-gov-logo" }, h("a", { key: '3897694d63fba6e3fd2756d106a3e2d576963b72', href: this.useNavigator == "true" ? 'javascript:void(0)' : this.firstLogoHref, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(this.firstLogoHref) : "", class: "govt-logo dda-mb-2" }, h("img", { key: '10b6e0ca4e72c4c3a0aee5eb8b20ad8100a5b186', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: '43ef554a06dc205defeb526a73b8f9263bfc5ef1', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: 'e71004b4ee421a1b30e9ffe78ce38af818c38eb1' }, this.accessibility_button_id && (h("li", { key: 'da86c5fa1f299aff29423240683cb849cfb2b2cb' }, h("button", { key: '15d04c035980f1e257c0e8ff2742342bbd997afd', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: '44c3c08b50c58eb941e9617edc1ad31c877e4370', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '8e01e89b5c892564f0cf02335e7f004c1ea41adc', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: 'c54b0c72b599dfca862c009a276b6964674efe95' }, h("button", { key: '33b85a1524230518e7e931a483bcf7101046f1b3', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: '9b79f9ee2056586ad7b632525051b4d2b80d4b6d' }, h("dda-link-button", { key: 'd885e0657353d607b7889cab4f4a8b072a189569', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn", link_button_text: this.loginText, href: this.loginLink, button_shape: "circle", size: "sm" })))))), h("button", { key: '267402853479d57ad3969708f1111718f22cc173', type: "button", name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: '72a1882c441f0578315710c9c2ba092d8cde1fb2', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isMobileAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "mobile-accessibility-content" }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("p", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ? (h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: true, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalThemeMobile", group_name: "themeselectionMobile", input_id: "NormalThemeMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "hydrated" })) : null, this.contrast_color_blind_text ? (h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: false, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlindMobile", group_name: "themeselectionMobile", input_id: "ColoursBlindMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })) : null, this.contrast_red_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: false, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeaknessMobile", group_name: "themeselectionMobile", input_id: "RedWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })) : null, this.contrast_green_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: false, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeaknessMobile", group_name: "themeselectionMobile", input_id: "GreenWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })) : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("p", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("p", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: "default-secondary", button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }))))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleMobileAccessibilty }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")))) : null), this.quickLinks && h("dda-header-menu", { key: 'ac9e93d730b92b18b03806b5f7575168708f1ad7', "use-navigator": this.useNavigator, "navigator-click": this.navigatorClick, "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) })), h("div", { key: 'dc588093f7a4a9e1fc3d238b15df31e83cdf014e', class: "dda-mobile-entt-logo" }, h("a", { key: '6524f29e0cec33ab5589f2b288c9df55b15b3ea8', href: this.useNavigator == "true" ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(this.secondLogoHref) : "", class: "entt-logo" }, h("img", { key: 'c3f57a73bf6c22397548b18a5ab96663d1e6de19', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '4e8c153da5e8ba88fc27a0ef4a113a6e0e5e852d', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '13580d1d53aa75408e8ec3e1b890570cd81e7778', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: 'c035ad67e3e515680880f6bb2795837aa57337a0', href: this.useNavigator == "true" ? 'javascript:void(0)' : this.mobileMenuSearchUrl, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(this.mobileMenuSearchUrl) : "", class: "tool-btn", id: this.mobileMenuSearchId }, h("span", { key: 'a659e82e46220aa8b49c94dae5973ac9cb3a24ee', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: 'f8878bd3cf05520e005aa2142497920986ac0806', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: 'e0b94b01ea390d461601b641e9ece6a4f6d5e73d', class: "dda-toolbar-menu" }, h("ul", { key: 'e42214616e3d5aea3774ed090ecbcbbf48a90d2e' }, this.search_input_name && (h("li", { key: 'bfba58af8082f55b8094ed429273386a3441d6ae' }, h("dda-tooltip", { key: '3a53b22616b36efdc80f2474cc2e5c25fd1886af', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: '6304aa0fabe292078fc98ead94807d206941dad1', class: "dda-search dda-header-search" }, h("label", { key: '8df2014f87d82cb86872c3e7baee7e22979a9d59', htmlFor: "ddaSearch", class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: 'b98eeaf9209d85df9380454808d3225e21e4970d', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'b27b6930c650fa5761f53094594a0fa2f475d0e5', placeholder: this.search_input_placeholder || 'Search', type: "text", input_id: "ddaSearch", value: this.search_value, input_name: this.search_input_name, aria_label: "input", input_role: "search", error_message: "Error text", validation_type: "normal", validation_id: "validationId", input_status: "normal", size: "default", custom_class: "dda-header-search-input tool-btn", component_mode: "",
             // handleInput={(event) => console.log(event.target.value,"")}
-            onKeyPress: e => {
+            onKeyPress: (e) => {
                 if (e.key === 'Enter') {
                     this.searchhandler(e.target.value); // Pass the value to the searchhandler
                 }
-            } }), h("span", { key: '7c54d20c98914ba89da1db8035bd0b4a51fb6e4e', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: 'ccd2629e237caa3c9434afc2fef2085ef463ec12' }, h("dda-tooltip", { key: 'd94a2cda134137dd98588cf20ad926616f40b1ee', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: '0e8e99506d1c356bac04c2e4dad340a57ed4a4e1', name: this.toggle_accessibility_button_name, class: "tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn", type: "button", onClick: this.toggleAccessibilty, id: this.accessibility_button_id }, h("i", { key: '90cc09ff44f0eaabcee0e7014da2a092551ca122', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: 'f1096d4e2f2ddb5184e3af8ed23ec1fac98a019f', class: "visually-hidden" }, this.accessibility_button_text))), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility-wrap" }, h("div", { class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("p", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ?
-            h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: true, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalTheme", group_name: "themeselection", input_id: "NormalTheme", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "" })
-            : null, this.contrast_color_blind_text ?
-            h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: false, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlind", group_name: "themeselection", input_id: "ColoursBlind", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })
-            : null, this.contrast_red_weakness_text ?
-            h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: false, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeakness", group_name: "themeselection", input_id: "RedWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })
-            : null, this.contrast_green_weakness_text ?
-            h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: false, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeakness", group_name: "themeselection", input_id: "GreenWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })
-            : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("p", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("p", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: "default-secondary", button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler })))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))))) : null)), this.language_text && (h("li", { key: '15802ee78242fad5f49d0afba2b83ea4f48a24cf' }, h("dda-tooltip", { key: '02c88850d4090e1c0dd11f469285be72fe7960ff', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: 'e902ff178e53dea6eade32d7502fe282f77258f8', button_color: "onsurface-secondary", custom_class: "tool-btn", button_text: this.language_text, button_shape: "circle", size: "sm", onClick: this.languagehandler })))), this.loginText && (h("li", { key: '8b3336ee9b10b36d809634f08c8f8e9969b2276a' }, h("dda-tooltip", { key: '3bb805c2d91eaae6cb814c1528d8e725d0247b06', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: 'c3fd0a55fd479009cde464ee1b4aa0a6bc8089b9', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, href: this.loginLink, button_shape: "circle", size: "sm" })))))))));
+            } }), h("span", { key: '44d09b3ee8241e89cd0f26a72ab9fe8516a454c9', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: '432b91db55e767121f47860991a2376c89e0e79c' }, h("dda-tooltip", { key: '6addae5a057ddec580123a4e70ea9e4f7cd730fa', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: 'bc5c3daee5d0ebc96997525c2df8631c59809080', name: this.toggle_accessibility_button_name, class: "tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn", type: "button", onClick: this.toggleAccessibilty, id: this.accessibility_button_id }, h("i", { key: 'da91a9b60cd33a3e4875bc58c8f77ff834535b11', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '474adf447db4f45bd3831f9a6d617832a4e66de5', class: "visually-hidden" }, this.accessibility_button_text))), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility-wrap" }, h("div", { class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("p", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ? (h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: true, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalTheme", group_name: "themeselection", input_id: "NormalTheme", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "" })) : null, this.contrast_color_blind_text ? (h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: false, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlind", group_name: "themeselection", input_id: "ColoursBlind", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })) : null, this.contrast_red_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: false, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeakness", group_name: "themeselection", input_id: "RedWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })) : null, this.contrast_green_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: false, size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeakness", group_name: "themeselection", input_id: "GreenWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })) : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("p", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("p", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: "default-secondary", button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: "default-secondary", button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler })))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))))) : null)), this.language_text && (h("li", { key: '3c0f2a69675ccb0451a4144d3b2f195f0572fa7d' }, h("dda-tooltip", { key: 'ca764bc214191122dd8a612a64ea0abbf035cd56', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: 'c691c284d19cc5b448fc93cfba59516700fbd59b', button_color: "onsurface-secondary", custom_class: "tool-btn", button_text: this.language_text, button_shape: "circle", size: "sm", onClick: this.languagehandler })))), this.loginText && (h("li", { key: '0e2931b2f1c1c505f15205848835f2779a5d0fb7' }, h("dda-tooltip", { key: '70bde4dbe95dd7e65fd53a4f60b6025d56c3b3f6', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: 'c2de1c9095bf316895fa2e6ebba72bec991d9b82', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, href: this.loginLink, button_shape: "circle", size: "sm" })))))))));
     }
     static get style() { return DdaHeaderStyle0 + DdaHeaderStyle1; }
 }, [0, "dda-header", {
@@ -341,6 +343,7 @@ const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
         "close_accessibility_button_name": [1],
         "toggle_accessibility_button_name": [1],
         "usePredesignedAccessibilityMenu": [4, "use-predesigned-accessibility-menu"],
+        "useNavigator": [1, "use-navigator"],
         "search_input_placeholder": [1],
         "mobileMenuSearchId": [1, "mobile-menu-search-id"],
         "mobileMenuSearchUrl": [1, "mobile-menu-search-url"],