@dubai-design-system/components-js 4.1.0 → 5.0.1

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

@@ -6,27 +6,78 @@ export class DdaHeader {
         this.isSideSubMenuOpen = false;
         this.isAccessibiltyOpen = false;
         this.lastScrollTop = 0;
+        this.openMenus = {};
+        this.activeMenuIndex = null;
+        this.toggleEscapeKey = (event) => {
+            if (event.key === 'Escape') {
+                this.isMenuOpen = false;
+                this.isAccessibiltyOpen = false;
+                this.isSubMenuOpen = false;
+                this.isSideSubMenuOpen = 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) => {
+                    menu.classList.remove('showSubMenu');
+                });
+                document.querySelectorAll('.showSub').forEach((anchor) => {
+                    anchor.classList.remove('icon_arrow');
+                });
+            }
+        };
+        this.handleOutsideAccessibilityClick = (event) => {
+            if (this.isAccessibiltyOpen) {
+                const accessibilityMenu = document.querySelector('.dda-accessibility-wrap .dda-accessibility');
+                const isClickInsideDesktopMenu = accessibilityMenu && accessibilityMenu.contains(event.target);
+                const isClickOnToggleButton = event.target.closest('.accessibility-btn');
+                if (!isClickInsideDesktopMenu && !isClickOnToggleButton) {
+                    this.isAccessibiltyOpen = 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;
+                }
+            }
+        };
         this.handleScroll = () => {
             const scrollTop = window.scrollY;
             const menuContainer = document.querySelector('.dda-menu-container');
+            const logoContainer = document.querySelector('.dda-header');
             if (scrollTop > this.lastScrollTop && scrollTop > 50) {
                 if (menuContainer)
                     menuContainer.style.display = 'none';
+                if (logoContainer)
+                    logoContainer.classList.add('white');
             }
             else {
                 if (menuContainer)
                     menuContainer.style.display = 'flex';
+                if (logoContainer)
+                    logoContainer.classList.remove('white');
             }
             this.lastScrollTop = scrollTop;
         };
         this.toggleMenu = () => {
+            if (this.isAccessibiltyOpen) {
+                this.isAccessibiltyOpen = false;
+            }
             this.isMenuOpen = !this.isMenuOpen;
         };
