@dubai-design-system/components-js 3.12.10 → 3.12.11

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

@@ -1,51 +1,30 @@
 import { h } from "@stencil/core";
 export class DdaHeader {
     constructor() {
-        this.firstLogoHref = '#';
-        this.firstLogoTarget = '';
-        this.rel = 'noopener noreferrer';
-        this.secondLogoHref = '#';
-        this.header_default_submenu = false;
-        this.loginText = null;
         this.isMenuOpen = false;
         this.isSubMenuOpen = false;
         this.isSideSubMenuOpen = false;
         this.isAccessibiltyOpen = false;
-        this.isMobileAccessibiltyOpen = false;
-        this.openMenus = {};
-        this.usePredesignedAccessibilityMenu = true;
-        this.useNavigator = 'false';
-        this.mobileMenuSearchId = 'mobileSearch';
-        this.mobileMenuSearchUrl = 'javascript:void(0)';
-        this.selected_contrast = 'normal';
-        this.hideOtherMenu = false;
-        this.parsedOtherMenuItems = [];
-        this.parsedDropDownMenuItems = [];
-        this.showQuickLinksIcon = true;
-        this.useLoginPopup = false;
-        this.loginPopupLinks = [];
-        this.isDesktopLoginPopupOpen = false;
-        this.isMobileLoginPopupOpen = false;
         this.lastScrollTop = 0;
+        this.openMenus = {};
+        this.activeMenuIndex = null;
         this.toggleEscapeKey = (event) => {
             if (event.key === 'Escape') {
                 this.isMenuOpen = false;
                 this.isAccessibiltyOpen = false;
-                this.isMobileAccessibiltyOpen = false;
                 this.isSubMenuOpen = false;
                 this.isSideSubMenuOpen = false;
-                this.isDesktopLoginPopupOpen = false;
-                this.isMobileLoginPopupOpen = false;
+                this.activeMenuIndex = null;
             }
         };
         this.handleOutsideClick = (event) => {
             let isClickInsideMenu = event.target.closest('.main_side_menu');
             if (!isClickInsideMenu) {
                 this.toggleSidebarSubMenu('');
-                document.querySelectorAll('.main_sub_menu').forEach(menu => {
+                document.querySelectorAll('.main_sub_menu').forEach((menu) => {
                     menu.classList.remove('showSubMenu');
                 });
-                document.querySelectorAll('.showSub').forEach(anchor => {
+                document.querySelectorAll('.showSub').forEach((anchor) => {
                     anchor.classList.remove('icon_arrow');
                 });
             }
@@ -60,14 +39,13 @@ export class DdaHeader {
                 }
             }
         };
-        this.handleOutsideLoginPopupClick = (event) => {
-            if (this.isDesktopLoginPopupOpen || this.isMobileLoginPopupOpen) {
-                const loginPopup = document.querySelector('.dda-login-popup');
-                const isClickInsideDesktopMenu = loginPopup && loginPopup.contains(event.target);
-                const isClickOnToggleButton = event.target.closest('.login-button');
-                if (!isClickInsideDesktopMenu && !isClickOnToggleButton) {
-                    this.isDesktopLoginPopupOpen = false;
-                    this.isMobileLoginPopupOpen = false;
+        this.handleOutsideMegaMenuClick = (event) => {
+            if (this.activeMenuIndex !== null) {
+                const megaMenu = document.querySelector('.megamenu-content');
+                const isClickInsideMegaMenu = megaMenu && megaMenu.contains(event.target);
+                const isClickOnToggleLink = event.target.closest('.showSub');
+                if (!isClickInsideMegaMenu && !isClickOnToggleLink) {
+                    this.activeMenuIndex = null;
                 }
             }
         };
@@ -93,170 +71,52 @@ export class DdaHeader {
             if (this.isAccessibiltyOpen) {
                 this.isAccessibiltyOpen = false;
             }
-            if (this.isDesktopLoginPopupOpen || this.isMobileLoginPopupOpen) {
-                this.isDesktopLoginPopupOpen = false;
-                this.isMobileLoginPopupOpen = false;
-            }
             this.isMenuOpen = !this.isMenuOpen;
-            if (this.isMenuOpen) {
-                document.body.style.overflow = 'hidden';
-            }
-            else {
-                document.body.style.overflow = '';
-            }
         };
-        this.toggleAccessibilty = () => {
-            if (this.usePredesignedAccessibilityMenu == true) {
-                this.isAccessibiltyOpen = !this.isAccessibiltyOpen;
-                this.accessibilitymenuhandler();
-            }
-            else {
-                this.accessibilitymenuhandler();
-            }
+        this.toggleSubMenu = (index, event) => {
+            // this.isSubMenuOpen = !this.isSubMenuOpen;
+            if (event)
+                event.preventDefault();
+            this.activeMenuIndex = this.activeMenuIndex === index ? null : index;
         };
-        this.toggleMobileAccessibilty = () => {
-            if (this.usePredesignedAccessibilityMenu == true) {
-                this.isMobileAccessibiltyOpen = !this.isMobileAccessibiltyOpen;
-                this.MobileAccessibilitymenuhandler();
-            }
-            else {
-                this.MobileAccessibilitymenuhandler();
-            }
+        this.toggleAccessibilty = () => {
+            this.isAccessibiltyOpen = !this.isAccessibiltyOpen;
         };
         this.languagehandler = () => {
             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 = () => {
-            this.accessibilitymenufunctionality.emit();
-        };
-        this.MobileAccessibilitymenuhandler = () => {
-            this.accessibilitymenufunctionality.emit();
-        };
-        this.searchhandler = searchval => {
-            this.searchfunctionality.emit(searchval);
-        };
-        this.toggleLogin = () => {
-            if (this.useLoginPopup == true) {
-                this.loginClick.emit();
-                if (window.innerWidth >= 768) {
-                    this.isDesktopLoginPopupOpen = !this.isDesktopLoginPopupOpen;
-                }
-                else {
-                    this.isMobileLoginPopupOpen = !this.isMobileLoginPopupOpen;
-                }
-            }
-        };
         this.renderSubMenu = (subMenu, parentLi) => {
             if (!subMenu || subMenu.length === 0)
                 return null;
-            return (h("div", { class: `main_sub_menu ${this.openMenus[parentLi] ? 'showSubMenu' : ''}`,
-                // ref={el => {
-                //   if (el && this.openMenus[parentLi]) {
-                //     setTimeout(() => {
-                //       const parent = el.closest('li');
-                //       if (!parent) return;
-                //       const rect = parent.getBoundingClientRect();
-                //       el.style.top = rect.top + 'px';
-                //     }, 0);
-                //   }
-                // }}
-                ref: el => {
-                    if (el && this.openMenus[parentLi]) {
-                        setTimeout(() => {
-                            const parent = el.closest('li');
-                            if (!parent)
-                                return;
-                            const rect = parent.getBoundingClientRect();
-                            const submenuRect = el.getBoundingClientRect();
-                            const viewportHeight = window.innerHeight;
-                            let top = rect.top;
-                            if (rect.top + submenuRect.height > viewportHeight) {
-                                const diff = rect.top + submenuRect.height - viewportHeight;
-                                top = Math.max(rect.top - diff - 10, 10);
-                            }
-                            el.style.top = top + 'px';
-                        }, 0);
-                    }
-                } }, subMenu[0].headerLabel && h("h6", { 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("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: 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);
+                return (h("li", { key: currentIndex }, h("a", { href: item.href, class: item.subMenu && item.subMenu.length > 0 ? 'showSub' : '', onClick: (e) => {
+                        e.preventDefault();
+                        this.toggleSidebarSubMenu(currentIndex);
                     } }, item.label), this.renderSubMenu(item.subMenu, currentIndex)));
             }))));
         };
-        this.renderLoginPopup = () => {
-            return (h("ul", null, this.parsedLoginPopupItems.map((item, index) => {
-                return (h("li", { key: `top-${index}` }, h("a", { href: this.useNavigator == 'true' ? 'javascript:void(0)' : item.url, class: "", onClick: () => {
-                        if (this.useNavigator == 'true') {
-                            this.navigatorClick.emit(item.url);
-                        }
-                        this.isDesktopLoginPopupOpen = false;
-                    } }, item.popupItemLabel)));
-            })));
-        };
-    }
-    componentWillLoad() {
-        this.parseOtherMenuItems(this.otherMenuItems);
-    }
-    parseOtherMenuItems(newValue) {
-        try {
-            this.parsedOtherMenuItems = JSON.parse(newValue);
-        }
-        catch (err) {
-            console.warn('Invalid JSON for otherMenuItems', newValue);
-            this.parsedOtherMenuItems = [];
-        }
-    }
-    componentWillLoadS() {
-        this.parseDropDownMenuItems(this.otherMenuItems);
-    }
-    parseDropDownMenuItems(newValue) {
-        try {
-            this.parsedDropDownMenuItems = JSON.parse(newValue);
-        }
-        catch (err) {
-            console.warn('Invalid JSON for otherMenuItems', newValue);
-            this.parsedDropDownMenuItems = [];
-        }
-    }
-    get parsedLoginPopupItems() {
-        if (typeof this.loginPopupLinks === 'string') {
-            try {
-                return JSON.parse(this.loginPopupLinks);
-            }
-            catch (_a) {
-                console.warn('Invalid JSON in loginPopupLinks');
-                return [];
-            }
-        }
     }
     toggleSidebarSubMenu(index) {
         if (index === '') {
@@ -288,13 +148,13 @@ export class DdaHeader {
         document.addEventListener('click', this.handleOutsideClick);
         document.addEventListener('keydown', this.toggleEscapeKey);
         document.addEventListener('click', this.handleOutsideAccessibilityClick);
-        document.addEventListener('click', this.handleOutsideLoginPopupClick);
+        document.addEventListener('click', this.handleOutsideMegaMenuClick);
     }
     disconnectedCallback() {
         window.removeEventListener('scroll', this.handleScroll);
         document.removeEventListener('click', this.handleOutsideClick);
         document.removeEventListener('click', this.handleOutsideAccessibilityClick);
-        document.removeEventListener('click', this.handleOutsideLoginPopupClick);
+        document.addEventListener('click', this.handleOutsideMegaMenuClick);
     }
     parseJsonArray(jsonString) {
         try {
@@ -305,99 +165,37 @@ export class DdaHeader {
             return [];
         }
     }
-    handleMenuClick(e, item, currentIndex) {
-        var _a;
-        if (item.subMenu && item.subMenu.length > 0) {
-            e.preventDefault();
-            const anchor = e.currentTarget;
-            // Toggle submenu
-            this.toggleSidebarSubMenu(currentIndex);
-            // Toggle .icon_arrow on the clicked <a>
-            if (anchor.classList.contains('icon_arrow')) {
-                anchor.classList.remove('icon_arrow');
-            }
-            else {
-                anchor.classList.add('icon_arrow');
-            }
-            // Optional: If you want to close all submenus at the same level
-            const siblingAnchors = (_a = anchor.closest('ol')) === null || _a === void 0 ? void 0 : _a.querySelectorAll('a.icon_arrow');
-            siblingAnchors === null || siblingAnchors === void 0 ? void 0 : siblingAnchors.forEach(el => {
-                if (el !== anchor) {
-                    el.classList.remove('icon_arrow');
-                }
-            });
-        }
-        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: '2b4fa55f5dd9004fe6f40d3a492c81b7d0592f11', class: 'dda-header' }, h("div", { key: 'a843f7013c7b835d9f8cdb1fa0389178f796c376', class: "dda-head-logo" }, h("a", { key: '5917cf2493a2b44518d37e090e9230a2a960710e', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.firstLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.firstLogoHref) : ''), class: "govt-logo", target: this.firstLogoTarget, rel: "noopener noreferrer" }, h("img", { key: 'b2465b43a1e52eda2f0a88ca8efdbde26c7d0dbc', class: "logo-white", src: this.firstLogoWhiteSrc, alt: `${this.firstLogoAlt} White` }), h("img", { key: '9e8b6f30350357b63774381d88f92cfbd358fd25', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: 'a891cb7b67c91b87e45edcabd1c5257bff0052fd', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.secondLogoHref) : ''), class: "entt-logo" }, h("img", { key: '21bf57b1e19d38d901a27b24990b56ed2173ca61', class: "logo-white", src: this.secondLogoWhiteSrc, alt: `${this.secondLogoAlt} White` }), h("img", { key: 'ebc5fb30f29242082c946fed15a372103cf95e2b', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }))), h("div", { key: 'cf9dd0bbe837b4b89b22a80fb7ec266066e9a23e', class: "dda-menu-container" }, h("div", { key: 'e7d850797fc2fd1741dc33beb8f8070898eacb7e', class: "dda-main-navigation" }, h("div", { key: '0ccd59c3572e277c8082e8a9ef2efa5e53087287', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: 'e02bd0d66f3d315b0d051ba338b3357ae43566c1', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: '5834c4033a7d9b1c2c9e94c582fe67cd8840be37', title_text: this.hamburger_menu_button_name, position: "top", class: "dda-d-block" }, h("button", { key: '467ef292e8b4ae925a0ba4d019f7f12306d8f2a4', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: 'bdbc8f31b998774e4d2746eb141228b74256134b', class: "hamburger-line" }), h("span", { key: '848048859627f9c2534543f473d6a26555ad1ff9', class: "hamburger-menu-text" }, this.hamburger_menu_button_name)))), h("div", { key: 'bb89fd52b976955ace236c811f10b59ba7599656', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: '458e6702138d899eb43fab2af16df5b17964f002', class: "dda-sidemenu-content" }, h("h6", { key: '282d0dbee6babef6f1ed37a208b0ce9a4f82d7ed', class: "dda-side-nav-title" }, this.sideMainMenuTitle), h("ul", { key: 'e12511de5bba98165c54bdd300f6a51b062d8572', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
+        const quickLinks = this.parseJsonArray(this.quickLinks);
+        const isHomepage = window.location.pathname === '/';
+        const setActiveMenuIndex = (index) => {
+            this.activeMenuIndex = index;
+        };
+        return (h("header", { key: 'a298c2252bb6b5675d2cc624ba5d6b312f6f57e2', class: `dda-header ${isHomepage ? 'transparent' : ''}` }, h("div", { key: 'dd9ad0bd9ed0a2b3eba5dc27e98cc54f9550d9e5', class: "dda-head-logo" }, h("a", { key: 'da9bcbc407b1a79ec88fcece56db7acefe8bb696', href: "#", class: "govt-logo" }, isHomepage ? (h("img", { class: "logo-white", src: this.firstLogoWhiteSrc, alt: this.firstLogoAlt })) : (h("img", { class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("a", { key: '231b5a2f45236358346e54d531795ad2faae6509', href: "#", class: "entt-logo" }, isHomepage ? (h("img", { class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt })) : (h("img", { class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt })))), h("div", { key: '73585d98fe29945961e290eda75df6a3be697a17', class: "dda-menu-container" }, h("div", { key: '179da9799af2c68c8e22318d7d6eb49233ba8b67', class: "dda-main-navigation" }, h("div", { key: '2e88805271152742365a65ce5bfc6091bbc1eb34', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '852bea97e9cad4373443d9ac95cdbdd65f1bd63d', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: '9c8832a45024bb0e1ef0012cdf838136b3283314', title_text: "Menu", position: "top", class: "d-block" }, h("button", { key: 'cddc2df723ca4f7aff3d8e5f339899bc76e61015', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: 'd4119f26028f323673f922cd6dc6d8065acc12ca', class: "hamburger-line" }), h("span", { key: '24fbcc9fad2ade2bae52778c78bc7db537abe2f7', class: "hamburger-menu-text" }, "hamburger menu text")))), h("div", { key: '39a343f2e0b08b23b2c23e1d5b4f665a9352eebc', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: '0a09851530d387006b70061ede2d75c3488f9767', class: "dda-sidemenu-content" }, h("p", { key: 'bc0b8dfb73356296f1330a0df32149fe337d4794', class: "dda-side-nav-title" }, "Quick Links"), h("ul", { key: '0e6f5913d3f3ab923ed79bd4a1d4b7a09092cb2b', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
             const currentIndex = `menu-${index}`;
-            return (h("li", { key: currentIndex, id: `header_${menu.label}` }, h("a", { href: this.useNavigator == 'true' ? 'javascript:void(0)' : menu.href, class: [
-                    menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '',
-                    menu.active === 'true' ? 'active' : ''
-                ]
-                    .filter(Boolean)
-                    .join(' '), onClick: e => {
+            return (h("li", { key: currentIndex }, h("a", { href: 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;
-                        if (current.classList.contains('icon_arrow')) {
-                            // If already active, remove it (toggle off)
-                            current.classList.remove('icon_arrow');
-                            this.toggleSidebarSubMenu(currentIndex); // Optionally collapse submenu
-                            return;
-                        }
-                        // Remove .icon_arrow from ALL other anchors
-                        const allAnchors = document.querySelectorAll('.main_side_menu a.icon_arrow');
-                        allAnchors.forEach(anchor => anchor.classList.remove('icon_arrow'));
-                        // Add .icon_arrow to the clicked anchor
-                        current.classList.add('icon_arrow');
-                        // Show submenu
                         this.toggleSidebarSubMenu(currentIndex);
                     }
-                    else {
-                        if (this.useNavigator == 'true') {
-                            this.navigatorClick.emit(menu.href);
-                        }
-                    }
                 } }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
-        })), this.hideOtherMenu == false && h("h6", { key: 'a9d47b8de1b3896dda81e22e3beafa57bfa24e42', class: "dda-side-nav-title" }, this.sideOtherMenuTitle), !this.hideOtherMenu && (h("ul", { key: '8e6920c0eb8383b4e1a5da31c88f8c12db2a408f', 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, class: {
-                active: itemlist['active'] === 'true',
-            }, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(itemlist.href) : '') }, itemlist.label)))))), h("button", { key: 'b8347c98a8c1de35a7b3ee8cbbbc0cef3389206b', 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: '7e60fd1e58b44d67c252577029f903af0523e4d3', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))), h("div", { key: 'b0ab77f5e09e07fe0cbdf0e4b185020d041b50fb', class: "dda-sidemenu-bottom" }, h("div", { key: '2f5d44c82d26990aa5bbec5fa6a0ed67305754de', class: "dda-sidemenu-gov-logo" }, h("a", { key: '563ff1f1f20afb4d393cc4934bbfd772f5a4298c', 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: 'c6b2f76b1a8c8bdb2d146169c00cd314b18f16a9', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'c7b6c6cefdc1fd1aa123cc0563ab4c07a6f567fb', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: '986b22e5512f15b6d5406183d6d7776aced51354' }, this.accessibility_button_id && (h("li", { key: '5c005c1bc0a88b4bef2276f0f1922b8877d877aa' }, h("button", { key: '03b5869a158bc9539b87960acefe193d7f235fd2', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: '338033c97c6d3f4e481f9ed2d4e949eab11a2634', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '8a2fc90be54695cefa81df13ed735e39ca05bd93', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: '39442db375abbe4e812786bd75d79662235cae4a' }, h("button", { key: 'f81180a4a9808bd1a44a76cd8345ee25d3842d93', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: '54838fb84f8e9b3176a31a8d626b765be2b0f1ba' }, h("dda-link-button", { key: 'c3deeb4ed7f970fbb4046cf94ec75740cb443bed', 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}
-            href: this.useLoginPopup ? 'javascript:void(0)' : this.loginLink, button_shape: "circle", size: "sm" })))))), 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: '17e60d2b64d3450cdc7829a630bfebc7c57e062f', "use-navigator": this.useNavigator, "navigator-click": this.navigatorClick, "show-Quick-Links-Icon": this.showQuickLinksIcon, "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) }))), h("div", { key: '5a009a45527d9a5c2115760fd1bd841a129315db', class: "dda-mobile-entt-logo" }, h("a", { key: '52b4073e25d0d31c905faabab1c94a8519624e66', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.secondLogoHref) : ''), class: "entt-logo" }, h("img", { key: '1e13be9b82915fb77e19840d6dbe9f1cc1ad3819', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: 'c6c81bda608609ec558de4c89e926824d6ca6f93', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '97b006f437d75ec8b27e24554df9b56bfd7ff1ee', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: 'c48e5be76b471bdf5cf503b692ea525e9f5a5f6b', 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: '7194871bc48ff2a783bd86e678de063de49ef3b0', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: '92ae3b3c5e146ef8df51d512ef7b86ddbd2bc2eb', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: '71a24e54fe17861d5369c16b9eb47dc8deabc610', class: "dda-toolbar-menu" }, h("ul", { key: 'd3be2c239014bc04830df7ec6a87708e5d33d11c' }, this.search_input_name && (h("li", { key: '0ffdd3708a4f06363a1a52926ec2c2cc936aa230' }, h("dda-tooltip", { key: '2864373c889e34642c269f4943955d5a6699e334', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: 'e2451bc401ff4ea6a459ffcc76df013af42bc080', class: "dda-search dda-header-search" }, h("label", { key: 'd5ffe376370c6b60f255c64d31cd765b60fc51f5', id: "ddaSearch-label", class: "visualy-hidden", "aria-hidden": "true" }, this.searchText || 'Search'), h("i", { key: '3a2546a99f9990f9add81ed79824f89b1d45cc29', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'fd7fa33ef30326ca0dce0a6a9a50ab17d0eaab16', 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: "", onInputChanged: (e) => {
-                this.searchhandler(e.detail.target.value);
-                console.log(e.detail.target.value);
-            }, onKeyPress: e => {
-                if (e.key === 'Enter') {
-                    this.searchhandler(e.target.value);
-                    console.log(e.target.value);
-                    // Pass the value to the searchhandler
-                }
-            } }), h("span", { key: 'f3c7f8b943401f81e07f4ca914b344677fec7d50', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: 'dc6406f095f5386c00b3c0e4d276066071341df1' }, h("dda-tooltip", { key: 'd1dd080b48096bae38a67847a3101c4d1452d486', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: '8d96493a4e036c1fa11d6e8818a1ca171ee4f575', 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: '098ba5c988e9747b23a38bfb9cbc2dbad2c30401', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: '59bcfed4bc18816869eb70d0576911327807af83', 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: '2e3161882b7f83d4b213d4e48a5b279d61fcf518' }, h("dda-tooltip", { key: 'abc31292e476a458492365e0a75ee38c6f921a4b', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: 'ec64db79154c52ad71b967eea99ff1fb42a9facc', 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: '180106edd4c2dd0c913a35ee234c17f7567bc5f8' }, h("dda-tooltip", { key: 'cc7b960b53baa7bd6fcf3c48b9c46cf961940655', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: '018cd454e292f0017a9209254f2f024513d1f056', 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}
-            href: this.useLoginPopup ? 'javascript:void(0)' : this.loginLink, button_shape: "circle", size: "sm" })))))), this.useLoginPopup ? (h("div", { class: "dda-login-popup desktop", style: { display: this.isDesktopLoginPopupOpen ? 'block' : 'none' } }, this.renderLoginPopup())) : null, this.useLoginPopup ? (h("div", { class: "dda-login-popup mobile", style: { display: this.isMobileLoginPopupOpen ? 'block' : 'none' } }, this.renderLoginPopup())) : null)));
+        }))), h("div", { key: '53070cc3bb05c63ced0e0c9ad7827567584d708f', class: "dda-sidemenu-bottom" }, h("div", { key: '3986be3f711e00221c8c6566cfe2e757c7efa57e', class: "dda-sidemenu-gov-logo" }, h("a", { key: '2a0334d023843bb4bece54446ef037965aec2693', href: "#", class: "govt-logo mb-2" }, h("img", { key: '76fe0c26beae4e511abe91ae025cbf6f5438bd99', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'bd17fc2b68f35f0c75bcc1e158ea47f1d0b78533', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: 'dee65036a2d95d22a092d502bdc4f3ab221def64' }, h("li", { key: 'a4803496626b1656e0f5618e5763cb9c6073684f' }, h("button", { key: '14b4e55ffae733f9b3177c93fe595684389b2ee9', name: this.accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleAccessibilty }, h("i", { key: '88b3c27566f0365a02cce6bee337daaf080d1589', class: "material-icons  material-symbols-outlined" }, "accessible_forward"), h("span", { key: '97c5cda56be7d97fb1d8914ad271562f3ff529cf', class: "visually-hidden" }, "Accessibility"))), h("li", { key: 'bfd5ebcc6d7a1ead08ac45b2694a1967aae797bc' }, h("button", { key: 'dd64443a9af25ea442540407770a0577049b0e67', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, "\u0627\u0644\u0639\u0631\u0628\u064A\u0629")), h("li", { key: '35e856a5eaa577cb4ccb956751bfb90c302a1aef' }, h("dda-link-button", { key: '9f01c12a54019db5e78f66cd0a7ce92cc6ca992c', button_color: "onsurface-secondary", start_icon: this.loginIcon || "sentiment_satisfied", custom_class: "tool-btn", href: this.loginLink, button_shape: "circle", size: "sm" }, this.loginText || "Login"))))), h("button", { key: 'e6c2df1fa8101900272d8d336eee68d5099d398b', name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: '013562ea39b2486dfcaf7520896dd5fb0d7936ae', class: "material-icons  material-symbols-outlined" }, "close")), h("div", { key: '84374c47fccb2c6b35ae9cdd21cadf20a3dc50b6', class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: 'ea68e01d37a0fbcfd083f64569d5c9cb3abb9fc7', class: "dda-row" }, h("div", { key: 'bee22cf69b7905ca8124ec25ff8a7e128460ddb5', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: 'ba7fb3c96f554bc7b1a523fdc0e2a18a704b5aac', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: 'e7ddd0a8c55a58e45a21ed50c110dd8d5a7764e1' }, h("fieldset", { key: '417cc310b03155c24614c01c1817f4f753256b26', class: "dda-theme-list" }, h("legend", { key: '1104a2f08a96cb961e78210696ec64ffc81e7414' }, h("p", { key: '3f006539a9f5dcc1f24fe02f5ef6c25c67f6149b', class: "mb-3" }, "Select your preferred contrast setting ")), h("dda-radiobutton", { key: '9f4a6994175b362bf39eb5a232b9fd33b363c7db', title_text: "Normal", checked: true, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "NormalMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.normalContrasthandler }), h("dda-radiobutton", { key: 'b541e69a39812c6a6763e62e93561eb28cf3cf6d', title_text: "Colours Blind", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "ColoursBlindMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.blindContrasthandler }), h("dda-radiobutton", { key: '54fa9cdd7ab14f13608cf3bbfa3b6c4789dd684f', title_text: "Red Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "RedWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.redContrasthandler }), h("dda-radiobutton", { key: 'f59d5ab501fe006fcc1f62a3dbc3f6a4267c523d', title_text: "Green Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "GreenWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.greenContrasthandler })))), h("div", { key: '770ed75833e071f15608702d1d154a5dd7f0b765', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '87d1a507c7a5cbed21f8c8346ff5af5ab5ddedeb', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: '91d5d4ff82fbf0ae369a5f14a1b117a805fa9f2c', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: '045ac0b28a29c55b96de187f0aef70b2c3779baa', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: 'c0974fe2c3540f9aa0b9aa1f8af89cee87119c49', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: '7621afa10e60ef8af188233120d43b1c766b5111', class: "material-icons  material-symbols-outlined" }, "volume_up")))), h("div", { key: '95fda8c2be3030e355fc0cc7defd42f5f0173e44', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: 'ffe563c91e54eb57cced865bdb9d1c8453d0c08e', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: '5a03f87b9549569a28387148f251c63ec61265b8', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: 'b28d104eb02ccc3d4c0ee68430188a4eba59b86e', class: "d-flex dda-gap-4" }, h("dda-button", { key: 'e5466a5e98113da85149f01d2ce7a7b658293c59', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: '44e28ac0ca84f28f87f246639010d415075d61e6', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: 'ef062888f13f6ec0c71424588b90fb25c6cb0f83', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: '101226c4cc9a8e544157c0d483a676b0a08dab7c', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleAccessibilty }, h("i", { key: '3a4d1cf6812a6dfaef83fa819f49fd1c29cd1c86', class: "material-icons  material-symbols-outlined" }, "close")))), h("div", { key: '88323c603aeaad4f2facd878c63906a58700621a' }, h("ul", { key: '841010334a190d49083360e23787500a1b47ae7e', class: "dda-mega-menu" }, quickLinks.map((link, index) => (h("li", { key: index }, h("a", { href: link.subMenu && link.subMenu.length > 0 ? '#' : link.href, onClick: link.subMenu && link.subMenu.length > 0 ? (e) => this.toggleSubMenu(index, e) : undefined, class: link.subMenu && link.subMenu.length > 0 ? `showSub ${this.activeMenuIndex === index ? 'icon_arrow' : ''}` : '' }, link.label), link.subMenu && link.subMenu.length > 0 && (h("div", { class: `megamenu-content ${this.activeMenuIndex === index ? 'showSubMenu' : ''}`, style: { display: this.activeMenuIndex === index ? 'block' : 'none' } }, h("div", { class: "megamenu-item dda-container" }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-3" }, h("h3", { class: "mega-menu-title" }, link.menuLabel), h("ul", null, link.subMenu.map((subItem, subIndex) => (h("li", { key: subIndex }, h("a", { class: "megamenu-link", href: subItem.href }, h("span", { class: "dda-btn btn-color-onsurface-secondary btn-size-sm icon-btn-default" }, h("i", { class: "material-icons material-symbols-outlined" }, subItem.icon)), h("span", { class: "text-wrap" }, h("span", { class: "title-text dda-fs-body-lg dda-fw-700" }, subItem.title), h("span", { class: "dda-fs-tagline-lg dda-fw-400" }, subItem.description))))))))), h("button", { name: "close-mega-menu", class: "close-btn close_mega-menu", "aria-label": "Close Sidebar", onClick: () => setActiveMenuIndex(null) }, h("i", { class: "material-icons material-symbols-outlined" }, "close"))))))))))), h("div", { key: '2eb2edd52430dc797dfa76872168b61ac98da261', class: "dda-mobile-entt-logo" }, h("a", { key: 'ac7d2d09927d8261081188f8e598429c628f6be7', href: "#", class: "entt-logo" }, h("img", { key: '930d7d486c2e7d1b9450fa3dfcc08702fe1d8d90', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: 'f4fe3c82b925713e2d5971a6d39bcbfe6be87829', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '4a0de76009e9b1f2a4044febcaea8a9b541414db', class: "dda-mobile-search" }, h("button", { key: '60d21275953854f785d70ac0bd5d849c23ef23a8', name: this.search_button_name, class: "tool-btn", type: "button" }, h("span", { key: '4bf8171f165b66eeb5e8e9f4876c4eae6cb654c4', class: "visualy-hidden" }, "Search"), h("i", { key: '2317599b8150a807a24bff4d775a46a60ea12137', class: "material-icons  material-symbols-outlined" }, "search"))), h("div", { key: '1c182328720e70a3d432c3a7fa4f8d50f25b6b1f', class: "dda-toolbar-menu" }, h("ul", { key: 'aedf53d759d4a602c6de5f4d345d5ee0528adbe3' }, h("li", { key: '687a941f086ad00e54dc451d4420f4f09dcde487' }, h("dda-tooltip", { key: '099af7b1323884f7f0247e8447728e954147b364', title_text: "Search", description: "", position: "top" }, h("div", { key: 'f5dbba3feed427706ce0dd79b48fe8a977344ad6', class: "dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn" }, h("label", { key: '8a0fe79fc2eac836524d6141a67d5cf18eed4d9f', htmlFor: "ddaSearch", class: "visualy-hidden" }, this.searchText || "Search"), h("i", { key: 'd597ea3b1fbf21b71ab32813e40098468bc32ffc', class: "material-icons  material-symbols-outlined" }, "search"), h("input", { key: 'a353435862eee484f9d80f17ad598317a43f36d6', name: this.search_input_name, type: "text", id: 'ddaSearch', class: "", placeholder: this.searchText || "Search" })))), h("li", { key: '4526b84f57c23ec55922b1ce6b80aafd6e1d6392' }, h("dda-tooltip", { key: 'e9040f9fce4eda9165000a545c171acf8d0362da', title_text: "Accessibility", position: "top" }, h("button", { key: 'b55b83a045aae6a4c9281231dc6b98e44420a697', 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 }, h("i", { key: 'f4ab1e8cf3669c7bcf657f56471474d00f47ee07', class: "material-icons  material-symbols-outlined" }, "accessible_forward"), h("span", { key: 'e53fd1736c9bfd963a3b235f4a4b117169fd6b6e', class: "visually-hidden" }, "Accessibility"))), h("div", { key: '2246b27ef62dff4e6c259d897934f4d379cc152f', class: "dda-accessibility-wrap" }, h("div", { key: '976b435dcac670a51befe872f9314607f075a17a', class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: 'bd56ddf41e2df4a6dcc7798f145b5689b9f4337e', class: "dda-row" }, h("div", { key: '0d6c6a78d4177172b53b52a9c1f4cbcde4e4916c', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '07546632786a973ee274fe5f8577933b9ce6ca2b', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: '3c32c10f418795cdfa1c3a2de9c1d549d458deae' }, h("fieldset", { key: 'd78d446bd95408301da37b9f73956f927cf2d0ce', class: "dda-theme-list" }, h("legend", { key: '7137940d48800e739abf3517b9eb9c8b342ac59d' }, h("p", { key: '91d82dac1a93e03d99e06f906170b561ab28be73', class: "mb-3" }, "Select your preferred contrast setting ")), h("dda-radiobutton", { key: '1651d0149f995c1d64e4881c9985eeb93ec888b4', title_text: "Normal", checked: true, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "Normal", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.normalContrasthandler }), h("dda-radiobutton", { key: '65b59e5e6dee859075a7006cc3a1fb6494b9860e', title_text: "Colours Blind", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "ColoursBlind", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.blindContrasthandler }), h("dda-radiobutton", { key: 'b98746160fdc918207ff183e96c8c1e61ca4ae25', title_text: "Red Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "RedWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.redContrasthandler }), h("dda-radiobutton", { key: '3f20ced5785362a0e886ade0f4fba96aa6c85c08', title_text: "Green Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "GreenWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.greenContrasthandler })))), h("div", { key: '13fb6dbd0e13e46527bbc8fa8414eaa74ff92de3', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '4010303c183c75ec378da5ef6e3ddd61430a729e', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: '5ed28b51051e5c437a3581e19633775f5aebd1ba', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: '85c1ad54ab29dcb3dbcab27819d0c0ac0b19098a', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: 'd2595cdc00d801d48701f7c4e555f8160234fecc', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: 'b25b197913e50e98648767dd77a248400b72f711', class: "material-icons  material-symbols-outlined" }, "volume_up")))), h("div", { key: '1c396b8681c02275d69f9e23831a7e2d1e4fa11f', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '7d1addfdfeb37cc5e10b9630073e2dc09dd0b751', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: '2f5418d75514b9f81b8f8cfdd0d0f34f0fe414cd', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: '1891966de35433f7aa6cb004d7202fc1409ca991', class: "d-flex dda-gap-4" }, h("dda-button", { key: '4a673e602e555af33419245eed310ad0e890d487', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: '98c1f305559c71016bdb564e6bd3de48f5588cba', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: 'b33df209e0b489a2ebe921f92e9f0c4be857d750', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: '305b7eb7ececb8f092d5643bcd23061cfe890f92', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { key: '595bf53e8a4e0d820a087f9ca4393545296a27c0', class: "materinal-icons  material-symbols-outlined" }, "close"))))), h("li", { key: '92b9b865f84db776a3a99755f29d2fbf445301c9' }, h("dda-tooltip", { key: '6b0152b5049167f72e3e4cc445dc6faa1e4781ba', title_text: "Language", position: "top" }, h("dda-button", { key: '9c6ec13c0dc16738d3f92596059940f2a47c0fe4', button_color: "onsurface-secondary", custom_class: "tool-btn", button_shape: "circle", size: "sm", onClick: this.languagehandler }, this.language_text))), h("li", { key: '42b953845b272b63c23653dda01fe96517fab433' }, h("dda-tooltip", { key: '1f1f204e0962467e925c08935b58003cd1dd9753', title_text: "Login", position: "top" }, h("dda-link-button", { key: 'a4084841029cbac71e60621242ecfe6eb00be07b', button_color: "onsurface-secondary", start_icon: "sentiment_satisfied", custom_class: "tool-btn", href: this.loginLink, button_shape: "circle", size: "sm" }, "Login"))))))));
     }
     static get is() { return "dda-header"; }
     static get originalStyleUrls() {
         return {
-            "$": ["dda-header-main.css"]
+            "$": ["dda-header.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["dda-header-main.css"]
+            "$": ["dda-header.css"]
         };
     }
     static get properties() {
         return {
-            "firstLogoHref": {
+            "firstLogoSrc": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -413,11 +211,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "first-logo-href",
                 "reflect": false,
-                "defaultValue": "'#'"
+                "attribute": "first-logo-src"
             },
-            "firstLogoSrc": {
+            "firstLogoWhiteSrc": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -433,10 +230,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "first-logo-src",
-                "reflect": false
+                "reflect": false,
+                "attribute": "first-logo-white-src"
             },
-            "firstLogoWhiteSrc": {
+            "firstLogoAlt": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -452,10 +249,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "first-logo-white-src",
-                "reflect": false
+                "reflect": false,
+                "attribute": "first-logo-alt"
             },
-            "firstLogoAlt": {
+            "secondLogoSrc": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -471,10 +268,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "first-logo-alt",
-                "reflect": false
+                "reflect": false,
+                "attribute": "second-logo-src"
             },
-            "firstLogoTarget": {
+            "secondLogoWhiteSrc": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -483,18 +280,17 @@ export class DdaHeader {
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "first-logo-target",
                 "reflect": false,
-                "defaultValue": "''"
+                "attribute": "second-logo-white-src"
             },
-            "rel": {
+            "secondLogoAlt": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -503,18 +299,17 @@ export class DdaHeader {
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "rel",
                 "reflect": false,
-                "defaultValue": "'noopener noreferrer'"
+                "attribute": "second-logo-alt"
             },
-            "secondLogoHref": {
+            "loginLink": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -530,11 +325,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "second-logo-href",
                 "reflect": false,
-                "defaultValue": "'#'"
+                "attribute": "login-link"
             },
-            "secondLogoSrc": {
+            "sideMenuItems": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -550,10 +344,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "second-logo-src",
-                "reflect": false
+                "reflect": false,
+                "attribute": "side-menu-items"
             },
-            "secondLogoWhiteSrc": {
+            "quickLinks": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -569,10 +363,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "second-logo-white-src",
-                "reflect": false
+                "reflect": false,
+                "attribute": "quick-links"
             },
-            "secondLogoAlt": {
+            "readSpeakerLink": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -588,10 +382,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "second-logo-alt",
-                "reflect": false
+                "reflect": false,
+                "attribute": "read-speaker-link"
             },
-            "sideMainMenuTitle": {
+            "searchText": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -607,10 +401,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "side-main-menu-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "search-text"
             },
-            "sideOtherMenuTitle": {
+            "loginIcon": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -626,15 +420,15 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "side-other-menu-title",
-                "reflect": false
+                "reflect": false,
+                "attribute": "login-icon"
             },
-            "header_submenu_type": {
+            "loginText": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'mega_menu' | 'normal_sub_menu'",
-                    "resolved": "\"mega_menu\" | \"normal_sub_menu\"",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -645,10 +439,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "header_submenu_type",
-                "reflect": false
+                "reflect": false,
+                "attribute": "login-text"
             },
-            "sideMenuItems": {
+            "language_text": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -664,15 +458,15 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "side-menu-items",
-                "reflect": false
+                "reflect": false,
+                "attribute": "language_text"
             },
-            "header_default_submenu": {
-                "type": "boolean",
+            "hamburger_menu_button_name": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -683,11 +477,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "header_default_submenu",
                 "reflect": false,
-                "defaultValue": "false"
+                "attribute": "hamburger_menu_button_name"
             },
-            "read_speaker_link": {
+            "accessibility_button_name": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -703,10 +496,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "read_speaker_link",
-                "reflect": false
+                "reflect": false,
+                "attribute": "accessibility_button_name"
             },
-            "searchText": {
+            "search_button_name": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -722,10 +515,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "search-text",
-                "reflect": false
+                "reflect": false,
+                "attribute": "search_button_name"
             },
-            "loginLink": {
+            "search_input_name": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -741,10 +534,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "login-link",
-                "reflect": false
+                "reflect": false,
+                "attribute": "search_input_name"
             },
-            "loginIcon": {
+            "language_button_name": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -760,10 +553,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "login-icon",
-                "reflect": false
+                "reflect": false,
+                "attribute": "language_button_name"
             },
-            "loginText": {
+            "close_menu_button_name": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -779,11 +572,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "login-text",
                 "reflect": false,
-                "defaultValue": "null"
+                "attribute": "close_menu_button_name"
             },
-            "language_text": {
+            "close_accessibility_button_name": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -799,10 +591,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "language_text",
-                "reflect": false
+                "reflect": false,
+                "attribute": "close_accessibility_button_name"
             },
-            "language_tooltip": {
+            "close_sidebar_button_name": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -818,10 +610,10 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "language_tooltip",
-                "reflect": false
+                "reflect": false,
+                "attribute": "close_sidebar_button_name"
             },
-            "login_tooltip": {
+            "toggle_accessibility_button_name": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -837,869 +629,118 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "login_tooltip",
-                "reflect": false
-            },
-            "accessibility_tooltip": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
+                "reflect": false,
+                "attribute": "toggle_accessibility_button_name"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isMenuOpen": {},
+            "isSubMenuOpen": {},
+            "isSideSubMenuOpen": {},
+            "isAccessibiltyOpen": {},
+            "openMenus": {},
+            "activeMenuIndex": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "languageSwitch",
+                "name": "languageSwitch",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
-                "attribute": "accessibility_tooltip",
-                "reflect": false
-            },
-            "search_tooltip": {
-                "type": "string",
-                "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "void",
+                    "resolved": "void",
                     "references": {}
-                },
-                "required": false,
-                "optional": false,
+                }
+            }, {
+                "method": "smTextSize",
+                "name": "smTextSize",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
-                "attribute": "search_tooltip",
-                "reflect": false
-            },
-            "hamburger_menu_button_name": {
-                "type": "string",
-                "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "void",
+                    "resolved": "void",
                     "references": {}
-                },
-                "required": false,
-                "optional": false,
+                }
+            }, {
+                "method": "baseTextSize",
+                "name": "baseTextSize",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
-                "attribute": "hamburger_menu_button_name",
-                "reflect": false
-            },
-            "accessibility_button_text": {
-                "type": "string",
-                "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "void",
+                    "resolved": "void",
                     "references": {}
-                },
-                "required": false,
-                "optional": false,
+                }
+            }, {
+                "method": "lgTextSize",
+                "name": "lgTextSize",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
-                "attribute": "accessibility_button_text",
-                "reflect": false
-            },
-            "accessibility_button_id": {
-                "type": "string",
-                "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "void",
+                    "resolved": "void",
                     "references": {}
-                },
-                "required": false,
-                "optional": false,
+                }
+            }, {
+                "method": "normalContrast",
+                "name": "normalContrast",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
-                "attribute": "accessibility_button_id",
-                "reflect": false
-            },
-            "accessibility_button_icon_family": {
-                "type": "string",
-                "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "void",
+                    "resolved": "void",
                     "references": {}
-                },
-                "required": false,
-                "optional": false,
+                }
+            }, {
+                "method": "blindContrast",
+                "name": "blindContrast",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
-                "attribute": "accessibility_button_icon_family",
-                "reflect": false
-            },
-            "accessibility_button_icon_name": {
-                "type": "string",
-                "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "void",
+                    "resolved": "void",
                     "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "accessibility_button_icon_name",
-                "reflect": false
-            },
-            "search_button_name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "search_button_name",
-                "reflect": false
-            },
-            "search_input_name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "search_input_name",
-                "reflect": false
-            },
-            "search_value": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "search_value",
-                "reflect": false
-            },
-            "language_button_name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "language_button_name",
-                "reflect": false
-            },
-            "close_menu_button_name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "close_menu_button_name",
-                "reflect": false
-            },
-            "close_accessibility_button_name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "close_accessibility_button_name",
-                "reflect": false
-            },
-            "toggle_accessibility_button_name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "toggle_accessibility_button_name",
-                "reflect": false
-            },
-            "usePredesignedAccessibilityMenu": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "use-predesigned-accessibility-menu",
-                "reflect": false,
-                "defaultValue": "true"
-            },
-            "useNavigator": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'true' | 'false'",
-                    "resolved": "\"false\" | \"true\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "use-navigator",
-                "reflect": false,
-                "defaultValue": "'false'"
-            },
-            "search_input_placeholder": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "search_input_placeholder",
-                "reflect": false
-            },
-            "mobileMenuSearchId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "mobile-menu-search-id",
-                "reflect": false,
-                "defaultValue": "'mobileSearch'"
-            },
-            "mobileMenuSearchUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "mobile-menu-search-url",
-                "reflect": false,
-                "defaultValue": "'javascript:void(0)'"
-            },
-            "contrast_title": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "contrast_title",
-                "reflect": false
-            },
-            "contrast_description": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "contrast_description",
-                "reflect": false
-            },
-            "contrast_noraml_text": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "contrast_noraml_text",
-                "reflect": false
-            },
-            "contrast_color_blind_text": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "contrast_color_blind_text",
-                "reflect": false
-            },
-            "contrast_red_weakness_text": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "contrast_red_weakness_text",
-                "reflect": false
-            },
-            "contrast_green_weakness_text": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "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,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "screen_reader_title",
-                "reflect": false
-            },
-            "screen_reader_description": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "screen_reader_description",
-                "reflect": false
-            },
-            "text_size_title": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "text_size_title",
-                "reflect": false
-            },
-            "text_size_description": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "text_size_description",
-                "reflect": false
-            },
-            "hideOtherMenu": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "hide-other-menu",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "otherMenuItems": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "other-menu-items",
-                "reflect": false
-            },
-            "quickLinks": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | any[]",
-                    "resolved": "any[] | string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "quick-links",
-                "reflect": false
-            },
-            "showQuickLinksIcon": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "show-quick-links-icon",
-                "reflect": false,
-                "defaultValue": "true"
-            },
-            "useLoginPopup": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "use-login-popup",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "loginPopupLinks": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "| string\r\n    | Array<{\r\n        popupItemLabel: string;\r\n        url: string;\r\n      }>",
-                    "resolved": "string | { popupItemLabel: string; url: string; }[]",
-                    "references": {
-                        "Array": {
-                            "location": "global",
-                            "id": "global::Array"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "login-popup-links",
-                "reflect": false,
-                "defaultValue": "[]"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isMenuOpen": {},
-            "isSubMenuOpen": {},
-            "isSideSubMenuOpen": {},
-            "isAccessibiltyOpen": {},
-            "isMobileAccessibiltyOpen": {},
-            "openMenus": {},
-            "parsedOtherMenuItems": {},
-            "parsedDropDownMenuItems": {},
-            "isDesktopLoginPopupOpen": {},
-            "isMobileLoginPopupOpen": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "languageSwitch",
-                "name": "languageSwitch",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "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",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }, {
-                "method": "smTextSize",
-                "name": "smTextSize",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "baseTextSize",
-                "name": "baseTextSize",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "lgTextSize",
-                "name": "lgTextSize",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "normalContrast",
-                "name": "normalContrast",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "blindContrast",
-                "name": "blindContrast",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "redContrast",
-                "name": "redContrast",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
+                }
+            }, {
+                "method": "redContrast",
+                "name": "redContrast",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -1724,37 +765,6 @@ export class DdaHeader {
                     "resolved": "void",
                     "references": {}
                 }
-            }, {
-                "method": "accessibilitymenufunctionality",
-                "name": "accessibilitymenufunctionality",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "searchfunctionality",
-                "name": "searchfunctionality",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
             }];
     }
 }
-//# sourceMappingURL=dda-header.js.map