@dubai-design-system/components-js 3.11.2 → 3.11.4

package/dist/collection/components/dda-header/dda-header.js

@@ -15,6 +15,7 @@ export class DdaHeader {
         this.useNavigator = 'false';
         this.mobileMenuSearchId = 'mobileSearch';
         this.mobileMenuSearchUrl = 'javascript:void(0)';
+        this.selected_contrast = "normal";
         this.hideOtherMenu = false;
         this.parsedOtherMenuItems = [];
         this.parsedDropDownMenuItems = [];
@@ -102,24 +103,31 @@ export class DdaHeader {
             this.languageSwitch.emit();
         };
         this.smTexthandler = () => {
+            this.selected_text_size = "small";
             this.smTextSize.emit();
         };
         this.baseTexthandler = () => {
+            this.selected_text_size = "normal";
             this.baseTextSize.emit();
         };
         this.lgTexthandler = () => {
+            this.selected_text_size = "large";
             this.lgTextSize.emit();
         };
         this.normalContrasthandler = () => {
+            this.selected_contrast = "normal";
             this.normalContrast.emit();
         };
         this.blindContrasthandler = () => {
+            this.selected_contrast = "colorblind";
             this.blindContrast.emit();
         };
         this.redContrasthandler = () => {
+            this.selected_contrast = "redweakness";
             this.redContrast.emit();
         };
         this.greenContrasthandler = () => {
+            this.selected_contrast = "greenweakness";
             this.greenContrast.emit();
         };
         this.accessibilitymenuhandler = () => {
@@ -131,12 +139,15 @@ export class DdaHeader {
         this.searchhandler = searchval => {
             this.searchfunctionality.emit(searchval);
         };
+        this.toggleLogin = () => {
+            this.loginClick.emit();
+        };
         this.renderSubMenu = (subMenu, parentLi) => {
             if (!subMenu || subMenu.length === 0)
                 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) => {
+            return (h("div", { class: `main_sub_menu ${this.openMenus[parentLi] ? 'showSubMenu' : ''}` }, subMenu[0].headerLabel && h("h6", { 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: this.useNavigator == "true" ? 'javascript:void(0)' : item.href, class: `${item.subLinkClass} ${item.subMenu && item.subMenu.length > 0 ? 'showSub' : ''}`, onClick: (e) => {
+                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)));
             }))));
@@ -235,18 +246,18 @@ export class DdaHeader {
         }
         else {
             console.log('check navigator', this.useNavigator, this.navigatorClick);
-            if (this.useNavigator == "true") {
+            if (this.useNavigator == 'true') {
                 this.navigatorClick.emit(item.href);
             }
         }
     }
     render() {
         const sideMenuItems = this.parseJsonArray(this.sideMenuItems);
-        return (h("header", { key: '0807333df0c25f8b4dc95d66427474ed2976800b', class: 'dda-header' }, h("div", { key: '83cbfb120f8a3013e4d153bf64a607ad1842005f', class: "dda-head-logo" }, h("a", { key: 'fe45bf21a88aa92d31efe43c54a11691a2c8b0e5', href: this.useNavigator == "true" ? 'javascript:void(0)' : this.firstLogoHref, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(this.firstLogoHref) : "", class: "govt-logo" }, h("img", { key: 'ead314b4f008ee3edf162ad254f534baf5e407b0', class: "logo-white", src: this.firstLogoWhiteSrc, alt: `${this.firstLogoAlt} White` }), h("img", { key: 'e251140da715e0534f697662e0b86252bbdf4a59', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: '235aded9f67d2140f92fb16ef2f043905cef58b4', href: this.useNavigator == "true" ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(this.secondLogoHref) : "", class: "entt-logo" }, h("img", { key: 'd1526cb6fa4e27755abdefc86221a1ef41cfa92c', class: "logo-white", src: this.secondLogoWhiteSrc, alt: `${this.secondLogoAlt} White` }), h("img", { key: '25a5bdb434b8c0191e327430048602e235c65941', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }))), h("div", { key: '15fe8fcc489363c375e8b65db7336d04b31ff134', class: "dda-menu-container" }, h("div", { key: '183bc9c67e427cde99170dacc6d1ab4a73a51a3e', class: "dda-main-navigation" }, h("div", { key: '8b688480b98b2c76279e953327b8ccb2b0ceb51c', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '4c866e71db00a96a47336fdfc1a97fef2082451a', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: 'e97ee0422b86a0465ad28839dcb7f273bd9dd75b', title_text: this.hamburger_menu_button_name, position: "top", class: "dda-d-block" }, h("button", { key: 'ebbf6efec03ec02b223c7a89de5cdf122af381ef', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: 'd1647858ef616b2b045037383d18ef47a926a5ce', class: "hamburger-line" }), h("span", { key: '04cf4d6f42b7a081d409bd68d3969c28ec9618de', class: "hamburger-menu-text" }, this.hamburger_menu_button_name)))), h("div", { key: '1ed5192f19f3b09d038c689ad8faed00e2c0f58c', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: '24c08dc5304eff8ba0840c8e1c2b05a418a963aa', class: "dda-sidemenu-content" }, h("p", { key: 'be9c2e231199af27d144525e93bb46248cc9dd14', class: "dda-side-nav-title" }, this.sideMainMenuTitle), h("ul", { key: '4fb15f030d16ae48f1aa5863071bb2beb75188d4', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
+        return (h("header", { key: '5b3a3813776b22c58ad7e4a2aefad2b39b761a3a', class: 'dda-header' }, h("div", { key: '971e102a55c77ec014c622e30b39e8f6fa95c370', class: "dda-head-logo" }, h("a", { key: '6757fa31aae9e45f318697b69d28b546da11159c', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.firstLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.firstLogoHref) : ''), class: "govt-logo" }, h("img", { key: 'a5c8833849236777cfa78bdb44a15888d81ebe6b', class: "logo-white", src: this.firstLogoWhiteSrc, alt: `${this.firstLogoAlt} White` }), h("img", { key: '21fa8096c11780cbec19f19d1f63f9d4a13a0318', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: '1ac6a9058edbb62416b86dca33608ef8996e58b1', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.secondLogoHref) : ''), class: "entt-logo" }, h("img", { key: 'e05bdf61cf1f17af4626fa83ad1b6028c7c81a59', class: "logo-white", src: this.secondLogoWhiteSrc, alt: `${this.secondLogoAlt} White` }), h("img", { key: '3910bceaa2c18c9b282a3e3f7c60faf869d47fae', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }))), h("div", { key: '461e1fd23356c18774be40ea282459b42f2691d3', class: "dda-menu-container" }, h("div", { key: '345eda9d0b3a68dfee74aeafa3f22f14bcc3f634', class: "dda-main-navigation" }, h("div", { key: '3bd8dffbda85e83640e8f2c96bf486142dfdff4f', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '9bc8b4eca9dd792d7fb38c6b28c9ccca71819509', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: 'aecac2047e399458ed27721e453958379da37729', title_text: this.hamburger_menu_button_name, position: "top", class: "dda-d-block" }, h("button", { key: '1c99b38cfe929568d1a8c59a198afb36a5fc03a8', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: '73a7fa9fca06df34eb1097bab60c90e0a8266812', class: "hamburger-line" }), h("span", { key: '2884ca405ab7168c6740b051284cdefd1c6b89aa', class: "hamburger-menu-text" }, this.hamburger_menu_button_name)))), h("div", { key: 'b1d1982a8efa8e647011e4cc3c61f4b44a34eaff', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: '54e31cecc2fb10b0eccf43f953954bc5b3dbcc3b', class: "dda-sidemenu-content" }, h("h6", { key: 'd3afb136281500a34d90816f17e6d2283ff255b1', class: "dda-side-nav-title" }, this.sideMainMenuTitle), h("ul", { key: '9e699de177dd5c3dfdb1fe3b6000fc1bb648d73d', 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}
-                href: this.useNavigator == "true" ? 'javascript:void(0)' : menu.href, class: menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '', onClick: (e) => {
+                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;
@@ -265,19 +276,19 @@ export class DdaHeader {
                         this.toggleSidebarSubMenu(currentIndex);
                     }
                     else {
-                        if (this.useNavigator == "true") {
+                        if (this.useNavigator == 'true') {
                             this.navigatorClick.emit(menu.href);
                         }
                     }
                 }
             }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
-        })), this.hideOtherMenu == false && h("p", { key: '7b948023a69c525a925ec5ed1e16be53247824f8', class: "dda-side-nav-title" }, this.sideOtherMenuTitle), !this.hideOtherMenu && (h("ul", { key: '24b3239603e6e63bbc3b1466a39b3ff0fa980b56', 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: 'a642a9bd5a19ae73f30ad304d9a3ffa3ebfc6bfa', class: "dda-sidemenu-bottom" }, h("div", { key: 'b9124e37e11679ca02a7aed1aff2d5d3f40d55c7', class: "dda-sidemenu-gov-logo" }, h("a", { key: '5cdced20b8e20795023c21f26be09738b301fb49', 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: 'e35667da5a2ab4b16964a3a8ba9bd36b58af5754', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: '29d24a79ecad7192986aff73cfe40685e4fd234a', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: 'd27d6549ca3c36b6a41889b495ececdfb880fe83' }, this.accessibility_button_id && (h("li", { key: '33e38e43a1280d5639503f5132589528705888d2' }, h("button", { key: '0bd39c2522d90a54791cff5c7970e50f08b43e9a', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: '4cf9cc02d768ebc4cad0cca3f0d335bd8573ea0b', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: 'e6abfd1c4197a5983382bb71fa668da9b30a68fe', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: 'f3200292e65f25625e0967fb163d622c164b1c3a' }, h("button", { key: '0b93e773b7ce02deda37a52e2a97bbe223d15ee0', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: '9c373a95f9622fe5e564aac19df0dabc0d067886' }, h("dda-link-button", { key: '7e3baaca4d7e775b6dd5aeba799d104f1a32a5f4', 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: '9f040d397435fd4c4d250a4d50cd22f8697eafa6', 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: '4a111ed3e872d77feba712bf436fa14a2b6816e5', 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: '4736381c58195033efaf5d3c7157ce12d536be6f', "use-navigator": this.useNavigator, "navigator-click": this.navigatorClick, "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) })), h("div", { key: 'beb8812806d83a8cf926bf73267d3f23eaaea1d4', class: "dda-mobile-entt-logo" }, h("a", { key: 'b8b558b72c8c09f9635c07b27ff3bc5701217898', href: this.useNavigator == "true" ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => this.useNavigator == "true" ? this.navigatorClick.emit(this.secondLogoHref) : "", class: "entt-logo" }, h("img", { key: '4656e0909c8a1446eb072de7d7561c853df2fb33', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: 'af50f82c652803eadd9ac776ee848a8b3e24c07c', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: 'd5f83006305e5a527814157c5e5c135dce5aeb98', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: '33f75a6cb279429c1645536e8f83722d53afec60', 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: '684d7dd95b924b6efb81d2f5fd6b50e3ececd3e9', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: '69599948bfc6e5483b23d3c2b3146fc67ed8c1e2', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: '1a16ea763aa52de38c7071215d0aceea5d6be0d4', class: "dda-toolbar-menu" }, h("ul", { key: '49c96b4848f5f822f77486ba220bd9a3e4a80e49' }, this.search_input_name && (h("li", { key: 'bba9b19c0b22366f10ca0964e2e7d1350e528ab8' }, h("dda-tooltip", { key: '9d95f12f5c70c353ea30a5ea4abf9e9df81753e1', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: 'a5f99f07a404f26affad4e59700cb20809ddb0bc', class: "dda-search dda-header-search" }, h("label", { key: '32fde277170ffa38654412dd37c8f98979fa4ccb', id: "ddaSearch-label", class: "visualy-hidden", "aria-hidden": "true" }, this.searchText || 'Search'), h("i", { key: 'e6a8bcadcd18d5b5e0366610d0ee28a8043e828a', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'afd257ca8b019923378b0b86755d20c654b060a9', 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: "",
+        })), this.hideOtherMenu == false && h("h6", { key: 'e8a089963257075dcb92ac460d8c01109115035b', class: "dda-side-nav-title" }, this.sideOtherMenuTitle), !this.hideOtherMenu && (h("ul", { key: '6c1146ecd2ec22c528ccc950655d0ff68f6d8d9c', 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: '22eee46a71a8b1949745f312bdc2cff5002abe38', class: "dda-sidemenu-bottom" }, h("div", { key: '732447c0c6e07ee78afb06e80757721f5dc11e5b', class: "dda-sidemenu-gov-logo" }, h("a", { key: '9370ac9680b5091a886682ae63da1065247b3bbd', 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: '4ddc8180372e059717c92c09729c9a97e9de5fa5', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'd5914d8167adc1d63e1cafdcc2339e8afcc6bee3', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: 'e7edddffc2b0b97bfab95bf25f20356fca6f362b' }, this.accessibility_button_id && (h("li", { key: 'a89c92d5c17031a591d7ea103b7a6af68d85aa55' }, h("button", { key: 'b31628dcbc66c74aee46890b2d4b74133b9db91d', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: 'f9822507c8ef644ec69387b9934f25aa24c2b569', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '311ef8ff33c0f7a2fad5074d688f450090036626', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: '2b51194553515bd3f27f027e7702a33dfe423c47' }, h("button", { key: 'b151d47feaf27abcc8b88781641205d50b12b6f7', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: 'c6631083330da8be5dabdb1637c7f92e17c578dc' }, h("dda-link-button", { key: 'f5f233738ce7408c9387d90dc0af5d7064037b72', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn", link_button_text: this.loginText, onClick: this.toggleLogin, href: this.loginLink, button_shape: "circle", size: "sm" })))))), h("button", { key: '5fd9ea00c8d6684225eb8dbca2c6b5bf211d1bf1', 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: 'b5be5b1bd68cea8f629069055cc256a043caf541', 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("h6", { 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: this.selected_contrast == "normal", 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: this.selected_contrast == "colorblind", 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: this.selected_contrast == "redweakness", 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: this.selected_contrast == "greenweakness", 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("h6", { 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("h6", { 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: this.selected_text_size == "normal" ? "default-primary" : "default-secondary", button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: this.selected_text_size == "large" ? "default-primary" : "default-secondary", button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: this.selected_text_size == "small" ? "default-primary" : "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: 'fdbcfe6ab93ebff747cf38c75b58c321355b9c53', "use-navigator": this.useNavigator, "navigator-click": this.navigatorClick, "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) }))), h("div", { key: '465f1028ecdde4f35fef3ceed0940c6945a7ffc6', class: "dda-mobile-entt-logo" }, h("a", { key: 'fe1467675d5bbc3f8c34dd56de2e5706c7dd49c3', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.secondLogoHref) : ''), class: "entt-logo" }, h("img", { key: '61599183bdf54c1276b2b2773a4f56098f075c54', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '4283106fa7ea1946369bffab4991ce2509eea277', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: 'da2f3a3f8804664266a30e85b53a09eb0dcaea27', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: '84a3d68be0af96516eaa4a8eaf49200296907326', 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: 'd18824918b0f3f2519b906aeefc5432bab6fc3a3', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: 'e946965ceb576074acd2a5cfda084fb5fd136684', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: '128845fd6b5b23b536c6d82badff6d6eb30c2940', class: "dda-toolbar-menu" }, h("ul", { key: '505b5230f451c2985485d3c2c36d4afe5eda85e8' }, this.search_input_name && (h("li", { key: 'a3a2b1ec44f00a78ccc136d869c99ade2618f3af' }, h("dda-tooltip", { key: '3892729103daadc7d8374748f919a0e3412dd204', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: '8ddcf9225a880f595b1b235bab2fc407398efb6a', class: "dda-search dda-header-search" }, h("label", { key: 'aace4820df1ab0d1289ba85bb6e269bd5b066513', id: "ddaSearch-label", class: "visualy-hidden", "aria-hidden": "true" }, this.searchText || 'Search'), h("i", { key: '90c3085af23a8984aa6dac13f07936e34b56bb29', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'aa3ad19ddce4a1248155fd1a7aaab1b10a9cdecb', 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: 'd44cddc5d9e3793796a9a8cb00e154f248e3581b', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: '2cf3507ffe30c6c99c3b08082c77444c532a03a6' }, h("dda-tooltip", { key: '4b97fa1441c5940646594635cee3bcefcd592190', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: '14929e6bb35d6e0779111a425140cb01e977ccd0', 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: 'ae95b4654eeac4124376f17d3b57ced122855078', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '225b99faf5b704657c89af566a88be228e8f965e', 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: 'cc83c55c7b7cf92ebbce12b3fc2d8e05fb2e12c4' }, h("dda-tooltip", { key: 'fd716aff1505d038a7246f093ad684714e77bf0d', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: '4aeab8aa6141647c0c369735ee5735d1fea1710a', 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: '1a58f54d9968152da48bc3735c947c87d2c5bf38' }, h("dda-tooltip", { key: '3efdccdf6473811c3a800fe4b3ab833c7418dac5', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: '58280c0ce6c667bb10eab0ecdc85d9350d26edec', 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: '4e2685a5599d65fc32e0f0c22c99652fd18e5c23', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: 'f5299b335fac79b0e797b566fd2c2da16aa596a1' }, h("dda-tooltip", { key: '4ddb7685688b2bb9d512d7f1ba05e8c14259da7d', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: '031fa52d02ffd1767757d2c8c1dc2058ad7884df', 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: '2d5c9c677dffe41a62d5bfe1ab057aef53eb80ab', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '06b73b92e55c757827e9b18f5247e14f11abcdd0', 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("h6", { 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: this.selected_contrast == "normal", 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: this.selected_contrast == "colorblind", 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: this.selected_contrast == "redweakness", 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: this.selected_contrast == "greenweakness", 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("h6", { 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("h6", { 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: this.selected_text_size == "normal" ? "default-primary" : "default-secondary", button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: this.selected_text_size == "large" ? "default-primary" : "default-secondary", button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: this.selected_text_size == "small" ? "default-primary" : "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: '34f7535b38286b1053442d5c9d85dae9c5f99b03' }, h("dda-tooltip", { key: 'c2bcf53cdf5671c0797bdf1244fbcf3e3c794e7e', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: '83a9660dca131f30c2a5905c2744351cfd2decf5', 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: 'df36c7a1b07a4541b3a3d9252fee89d00c9a59a3' }, h("dda-tooltip", { key: '7e354257b66f1baae6a5b295f72ee7390a8837fa', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: '646861568427a1bc3134aa59a205b8ca5e1f9583', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, onClick: this.toggleLogin, href: this.loginLink, button_shape: "circle", size: "sm" })))))))));
     }
     static get is() { return "dda-header"; }
     static get originalStyleUrls() {
@@ -1174,6 +1185,45 @@ export class DdaHeader {
                 "attribute": "contrast_green_weakness_text",
                 "reflect": false
             },
+            "selected_contrast": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"normal\" | \"colorblind\" | \"redweakness\" | \"greenweakness\"",
+                    "resolved": "\"colorblind\" | \"greenweakness\" | \"normal\" | \"redweakness\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "selected_contrast",
+                "reflect": false,
+                "defaultValue": "\"normal\""
+            },
+            "selected_text_size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"normal\" | \"large\" | \"small\"",
+                    "resolved": "\"large\" | \"normal\" | \"small\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "selected_text_size",
+                "reflect": false
+            },
             "screen_reader_title": {
                 "type": "string",
                 "mutable": false,
@@ -1338,6 +1388,21 @@ export class DdaHeader {
                     "resolved": "void",
                     "references": {}
                 }
+            }, {
+                "method": "loginClick",
+                "name": "loginClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
             }, {
                 "method": "navigatorClick",
                 "name": "navigatorClick",