-        this.toggleSubMenu = () => {
-            this.isSubMenuOpen = !this.isSubMenuOpen;
-        };
-        this.toggleSideSubMenu = () => {
-            this.isSideSubMenuOpen = !this.isSideSubMenuOpen;
+        this.toggleSubMenu = (index, event) => {
+            // this.isSubMenuOpen = !this.isSubMenuOpen;
+            if (event)
+                event.preventDefault();
+            this.activeMenuIndex = this.activeMenuIndex === index ? null : index;
         };
         this.toggleAccessibilty = () => {
             this.isAccessibiltyOpen = !this.isAccessibiltyOpen;
@@ -55,12 +106,55 @@ export class DdaHeader {
         this.greenContrasthandler = () => {
             this.greenContrast.emit();
         };
+        this.renderSubMenu = (subMenu, parentLi) => {
+            if (!subMenu || subMenu.length === 0)
+                return null;
+            return (h("div", { class: `main_sub_menu ${this.openMenus[parentLi] ? 'showSubMenu' : ''}` }, subMenu[0].headerLabel && (h("p", { class: "dda-side-nav__title" }, subMenu[0].headerLabel)), h("ol", null, subMenu.map((item, index) => {
+                const currentIndex = `${parentLi}-${index}`;
+                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)));
+            }))));
+        };
+    }
+    toggleSidebarSubMenu(index) {
+        if (index === '') {
+            this.openMenus = {};
+            return;
+        }
+        const isCurrentlyOpen = this.openMenus[index];
+        const newOpenMenus = {};
+        if (!isCurrentlyOpen) {
+            const parts = index.split('-');
+            let parentPath = '';
+            for (let i = 0; i < parts.length - 1; i++) {
+                parentPath = parentPath ? `${parentPath}-${parts[i]}` : parts[i];
+                newOpenMenus[parentPath] = true;
+            }
+            newOpenMenus[index] = true;
+        }
+        else {
+            for (const key in this.openMenus) {
+                if (key !== index && !key.startsWith(`${index}-`)) {
+                    newOpenMenus[key] = true;
+                }
+            }
+        }
+        this.openMenus = newOpenMenus;
     }
     componentDidLoad() {
         window.addEventListener('scroll', this.handleScroll);
+        document.addEventListener('click', this.handleOutsideClick);
+        document.addEventListener('keydown', this.toggleEscapeKey);
+        document.addEventListener('click', this.handleOutsideAccessibilityClick);
+        document.addEventListener('click', this.handleOutsideMegaMenuClick);
     }
     disconnectedCallback() {
         window.removeEventListener('scroll', this.handleScroll);
+        document.removeEventListener('click', this.handleOutsideClick);
+        document.removeEventListener('click', this.handleOutsideAccessibilityClick);
+        document.addEventListener('click', this.handleOutsideMegaMenuClick);
     }
     parseJsonArray(jsonString) {
         try {
@@ -74,17 +168,29 @@ export class DdaHeader {
     render() {
         const sideMenuItems = this.parseJsonArray(this.sideMenuItems);
         const quickLinks = this.parseJsonArray(this.quickLinks);
-        return (h("header", { key: '2b0654c9819ac02501299c0fe4f9d36fd631b270', class: "dda-header" }, h("div", { key: '9436ec61756dc9089ea265abd669ab2819b1c070', class: "dda-container-fluid" }, h("div", { key: '4dfedd4b051a393902bf1b9cb8da27416344739c', class: "dda-head-logo" }, h("a", { key: '45cab380f73da8b31ac45335bffbdd16043fa6a6', href: "#", class: "govt-logo" }, h("img", { key: '4c458a4f2f5fde7fa4dd8c7569eae329fbab5c10', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: '94596771e0673570403beb748aaecf581f9aa4f9', href: "#", class: "entt-logo" }, h("img", { key: '915498e544c7ec9d82a158a3b70408e13da24de1', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoSrc }))), h("div", { key: '5cf854ef9812e208e5a5380e8a262b5e942eac34', class: "dda-menu-container" }, h("div", { key: '72bb1ae036ce0d9c83ff22f5baf152df4f006bc6', class: "dda-main-navigation" }, h("div", { key: '631c0b429e684c0365ee180e3636979917c21a8c', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}` }), h("div", { key: 'ce594fc13ab42391aace7d708a8f5f56bc249009', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: 'b987a811565a79e5cba6e5c3fba64f1e005d5ded', title_text: "Menu", position: "top", class: "d-block" }, h("button", { key: '832f296eef12a99fa4bb9d86bb279a298995693d', type: "button", class: "hamburger-menu-btn" }, h("span", { key: '44707d2087f49b6f080356cf66936f439a8cdb1d', class: "hamburger-line" }), h("span", { key: 'fd911c9f844417604070399ca91e2bf9654ab060', class: "hamburger-menu-text" }, "hamburger menu text")))), h("div", { key: 'd80a22e2f06eb79c9c9b981fafd9aeb92b289da0', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: 'bb20dc895131a3edf7d644001a745b8fbbc4c683', class: "dda-sidemenu-content" }, h("p", { key: 'a1cd0e9060386f4c0172bfe2f72122112ca4c653', class: "dda-side-nav-title" }, "Quick Links"), h("ul", { key: '7cf42f87efb8b81e002c3f322d774ed750285167', class: "main_side_menu" }, sideMenuItems.map(item => (h("li", null, h("a", { href: item.subMenu && item.subMenu.length > 0 ? 'javascript:void(0)' : item.href, class: "dda-flex dda-justify-space dda-items-center", onClick: item.subMenu && item.subMenu.length && this.toggleSideSubMenu }, h("span", null, item.label), item.subMenu && item.subMenu.length > 0 && h("i", { class: "material-icons" }, "chevron_right")), item.subMenu && item.subMenu.length > 0 && (h("div", { class: `main_sub_menu  ${this.isSideSubMenuOpen ? 'showSubMenu' : ''}` }, h("ol", null, item.subMenu.map(sub => (h("li", null, h("a", { href: 'javascript:void(0)', onClick: this.toggleSideSubMenu }, h("span", null, sub.label), item.subMenu && item.subMenu.length > 0 && h("i", { class: "material-icons" }, "chevron_right")), h("div", { class: `main_sub_menu ${this.isSideSubMenuOpen ? 'showSubMenu' : ''}` }, h("p", { class: "dda-side-nav__title" }, "Initiatives"), h("ol", null, h("li", null, h("a", { href: "#" }, sub.label))))))))))))))), h("button", { key: '6e23de5e9b14dfe66335ec8a38e1b828587ab7ca', class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: '9900df66eced9017c42c802bf7f613ec8cf48b4e', class: "material-icons" }, "close"))), h("div", { key: '4cb9309740e259ad0680b8134a6a78a6cfbf0862', class: "dda-mega-menu" }, quickLinks.map(link => (h("li", null, h("a", { href: link.subMenu && link.subMenu.length > 0 ? 'javascript:void(0)' : link.href, onClick: link.subMenu && link.subMenu.length && this.toggleSubMenu }, link.label), link.subMenu && link.subMenu.length > 0 && (h("div", { class: "megamenu-content", style: { display: this.isSubMenuOpen ? '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" }, "QUICK LINKS"), h("ul", null, link.subMenu.map(subItem => (h("li", null, 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" }, 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", { class: "close-btn close_mega-menu", "aria-label": "Close Sidebar", onClick: this.toggleSubMenu }, h("i", { class: "material-icons" }, "close")))))))))), h("div", { key: '99785f8819b0069a897f58eb2712a3ab16a41886', class: "dda-toolbar-menu" }, h("ul", { key: 'a5f06ae07c68cc53188cc8d21e67d1da360b9813' }, h("li", { key: 'ced973088793028c0d9a1b3f0980bce1869e4377' }, h("dda-tooltip", { key: '7a185cf9ffd39b9ba3e1e50ce52064409fd6e40f', title_text: "Search", description: "", position: "top" }, h("div", { key: '928ce4cca3f753a78c99655fb3d26e8c54073069', class: "dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn" }, h("i", { key: '1e210d6966ab807fb7ef5ac137d6ac08efcd8da7', class: "material-icons" }, "search"), h("input", { key: 'a9cbdf1fa31c3fa66ce14a65154a5f0bbf22327b', type: "text", class: "", placeholder: "Search" })))), h("li", { key: '899cc15a6cabb906ce297f8101e294e2bfc3ba3c' }, h("dda-tooltip", { key: 'ef3122c1c262dcdc1273fae4ecaff9b2b229bc35', title_text: "Accessibility", position: "top" }, h("button", { key: 'ecfa9fa58ab8b2368058ba94a2faac87f8e91027', 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: '5e20c05c19cef0b93934e0d69b5c96e1de714b70', class: "material-icons" }, "accessibility"), h("span", { key: '5635fcc59440fe8d1b1318b3996b5a0d839029c3', class: "visually-hidden" }, "Accessibility"))), h("div", { key: '98ad1a4f298011487da1d551a2af3704ffaca605', class: "dda-accessibility-wrap" }, h("div", { key: '793944952ba90460665bddd4c39502662a58cd97', class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: '50a7e2b63304fe52099262f4803f893e12a4bc3b', class: "dda-row" }, h("div", { key: 'd302fc5fdff2b268778d8588a6e8a51bb801bf3a', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: 'a44dcf1a6968eda8102b1e0a3c0ad935ced46d61', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("p", { key: 'b80365d0e9c3af29e6571415e7f78b5b8d9428b3', class: "mb-3" }, "Select your preferred contrast setting "), h("div", { key: 'ef95dcc18006c146c59d4710360d2f3088e9c892', class: "dda-theme-list" }, h("dda-radiobutton", { key: '52c9258e4f06ca81572d3070f1ca58af57378b5d', 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: 'd309b234a15d64ba08f6133f12f79b8a34960c79', 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: 'cd7ebee2487d102962414d1797542d2f867d5d94', 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: '741e781365267e2429072d5a6dbf953bdb481ad1', 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: '5a575f1b1cd9a6bd54b7bb5f5d1aec0d4ad8929c', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: 'be7d29d5c1531c2332d32b6f59510b45d188d956', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: 'e85b2f7ea1b65f9e48f604c983041ea2c4701024', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: 'f97975349fee498a572e828a8c01794d498e8d8c', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: 'c5692944a3565a7cafd67d175fb6653948c71f91', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: 'c23dbd525044cde4d63c5e54c5514982db551a5c', class: "material-icons" }, "volume_up")))), h("div", { key: 'b659ea19b97203be010dcf5c7c3324b239cb141d', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '143b7e651518c98dd0afe058d9101e6ac90911d7', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: 'df796b5d3c4fb1e7073c46ffcef32e06bb12203d', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: '5f208687d24e89dba6090dc1c9c9cc7fbec997bd', class: "d-flex dda-gap-4" }, h("dda-button", { key: '2106524046db1c03326737a1807cafcf69c001fd', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: 'b067fa0beb4fd64d1a5ac8478104b3481fa03f73', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: '25d8b389be568d8af2842366559a68143b1bed19', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: '40c8088306013432affab6c1c196794543c9cff5', class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { key: 'b4aeba94a01459ae3fc15d90bae3a9cabcc41fb8', class: "materinal-icons" }, "close"))))), h("li", { key: '51be9d99b2bc1ba71efdb97694b37ff75d6bbcf1' }, h("dda-tooltip", { key: '4a4aa038ecb64341a76b5c8279f8e711ac210934', title_text: "Language", position: "top" }, h("dda-button", { key: '9ebb5a4d60013fed41e098daa4edbc6c7da973ad', button_color: "onsurface-secondary", custom_class: "tool-btn", button_shape: "circle", size: "sm", onClick: this.languagehandler }, "\u0627\u0644\u0639\u0631\u0628\u064A\u0629"))), h("li", { key: '974d186d3d1e1fb11dc75079854b3a24a5bad2fd' }, h("dda-tooltip", { key: 'd5f14be5e553f69a80f1b99abd60e77d53cd9e6d', title_text: "Login", position: "top" }, h("dda-link-button", { key: '2b61e9a998d89c672d956d4d39b4be71493e7227', button_color: "onsurface-secondary", start_icon: "sentiment_satisfied", custom_class: "tool-btn", href: this.loginLink, button_shape: "circle", size: "sm" }, "Login")))))))));
+        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 }, h("a", { href: menu.href, class: menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '', onClick: (e) => {
+                    if (menu.subMenu && menu.subMenu.length > 0) {
+                        e.preventDefault();
+                        this.toggleSidebarSubMenu(currentIndex);
+                    }
+                } }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
+        }))), 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" }, "accessibility"), h("span", { key: '4b56a02d0c440e85560a0d3270801138176519b4', class: "visually-hidden" }, "Accessibility"))), h("li", { key: '79badf1d7fa7334184a4a485a57e552d437e5b48' }, h("button", { key: 'b2e98d20ac92874d658aa8939ee7ff5fb6381869', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, "\u0627\u0644\u0639\u0631\u0628\u064A\u0629")), h("li", { key: '3af3486f64b497bd284a1bba0294a30dd3a4545f' }, h("dda-link-button", { key: 'baf783c1f72e3b6b98f61b0892ac2d8244ea5823', 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: 'd4f17a017986c637816e88399c3d1a986e9d7385', name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: 'c7e8ea74c6cdb6cb5097c20a4a3c0cf808f6094c', class: "material-icons  material-symbols-outlined" }, "close")), h("div", { key: '883576ace9bb1c9252fa44abaa7689e016d6380f', class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: 'd75249921637bca1a3915e34f1b0c8a373892c7c', class: "dda-row" }, h("div", { key: 'e440ade26a749a6669d7231d539194739f709cd4', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: 'dd73e50ffa094b42f539501bc10b18e53765c85c', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: 'e0fed36ab17a4263786d71ccc5e8b1e8464e9f94' }, h("fieldset", { key: '17287e8f6e6b7bf7e4d7ea38b1392f49c10699d5', class: "dda-theme-list" }, h("legend", { key: '96f44023aa549f1b9fb97a27c29ba2d4b3efe655' }, h("p", { key: '0fb3e04c3376b889f61d102092213f986b16a5e5', class: "mb-3" }, "Select your preferred contrast setting ")), h("dda-radiobutton", { key: 'dada02190aff619cf4dea5bb51fc424fe0011936', 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: 'a1a768e6fbc3d714567cab8f1f53e81976434b8c', 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: '2fe006bd6e943fd54835d8e113c12da4d36cdd86', 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: '25504ddc13f37f9faea4c8eba097d626f82032a3', 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: '66bce6796e611172fc37239de4a49a7fc8e10489', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: 'c5efd2bc94fc66ccf825a060fcf4b7df3606fba9', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: 'd96d5c7008fcfba6cea44fe2a945873a0fdd4b18', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: '2faeb159e4b74f97f871b1afb05fb6744e4fb436', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: '4c27b3c30195c4717dc9392d32694460e0cddc1b', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: 'afbd8985891f8ce7a71a075bbcb731de909d4e5d', class: "material-icons  material-symbols-outlined" }, "volume_up")))), h("div", { key: 'af6c86e39e2efd7c12c481903d2f1fd53563f712', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: 'cf8496b79d0fcb131bf7527ceaace30beeb9c2a7', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: '3d331f6160de2a237ef87bc1aad1f826a0f99a57', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: '438d48c85a308c157ef871c4d13d13dfa4f722b3', class: "d-flex dda-gap-4" }, h("dda-button", { key: '9c5629f385bbc8cc5058fbfdd7428cf6d7ef38b1', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: '4c0823cbf697d9afb1c11d535ad77366f64bf4fe', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: '19ed7798266c7736b0f2081ef9f02451a1760c9b', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: '0bbb6072d49a292ef53d1c9578e502493a41231c', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleAccessibilty }, h("i", { key: 'f2f639bfdb380fa66322dc1ba25dedbadddd0f1c', class: "material-icons  material-symbols-outlined" }, "close")))), h("div", { key: '1f337f03b7180f5c17eee24e1ac1f8a118eb6a95' }, h("ul", { key: '82a2b4dd417288fc177b701f21008d38ed19a91c', 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: 'eee1be1e94b5a3c873e69e6cc1ae3210972d159a', class: "dda-mobile-entt-logo" }, h("a", { key: 'c87a7735c24e7901d35a1cf82eab24a7ecd88a02', href: "#", class: "entt-logo" }, h("img", { key: '8f3ad4f3067b5391cc00ba06b64a795a8e8c4f0f', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '3c597467f061edbd221c9d3f89e6b8c0ac9492d4', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '8ee85c53401f336ba904fbb79ef27b94908d3177', class: "dda-mobile-search" }, h("button", { key: 'ade487d54555e76de7a2bca4e884aed5671df169', name: this.search_button_name, class: "tool-btn", type: "button" }, h("span", { key: 'e0a6ea529ac755a6dd93f3d376d5cee9f06997c7', class: "visualy-hidden" }, "Search"), h("i", { key: '5084f823ececc99e513b16ed103487f7300b2325', class: "material-icons  material-symbols-outlined" }, "search"))), h("div", { key: '66520484a0e08b14660aa07b7630802265365d01', class: "dda-toolbar-menu" }, h("ul", { key: '3c2af5fb76eea7d9dd3744f7964232e2cb2f7bcb' }, h("li", { key: '5830895bff67e932777911c645ca9b472369e6f5' }, h("dda-tooltip", { key: 'e018ef0300d2ae9d95f9ce75d6fcce8a2df69ecf', title_text: "Search", description: "", position: "top" }, h("div", { key: '5e0bf1bff5bb53844b70957ad1a29a86543344c3', class: "dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn" }, h("label", { key: 'ee3b3d6428e5908dbc317127433610c6af2cbb23', htmlFor: "ddaSearch", class: "visualy-hidden" }, this.searchText || "Search"), h("i", { key: '1e2d677a3896ed69bfe2b1c26b1f231bcac4223d', class: "material-icons  material-symbols-outlined" }, "search"), h("input", { key: 'b7bc957ab5a4cc67ac93332e22399688784eb578', name: this.search_input_name, type: "text", id: 'ddaSearch', class: "", placeholder: this.searchText || "Search" })))), h("li", { key: 'd33c659c2a87a7a96fbe2fe03bf0ccc8f31cd248' }, h("dda-tooltip", { key: 'd6b51fff522b7bddc2d30debad2ee6de53c14736', title_text: "Accessibility", position: "top" }, h("button", { key: 'f9c0ffc4cd37e5f3e09bf46021f5d04f3580af38', 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: '8c3fb28ffcc1d7ec558b4908c5ab4d782f98367c', class: "material-icons  material-symbols-outlined" }, "accessibility"), h("span", { key: 'ca42d36076d6132d0d27e094cc1460f3c59718a6', class: "visually-hidden" }, "Accessibility"))), h("div", { key: 'd0bca67882877a0ac8876f66a54706a85d3a0b5a', class: "dda-accessibility-wrap" }, h("div", { key: 'aab3342d5a949e7465d737ed34177f5dc3295c41', class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: '7f19310f71c18f5a1f3be4c62bb9c5d7229f1cd0', class: "dda-row" }, h("div", { key: '447304db0876d703701d4a5b1e1f5a19f175de79', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: 'a3e8b8d9dbb60c6fb81fe29b4b9f39f59fb7a712', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: '12d17c36fc68853dfa7b4f79838bb18ecd233423' }, h("fieldset", { key: '260b5ca3000f660d82af53f4167558b79abc9333', class: "dda-theme-list" }, h("legend", { key: '0ab2a417b625b779afe1f4620de40520ed5949f1' }, h("p", { key: '5503631430f407b4ca03a22447f040517270d10c', class: "mb-3" }, "Select your preferred contrast setting ")), h("dda-radiobutton", { key: 'cc611fe11f8ae8fb7dfd7bcf9904de784463f7dd', 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: '31b0697525c90f074438ca58477b94744536ca39', 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: '54f338335deecb50d0e8b95913a615bb17d061e2', 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: '87e0f3e8e70c58506862831505d6b0077e9e221e', 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: 'a8e7c41793a9fbdcbe8e32e168187fa96b3df7fb', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '4d0d2af5bb34a9287eb5b8d9fb10fe86ccb4d924', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: '25e1ff77442ef71100a11c5f73b2f713d10f82bf', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: '06a808500e71eb67537aaf9a2e825f193f3aa36c', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: '739c85600bc85dc9ee7525addeb5fc347ea03980', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: '6dee1edb48d6cf946228278c217c0fd35f11c04a', class: "material-icons  material-symbols-outlined" }, "volume_up")))), h("div", { key: '5a20832ade7db0401e23123fb5ec706a564d2a66', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '4f729cc6111e5ea01e5bbf01284d8b4155d0eee1', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: '7a55f3e7f5902d60531c344ff9a373156fd90922', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: '71fa19d25407f89b024d932e5d734e91d6c4243c', class: "d-flex dda-gap-4" }, h("dda-button", { key: '785503f0ba528659322b74b543f958d7c2782b94', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: 'dcd8d2af2ef1f31083801f8a36ace4de3784b332', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: '1549acd79ca8a666beb452313609ae4997342cfd', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: '5e467b999b991ddfec3f33f10758fcc1b8f38437', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { key: '531535a5e4d1a7954e1f06c16648a583a05bb26f', class: "materinal-icons  material-symbols-outlined" }, "close"))))), h("li", { key: 'b9eff1b50c402946681b4d9c70f86a5711f4e03f' }, h("dda-tooltip", { key: 'a1ecfd313bfe72e8ca1d382959b7ac83b53d7ccf', title_text: "Language", position: "top" }, h("dda-button", { key: 'cfc2255423fe23a86b32f3e181c4cbc08942ebc8', button_color: "onsurface-secondary", custom_class: "tool-btn", button_shape: "circle", size: "sm", onClick: this.languagehandler }, this.language_text))), h("li", { key: '613f7c5790a038b5fe983ea4a6c0c804ff7c2a95' }, h("dda-tooltip", { key: '36740d7892020dd9a1970862f09704a57898fa1f', title_text: "Login", position: "top" }, h("dda-link-button", { key: 'c50c05860a2c14538f2fe18b6265c99eb69c928b', 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.css", "../../global/global.css"]
+            "$": ["dda-header.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["dda-header.css", "../../global/global.css"]
+            "$": ["dda-header.css"]
         };
     }
     static get properties() {
@@ -105,8 +211,27 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "first-logo-src",
-                "reflect": false
+                "reflect": false,
+                "attribute": "first-logo-src"
+            },
+            "firstLogoWhiteSrc": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "first-logo-white-src"
             },
             "firstLogoAlt": {
                 "type": "string",
@@ -124,8 +249,8 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "first-logo-alt",
-                "reflect": false
+                "reflect": false,
+                "attribute": "first-logo-alt"
             },
             "secondLogoSrc": {
                 "type": "string",
@@ -143,8 +268,27 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "second-logo-src",
-                "reflect": false
+                "reflect": false,
+                "attribute": "second-logo-src"
+            },
+            "secondLogoWhiteSrc": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "second-logo-white-src"
             },
             "secondLogoAlt": {
                 "type": "string",
@@ -162,8 +306,8 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "second-logo-alt",
-                "reflect": false
+                "reflect": false,
+                "attribute": "second-logo-alt"
             },
             "loginLink": {
                 "type": "string",
@@ -181,8 +325,8 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "login-link",
-                "reflect": false
+                "reflect": false,
+                "attribute": "login-link"
             },
             "sideMenuItems": {
                 "type": "string",
@@ -200,8 +344,8 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "side-menu-items",
-                "reflect": false
+                "reflect": false,
+                "attribute": "side-menu-items"
             },
             "quickLinks": {
                 "type": "string",
@@ -219,8 +363,8 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "quick-links",
-                "reflect": false
+                "reflect": false,
+                "attribute": "quick-links"
             },
             "readSpeakerLink": {
                 "type": "string",
@@ -238,8 +382,255 @@ export class DdaHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "read-speaker-link",
-                "reflect": false
+                "reflect": false,
+                "attribute": "read-speaker-link"
+            },
+            "searchText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "search-text"
+            },
+            "loginIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "login-icon"
+            },
+            "loginText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "login-text"
+            },
+            "language_text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "language_text"
+            },
+            "hamburger_menu_button_name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hamburger_menu_button_name"
+            },
+            "accessibility_button_name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "accessibility_button_name"
+            },
+            "search_button_name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "search_button_name"
+            },
+            "search_input_name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "search_input_name"
+            },
+            "language_button_name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "language_button_name"
+            },
+            "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,
+                "reflect": false,
+                "attribute": "close_menu_button_name"
+            },
+            "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,
+                "reflect": false,
+                "attribute": "close_accessibility_button_name"
+            },
+            "close_sidebar_button_name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "close_sidebar_button_name"
+            },
+            "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,
+                "reflect": false,
+                "attribute": "toggle_accessibility_button_name"
             }
         };
     }
@@ -248,7 +639,9 @@ export class DdaHeader {
             "isMenuOpen": {},
             "isSubMenuOpen": {},
             "isSideSubMenuOpen": {},
-            "isAccessibiltyOpen": {}
+            "isAccessibiltyOpen": {},
+            "openMenus": {},
+            "activeMenuIndex": {}
         };
     }
     static get events() {
@@ -375,4 +768,3 @@ export class DdaHeader {
             }];
     }
 }
-//# sourceMappingURL=dda-header.js.map