@dubai-design-system/components-js 5.2.0 → 5.3.1

package/dist/components/dda-header.js

@@ -1,367 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, t as transformTag } from './index2.js';
-import { d as defineCustomElement$5 } from './dda-button2.js';
-import { d as defineCustomElement$4 } from './dda-link-button2.js';
-import { d as defineCustomElement$3 } from './dda-radiobutton2.js';
-import { d as defineCustomElement$2 } from './dda-tooltip2.js';
-
-const ddaHeaderCss = () => `:root{scroll-padding-top:170px}@media screen and (max-width: 767px){:root{scroll-padding-top:100px}}:root.dda-scroll-lock{overflow:hidden;scrollbar-gutter:stable}:root.dda-scroll-lock body{overflow:hidden}`;
-
-// Gives each header its own search input ids, so several headers on a page do not clash.
-let headerInstanceCount = 0;
-const DdaHeader$1 = /*@__PURE__*/ proxyCustomElement(class DdaHeader extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.languageSwitch = createEvent(this, "languageSwitch", 7);
-        this.smTextSize = createEvent(this, "smTextSize", 7);
-        this.baseTextSize = createEvent(this, "baseTextSize", 7);
-        this.lgTextSize = createEvent(this, "lgTextSize", 7);
-        this.normalContrast = createEvent(this, "normalContrast", 7);
-        this.blindContrast = createEvent(this, "blindContrast", 7);
-        this.redContrast = createEvent(this, "redContrast", 7);
-        this.greenContrast = createEvent(this, "greenContrast", 7);
-        this.searchSubmit = createEvent(this, "searchSubmit", 7);
-        /** Link URL of the first logo in the header and the side menu. Default: `/`. */
-        this.firstLogoHref = '/';
-        /** Link URL of the second logo on desktop and mobile. Default: `/`. */
-        this.secondLogoHref = '/';
-        /** Hides the Login link in the desktop toolbar and the side menu. */
-        this.hide_login = false;
-        /** `lang` attribute of the language buttons, the language of `language_text`. Default: `ar`. */
-        this.language_lang = 'ar';
-        this.isMenuOpen = false;
-        this.isSubMenuOpen = false;
-        this.isSideSubMenuOpen = false;
-        this.isAccessibiltyOpen = false;
-        this.isSearchOpen = false;
-        this.searchId = `dda-header-search-${++headerInstanceCount}`;
-        this.focusSearchAfterRender = false;
-        this.lastScrollTop = 0;
-        /** Accessible name of the hamburger menu button (visually hidden text). Default: `Menu`. */
-        this.menu_button_label = 'Menu';
-        this.openMenus = {};
-        this.activeMenuIndex = null;
-        this.toggleEscapeKey = (event) => {
-            if (event.key === 'Escape') {
-                if (this.isSearchOpen) {
-                    this.closeMobileSearch();
-                }
-                this.isMenuOpen = false;
-                this.isAccessibiltyOpen = false;
-                this.isSubMenuOpen = false;
-                this.isSideSubMenuOpen = false;
-                this.activeMenuIndex = null;
-            }
-        };
-        this.handleSearchSubmit = (event) => {
-            const input = event.currentTarget.querySelector('input');
-            const query = input.value.trim();
-            if (!query) {
-                event.preventDefault();
-                input.focus();
-                return;
-            }
-            const searchEvent = this.searchSubmit.emit({ query });
-            // Without a results URL there is nowhere to go; a cancelled event means the app routes itself.
-            if (searchEvent.defaultPrevented || !this.search_action) {
-                event.preventDefault();
-            }
-        };
-        this.openMobileSearch = () => {
-            this.focusSearchAfterRender = true;
-            this.isSearchOpen = true;
-        };
-        this.closeMobileSearch = () => {
-            var _a;
-            this.isSearchOpen = false;
-            (_a = this.mobileSearchButton) === null || _a === void 0 ? void 0 : _a.focus();
-        };
-        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 = () => {
-            this.updateScrolled();
-            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 = (index, event) => {
-            // this.isSubMenuOpen = !this.isSubMenuOpen;
-            if (event)
-                event.preventDefault();
-            this.activeMenuIndex = this.activeMenuIndex === index ? null : index;
-        };
-        this.toggleAccessibilty = () => {
-            this.isAccessibiltyOpen = !this.isAccessibiltyOpen;
-        };
-        this.languagehandler = () => {
-            this.languageSwitch.emit();
-        };
-        this.smTexthandler = () => {
-            this.smTextSize.emit();
-        };
-        this.baseTexthandler = () => {
-            this.baseTextSize.emit();
-        };
-        this.lgTexthandler = () => {
-            this.lgTextSize.emit();
-        };
-        this.normalContrasthandler = () => {
-            this.normalContrast.emit();
-        };
-        this.blindContrasthandler = () => {
-            this.blindContrast.emit();
-        };
-        this.redContrasthandler = () => {
-            this.redContrast.emit();
-        };
-        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) => {
-                        if (item.subMenu && item.subMenu.length > 0) {
-                            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() {
-        this.updateScrolled();
-        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('keydown', this.toggleEscapeKey);
-        document.removeEventListener('click', this.handleOutsideAccessibilityClick);
-        document.removeEventListener('click', this.handleOutsideMegaMenuClick);
-        this.lockPageScroll(false);
-    }
-    // While the side menu is open, the page underneath must not scroll; the menu itself still does.
-    onMenuOpenChange(isOpen) {
-        this.lockPageScroll(isOpen);
-    }
-    lockPageScroll(lock) {
-        document.documentElement.classList.toggle('dda-scroll-lock', lock);
-    }
-    componentDidUpdate() {
-        var _a;
-        // The panel is hidden until this render, so focus can only move into it now.
-        if (this.focusSearchAfterRender) {
-            this.focusSearchAfterRender = false;
-            (_a = this.mobileSearchInput) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }
-    renderSearchInput(id, ref) {
-        return [
-            h("label", { htmlFor: id, class: "visually-hidden" }, this.searchText || 'Search'),
-            h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"),
-            h("input", { name: this.search_input_name || 'q', type: "text", id: id, placeholder: this.searchText || 'Search', enterkeyhint: "search", autocomplete: "off", ref: ref }),
-        ];
-    }
-    // The transparent style (<body class="transparent">) shows only at the top of the page.
-    // Below the top, `dda-scrolled` turns it off in CSS and the header uses the standard style.
-    updateScrolled() {
-        this.el.classList.toggle('dda-scrolled', window.scrollY > 0);
-    }
-    parseJsonArray(jsonString) {
-        try {
-            return JSON.parse(jsonString);
-        }
-        catch (e) {
-            console.error('Failed to parse JSON:', e);
-            return [];
-        }
-    }
-    render() {
-        const sideMenuItems = this.parseJsonArray(this.sideMenuItems);
-        const quickLinks = this.parseJsonArray(this.quickLinks);
-        const setActiveMenuIndex = (index) => {
-            this.activeMenuIndex = index;
-        };
-        // The transparent style is opt-in at page level (<body class="transparent">);
-        // CSS shows the white or colored logo to match.
-        return (h("header", { key: '43166a6b01154f028167b441653d529995f70ddf', class: "dda-header" }, h("div", { key: 'a297117e6057f9629884c39db1c3babdeabf542d', class: "dda-head-logo" }, h("a", { key: '0214471f1b3afbf9ddac97790d36e224430d9f29', href: this.firstLogoHref, class: "govt-logo" }, h("img", { key: '14fc6908a033e635f12f678b0cf3f0eb57656da2', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt }), h("img", { key: 'f44df6db1a4c24ade54f38bda4e693007ba32643', class: "logo-white", src: this.firstLogoWhiteSrc || this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: '875d0b2b37fd65c239e8727b95b8e430d578146c', href: this.secondLogoHref, class: "entt-logo" }, h("img", { key: '65e49ed851a16be54d97827f7086f04939508b68', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '2fdd1ec129ab3d3c2647ae009f3573140bf5b642', class: "logo-white", src: this.secondLogoWhiteSrc || this.secondLogoSrc, alt: this.secondLogoAlt }))), h("div", { key: 'b8b18a8497c6942697876b7ca0d6d00de58bc9c5', class: "dda-menu-container" }, h("div", { key: 'b43c4406281640978e3396c91cd6de75122eeb5a', class: "dda-main-navigation" }, h("div", { key: 'b1209cd2a8d120e996d69069985ba30c800c2097', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '175e76801f7075751034c57b686957f830920858', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: '789d7b7454d9efc21daf581c4c925dc5c4cf5d56', title_text: "Menu", position: "top", class: "d-block" }, h("button", { key: '0fadce5552c1b6887485f79141579f03addbeeff', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: 'da32b9b73992ddf8b628ff5a59c0983ea232e168', class: "hamburger-line" }), h("span", { key: 'dd5183d61830656cfbb62d153601c9f1b9ce3e27', class: "hamburger-menu-text" }, this.menu_button_label)))), h("div", { key: '35bb4d17184d78cc82f10575c405671d2399c083', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: '8b872eedae11463b79109b86aaebe79049417a0a', class: "dda-sidemenu-content" }, h("p", { key: 'b60ca2503ec258a0a2c929e58a2b60ad6a66be28', class: "dda-side-nav-title" }, "Quick Links"), h("ul", { key: '97a5b237524a897a1dd27cc35dc82f2978b7f88c', 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: '2068b95884e81e7d45fa6d172bceaf8e9fcf3a5f', class: "dda-sidemenu-bottom" }, h("div", { key: 'f8fad40c7a6bcd89445caff8312b1d75446a2c39', class: "dda-sidemenu-gov-logo" }, h("a", { key: 'fd3cf7324d60503323536756c46a3e2269dd76be', href: this.firstLogoHref, class: "govt-logo mb-2" }, h("img", { key: '0c072aea99471241c4beed44aa45a783487109d1', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'd5229b78918d3f5141bdd6508bc9290dd82cff2e', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: 'c3a5fea233575cc41086f006d83c121637249ffa' }, h("li", { key: '05b8380b1bc2904dde6325c75e505c791d80d3b9' }, h("button", { key: '77bf98403406f1805e7c124868697ce93fa909c1', name: this.accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", "aria-expanded": this.isAccessibiltyOpen ? 'true' : 'false', onClick: this.toggleAccessibilty }, h("i", { key: 'ba8ac2e906459c4f1146b8914fee17bd1e61bd31', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "accessibility"), h("span", { key: '40fdbbf2e61ab20d38b7393367b0307dbc79f653', class: "visually-hidden" }, "Accessibility"))), h("li", { key: 'e0967bfcee2d3cfced038afcd8d71f9b68b1c6c2' }, h("button", { key: '15b7f3fd0f8a88bf1e5b55c9193af6ce2f562766', name: this.language_button_name, class: "tool-btn", type: "button", lang: this.language_lang, onClick: this.languagehandler }, this.language_text || 'العربية')), !this.hide_login && (h("li", { key: '344c7ea8f9f39fc6b9186fae9f9d0e2a29812bd0' }, h("dda-link-button", { key: 'ddd23793936494095f92199ca8aa3b6542e057ee', 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: 'c98eded45379cc3a5329754dbc20ee60b6b25613', name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: '4e9757b2a1de7194d952caffefdf312a05b71f32', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")), h("div", { key: 'b0469e9a46224bfcd216cff235fead2897f50d2b', class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: '93defee85dde89cfa6e67e6b3ca370353c5e6222', class: "dda-row" }, h("div", { key: 'c481f64ad8865cfca1f5b0bc0354172aeedaabcd', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '73937142ec896b3f45dad228c2877835162b79ac', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: '16ff3eb668308d3de610b7d31fe09703f80fdf92' }, h("fieldset", { key: 'e60d6ee03d81c4227083d0af770a169612f287d3', class: "dda-theme-list" }, h("legend", { key: '5e3bc4f036fd51720049c5f0443ae63717b6f8dc' }, h("p", { key: '374381cf5812b6f71abba5ff320b061b80a3f62d', class: "mb-3" }, "Select your preferred contrast setting ")), h("dda-radiobutton", { key: 'f51398e186eec4a8e432d54fa04b56768614889e', 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: '0903e68c4d56436e1375d11eace6012b0abdc056', 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: '654338fbc2ea136382ba8317a25860e1c6ef035c', 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: '7fcb7c39b886f225ded3dfb785ef64a8a96cd3cd', 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 })))), this.readSpeakerLink && (h("div", { key: '670590bb033f934dd1c2a0ff2389852bdf6f6361', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: 'bae3c03019f94931a0b2916e2b0a27c4451fd73c', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: '5b76889779669cabb33daee5dc521365c69ad96f', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: '47c3a9f7d45b9a126906eb096eac60bede592c4a', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: 'b2ebbc608601aa1fe5820b3fe87f9666ff0fb93d', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: 'c3b834ef498cde814d013761d3a37aecb5b4098b', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up"))))), h("div", { key: 'f24c9312dddde483e7ca60ed25c9627b179e6982', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '22f54cd6e591377091ec8af31428ae53a5e0d4c8', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: 'ae950393bfe69fdbff4b858cf293e1add02e5e66', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: '09bf848262d342e678c6801eec642260226b60ad', class: "d-flex dda-gap-4" }, h("dda-button", { key: 'd5c3e531d557d74bb976b8fa35a1b228798b9b6f', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: '7ed5564d6d99ace659b878510b412e0028a21b97', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: 'fbcd2b704dbddbd85c022210cd85824b67fe1bc1', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: '0354ef95cce6976ea90307fa3e23a959b91136bf', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleAccessibilty }, h("i", { key: 'f4f26c5ff5dafb974c1f0325ae04f235f9eb9bc2', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")))), h("div", { key: '3555e5a4a533f570fc36408d45bba80c23645886' }, h("ul", { key: 'ebadb135c7a33a8969fce9c1459f0ae7d9014f43', 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", "aria-hidden": "true" }, 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", "aria-hidden": "true" }, "close"))))))))))), h("div", { key: '854e24db6dbec2bac0853d6071d46b7e5c221b35', class: "dda-mobile-entt-logo" }, h("a", { key: 'cd70858d48dc1d480e50bfa33b5f306cbdad6f4c', href: this.secondLogoHref, class: "entt-logo" }, h("img", { key: 'f43c2a7dbf7b67ba9b498eeece2ebe9467883fb6', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '0e89c9bec4ff2f1d9ef2d1eda15ebe3b7c676446', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: 'a5474b5c7addd4133551987abe5df14306e343c2', class: "dda-mobile-search" }, h("button", { key: 'a36f8468c93b5c8510311683bf7215c7d9bebb23', name: this.search_button_name, class: "tool-btn", type: "button", "aria-expanded": this.isSearchOpen ? 'true' : 'false', "aria-controls": `${this.searchId}-mobile-panel`, onClick: this.isSearchOpen ? this.closeMobileSearch : this.openMobileSearch, ref: el => (this.mobileSearchButton = el) }, h("span", { key: '402360581f2bae5f39d1ae869692933e702ffd3a', class: "visually-hidden" }, "Search"), h("i", { key: '7c14bb124fed07e91007fe3e6d4218490cc650e4', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"))), h("div", { key: 'b7ed041b502925f0637e1e0ed541c0b730430a22', id: `${this.searchId}-mobile-panel`, class: "dda-mobile-search-panel", hidden: !this.isSearchOpen }, h("form", { key: '62d1886a6b174d0d20a2d4e49242cff4e3b858e2', class: "dda-mobile-search-form", role: "search", method: "get", action: this.search_action, onSubmit: this.handleSearchSubmit }, this.renderSearchInput(`${this.searchId}-mobile`, el => (this.mobileSearchInput = el)), h("button", { key: '70ccebc977fbeba61428f2c5198f113bc2957df5', type: "button", class: "dda-mobile-search-close", "aria-label": "Close search", onClick: this.closeMobileSearch }, h("i", { key: '057723af96658930cc885323288117d8c0c54fe2', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")))), h("div", { key: '2ab48d0aac2875a2ed5930a10fdd79ec0943b216', class: "dda-toolbar-menu" }, h("ul", { key: 'c3d6e3416dde1ea5a6cf62d01de97b7c0323c957' }, h("li", { key: 'efdcdf6436d2a6646f3eeaacd34f1078196b10a1' }, h("dda-tooltip", { key: '8ccd71882a96427444ed789ad9eca0e489b99892', title_text: "Search", description: "", position: "top" }, h("form", { key: '25dbdf52a3cbfad3fca2f81c07f6ba02042bd4e4', class: "dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn", role: "search", method: "get", action: this.search_action, onSubmit: this.handleSearchSubmit }, this.renderSearchInput(this.searchId)))), h("li", { key: '1a5b626026b141cd806fdfa8d88c16f6d08491b0' }, h("dda-tooltip", { key: '614f5af0b5193f9b170530249328b5414a4e25bb', title_text: "Accessibility", position: "top" }, h("button", { key: '73c599b295f27b8171f5b7765dd60b321e874d1c', 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", "aria-expanded": this.isAccessibiltyOpen ? 'true' : 'false', onClick: this.toggleAccessibilty }, h("i", { key: 'a0d66112601707ac140afe1ac81f985b78c76365', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "accessibility"), h("span", { key: 'f25a594c8ee3f0e292aa2647a892b2f5f6b87af7', class: "visually-hidden" }, "Accessibility"))), h("div", { key: '5750bf8f5a0a14bad32bb2bf1da8f0b89a97d333', class: "dda-accessibility-wrap" }, h("div", { key: '737965b7dd14b33a84c1c8dd0fd2cad3a7141b2b', class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: '1aaffffa4c83f9ee065bc8398c0aeba88afb76af', class: "dda-row" }, h("div", { key: 'e8337c48645661d2d381b367a8a4fe3c9564dad6', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '0a0ef35d619401eb9e7a9094dbd6481066862bcd', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: '693850d5a96f978d7ae350c2fa7c71d1b23fe114' }, h("fieldset", { key: '15ec283264f3505b50251a148f256810f398f3ff', class: "dda-theme-list" }, h("legend", { key: '3b35f9bef60a82c89b75df5c0f02828671625d34' }, h("p", { key: '75898cdac310529ad1e3c838995385c53b7d62ab', class: "mb-3" }, "Select your preferred contrast setting ")), h("dda-radiobutton", { key: '2d720c4f9c5bd3e4c784040eb35bd5ce54a08d1c', 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: '1ba2595eacc84a62581722388a2995acd69181b5', 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: '529da9f6cea575e7d7f2aaee681b025de4216200', 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: 'a7893807dbea15a170bdc28be26f279ffa9b0735', 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 })))), this.readSpeakerLink && (h("div", { key: '771a1c410dd2d23369dd9288d92cdca8fe668d7d', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: 'eb442afea6c3c89a0889199ed2456610a4317be6', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: 'b44535f044e585f9fc866a0f9bfb8ff18891ad25', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: '597d520cb2cae3c04579cbc5c3dd4c64bde439d0', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: 'a477ebdd7ea39a8375797aaedb8fa3fbb63b5bb2', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: '6e0a70c58ab21cfe2e51dd5cde2b3d1e0d5567fe', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up"))))), h("div", { key: '569ee1ca086374701b87b831a282237aaee89696', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '8011557e79f3b2a2cc9ae9204558d4f342857b72', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: '412bc7065a2d767b05e045fc008fbbb7c2415193', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: '863736e26da3cfd0250953f3477d9dcc630bba09', class: "d-flex dda-gap-4" }, h("dda-button", { key: '3bed6701006f848c1a398cfebc09887b5708b9b9', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: '6b0c58960dfc0ef027cde9f23aa2e4604e5ae82b', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: '36859719ec855a9c820ee785f835babe53d66a13', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: '5eeb28eeff4092f5276c7ad5799b97016921298d', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { key: 'f304a9d206b14774ed885524ad870e410cd838a9', class: "materinal-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))))), h("li", { key: '4afaf5c712bf481eb733c43cedaefc85ae3d5868' }, h("dda-tooltip", { key: '09c796a5ca271097549e63c124ebaa3a3c0a65f6', title_text: "Language", position: "top" }, h("dda-button", { key: '36a733b9fce2fe1e9690bcb46280c29aba29030b', button_color: "onsurface-secondary", custom_class: "tool-btn", button_shape: "circle", size: "sm", lang: this.language_lang, onClick: this.languagehandler }, this.language_text || 'العربية'))), !this.hide_login && (h("li", { key: 'ea2b5b451cc255cfe85b594f689d7fdd858c04c4' }, h("dda-tooltip", { key: '7ec58a5f79d2c7001b05aa682c63256eb4e7686f', title_text: this.loginText || "Login", position: "top" }, h("dda-link-button", { key: 'eac673f812227a6878fd1efba63ec1cd4adfacd5', 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")))))))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "isMenuOpen": [{
-                "onMenuOpenChange": 0
-            }]
-    }; }
-    static get style() { return ddaHeaderCss(); }
-}, [0, "dda-header", {
-        "firstLogoSrc": [1, "first-logo-src"],
-        "firstLogoWhiteSrc": [1, "first-logo-white-src"],
-        "firstLogoAlt": [1, "first-logo-alt"],
-        "firstLogoHref": [1, "first-logo-href"],
-        "secondLogoSrc": [1, "second-logo-src"],
-        "secondLogoWhiteSrc": [1, "second-logo-white-src"],
-        "secondLogoAlt": [1, "second-logo-alt"],
-        "secondLogoHref": [1, "second-logo-href"],
-        "loginLink": [1, "login-link"],
-        "sideMenuItems": [1, "side-menu-items"],
-        "quickLinks": [1, "quick-links"],
-        "readSpeakerLink": [1, "read-speaker-link"],
-        "searchText": [1, "search-text"],
-        "loginIcon": [1, "login-icon"],
-        "loginText": [1, "login-text"],
-        "hide_login": [4],
-        "language_text": [1],
-        "language_lang": [1],
-        "hamburger_menu_button_name": [1],
-        "menu_button_label": [1],
-        "accessibility_button_name": [1],
-        "search_button_name": [1],
-        "search_input_name": [1],
-        "search_action": [1],
-        "language_button_name": [1],
-        "close_menu_button_name": [1],
-        "close_accessibility_button_name": [1],
-        "close_sidebar_button_name": [1],
-        "toggle_accessibility_button_name": [1],
-        "isMenuOpen": [32],
-        "isSubMenuOpen": [32],
-        "isSideSubMenuOpen": [32],
-        "isAccessibiltyOpen": [32],
-        "isSearchOpen": [32],
-        "openMenus": [32],
-        "activeMenuIndex": [32]
-    }, undefined, {
-        "isMenuOpen": [{
-                "onMenuOpenChange": 0
-            }]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["dda-header", "dda-button", "dda-link-button", "dda-radiobutton", "dda-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "dda-header":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), DdaHeader$1);
-            }
-            break;
-        case "dda-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "dda-link-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "dda-radiobutton":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "dda-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1(DdaHeader$1);
-
-const DdaHeader = DdaHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DdaHeader, defineCustomElement };
+import{t as e,p as s,H as t,d as i,h as a}from"./p-CedhFs0i.js";import{p as d}from"./p-CvcFE821.js";import{d as l}from"./p-C8EPNbJC.js";import{d as c}from"./p-DHgv6zQy.js";import{d as n}from"./p-BvEnF2US.js";import{d as o}from"./p-BUv5-HOm.js";const r=e=>"string"==typeof e?e.trim():"",h=e=>r(e)||void 0,b=e=>Array.isArray(e)?e.filter((e=>!!(e=>!!e&&"object"==typeof e&&!Array.isArray(e))(e)||(console.warn("quick-links: an item is not an object; it is ignored."),!1))):[];function u(e){const s=b(e.children),t={label:r(e.headerMenuLabel),href:r(e.url)||"#",active:"true"===e.active||!0===e.active,id:h(e.headerMenuId),description:h(e.description),icon:h(e.quickLinksIcon),kind:"link",submenuTitle:h(e.defaultSubMenuTitle),children:[],columns:[]};return 0===s.length?t:Object.assign(Object.assign({},t),"dda_main_megamenu"===e.type?{kind:"mega",columns:s.map((e=>({title:h(e.title),links:b(e.items).map((e=>{var s;return{label:r(e.headerMenuLabel),href:r(e.url)||"#",description:h(e.description),icon:null!==(s=h(e.quickLinksIcon))&&void 0!==s?s:"sentiment_satisfied",active:!1}}))})))}:{kind:"dropdown",children:s.map(u)})}let f=0;const m=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.accessibilityMenuToggle=i(this,"accessibilitymenufunctionality"),this.searchInput=i(this,"searchfunctionality"),this.languageSwitch=i(this,"languageSwitch"),this.smTextSize=i(this,"smTextSize"),this.baseTextSize=i(this,"baseTextSize"),this.lgTextSize=i(this,"lgTextSize"),this.normalContrast=i(this,"normalContrast"),this.blindContrast=i(this,"blindContrast"),this.redContrast=i(this,"redContrast"),this.greenContrast=i(this,"greenContrast"),this.searchSubmit=i(this,"searchSubmit"),this.firstLogoHref="/",this.secondLogoHref="/",this.hideOtherMenu=!1,this.selected_contrast="normal",this.hide_login=!1,this.language_lang="ar",this.usePredesignedAccessibilityMenu=!0,this.isMenuOpen=!1,this.isSubMenuOpen=!1,this.isSideSubMenuOpen=!1,this.isAccessibiltyOpen=!1,this.isSearchOpen=!1,this.searchId="dda-header-search-"+ ++f,this.focusSearchAfterRender=!1,this.lastScrollTop=0,this.menu_button_label="Menu",this.openMenus={},this.activeMenuIndex=null,this.activeSubIndex=null,this.activeSubTop=0,this.toggleEscapeKey=e=>{"Escape"===e.key&&(this.isSearchOpen&&this.closeMobileSearch(),this.isMenuOpen=!1,this.isAccessibiltyOpen=!1,this.isSubMenuOpen=!1,this.isSideSubMenuOpen=!1,this.activeMenuIndex=null,this.activeSubIndex=null)},this.handleSearchSubmit=e=>{const s=e.currentTarget.querySelector("input"),t=s.value.trim();if(!t)return e.preventDefault(),void s.focus();this.searchInput.emit(t),!this.searchSubmit.emit({query:t}).defaultPrevented&&this.search_action||e.preventDefault()},this.openMobileSearch=()=>{this.focusSearchAfterRender=!0,this.isSearchOpen=!0},this.closeMobileSearch=()=>{var e;this.isSearchOpen=!1,null===(e=this.mobileSearchButton)||void 0===e||e.focus()},this.handleOutsideClick=e=>{e.target.closest(".main_side_menu")||(this.toggleSidebarSubMenu(""),document.querySelectorAll(".main_sub_menu").forEach((e=>{e.classList.remove("showSubMenu")})),document.querySelectorAll(".showSub").forEach((e=>{e.classList.remove("icon_arrow")})))},this.handleOutsideAccessibilityClick=e=>{if(this.isAccessibiltyOpen){const s=document.querySelector(".dda-accessibility-wrap .dda-accessibility"),t=s&&s.contains(e.target),i=e.target.closest(".accessibility-btn");t||i||(this.isAccessibiltyOpen=!1)}},this.handleOutsideMegaMenuClick=e=>{null!==this.activeMenuIndex&&(e.target.closest(".dda-mega-menu")||(this.activeMenuIndex=null,this.activeSubIndex=null))},this.handleScroll=()=>{this.updateScrolled();const e=window.scrollY,s=document.querySelector(".dda-menu-container"),t=document.querySelector(".dda-header");e>this.lastScrollTop&&e>50?(s&&(s.style.display="none"),t&&t.classList.add("white")):(s&&(s.style.display="flex"),t&&t.classList.remove("white")),this.lastScrollTop=e},this.toggleMenu=()=>{this.isAccessibiltyOpen&&(this.isAccessibiltyOpen=!1),this.isMenuOpen=!this.isMenuOpen},this.toggleSubMenu=(e,s)=>{s&&s.preventDefault(),this.activeMenuIndex=this.activeMenuIndex===e?null:e,this.activeSubIndex=null},this.toggleAccessibilty=()=>{this.usePredesignedAccessibilityMenu&&(this.isAccessibiltyOpen=!this.isAccessibiltyOpen),this.accessibilityMenuToggle.emit()},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.renderSubMenu=(e,s)=>e&&0!==e.length?a("div",{class:"main_sub_menu "+(this.openMenus[s]?"showSubMenu":"")},e[0].headerLabel&&a("p",{class:"dda-side-nav__title"},e[0].headerLabel),a("ol",null,e.map(((e,t)=>{const i=`${s}-${t}`;return a("li",{key:i},a("a",{href:e.href,class:e.subMenu&&e.subMenu.length>0?"showSub":"",onClick:s=>{e.subMenu&&e.subMenu.length>0&&(s.preventDefault(),this.toggleSidebarSubMenu(i))}},e.label),this.renderSubMenu(e.subMenu,i))})))):null}toggleSidebarSubMenu(e){if(""===e)return void(this.openMenus={});const s={};if(this.openMenus[e])for(const t in this.openMenus)t===e||t.startsWith(e+"-")||(s[t]=!0);else{const t=e.split("-");let i="";for(let e=0;e<t.length-1;e++)i=i?`${i}-${t[e]}`:t[e],s[i]=!0;s[e]=!0}this.openMenus=s}componentDidLoad(){this.updateScrolled(),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("keydown",this.toggleEscapeKey),document.removeEventListener("click",this.handleOutsideAccessibilityClick),document.removeEventListener("click",this.handleOutsideMegaMenuClick),this.lockPageScroll(!1)}onMenuOpenChange(e){this.lockPageScroll(e)}lockPageScroll(e){document.documentElement.classList.toggle("dda-scroll-lock",e)}componentDidUpdate(){var e;this.focusSearchAfterRender&&(this.focusSearchAfterRender=!1,null===(e=this.mobileSearchInput)||void 0===e||e.focus())}renderSearchInput(e,s){return[a("label",{htmlFor:e,class:"visually-hidden"},this.searchText||"Search"),a("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"search"),a("input",{name:this.search_input_name||"q",type:"text",id:e,placeholder:this.text(this.search_input_placeholder,this.searchText||"Search"),enterkeyhint:"search",autocomplete:"off",ref:s})]}updateScrolled(){this.el.classList.toggle("dda-scrolled",window.scrollY>0)}parseJsonArray(e){try{return JSON.parse(e)}catch(e){return console.error("Failed to parse JSON:",e),[]}}text(e,s){return null==e?s:e}renderAccessibilityColumns(e){var s;const t="mobile"===e?"Mobile":"",i="mobile"===e?"themeselectionmobile":"themeselection",d=this.text(this.contrast_title,"Contrast"),l=this.text(this.contrast_description,"Select your preferred contrast setting"),c=this.readSpeakerLink||this.read_speaker_link,n=this.text(this.screen_reader_title,"Screen Reader"),o=this.text(this.screen_reader_description,"Listen to the content of the page by clicking play or listen"),r=this.text(this.text_size_title,"Text Size"),h=this.text(this.text_size_description,"Use the buttons below to increase or decrease the text size"),b=[{value:"normal",label:this.text(null!==(s=this.contrast_normal_text)&&void 0!==s?s:this.contrast_noraml_text,"Normal"),id:"Normal",handler:this.normalContrasthandler},{value:"colorblind",label:this.text(this.contrast_color_blind_text,"Colours Blind"),id:"ColoursBlind",handler:this.blindContrasthandler},{value:"redweakness",label:this.text(this.contrast_red_weakness_text,"Red Weakness"),id:"RedWeakness",handler:this.redContrasthandler},{value:"greenweakness",label:this.text(this.contrast_green_weakness_text,"Green Weakness"),id:"GreenWeakness",handler:this.greenContrasthandler}],u=[{value:"normal",label:"A",handler:this.baseTexthandler},{value:"large",label:"A+",handler:this.lgTexthandler},{value:"small",label:"A-",handler:this.smTexthandler}];return a("div",{class:"dda-row"},a("div",{class:"dda-col-md-4 dda-accessibility-item"},d&&a("h2",{class:"dda-fs-body-lg dda-fw-700 mb-1"},d),a("form",null,a("fieldset",{class:"dda-theme-list"},l&&a("legend",null,a("p",{class:"mb-3"},l)),b.map((e=>e.label?a("dda-radiobutton",{title_text:e.label,checked:this.selected_contrast===e.value,size:"sm",variants:"normal",supporting:"",group_name:i,input_id:`${e.id}${t}`,custom_class:"",component_mode:"",onClick:e.handler}):null))))),c&&a("div",{class:"dda-col-md-4 dda-accessibility-item"},n&&a("h2",{class:"dda-fs-body-lg dda-fw-700 mb-1"},n),o&&a("p",{class:"mb-3"},o),a("div",{class:"rs_skip rsbtn rs_preserve",id:"readspeaker_button1"+t},a("a",{href:c,rel:"nofollow",class:"rsbtn_play circle readspeaker",accessKey:"desktop"===e?"L":void 0,"aria-label":this.text(this.screen_reader_link_label,"Listen to this page using ReadSpeaker")},a("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"volume_up")))),a("div",{class:"dda-col-md-4 dda-accessibility-item"},r&&a("h2",{class:"dda-fs-body-lg dda-fw-700 mb-1"},r),h&&a("p",{class:"mb-3"},h),a("div",{class:"d-flex dda-gap-4 dda-text-size-buttons"},u.map((e=>a("dda-button",{button_color:this.selected_text_size===e.value?"default-primary":"default-secondary",icon_button_shape:"circle",custom_class:"",size:"lg",onClick:e.handler},e.label))))))}tooltip(e,s){return e||s}get loginLabel(){return this.text(this.loginText,"Login")}get showLogin(){return!this.hide_login&&""!==this.loginLabel}get languageLabel(){return this.text(this.language_text,"العربية")}renderAccessibilityButton(e){return a("button",{id:this.accessibility_button_id?"desktop"===e?this.accessibility_button_id:this.accessibility_button_id+"-sidemenu":void 0,name:"desktop"===e?this.toggle_accessibility_button_name:this.accessibility_button_name,class:"desktop"===e?"tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn":"tool-btn accessibility-btn",type:"button","aria-expanded":this.usePredesignedAccessibilityMenu?this.isAccessibiltyOpen?"true":"false":void 0,onClick:this.toggleAccessibilty},a("i",{class:this.accessibility_button_icon_family||"material-icons  material-symbols-outlined","aria-hidden":"true"},this.accessibility_button_icon_name||"accessibility"),a("span",{class:"visually-hidden"},this.text(this.accessibility_button_text,"Accessibility")))}renderDropdown(e,s){const t=this.menuPanelId(s);return a("div",{id:t,class:{"dda-default-submenu":!0,"is-visible":this.activeMenuIndex===s}},a("ul",null,e.children.map(((e,s)=>{const i="dropdown"===e.kind,d=this.activeSubIndex===s;return a("li",{key:s},a("a",{id:e.id,href:i?"#":e.href,class:{"has-submenu":i,active:d||e.active},"aria-expanded":i?d+"":void 0,"aria-controls":i?`${t}-${s}`:void 0,"aria-current":e.active&&!i?"page":void 0,onClick:e=>{if(!i)return;e.preventDefault();const t=e.currentTarget,a=t.closest(".dda-default-submenu");a&&(this.activeSubTop=t.getBoundingClientRect().top-a.getBoundingClientRect().top),this.activeSubIndex=d?null:s}},e.label))}))),e.children.map(((e,s)=>{if("dropdown"!==e.kind)return null;const i=this.activeSubIndex===s;return a("div",{key:"sub-"+s,id:`${t}-${s}`,class:{"dda-default-subsubmenu":!0,"is-visible":i},style:i?{top:this.activeSubTop+"px"}:void 0},a("div",{class:"dda-default-subsubmenu-content"},a("span",{class:"dda-submenu-title"},e.submenuTitle||e.label),a("ul",null,e.children.map(((e,s)=>a("li",{key:s},a("a",{id:e.id,href:e.href,"aria-current":e.active?"page":void 0},e.label)))))))})))}menuPanelId(e){return`${this.searchId}-submenu-${e}`}renderMega(e,s){return a("div",{id:this.menuPanelId(s),class:"megamenu-content "+(this.activeMenuIndex===s?"showSubMenu":""),style:{display:this.activeMenuIndex===s?"block":"none"}},a("div",{class:"megamenu-item dda-container"},a("div",{class:"dda-row"},e.columns.map(((e,s)=>a("div",{class:"dda-col-md-3",key:s},e.title&&a("h3",{class:"mega-menu-title"},e.title),a("ul",null,e.links.map(((e,s)=>a("li",{key:s},a("a",{class:"megamenu-link",href:e.href},a("span",{class:"dda-btn btn-color-onsurface-secondary btn-size-sm icon-btn-default"},a("i",{class:"material-icons material-symbols-outlined","aria-hidden":"true"},e.icon)),a("span",{class:"text-wrap"},a("span",{class:"title-text dda-fs-body-lg dda-fw-700"},e.label),e.description&&a("span",{class:"dda-fs-tagline-lg dda-fw-400"},e.description))))))))))),a("button",{name:"close-mega-menu",class:"close-btn close_mega-menu","aria-label":"Close Sidebar",onClick:()=>this.activeMenuIndex=null},a("i",{class:"material-icons material-symbols-outlined","aria-hidden":"true"},"close"))))}render(){const e=this.parseJsonArray(this.sideMenuItems),s=function(e){return b(d(e,"quick-links")).map((e=>(e=>void 0!==e.headerMenuLabel||void 0!==e.type)(e)?u(e):function(e){const s=b(e.subMenu),t={label:r(e.label),href:r(e.href)||"#",active:!1,kind:"link",children:[],columns:[]};return 0===s.length?t:Object.assign(Object.assign({},t),{kind:"mega",columns:[{title:h(e.menuLabel),links:s.map((e=>({label:r(e.title),href:r(e.href)||"#",description:h(e.description),icon:h(e.icon),active:!1})))}]})}(e)))}(this.quickLinks),t=d(this.otherMenuItems,"other-menu-items");return a("header",{key:"32433ee95f1ae35e0f74ccb5d6b096f589695e98",class:"dda-header"},a("div",{key:"9ad5e7bae10b14edb5e4b425a398f5558d5f9235",class:"dda-head-logo"},a("a",{key:"eb6b3a1a8a251b36403032991208c6851fe13c8f",href:this.firstLogoHref,class:"govt-logo"},a("img",{key:"ad7ac43b73cf44d723741de98868bad4dd851671",class:"logo-colored",src:this.firstLogoSrc,alt:this.firstLogoAlt}),a("img",{key:"18ea73459cb1872774664b5f462d5ef62aa6797e",class:"logo-white",src:this.firstLogoWhiteSrc||this.firstLogoSrc,alt:this.firstLogoAlt})),a("a",{key:"0eefe4a0f33ffdf3985afae932e66913fd13a8f3",href:this.secondLogoHref,class:"entt-logo"},a("img",{key:"df4932bc5a0f04aeedbc96042eaa45bb8618f6be",class:"logo-colored",src:this.secondLogoSrc,alt:this.secondLogoAlt}),a("img",{key:"ba7c80b44d063cae03ba9383791e6fd3130847e7",class:"logo-white",src:this.secondLogoWhiteSrc||this.secondLogoSrc,alt:this.secondLogoAlt}))),a("div",{key:"f65d90eb129e728b5e2765dc56edb7f810cdfd35",class:"dda-menu-container"},a("div",{key:"0350e48d6b954849223565e1bf7f12ae7412186d",class:"dda-main-navigation"},a("div",{key:"94b7d46db89ebfdaf56e0e42b7e1f169ee5c0ace",class:"dda-menu-overley "+(this.isMenuOpen?"show-overley":""),onClick:this.toggleMenu}),a("div",{key:"f9f95ecec3c42ebcf2b19f648aa58e66992d7639",class:"hamburger-menu",onClick:this.toggleMenu},a("dda-tooltip",{key:"c54f460c9594e0d6419d6be238cef43cf36131d0",title_text:this.tooltip(this.menu_button_label,"Menu"),position:"top",class:"d-block"},a("button",{key:"5eed1a83dddc0611d452e5b592ce0a94aa4c41e0",type:"button",class:"hamburger-menu-btn",name:this.hamburger_menu_button_name},a("span",{key:"aed42c584a5bbcc1a06e932d613137d3aea6ba34",class:"hamburger-line"}),a("span",{key:"a77cbf53977e5c6347a3847f2199487870a9dc9e",class:"hamburger-menu-text"},this.menu_button_label)))),a("div",{key:"8da7f3edac3d3ad3cc73e29b6aa794c18b2d4199",class:"dda-sidemenu",style:{display:this.isMenuOpen?"block":"",insetInlineStart:this.isMenuOpen?"0px":""}},a("div",{key:"444bd4291f474d6f50d47e1aab4a4a275d0a5028",class:"dda-sidemenu-content"},this.text(this.sideMainMenuTitle,"Quick Links")&&a("p",{key:"0794f5ea9a0ea1750b5fb7d3f84002368d498177",class:"dda-side-nav-title"},this.text(this.sideMainMenuTitle,"Quick Links")),a("ul",{key:"bc0f6a674f6a9aa5ce1678a5942147e615393ee9",class:"main_side_menu"},e.map(((e,s)=>{const t="menu-"+s;return a("li",{key:t},a("a",{href:e.href,class:e.subMenu&&e.subMenu.length>0?"showSub":"",onClick:s=>{e.subMenu&&e.subMenu.length>0&&(s.preventDefault(),this.toggleSidebarSubMenu(t))}},e.label),this.renderSubMenu(e.subMenu,t))}))),!this.hideOtherMenu&&t.length>0&&[this.sideOtherMenuTitle&&a("p",{key:"9c7b8d1dd2d206f984951cef4dad79551c026dcc",class:"dda-side-nav-title"},this.sideOtherMenuTitle),a("ul",{key:"42001d954d19a80a7ad6328aeb13bc8f5adfba8d",class:"main_side_menu"},t.map(((e,s)=>a("li",{key:"other-"+s},a("a",{href:e.href,class:"true"===e.active?"active":"","aria-current":"true"===e.active?"page":void 0},e.label)))))]),a("div",{key:"06f5f6931ad39ec607aa10d97c14dd12ab0d4e01",class:"dda-sidemenu-bottom"},a("div",{key:"108a9c80301683c910cc80e81c2b533b76d821a9",class:"dda-sidemenu-gov-logo"},a("a",{key:"4be0fdf0cd40f5e8cff36bbad4acf63d97935bd8",href:this.firstLogoHref,class:"govt-logo mb-2"},a("img",{key:"b8b00bf0d624299da3ff2f2b824b951620c40be9",class:"",src:this.firstLogoSrc,alt:this.firstLogoAlt}))),a("div",{key:"b0719b41aad4f75366d54e25a967bc8d67952918",class:"dda-toolbar-menu-sidemenu"},a("ul",{key:"52ee920078fbb73ce827fc65e372d2899568a943"},a("li",{key:"768b6f0f85f1304136dd23d0a3d5a9c213600810"},this.renderAccessibilityButton("mobile")),this.languageLabel&&a("li",{key:"ae2ee87232999ae08a38378c475c38f742b5bf0c"},a("button",{key:"7c08d026b461becf44c5222a040c2544bb8c6b7c",name:this.language_button_name,class:"tool-btn",type:"button",lang:this.language_lang,onClick:this.languagehandler},this.languageLabel)),this.showLogin&&a("li",{key:"5f4f33fca15860af56e9d9d45149f1c391cd31df"},a("dda-link-button",{key:"4af11a09e4d414677b65707f228d3a8bdf85bc04",button_color:"onsurface-secondary",start_icon:this.loginIcon||"sentiment_satisfied",custom_class:"tool-btn",href:this.loginLink,button_shape:"circle",size:"sm"},this.loginLabel))))),a("button",{key:"a2ff2fbce6f369d570ad25efebf6f8f0de85cc04",name:this.close_menu_button_name,class:"close-btn side-nav-close-btn","aria-label":"Close Sidebar",onClick:this.toggleMenu},a("i",{key:"0334c91beef504626934e695b555d67a9bedbdf6",class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"close")),this.usePredesignedAccessibilityMenu&&a("div",{key:"6668fd9fa40b85d119100f59bf5055ae7767db23",class:"dda-accessibility hide-accessibility mobile-accessibility",style:{display:this.isAccessibiltyOpen?"block":"none"}},this.renderAccessibilityColumns("mobile"),a("button",{key:"bdba830a83267399804cf30efb4b454b6dd0bbe0",name:this.close_accessibility_button_name,class:"close-btn close_accessibility","aria-label":"Close Accessibility",onClick:this.toggleAccessibilty},a("i",{key:"0b9a6819c1bff1b52662386aca02110c6ab8c131",class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"close")))),a("div",{key:"bd9ec32ec674f8738a78ff8f53108fdf682a20e0"},a("ul",{key:"38ba8c0d6525077ebfe88c69b1ecfd0fb43e2608",class:"dda-mega-menu"},s.map(((e,s)=>{const t="link"!==e.kind,i=this.activeMenuIndex===s;return a("li",{key:s},a("a",{href:t?"#":e.href,onClick:t?e=>this.toggleSubMenu(s,e):void 0,class:{showSub:t,icon_arrow:t&&i,active:e.active},"aria-expanded":t?i+"":void 0,"aria-controls":t?this.menuPanelId(s):void 0,"aria-current":e.active&&!t?"page":void 0},e.label),"dropdown"===e.kind&&this.renderDropdown(e,s),"mega"===e.kind&&this.renderMega(e,s))}))))),a("div",{key:"005102cc2dffc29276815160605772370a3bc0cc",class:"dda-mobile-entt-logo"},a("a",{key:"df6a1b8c76455d114c08500ae6502be62f06858c",href:this.secondLogoHref,class:"entt-logo"},a("img",{key:"9a04ddd255475900f45086120543260bfee0de29",class:"logo-colored",src:this.secondLogoSrc,alt:this.secondLogoAlt}),a("img",{key:"f7b56f89406f1df4d1d64a5bb5b9d7b188b7d423",class:"logo-white",src:this.secondLogoWhiteSrc,alt:this.secondLogoAlt}))),a("div",{key:"e8b285e912a1cb2acc55c11615f07ce6d7e6d337",class:"dda-mobile-search"},this.mobileMenuSearchUrl?a("a",{id:this.mobileMenuSearchId,href:this.mobileMenuSearchUrl,class:"tool-btn"},a("span",{class:"visually-hidden"},this.searchText||"Search"),a("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"search")):a("button",{id:this.mobileMenuSearchId,name:this.search_button_name,class:"tool-btn",type:"button","aria-expanded":this.isSearchOpen?"true":"false","aria-controls":this.searchId+"-mobile-panel",onClick:this.isSearchOpen?this.closeMobileSearch:this.openMobileSearch,ref:e=>this.mobileSearchButton=e},a("span",{class:"visually-hidden"},this.searchText||"Search"),a("i",{class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"search"))),!this.mobileMenuSearchUrl&&a("div",{key:"edc649b51bdce87a49162dd8e2d29fa1e5525d50",id:this.searchId+"-mobile-panel",class:"dda-mobile-search-panel",hidden:!this.isSearchOpen},a("form",{key:"e6185f22e6d16c3ecdf3837917f6f5ac12483fa4",class:"dda-mobile-search-form",role:"search",method:"get",action:this.search_action,onSubmit:this.handleSearchSubmit},this.renderSearchInput(this.searchId+"-mobile",(e=>this.mobileSearchInput=e)),a("button",{key:"82ea4559f09115e8790b654d7c270734a436b0be",type:"button",class:"dda-mobile-search-close","aria-label":"Close search",onClick:this.closeMobileSearch},a("i",{key:"fc2e02ff9a6d86f99ae0734d5dc77d9d3988af05",class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"close")))),a("div",{key:"caba18a60ff73e65bc70ff1ff082c47782e96ecb",class:"dda-toolbar-menu"},a("ul",{key:"c976f0088fdf1d9b50da2966aa45d8e66aff7e99"},a("li",{key:"4ffb8b7e65c3516dc2619ed90387708701d65a61"},a("dda-tooltip",{key:"fee68662ada0b681d894fa47f4377a23a63c02d2",title_text:this.tooltip(this.search_tooltip,"Search"),description:"",position:"top"},a("form",{key:"981fff0a7cbab22cf454855d46d9fe254488607c",class:"dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn",role:"search",method:"get",action:this.search_action,onSubmit:this.handleSearchSubmit},this.renderSearchInput(this.searchId)))),a("li",{key:"fa034c28c12012c9e080ffa02ba744c1359e3b71"},a("dda-tooltip",{key:"39f7eeaae844e1aaad97894d3ac01dfe68ae5a6d",title_text:this.tooltip(this.accessibility_tooltip,"Accessibility"),position:"top"},this.renderAccessibilityButton("desktop")),this.usePredesignedAccessibilityMenu&&a("div",{key:"9bd00b640ddb4dd44497d1d665dfcfdc1bd8befc",class:"dda-accessibility-wrap"},a("div",{key:"9743bd582c5705e1ce9602484f24c7fdd1718ac2",class:"dda-accessibility hide-accessibility",style:{display:this.isAccessibiltyOpen?"block":"none"}},this.renderAccessibilityColumns("desktop"),a("button",{key:"7b2913e38ed3a3c59023de78254ab8de62abc661",name:this.close_accessibility_button_name,class:"close-btn close_accessibility","aria-label":"Close Sidebar",onClick:this.toggleAccessibilty},a("i",{key:"b3aa1577875a36b310c9c52ee909c98940e8a81b",class:"material-icons  material-symbols-outlined","aria-hidden":"true"},"close"))))),this.languageLabel&&a("li",{key:"4d500ce6dfa7253a7ec7d8365f7944b0b09d793b"},a("dda-tooltip",{key:"d3308456b90d849acfef563a5fde1673606d50ca",title_text:this.tooltip(this.language_tooltip,"Language"),position:"top"},a("dda-button",{key:"40075897d322fd313a5871ec1b91f6efbac1d14b",button_color:"onsurface-secondary",custom_class:"tool-btn",button_shape:"circle",size:"sm",lang:this.language_lang,onClick:this.languagehandler},this.languageLabel))),this.showLogin&&a("li",{key:"ceecde91b63d8bca127ac06e98bcef1abaeb2fc6"},a("dda-tooltip",{key:"0e0af0d68680dbd27af3d7a9fee22f05487729d1",title_text:this.tooltip(this.login_tooltip,this.loginLabel),position:"top"},a("dda-link-button",{key:"4acf05721471dd3434c0875986639f2d673fdf98",button_color:"onsurface-secondary",start_icon:this.loginIcon||"sentiment_satisfied",custom_class:"tool-btn",href:this.loginLink,button_shape:"circle",size:"sm"},this.loginLabel)))))))}get el(){return this}static get watchers(){return{isMenuOpen:[{onMenuOpenChange:0}]}}static get style(){return":root{scroll-padding-top:170px}@media screen and (max-width: 767px){:root{scroll-padding-top:100px}}:root.dda-scroll-lock{overflow:hidden;scrollbar-gutter:stable}:root.dda-scroll-lock body{overflow:hidden}"}},[0,"dda-header",{firstLogoSrc:[1,"first-logo-src"],firstLogoWhiteSrc:[1,"first-logo-white-src"],firstLogoAlt:[1,"first-logo-alt"],firstLogoHref:[1,"first-logo-href"],secondLogoSrc:[1,"second-logo-src"],secondLogoWhiteSrc:[1,"second-logo-white-src"],secondLogoAlt:[1,"second-logo-alt"],secondLogoHref:[1,"second-logo-href"],loginLink:[1,"login-link"],sideMenuItems:[1,"side-menu-items"],sideMainMenuTitle:[1,"side-main-menu-title"],sideOtherMenuTitle:[1,"side-other-menu-title"],otherMenuItems:[1,"other-menu-items"],hideOtherMenu:[4,"hide-other-menu"],mobileMenuSearchId:[1,"mobile-menu-search-id"],mobileMenuSearchUrl:[1,"mobile-menu-search-url"],quickLinks:[1,"quick-links"],readSpeakerLink:[1,"read-speaker-link"],read_speaker_link:[1],contrast_title:[1],contrast_description:[1],contrast_normal_text:[1],contrast_noraml_text:[1],contrast_color_blind_text:[1],contrast_red_weakness_text:[1],contrast_green_weakness_text:[1],screen_reader_title:[1],screen_reader_description:[1],screen_reader_link_label:[1],text_size_title:[1],text_size_description:[1],selected_contrast:[1025],selected_text_size:[1025],searchText:[1,"search-text"],loginIcon:[1,"login-icon"],loginText:[1,"login-text"],hide_login:[4],language_text:[1],language_lang:[1],accessibility_tooltip:[1],accessibility_button_text:[1],accessibility_button_id:[1],accessibility_button_icon_family:[1],accessibility_button_icon_name:[1],search_tooltip:[1],search_input_placeholder:[1],language_tooltip:[1],login_tooltip:[1],usePredesignedAccessibilityMenu:[4,"use-predesigned-accessibility-menu"],hamburger_menu_button_name:[1],menu_button_label:[1],accessibility_button_name:[1],search_button_name:[1],search_input_name:[1],search_action:[1],language_button_name:[1],close_menu_button_name:[1],close_accessibility_button_name:[1],close_sidebar_button_name:[1],toggle_accessibility_button_name:[1],isMenuOpen:[32],isSubMenuOpen:[32],isSideSubMenuOpen:[32],isAccessibiltyOpen:[32],isSearchOpen:[32],openMenus:[32],activeMenuIndex:[32],activeSubIndex:[32],activeSubTop:[32]},void 0,{isMenuOpen:[{onMenuOpenChange:0}]}]);function y(){"undefined"!=typeof customElements&&["dda-header","dda-button","dda-link-button","dda-radiobutton","dda-tooltip"].forEach((s=>{switch(s){case"dda-header":customElements.get(e(s))||customElements.define(e(s),m);break;case"dda-button":customElements.get(e(s))||l();break;case"dda-link-button":customElements.get(e(s))||c();break;case"dda-radiobutton":customElements.get(e(s))||n();break;case"dda-tooltip":customElements.get(e(s))||o()}}))}y();const k=m,p=y;export{k as DdaHeader,p as defineCustomElement}