npm - @dubai-design-system/components-js - Versions diffs - 3.1.8 → 3.1.13 - Mend

@dubai-design-system/components-js 3.1.8 → 3.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (150) hide show

package/dist/cjs/dda-header.cjs.entry.js CHANGED Viewed

@@ -30,6 +30,7 @@ const DdaHeader = class {
         this.openMenus = {};
         this.activeMenuIndex = null;
         this.usepredesignedaccessibilitymenu = true;
+        this.SearchValue = '';
         this.toggleEscapeKey = (event) => {
             if (event.key === 'Escape') {
                 this.isMenuOpen = false;
@@ -137,8 +138,8 @@ const DdaHeader = class {
         this.accessibilitymenuhandler = () => {
             this.accessibilitymenufunctionality.emit();
         };
-        this.searchhandler = value => {
-            this.searchfunctionality.emit(value);
+        this.searchhandler = searchval => {
+            this.searchfunctionality.emit(searchval);
         };
         this.renderSubMenu = (subMenu, parentLi) => {
             if (!subMenu || subMenu.length === 0)
@@ -206,7 +207,7 @@ const DdaHeader = class {
         const setActiveMenuIndex = (index) => {
             this.activeMenuIndex = index;
         };
-        return (index.h("header", { key: '5aba2ef8f46f460cc3b49367eaa0e3520a760dcd', class: `dda-header ${isHomepage ? 'transparent' : ''}` }, index.h("div", { key: '6d08c959bafab6201b08b41c2f5f3ef176a9a02a', class: "dda-head-logo" }, index.h("a", { key: '632bf7885f262a94656368f7221ea375bdab2eb7', href: this.firstLogoHref, class: "govt-logo" }, isHomepage ? (index.h("img", { class: "logo-white", src: this.firstLogoWhiteSrc, alt: this.firstLogoAlt })) : (index.h("img", { class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), index.h("a", { key: 'db5d7e50eae6b8f81255e42071ac4bd7240549d4', href: this.secondLogoHref, class: "entt-logo" }, isHomepage ? (index.h("img", { class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt })) : (index.h("img", { class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt })))), index.h("div", { key: 'e30478fe0619854709d9f479f65337ced0e978db', class: "dda-menu-container" }, index.h("div", { key: 'ea99021334c8733f1d977c635a257147bdafbca6', class: "dda-main-navigation" }, index.h("div", { key: '99d963e96ad3f348a0d1bda1d45cc5d01d8c5c44', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), index.h("div", { key: '256360639bc52642d158fffa1a1ac072d4cec367', class: "hamburger-menu", onClick: this.toggleMenu }, index.h("dda-tooltip", { key: 'f57495727be481c94977a15bba7408097e9eaeb8', title_text: "Menu", position: "top", class: "d-block" }, index.h("button", { key: '6f6acb2a6df3947088475d3e09b52888714dedea', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, index.h("span", { key: '07a2ebe4b12230f3620aed420ab91f8078729e62', class: "hamburger-line" }), index.h("span", { key: '5faea02610b474712ed71aa907903146cc0a52df', class: "hamburger-menu-text" }, "hamburger menu text")))), index.h("div", { key: 'bb6adea43d00b0ff728440e29ac61ace3a377d04', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, index.h("div", { key: 'dd63409ba7f8dff726e447ebf6f6ba0dbbc4048d', class: "dda-sidemenu-content" }, index.h("p", { key: '65e2b21997ba7ff71c3ac16adcb5f75b4aba1848', class: "dda-side-nav-title" }, this.menuTitle || 'Quick Links'), index.h("ul", { key: '3451ae51d2ffa0a268075298ccb38c1f268123c1', class: "main_side_menu" }, sideMenuItems.map((menu, index$1) => {
+        return (index.h("header", { key: 'c223d75356b182aa2235e57cac46f7978a029b21', class: `dda-header ${isHomepage ? 'transparent' : ''}` }, index.h("div", { key: '7e80db39c000e9f348337bc2dc3462673d7ae4ce', class: "dda-head-logo" }, index.h("a", { key: '0c734b1f4e117af78b9618c71a9b737595665306', href: this.firstLogoHref, class: "govt-logo" }, isHomepage ? (index.h("img", { class: "logo-white", src: this.firstLogoWhiteSrc, alt: this.firstLogoAlt })) : (index.h("img", { class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), index.h("a", { key: '1477f0416ef78eab7692747ff341a11e2284c1b1', href: this.secondLogoHref, class: "entt-logo" }, isHomepage ? (index.h("img", { class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt })) : (index.h("img", { class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt })))), index.h("div", { key: '20261d1d1a563db96ed46eceaffc217d157aec20', class: "dda-menu-container" }, index.h("div", { key: '3ce172519e7e9f826102908b83a91d1452d7ecef', class: "dda-main-navigation" }, index.h("div", { key: '4abb64a704441375703a4055545fc77d8905b462', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), index.h("div", { key: '96ed0b3f1c246a780cea86333b56afa10d3ccaaf', class: "hamburger-menu", onClick: this.toggleMenu }, index.h("dda-tooltip", { key: '8afc1c8fad9f0b5f252591cea5c6d3a8c1b368de', title_text: "Menu", position: "top", class: "d-block" }, index.h("button", { key: '86d83873864a3ce91e601c6d7e5ebed402785f88', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, index.h("span", { key: '5e55605dbbc1c689b8ab853f1725c96e441f71bc', class: "hamburger-line" }), index.h("span", { key: '00345112d35e5ddfa755ff79cb5121ccc779c3d8', class: "hamburger-menu-text" }, "hamburger menu text")))), index.h("div", { key: '190ccc953bfeb09b3f56bc140b5451be92737729', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, index.h("div", { key: 'dfb88c5a992f0abc14230bdc2a930115cdda960e', class: "dda-sidemenu-content" }, index.h("p", { key: '8bbed41ef8ff040e80ab34220ea4857f11799f5b', class: "dda-side-nav-title" }, this.menuTitle || 'Quick Links'), index.h("ul", { key: '6b78fbdc28c408e304cbeac6ffe58e7e327d00de', class: "main_side_menu" }, sideMenuItems.map((menu, index$1) => {
             const currentIndex = `menu-${index$1}`;
             return (index.h("li", { key: currentIndex }, index.h("a", { href: menu.href, class: menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '', onClick: e => {
                     if (menu.subMenu && menu.subMenu.length > 0) {
@@ -214,14 +215,13 @@ const DdaHeader = class {
                         this.toggleSidebarSubMenu(currentIndex);
                     }
                 } }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
-        }))), index.h("div", { key: '8cd3e879a5ec99c18f109022707edb5581488c31', class: "dda-sidemenu-bottom" }, index.h("div", { key: 'c80fd198446de27295f2e61be09af8b6bde4a907', class: "dda-sidemenu-gov-logo" }, index.h("a", { key: '34a2f4838a99701014b1210dd45bce85101de070', href: this.firstLogoHref, class: "govt-logo mb-2" }, index.h("img", { key: '2e248ab50254048492b4f8494b93300e201d0dc3', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), index.h("div", { key: '5f80c152a20f019d4646424044622d935e9e3162', class: "dda-toolbar-menu-sidemenu" }, index.h("ul", { key: 'bf4732d16db98a60f4a90499122fc27c9ccf75f0' }, index.h("li", { key: '55629487d33f3cb6c395a5e9b90e3c4292377e1c' }, index.h("button", { key: '2b212af81f2e9a84ca9cb28c9f144bbd9b34f8c8', name: this.accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: () => {
+        }))), index.h("div", { key: '8367966a35f7385d67c7d067c5df4bc7bb7fa886', class: "dda-sidemenu-bottom" }, index.h("div", { key: 'dc09d1bf6e8cbdf7d8c1791befabf71b7277e32d', class: "dda-sidemenu-gov-logo" }, index.h("a", { key: 'b62afe5b6d8e26fa976e1c0b2252aa9b8c655a70', href: this.firstLogoHref, class: "govt-logo mb-2" }, index.h("img", { key: '592bd0f54d4338e25aed8753d88bd88f3061a447', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), index.h("div", { key: 'af1e9caab77fc22be0ee7bdf6d68e8cade816450', class: "dda-toolbar-menu-sidemenu" }, index.h("ul", { key: '2a2145caf2a9bfce10f1351678bdcc0648ce81db' }, index.h("li", { key: '059d66bb02c9cb00b77e8719a7a884e5b47734d9' }, index.h("button", { key: '5211d4627f094f99070f268d6a0ff5caabcdbf2e', name: this.accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: () => {
                 this.accessibilitymenuhandler();
-            } }, index.h("i", { key: 'bbe35bacdc89a6d48adc7fdee6f33d9af62689c4', class: "material-icons  material-symbols-outlined" }, "accessible_forward"), index.h("span", { key: '290de10929d5366a3a175a2d65f37fbc2dbac7e2', class: "visually-hidden" }, "Accessibility"))), index.h("li", { key: 'f25ed1d00f4856274e278c78cf110bf087ebaa71' }, index.h("button", { key: 'bb9caca9570e6d2ed08ddaa57ab01be04bc0118c', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, "\u0627\u0644\u0639\u0631\u0628\u064A\u0629")), index.h("li", { key: '03e34f29cd8fd32f22c4e3294528bebeebf3d1df' }, index.h("dda-link-button", { key: '1ae321fc57d76b5f76a7b6f6b785f813b4ebbec2', 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'))))), index.h("button", { key: '5b2bb098b8efeb966484197b43deed98930f10ac', name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, index.h("i", { key: 'a113eeb25699ddc4455cb2d78d4a43eada04625c', class: "material-icons  material-symbols-outlined" }, "close")), index.h("div", { key: '57e2c51397c4c774df1352bc94d5ddc4f5a50f32', class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, index.h("div", { key: '92d14c79af6db457297b15443f0987079050c0bc', class: "dda-row" }, index.h("div", { key: 'bc5da09e8c220c42acca190927274f3a87500bf0', class: "dda-col-md-4 dda-accessibility-item" }, index.h("h2", { key: '62340f7079fa41cc3e34e9332ef5909152112ab7', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), index.h("form", { key: '06141eb9b1e9105cabaee7e8c58a52f897c8d500' }, index.h("fieldset", { key: '41d1989b4a0ce4fe09ae912afc6abfcd6b8857aa', class: "dda-theme-list" }, index.h("legend", { key: 'ad7655281cb257874a36af56e9762ef62971e87e' }, index.h("p", { key: 'e1dca81f9966d5e276995febdb2d3513c0e114f3', class: "mb-3" }, "Select your preferred contrast setting ")), index.h("dda-radiobutton", { key: 'd29a7d68fe01f84fc9d196d6dd2b6f6e0106d254', 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 }), index.h("dda-radiobutton", { key: 'acde8a145f0d8d47ff4ed2a673a18fcda5f0bc9d', 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 }), index.h("dda-radiobutton", { key: '909144b9631486fd9db57c3d53b8e23d3595fb56', 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 }), index.h("dda-radiobutton", { key: '27194a0a4d15657df43df9738d92dc2e52be699c', 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 })))), index.h("div", { key: '2c045a4d96acc6d58f86f4ab0b57a89da08f41e2', class: "dda-col-md-4 dda-accessibility-item" }, index.h("h2", { key: 'eff2f879d50a14d4cac305c434101bcf0d10d5fb', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), index.h("p", { key: '5d2d8e0bc62c6bd1a03b5e6106c480fae1234025', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), index.h("div", { key: 'e9f39854a66011e1cd8bc56c973a465f554c6a22', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, index.h("a", { key: '950f372e91b576a88262c5925dc2dac8dcfc836b', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, index.h("i", { key: '02ea03dfa7466019f26c93297e629f46588f65f0', class: "material-icons  material-symbols-outlined" }, "volume_up")))), index.h("div", { key: 'c557730a5673bf69b8ba8a606f718d1e2bfe08ac', class: "dda-col-md-4 dda-accessibility-item" }, index.h("h2", { key: 'd2a93f4dce46e20747e0513d3634d3a1b7476ad7', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), index.h("p", { key: '0c6a00a5ea7db83337b85bddb3b3641beeb4f862', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), index.h("div", { key: '530c947b429924d35aa2ecf3e9e165e0ddfbe5ac', class: "d-flex dda-gap-4" }, index.h("dda-button", { key: '295261b8e2755e21bfa564d88d02029be72b4c5b', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), index.h("dda-button", { key: '766a708c5a0ef148373e5e7d6126f60a43fff632', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), index.h("dda-button", { key: 'c525bfca889001a1abaea31e46422a643fbd8677', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), index.h("button", { key: 'dd85ce26a37992f8e6866ccce0bc89759e25ab8f', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleAccessibilty }, index.h("i", { key: '2b8cdce07928770bd67da2232bb0760d02a849bb', class: "material-icons  material-symbols-outlined" }, "close")))), index.h("div", { key: '2a008834d7f10489057c1d75174f45c8b03f38da' }, index.h("ul", { key: '0ff671f515b35f765ab6fcf1b552ecdd156cd35f', class: "dda-mega-menu" }, quickLinks.map((link, index$1) => (index.h("li", { key: index$1 }, index.h("a", { href: link.subMenu && link.subMenu.length > 0 ? '#' : link.href, onClick: link.subMenu && link.subMenu.length > 0 ? e => this.toggleSubMenu(index$1, e) : undefined, class: `${link.subMenu && link.subMenu.length > 0 ? `showSub ${this.activeMenuIndex === index$1 ? 'icon_arrow' : ''}` : ''} ${link.active === 'true' ? 'active' : ''}` }, link.label), link.subMenu && link.subMenu.length > 0 && (index.h("div", { class: `megamenu-content ${this.activeMenuIndex === index$1 ? 'showSubMenu' : ''}`, style: { display: this.activeMenuIndex === index$1 ? 'block' : 'none', paddingTop: '15px' } }, index.h("div", { class: "megamenu-item dda-container" }, index.h("div", { class: "dda-row" }, index.h("div", { class: "dda-col-md-3" }, index.h("h3", { class: "mega-menu-title" }, link.menuLabel), index.h("ul", null, link.subMenu.map((subItem, subIndex) => (index.h("li", { key: subIndex }, index.h("a", { class: "megamenu-link", href: subItem.href }, index.h("span", { class: "dda-btn btn-color-onsurface-secondary btn-size-sm icon-btn-default" }, index.h("i", { class: "material-icons material-symbols-outlined" }, subItem.icon)), index.h("span", { class: "text-wrap" }, index.h("span", { class: "title-text dda-fs-body-lg dda-fw-700" }, subItem.title), index.h("span", { class: "dda-fs-tagline-lg dda-fw-400" }, subItem.description))))))))), index.h("button", { name: "close-mega-menu", class: "close-btn close_mega-menu", "aria-label": "Close Sidebar", onClick: () => setActiveMenuIndex(null) }, index.h("i", { class: "material-icons material-symbols-outlined" }, "close"))))))))))), index.h("div", { key: 'f4b89118a4ffc1e71eaa7a576582ca2d040e401e', class: "dda-mobile-entt-logo" }, index.h("a", { key: '2fbb95811ec60e8770b5871fa463a59e83b87309', href: "#", class: "entt-logo" }, index.h("img", { key: '0c866c9c5423d07655da311a27340b6cd0c916d6', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), index.h("img", { key: '0ac6197dbd1c8385e46e798e01df106fcc1cbf13', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), index.h("div", { key: 'dd0157671268da7b78781d2d391ae395815f6038', class: "dda-mobile-search" }, index.h("button", { key: '828ac1507153186b2230d428cd364aab50ed02f7', name: this.search_button_name, class: "tool-btn", type: "button" }, index.h("span", { key: '1f3f8933295583949d862ddde1bad24d65b0a2f6', class: "visualy-hidden" }, "Search"), index.h("i", { key: '90ddcd197a78dcdea3d76f9bcd871b95d8a29ff5', class: "material-icons  material-symbols-outlined" }, "search"))), index.h("div", { key: '5bbffc961dede99d4d602c69426aa8cf78373041', class: "dda-toolbar-menu" }, index.h("ul", { key: 'a82fa04cb9b34afe6825f2d977ad6a61d4a7d2a8' }, index.h("li", { key: '1cc62945b88553e883647af147706c67cdca5e0c' }, index.h("dda-tooltip", { key: 'de986282d9080e198503a02dcfc65eb215dbdf86', title_text: "Search", description: "", position: "top" }, index.h("div", { key: 'db219e59fbe32cf471e347501bf258b0e0e86d09', class: "dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn" }, index.h("label", { key: 'f18a7b110b32ebadf7ec900c306bc3b8c7f1da33', htmlFor: "ddaSearch", class: "visualy-hidden" }, this.searchText || 'Search'), index.h("i", { key: '2f5d9f39b111d3887ac58d7160ba99e32613b0dd', class: "material-icons  material-symbols-outlined" }, "search"), index.h("input", { key: '3681c02e9a065053fe8e0a2eb6ac44472654a5c2', name: this.search_input_name, type: "text", id: "ddaSearch", class: "", placeholder: this.searchText || 'Search', onKeyPress: e => {
+            } }, index.h("i", { key: 'f43cbd946268d9fcc8b8b2de7c3938e88fc33891', class: "material-icons  material-symbols-outlined" }, "accessible_forward"), index.h("span", { key: '77f2297733aa15444c4521a91e01a4f8c1c71437', class: "visually-hidden" }, "Accessibility"))), index.h("li", { key: '2ba0e60047d44b14d3241c4df39c722244dd6bd9' }, index.h("button", { key: '17a7727ea48e0c3120026273424b8a33abc2ccfd', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, "\u0627\u0644\u0639\u0631\u0628\u064A\u0629")), index.h("li", { key: '562113a2eda9953b06401ec95b5dccea1ffd1933' }, index.h("dda-link-button", { key: '9a784bb5f0fdfeee9dd970020fa9005d21276f4c', 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'))))), index.h("button", { key: '84db3e7992986366e5dd1e6b2554e6952982f212', name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, index.h("i", { key: 'f7b0dbf2bca0a197c398f0a52e1eba4378759565', class: "material-icons  material-symbols-outlined" }, "close")), index.h("div", { key: 'a827fcabed5cdd227cb0aa1e06c107eb9782e73c', class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, index.h("div", { key: '689f00aa4b36b1bee336c4343c7386b99a3ed540', class: "dda-row" }, index.h("div", { key: 'f744d1883e6dfee29e13e2c79e409f45b66db694', class: "dda-col-md-4 dda-accessibility-item" }, index.h("h2", { key: '48270c71352d1b41287016d98a007f792f23df7c', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), index.h("form", { key: '741ba98c49e5fbbc5d546831c44405d1a6862bc0' }, index.h("fieldset", { key: '9678240f00c2ddb14c1cff5d1db3ccad9730ab81', class: "dda-theme-list" }, index.h("legend", { key: '62d0c0aedb8784dcb9e49d6cc9a86830fadd47c6' }, index.h("p", { key: 'f02529b587e1e930627a0ae345260f9d7cfa2643', class: "mb-3" }, "Select your preferred contrast setting ")), index.h("dda-radiobutton", { key: 'ba0df6e503b1c350d6b9719ce770cb3463f35ed5', 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 }), index.h("dda-radiobutton", { key: '08827ae383522f86fb8173279714b828c8256e05', 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 }), index.h("dda-radiobutton", { key: 'c2168f212cfca4f808d3003d51de4732c4fab26e', 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 }), index.h("dda-radiobutton", { key: '934dd43679e11a77c4f2456a8fcb63ee1d4447af', 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 })))), index.h("div", { key: '3dd9f650e95821a02a76249d6c092725820afb3d', class: "dda-col-md-4 dda-accessibility-item" }, index.h("h2", { key: '4c4b010744a3651600bd72693fa98772541bfbcc', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), index.h("p", { key: '9dc20c3cb50472684520b69386e53428e693259c', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), index.h("div", { key: '3383793a5065f0c1598582e3edde5d8030d6781d', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, index.h("a", { key: 'e27db1e4a22b09dcfb46c58cfa66a97ccfdd0795', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, index.h("i", { key: 'f338a5b9813967eb75ad098d35d1ea8d9ddcbddd', class: "material-icons  material-symbols-outlined" }, "volume_up")))), index.h("div", { key: '7c866e1dcb185fc4a4c257e8085a617b40efc23b', class: "dda-col-md-4 dda-accessibility-item" }, index.h("h2", { key: '25d2c19a8242097ab24a058810e89c21192b3c78', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), index.h("p", { key: '8249c87713bebee38af66a7805490e9df5c25f56', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), index.h("div", { key: 'bc71eb3d1a78d5dc34ce3dc6db25c959a87ef928', class: "d-flex dda-gap-4" }, index.h("dda-button", { key: '4c5c37b90c370f4ea71cdc261e3b656c0796551e', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), index.h("dda-button", { key: 'ed9d400b8d988251894b4e364b179481c979d08a', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), index.h("dda-button", { key: '019908232881cd00ee2903237ac2b2f05aef5756', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), index.h("button", { key: 'd569c3665b00ae1b927dc494858e26893de33c78', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleAccessibilty }, index.h("i", { key: 'd7fbe48e28e0edcdef024b62a3a04d981e3df8f2', class: "material-icons  material-symbols-outlined" }, "close")))), index.h("div", { key: 'd5be1b521ac898e45d2d65419399950fb811bd94' }, index.h("ul", { key: '9294591d525724666dde1a0a8c6b495d8fdb16d7', class: "dda-mega-menu" }, quickLinks.map((link, index$1) => (index.h("li", { key: index$1 }, index.h("a", { href: link.subMenu && link.subMenu.length > 0 ? '#' : link.href, onClick: link.subMenu && link.subMenu.length > 0 ? e => this.toggleSubMenu(index$1, e) : undefined, class: `${link.subMenu && link.subMenu.length > 0 ? `showSub ${this.activeMenuIndex === index$1 ? 'icon_arrow' : ''}` : ''} ${link.active === 'true' ? 'active' : ''}` }, link.label), link.subMenu && link.subMenu.length > 0 && (index.h("div", { class: `megamenu-content ${this.activeMenuIndex === index$1 ? 'showSubMenu' : ''}`, style: { display: this.activeMenuIndex === index$1 ? 'block' : 'none', paddingTop: '15px' } }, index.h("div", { class: "megamenu-item dda-container" }, index.h("div", { class: "dda-row" }, index.h("div", { class: "dda-col-md-3" }, index.h("h3", { class: "mega-menu-title" }, link.menuLabel), index.h("ul", null, link.subMenu.map((subItem, subIndex) => (index.h("li", { key: subIndex }, index.h("a", { class: "megamenu-link", href: subItem.href }, index.h("span", { class: "dda-btn btn-color-onsurface-secondary btn-size-sm icon-btn-default" }, index.h("i", { class: "material-icons material-symbols-outlined" }, subItem.icon)), index.h("span", { class: "text-wrap" }, index.h("span", { class: "title-text dda-fs-body-lg dda-fw-700" }, subItem.title), index.h("span", { class: "dda-fs-tagline-lg dda-fw-400" }, subItem.description))))))))), index.h("button", { name: "close-mega-menu", class: "close-btn close_mega-menu", "aria-label": "Close Sidebar", onClick: () => setActiveMenuIndex(null) }, index.h("i", { class: "material-icons material-symbols-outlined" }, "close"))))))))))), index.h("div", { key: '8ea84f8db46c95a23765243383fd096c4530e6a7', class: "dda-mobile-entt-logo" }, index.h("a", { key: '39324a9b1f5fd8ef9c2dd5f52f11ad050afb207f', href: "#", class: "entt-logo" }, index.h("img", { key: 'fe1c536853c53f292852ffd4cb5ce4a66feea6da', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), index.h("img", { key: '9ee6d289abe56df1aaf52ec8c7161ef4db177629', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), index.h("div", { key: '12d82ced507fb7f5d83cc07a1248e967cbe9010f', class: "dda-mobile-search" }, index.h("button", { key: 'af1f62b0a986ba2ddfa4072b5d9b5d998d15a758', name: this.search_button_name, class: "tool-btn", type: "button" }, index.h("span", { key: 'bce51d73cf517d71bb7df2f7f89a088d5516fa60', class: "visualy-hidden" }, "Search"), index.h("i", { key: '2183e13e49d2f95bc0b35b839c333ac217b0ca4f', class: "material-icons  material-symbols-outlined" }, "search"))), index.h("div", { key: '002883b041c742af64c4419b43d23519815bf88e', class: "dda-toolbar-menu" }, index.h("ul", { key: '3d1d41a2bf68212379ccc0b9f42df0b8fd163550' }, index.h("li", { key: 'a83238633e44b05b5330debd8955d763f5d52ffd' }, index.h("dda-tooltip", { key: 'ed710b9e0554f64e2a771b37246f07a604cbb6be', title_text: "Search", description: "", position: "top" }, index.h("div", { key: 'eead094a72b009576e886c125b6761b38388acee', class: "dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn" }, index.h("label", { key: '46442871ef84981d4ff3e45b51bdbac9d6377650', htmlFor: "ddaSearch", class: "visualy-hidden" }, this.searchText || 'Search'), index.h("i", { key: '41b571c241687f80689b1e7d57386f7337d8a49d', class: "material-icons  material-symbols-outlined" }, "search"), index.h("input", { key: 'cb46705b9c466585a30c3da0105687dfa1199ab1', name: this.search_input_name, type: "text", id: "ddaSearch", class: "", placeholder: this.searchText || 'Search', onKeyPress: e => {
                 if (e.key === 'Enter') {
-                    const inputValue = e.target.value; // Cast to HTMLInputElement
-                    this.searchhandler(inputValue); // Pass the value to the searchhandler
+                    this.searchhandler(e.target.value); // Pass the value to the searchhandler
                 }
-            } })))), index.h("li", { key: '6ce0e70886bb99bf203e197db7fe82786aaf098a' }, index.h("dda-tooltip", { key: 'a4dc700b290e81ca35c95d93cdf53f226ebad724', title_text: "Accessibility", position: "top" }, index.h("button", { key: '6795632344d99632210a972a14152a611d988b34', 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 }, index.h("i", { key: '5fedd7166c162ff4d912d175af2fede279c8b6b9', class: "material-icons  material-symbols-outlined" }, "accessible_forward"), index.h("span", { key: 'e986971f884645568dbed1b2dd4b070be41670df', class: "visually-hidden" }, "Accessibility"))), this.usepredesignedaccessibilitymenu ? (index.h("div", { class: "dda-accessibility-wrap" }, index.h("div", { class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, index.h("div", { class: "dda-row" }, index.h("div", { class: "dda-col-md-4 dda-accessibility-item" }, index.h("h2", { class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), index.h("form", null, index.h("fieldset", { class: "dda-theme-list" }, index.h("legend", null, index.h("p", { class: "mb-3" }, "Select your preferred contrast setting ")), index.h("dda-radiobutton", { 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 }), index.h("dda-radiobutton", { 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 }), index.h("dda-radiobutton", { 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 }), index.h("dda-radiobutton", { 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 })))), index.h("div", { class: "dda-col-md-4 dda-accessibility-item" }, index.h("h2", { class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), index.h("p", { class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), index.h("div", { class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, index.h("a", { href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, index.h("i", { class: "material-icons  material-symbols-outlined" }, "volume_up")))), index.h("div", { class: "dda-col-md-4 dda-accessibility-item" }, index.h("h2", { class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), index.h("p", { class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), index.h("div", { class: "d-flex dda-gap-4" }, index.h("dda-button", { button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), index.h("dda-button", { button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), index.h("dda-button", { button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), index.h("button", { name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, index.h("i", { class: "materinal-icons  material-symbols-outlined" }, "close"))))) : null), index.h("li", { key: 'fd4f0cc39055270b9414e7b00c5295c9f4bd0343' }, index.h("dda-tooltip", { key: 'd649b638b9c9e1dd704bda621c31d3c5ba924677', title_text: "Language", position: "top" }, index.h("dda-button", { key: '328b3db9ae85ae9e3f5a2788106edaf4c4598b27', button_color: "onsurface-secondary", custom_class: "tool-btn", button_shape: "circle", size: "sm", onClick: this.languagehandler }, this.language_text))), index.h("li", { key: 'bc31b4f7fbdc8526e203c69b322dc477d7719056' }, index.h("dda-tooltip", { key: '07c7f532a80df2b3638081b26342bcd2b4f4a68a', title_text: "Login", position: "top" }, index.h("dda-link-button", { key: '42dd0474483704f78e5bc5c98c9f91cc365ddeef', 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'))))))));
+            } })))), index.h("li", { key: '1280d4f9affe4355ecd229ec4bfd8036eea25d2a' }, index.h("dda-tooltip", { key: '2bcfc76731f48b527b5277385e25bc071c717439', title_text: "Accessibility", position: "top" }, index.h("button", { key: '98006fbee82f8fb045accda59d22ae6a754c92c1', 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 }, index.h("i", { key: '52ba498090fd3c5d9b54c2752900a42738a196ac', class: "material-icons  material-symbols-outlined" }, "accessible_forward"), index.h("span", { key: 'f3d9272f01a3ac09fd595f29b61e96d32d8cdf97', class: "visually-hidden" }, "Accessibility"))), this.usepredesignedaccessibilitymenu ? (index.h("div", { class: "dda-accessibility-wrap" }, index.h("div", { class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, index.h("div", { class: "dda-row" }, index.h("div", { class: "dda-col-md-4 dda-accessibility-item" }, index.h("h2", { class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), index.h("form", null, index.h("fieldset", { class: "dda-theme-list" }, index.h("legend", null, index.h("p", { class: "mb-3" }, "Select your preferred contrast setting ")), index.h("dda-radiobutton", { 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 }), index.h("dda-radiobutton", { 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 }), index.h("dda-radiobutton", { 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 }), index.h("dda-radiobutton", { 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 })))), index.h("div", { class: "dda-col-md-4 dda-accessibility-item" }, index.h("h2", { class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), index.h("p", { class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), index.h("div", { class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, index.h("a", { href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, index.h("i", { class: "material-icons  material-symbols-outlined" }, "volume_up")))), index.h("div", { class: "dda-col-md-4 dda-accessibility-item" }, index.h("h2", { class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), index.h("p", { class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), index.h("div", { class: "d-flex dda-gap-4" }, index.h("dda-button", { button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), index.h("dda-button", { button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), index.h("dda-button", { button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), index.h("button", { name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, index.h("i", { class: "materinal-icons  material-symbols-outlined" }, "close"))))) : null), index.h("li", { key: '1062482548a7be82e752e05a1e5ddb42a139f6fa' }, index.h("dda-tooltip", { key: 'bc7bce9118366af6bdf3b1e47879acfc0ccea4f3', title_text: "Language", position: "top" }, index.h("dda-button", { key: 'ebd1ba49f15dcfdf7639cf446df605976b7a04ab', button_color: "onsurface-secondary", custom_class: "tool-btn", button_shape: "circle", size: "sm", onClick: this.languagehandler }, this.language_text))), index.h("li", { key: '0c9f9b10b804698bed89436e36b0cb203ae28f28' }, index.h("dda-tooltip", { key: '6338ca3fbedb63bbc8c4c3e593a38bdb53a3a508', title_text: "Login", position: "top" }, index.h("dda-link-button", { key: 'd0fecec5281b7fbee7ba91d58e7e21dac0562dd9', 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'))))))));
     }
 };
 DdaHeader.style = DdaHeaderStyle0;

package/dist/cjs/dda-header.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dda-header.entry.cjs.js","mappings":"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","names":["h","index"],"sources":["src/components/dda-header/dda-header.css?tag=dda-header","src/components/dda-header/dda-header.tsx"],"sourcesContent":["","import { Component, h, Prop, State, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-header',\r\n styleUrls: ['dda-header.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHeader {\r\n @Prop() firstLogoHref: string = '#';\r\n @Prop() firstLogoSrc: string;\r\n @Prop() firstLogoWhiteSrc: string;\r\n @Prop() firstLogoAlt: string;\r\n @Prop() secondLogoHref: string = '#';\r\n @Prop() secondLogoSrc: string;\r\n @Prop() secondLogoWhiteSrc: string;\r\n @Prop() secondLogoAlt: string;\r\n @Prop() loginLink: string;\r\n @Prop() sideMenuItems: string;\r\n @Prop() quickLinks: string;\r\n @Prop() readSpeakerLink: string;\r\n @Prop() menuTitle: string;\r\n @Prop() searchText: string;\r\n @Prop() loginIcon: string;\r\n @Prop() loginText: string;\r\n @Prop() language_text: string;\r\n @Event() languageSwitch: EventEmitter<void>;\r\n @Event() smTextSize: EventEmitter<void>;\r\n @Event() baseTextSize: EventEmitter<void>;\r\n @Event() lgTextSize: EventEmitter<void>;\r\n @Event() normalContrast: EventEmitter<void>;\r\n @Event() blindContrast: EventEmitter<void>;\r\n @Event() redContrast: EventEmitter<void>;\r\n @Event() greenContrast: EventEmitter<void>;\r\n\r\n @State() isMenuOpen: boolean = false;\r\n @State() isSubMenuOpen: boolean = false;\r\n @State() isSideSubMenuOpen: boolean = false;\r\n @State() isAccessibiltyOpen: boolean = false;\r\n private lastScrollTop = 0;\r\n\r\n @Prop() hamburger_menu_button_name: string;\r\n @Prop() accessibility_button_name: string;\r\n @Prop() search_button_name: string;\r\n @Prop() search_input_name: string;\r\n @Prop() language_button_name: string;\r\n @Prop() close_menu_button_name: string;\r\n @Prop() close_accessibility_button_name: string;\r\n @Prop() close_sidebar_button_name: string;\r\n @Prop() toggle_accessibility_button_name: string;\r\n\r\n @State() openMenus: { [index: string]: boolean } = {};\r\n @State() activeMenuIndex: number \| null = null;\r\n\r\n @Prop() usepredesignedaccessibilitymenu: boolean = true;\r\n @Event() accessibilitymenufunctionality: EventEmitter<void>;\r\n @Event() searchfunctionality: EventEmitter<void>;\r\n\r\n toggleSidebarSubMenu(index: string) {\r\n if (index === '') {\r\n this.openMenus = {};\r\n return;\r\n }\r\n\r\n const isCurrentlyOpen = this.openMenus[index];\r\n const newOpenMenus = {};\r\n\r\n if (!isCurrentlyOpen) {\r\n const parts = index.split('-');\r\n let parentPath = '';\r\n\r\n for (let i = 0; i < parts.length - 1; i++) {\r\n parentPath = parentPath ? `${parentPath}-${parts[i]}` : parts[i];\r\n newOpenMenus[parentPath] = true;\r\n }\r\n\r\n newOpenMenus[index] = true;\r\n } else {\r\n for (const key in this.openMenus) {\r\n if (key !== index && !key.startsWith(`${index}-`)) {\r\n newOpenMenus[key] = true;\r\n }\r\n }\r\n }\r\n\r\n this.openMenus = newOpenMenus;\r\n }\r\n\r\n toggleEscapeKey = (event: KeyboardEvent) => {\r\n if (event.key === 'Escape') {\r\n this.isMenuOpen = false;\r\n this.isAccessibiltyOpen = false;\r\n this.isSubMenuOpen = false;\r\n this.isSideSubMenuOpen = false;\r\n this.activeMenuIndex = null;\r\n }\r\n };\r\n\r\n componentDidLoad() {\r\n window.addEventListener('scroll', this.handleScroll);\r\n document.addEventListener('click', this.handleOutsideClick);\r\n document.addEventListener('keydown', this.toggleEscapeKey);\r\n document.addEventListener('click', this.handleOutsideAccessibilityClick);\r\n document.addEventListener('click', this.handleOutsideMegaMenuClick);\r\n }\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('scroll', this.handleScroll);\r\n document.removeEventListener('click', this.handleOutsideClick);\r\n document.removeEventListener('click', this.handleOutsideAccessibilityClick);\r\n document.addEventListener('click', this.handleOutsideMegaMenuClick);\r\n }\r\n\r\n handleOutsideClick = (event: MouseEvent) => {\r\n let isClickInsideMenu = (event.target as Element).closest('.main_side_menu');\r\n if (!isClickInsideMenu) {\r\n this.toggleSidebarSubMenu('');\r\n document.querySelectorAll('.main_sub_menu').forEach(menu => {\r\n menu.classList.remove('showSubMenu');\r\n });\r\n document.querySelectorAll('.showSub').forEach(anchor => {\r\n anchor.classList.remove('icon_arrow');\r\n });\r\n }\r\n };\r\n\r\n handleOutsideAccessibilityClick = (event: MouseEvent) => {\r\n if (this.isAccessibiltyOpen) {\r\n const accessibilityMenu = document.querySelector('.dda-accessibility-wrap .dda-accessibility');\r\n const isClickInsideDesktopMenu = accessibilityMenu && accessibilityMenu.contains(event.target as Node);\r\n const isClickOnToggleButton = (event.target as Element).closest('.accessibility-btn');\r\n\r\n if (!isClickInsideDesktopMenu && !isClickOnToggleButton) {\r\n this.isAccessibiltyOpen = false;\r\n }\r\n }\r\n };\r\n\r\n handleOutsideMegaMenuClick = (event: MouseEvent) => {\r\n if (this.activeMenuIndex !== null) {\r\n const megaMenu = document.querySelector('.megamenu-content');\r\n const isClickInsideMegaMenu = megaMenu && megaMenu.contains(event.target as Node);\r\n const isClickOnToggleLink = (event.target as Element).closest('.showSub');\r\n\r\n if (!isClickInsideMegaMenu && !isClickOnToggleLink) {\r\n this.activeMenuIndex = null;\r\n }\r\n }\r\n };\r\n\r\n handleScroll = () => {\r\n const scrollTop = window.scrollY;\r\n const menuContainer = document.querySelector('.dda-menu-container') as HTMLElement;\r\n const logoContainer = document.querySelector('.dda-header') as HTMLElement;\r\n\r\n if (scrollTop > this.lastScrollTop && scrollTop > 50) {\r\n if (menuContainer) menuContainer.style.display = 'none';\r\n if (logoContainer) logoContainer.classList.add('white');\r\n } else {\r\n if (menuContainer) menuContainer.style.display = 'flex';\r\n if (logoContainer) logoContainer.classList.remove('white');\r\n }\r\n this.lastScrollTop = scrollTop;\r\n };\r\n\r\n private parseJsonArray(jsonString: string) {\r\n try {\r\n return JSON.parse(jsonString);\r\n } catch (e) {\r\n console.error('Failed to parse JSON:', e);\r\n return [];\r\n }\r\n }\r\n private toggleMenu = () => {\r\n if (this.isAccessibiltyOpen) {\r\n this.isAccessibiltyOpen = false;\r\n }\r\n this.isMenuOpen = !this.isMenuOpen;\r\n };\r\n private toggleSubMenu = (index: number, event?: MouseEvent) => {\r\n // this.isSubMenuOpen = !this.isSubMenuOpen;\r\n if (event) event.preventDefault();\r\n this.activeMenuIndex = this.activeMenuIndex === index ? null : index;\r\n };\r\n private toggleAccessibilty = () => {\r\n if (this.usepredesignedaccessibilitymenu == true) {\r\n this.isAccessibiltyOpen = !this.isAccessibiltyOpen;\r\n this.accessibilitymenuhandler();\r\n } else {\r\n this.accessibilitymenuhandler();\r\n }\r\n };\r\n\r\n private languagehandler = () => {\r\n this.languageSwitch.emit();\r\n };\r\n private smTexthandler = () => {\r\n this.smTextSize.emit();\r\n };\r\n private baseTexthandler = () => {\r\n this.baseTextSize.emit();\r\n };\r\n private lgTexthandler = () => {\r\n this.lgTextSize.emit();\r\n };\r\n private normalContrasthandler = () => {\r\n this.normalContrast.emit();\r\n };\r\n private blindContrasthandler = () => {\r\n this.blindContrast.emit();\r\n };\r\n private redContrasthandler = () => {\r\n this.redContrast.emit();\r\n };\r\n private greenContrasthandler = () => {\r\n this.greenContrast.emit();\r\n };\r\n private accessibilitymenuhandler = () => {\r\n this.accessibilitymenufunctionality.emit();\r\n };\r\n private searchhandler = value => {\r\n this.searchfunctionality.emit(value);\r\n };\r\n\r\n renderSubMenu = (subMenu, parentLi) => {\r\n if (!subMenu \|\| subMenu.length === 0) return null;\r\n\r\n return (\r\n <div class={`main_sub_menu ${this.openMenus[parentLi] ? 'showSubMenu' : ''}`}>\r\n {subMenu[0].headerLabel && <p class=\"dda-side-nav__title\">{subMenu[0].headerLabel}</p>}\r\n <ol>\r\n {subMenu.map((item, index) => {\r\n const currentIndex = `${parentLi}-${index}`;\r\n return (\r\n <li key={currentIndex}>\r\n <a\r\n href={item.href}\r\n class={item.subMenu && item.subMenu.length > 0 ? 'showSub' : ''}\r\n onClick={e => {\r\n e.preventDefault();\r\n this.toggleSidebarSubMenu(currentIndex);\r\n }}\r\n >\r\n {item.label}\r\n </a>\r\n {this.renderSubMenu(item.subMenu, currentIndex)}\r\n </li>\r\n );\r\n })}\r\n </ol>\r\n </div>\r\n );\r\n };\r\n\r\n render() {\r\n const sideMenuItems = this.parseJsonArray(this.sideMenuItems);\r\n const quickLinks = this.parseJsonArray(this.quickLinks);\r\n const isHomepage = window.location.pathname === '/';\r\n const setActiveMenuIndex = (index: number \| null) => {\r\n this.activeMenuIndex = index;\r\n };\r\n\r\n return (\r\n <header class={`dda-header ${isHomepage ? 'transparent' : ''}`}>\r\n {/* Logo Section /}\r\n <div class=\"dda-head-logo\">\r\n <a href={this.firstLogoHref} class=\"govt-logo\">\r\n {isHomepage ? (\r\n <img class=\"logo-white\" src={this.firstLogoWhiteSrc} alt={this.firstLogoAlt} />\r\n ) : (\r\n <img class=\"logo-colored\" src={this.firstLogoSrc} alt={this.firstLogoAlt} />\r\n )}\r\n {/ <img class=\"logo-colored\" src={this.firstLogoSrc} alt={this.firstLogoAlt} />\r\n <img class=\"logo-white\" src={this.firstLogoWhiteSrc} alt={this.firstLogoAlt} /> /}\r\n </a>\r\n <a href={this.secondLogoHref} class=\"entt-logo\">\r\n {isHomepage ? (\r\n <img class=\"logo-white\" src={this.secondLogoWhiteSrc} alt={this.secondLogoAlt} />\r\n ) : (\r\n <img class=\"logo-colored\" src={this.secondLogoSrc} alt={this.secondLogoAlt} />\r\n )}\r\n {/ <img class=\"logo-colored\" src={this.secondLogoSrc} alt={this.secondLogoAlt} />\r\n <img class=\"logo-white\" src={this.secondLogoWhiteSrc} alt={this.secondLogoAlt} /> /}\r\n </a>\r\n </div>\r\n\r\n {/ Main Navigation Section /}\r\n <div class=\"dda-menu-container\">\r\n <div class=\"dda-main-navigation\">\r\n <div class={`dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`} onClick={this.toggleMenu}></div>\r\n\r\n {/ Hamburger Menu /}\r\n <div class=\"hamburger-menu\" onClick={this.toggleMenu}>\r\n <dda-tooltip title_text=\"Menu\" position=\"top\" class=\"d-block\">\r\n <button type=\"button\" class=\"hamburger-menu-btn\" name={this.hamburger_menu_button_name}>\r\n <span class=\"hamburger-line\"></span>\r\n <span class=\"hamburger-menu-text\">hamburger menu text</span>\r\n </button>\r\n </dda-tooltip>\r\n </div>\r\n\r\n {/ Side Menu /}\r\n <div class=\"dda-sidemenu\" style={{ display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' }}>\r\n <div class=\"dda-sidemenu-content\">\r\n <p class=\"dda-side-nav-title\">{this.menuTitle \|\| 'Quick Links'}</p>\r\n <ul class=\"main_side_menu\">\r\n {sideMenuItems.map((menu, index) => {\r\n const currentIndex = `menu-${index}`;\r\n return (\r\n <li key={currentIndex}>\r\n <a\r\n href={menu.href}\r\n class={menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : ''}\r\n onClick={e => {\r\n if (menu.subMenu && menu.subMenu.length > 0) {\r\n e.preventDefault();\r\n this.toggleSidebarSubMenu(currentIndex);\r\n }\r\n }}\r\n >\r\n {menu.label}\r\n </a>\r\n {this.renderSubMenu(menu.subMenu, currentIndex)}\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n\r\n <div class=\"dda-sidemenu-bottom\">\r\n <div class=\"dda-sidemenu-gov-logo\">\r\n <a href={this.firstLogoHref} class=\"govt-logo mb-2\">\r\n <img class=\"\" src={this.firstLogoSrc} alt={this.firstLogoAlt} />\r\n </a>\r\n </div>\r\n <div class=\"dda-toolbar-menu-sidemenu\">\r\n <ul>\r\n <li>\r\n <button\r\n name={this.accessibility_button_name}\r\n class=\"tool-btn accessibility-btn\"\r\n type=\"button\"\r\n onClick={() => {\r\n this.toggleAccessibilty;\r\n this.accessibilitymenuhandler();\r\n }}\r\n >\r\n <i class=\"material-icons material-symbols-outlined\">accessible_forward</i>\r\n <span class=\"visually-hidden\">Accessibility</span>\r\n </button>\r\n </li>\r\n <li>\r\n <button name={this.language_button_name} class=\"tool-btn\" type=\"button\" onClick={this.languagehandler}>\r\n العربية\r\n </button>\r\n </li>\r\n <li>\r\n <dda-link-button\r\n button_color=\"onsurface-secondary\"\r\n start_icon={this.loginIcon \|\| 'sentiment_satisfied'}\r\n custom_class=\"tool-btn\"\r\n href={this.loginLink}\r\n button_shape=\"circle\"\r\n size=\"sm\"\r\n >\r\n {this.loginText \|\| 'Login'}\r\n </dda-link-button>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <button name={this.close_menu_button_name} class=\"close-btn side-nav-close-btn\" aria-label=\"Close Sidebar\" onClick={this.toggleMenu}>\r\n <i class=\"material-icons material-symbols-outlined\">close</i>\r\n </button>\r\n\r\n <div class=\"dda-accessibility hide-accessibility mobile-accessibility\" style={{ display: this.isAccessibiltyOpen ? 'block' : 'none' }}>\r\n <div class=\"dda-row\">\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Contrast</h2>\r\n <form>\r\n <fieldset class=\"dda-theme-list\">\r\n <legend>\r\n <p class=\"mb-3\">Select your preferred contrast setting </p>\r\n </legend>\r\n <dda-radiobutton\r\n title_text=\"Normal\"\r\n checked={true}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselectionmobile\"\r\n input_id=\"NormalMobile\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.normalContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Colours Blind\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselectionmobile\"\r\n input_id=\"ColoursBlindMobile\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.blindContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Red Weakness\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselectionmobile\"\r\n input_id=\"RedWeaknessMobile\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.redContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Green Weakness\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselectionmobile\"\r\n input_id=\"GreenWeaknessMobile\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.greenContrasthandler}\r\n ></dda-radiobutton>\r\n </fieldset>\r\n </form>\r\n </div>\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Screen Reader</h2>\r\n <p class=\"mb-3\">Listen to the content of the page by clicking play or listen</p>\r\n <div class=\"rs_skip rsbtn rs_preserve\" id=\"readspeaker_button1\">\r\n <a href={this.readSpeakerLink} rel=\"nofollow\" class=\"rsbtn_play circle readspeaker\" accessKey=\"L\" aria-label=\"Listen to this page using ReadSpeaker\">\r\n <i class=\"material-icons material-symbols-outlined\">volume_up</i>\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Text Size</h2>\r\n <p class=\"mb-3\">Use the buttons below to increase or decrease the text size</p>\r\n <div class=\"d-flex dda-gap-4\">\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.baseTexthandler}>\r\n A\r\n </dda-button>\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.lgTexthandler}>\r\n A+\r\n </dda-button>\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.smTexthandler}>\r\n A-\r\n </dda-button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <button name={this.close_accessibility_button_name} class=\"close-btn close_accessibility\" aria-label=\"Close Accessibility\" onClick={this.toggleAccessibilty}>\r\n <i class=\"material-icons material-symbols-outlined\">close</i>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/ Mega Menu /}\r\n <div>\r\n <ul class=\"dda-mega-menu\">\r\n {quickLinks.map((link, index) => (\r\n <li key={index}>\r\n <a\r\n href={link.subMenu && link.subMenu.length > 0 ? '#' : link.href}\r\n onClick={link.subMenu && link.subMenu.length > 0 ? e => this.toggleSubMenu(index, e) : undefined}\r\n class={`${link.subMenu && link.subMenu.length > 0 ? `showSub ${this.activeMenuIndex === index ? 'icon_arrow' : ''}` : ''} ${link.active === 'true' ? 'active' : ''}`}\r\n >\r\n {link.label}\r\n </a>\r\n {/ Conditionally render submenu /}\r\n {link.subMenu && link.subMenu.length > 0 && (\r\n <div\r\n class={`megamenu-content ${this.activeMenuIndex === index ? 'showSubMenu' : ''}`}\r\n style={{ display: this.activeMenuIndex === index ? 'block' : 'none', paddingTop: '15px' }}\r\n >\r\n <div class=\"megamenu-item dda-container\">\r\n <div class=\"dda-row\">\r\n <div class=\"dda-col-md-3\">\r\n <h3 class=\"mega-menu-title\">{link.menuLabel}</h3>\r\n <ul>\r\n {link.subMenu.map((subItem, subIndex) => (\r\n <li key={subIndex}>\r\n <a class=\"megamenu-link\" href={subItem.href}>\r\n <span class=\"dda-btn btn-color-onsurface-secondary btn-size-sm icon-btn-default\">\r\n <i class=\"material-icons material-symbols-outlined\">{subItem.icon}</i>\r\n </span>\r\n <span class=\"text-wrap\">\r\n <span class=\"title-text dda-fs-body-lg dda-fw-700\">{subItem.title}</span>\r\n <span class=\"dda-fs-tagline-lg dda-fw-400\">{subItem.description}</span>\r\n </span>\r\n </a>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n </div>\r\n <button name=\"close-mega-menu\" class=\"close-btn close_mega-menu\" aria-label=\"Close Sidebar\" onClick={() => setActiveMenuIndex(null)}>\r\n <i class=\"material-icons material-symbols-outlined\">close</i>\r\n </button>\r\n </div>\r\n </div>\r\n )}\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"dda-mobile-entt-logo\">\r\n <a href=\"#\" class=\"entt-logo\">\r\n <img class=\"logo-colored\" src={this.secondLogoSrc} alt={this.secondLogoAlt} />\r\n <img class=\"logo-white\" src={this.secondLogoWhiteSrc} alt={this.secondLogoAlt} />\r\n </a>\r\n </div>\r\n <div class=\"dda-mobile-search\">\r\n <button name={this.search_button_name} class=\"tool-btn\" type=\"button\">\r\n <span class=\"visualy-hidden\">Search</span>\r\n <i class=\"material-icons material-symbols-outlined\">search</i>\r\n </button>\r\n </div>\r\n\r\n {/ Toolbar Menu /}\r\n <div class=\"dda-toolbar-menu\">\r\n <ul>\r\n <li>\r\n <dda-tooltip title_text=\"Search\" description=\"\" position=\"top\">\r\n <div class=\"dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn\">\r\n <label htmlFor=\"ddaSearch\" class=\"visualy-hidden\">\r\n {this.searchText \|\| 'Search'}\r\n </label>\r\n <i class=\"material-icons material-symbols-outlined\">search</i>\r\n <input\r\n name={this.search_input_name}\r\n type=\"text\"\r\n id=\"ddaSearch\"\r\n class=\"\"\r\n placeholder={this.searchText \|\| 'Search'}\r\n onKeyPress={e => {\r\n if (e.key === 'Enter') {\r\n const inputValue = (e.target as HTMLInputElement).value; // Cast to HTMLInputElement\r\n this.searchhandler(inputValue); // Pass the value to the searchhandler\r\n }\r\n }}\r\n />\r\n </div>\r\n </dda-tooltip>\r\n </li>\r\n\r\n <li>\r\n <dda-tooltip title_text=\"Accessibility\" position=\"top\">\r\n <button\r\n name={this.toggle_accessibility_button_name}\r\n class=\"tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn\"\r\n type=\"button\"\r\n onClick={this.toggleAccessibilty}\r\n >\r\n <i class=\"material-icons material-symbols-outlined\">accessible_forward</i>\r\n <span class=\"visually-hidden\">Accessibility</span>\r\n </button>\r\n </dda-tooltip>\r\n {this.usepredesignedaccessibilitymenu ? (\r\n <div class=\"dda-accessibility-wrap\">\r\n <div class=\"dda-accessibility hide-accessibility\" style={{ display: this.isAccessibiltyOpen ? 'block' : 'none' }}>\r\n <div class=\"dda-row\">\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Contrast</h2>\r\n <form>\r\n <fieldset class=\"dda-theme-list\">\r\n <legend>\r\n <p class=\"mb-3\">Select your preferred contrast setting </p>\r\n </legend>\r\n <dda-radiobutton\r\n title_text=\"Normal\"\r\n checked={true}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselection\"\r\n input_id=\"Normal\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.normalContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Colours Blind\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselection\"\r\n input_id=\"ColoursBlind\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.blindContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Red Weakness\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselection\"\r\n input_id=\"RedWeakness\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.redContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Green Weakness\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselection\"\r\n input_id=\"GreenWeakness\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.greenContrasthandler}\r\n ></dda-radiobutton>\r\n </fieldset>\r\n </form>\r\n </div>\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Screen Reader</h2>\r\n <p class=\"mb-3\">Listen to the content of the page by clicking play or listen</p>\r\n <div class=\"rs_skip rsbtn rs_preserve\" id=\"readspeaker_button1\">\r\n <a href={this.readSpeakerLink} rel=\"nofollow\" class=\"rsbtn_play circle readspeaker\" accessKey=\"L\" aria-label=\"Listen to this page using ReadSpeaker\">\r\n <i class=\"material-icons material-symbols-outlined\">volume_up</i>\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Text Size</h2>\r\n <p class=\"mb-3\">Use the buttons below to increase or decrease the text size</p>\r\n <div class=\"d-flex dda-gap-4\">\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.baseTexthandler}>\r\n A\r\n </dda-button>\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.lgTexthandler}>\r\n A+\r\n </dda-button>\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.smTexthandler}>\r\n A-\r\n </dda-button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <button name={this.close_accessibility_button_name} class=\"close-btn close_accessibility\" aria-label=\"Close Sidebar\" onClick={this.toggleAccessibilty}>\r\n <i class=\"materinal-icons material-symbols-outlined\">close</i>\r\n {/ <i class=\"fa-solid fa-close\"></i> */}\r\n </button>\r\n </div>\r\n </div>\r\n ) : null}\r\n </li>\r\n <li>\r\n <dda-tooltip title_text=\"Language\" position=\"top\">\r\n <dda-button button_color=\"onsurface-secondary\" custom_class=\"tool-btn\" button_shape=\"circle\" size=\"sm\" onClick={this.languagehandler}>\r\n {this.language_text}\r\n </dda-button>\r\n </dda-tooltip>\r\n </li>\r\n <li>\r\n <dda-tooltip title_text=\"Login\" position=\"top\">\r\n <dda-link-button\r\n button_color=\"onsurface-secondary\"\r\n start_icon={this.loginIcon \|\| 'sentiment_satisfied'}\r\n custom_class=\"tool-btn\"\r\n href={this.loginLink}\r\n button_shape=\"circle\"\r\n size=\"sm\"\r\n >\r\n {this.loginText \|\| 'Login'}\r\n </dda-link-button>\r\n </dda-tooltip>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </header>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"dda-header.entry.cjs.js","mappings":"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","names":["h","index"],"sources":["src/components/dda-header/dda-header.css?tag=dda-header","src/components/dda-header/dda-header.tsx"],"sourcesContent":["","import { Component, h, Prop, State, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-header',\r\n styleUrls: ['dda-header.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHeader {\r\n @Prop() firstLogoHref: string = '#';\r\n @Prop() firstLogoSrc: string;\r\n @Prop() firstLogoWhiteSrc: string;\r\n @Prop() firstLogoAlt: string;\r\n @Prop() secondLogoHref: string = '#';\r\n @Prop() secondLogoSrc: string;\r\n @Prop() secondLogoWhiteSrc: string;\r\n @Prop() secondLogoAlt: string;\r\n @Prop() loginLink: string;\r\n @Prop() sideMenuItems: string;\r\n @Prop() quickLinks: string;\r\n @Prop() readSpeakerLink: string;\r\n @Prop() menuTitle: string;\r\n @Prop() searchText: string;\r\n @Prop() loginIcon: string;\r\n @Prop() loginText: string;\r\n @Prop() language_text: string;\r\n @Event() languageSwitch: EventEmitter<void>;\r\n @Event() smTextSize: EventEmitter<void>;\r\n @Event() baseTextSize: EventEmitter<void>;\r\n @Event() lgTextSize: EventEmitter<void>;\r\n @Event() normalContrast: EventEmitter<void>;\r\n @Event() blindContrast: EventEmitter<void>;\r\n @Event() redContrast: EventEmitter<void>;\r\n @Event() greenContrast: EventEmitter<void>;\r\n\r\n @State() isMenuOpen: boolean = false;\r\n @State() isSubMenuOpen: boolean = false;\r\n @State() isSideSubMenuOpen: boolean = false;\r\n @State() isAccessibiltyOpen: boolean = false;\r\n private lastScrollTop = 0;\r\n\r\n @Prop() hamburger_menu_button_name: string;\r\n @Prop() accessibility_button_name: string;\r\n @Prop() search_button_name: string;\r\n @Prop() search_input_name: string;\r\n @Prop() language_button_name: string;\r\n @Prop() close_menu_button_name: string;\r\n @Prop() close_accessibility_button_name: string;\r\n @Prop() close_sidebar_button_name: string;\r\n @Prop() toggle_accessibility_button_name: string;\r\n\r\n @State() openMenus: { [index: string]: boolean } = {};\r\n @State() activeMenuIndex: number \| null = null;\r\n\r\n @Prop() usepredesignedaccessibilitymenu: boolean = true;\r\n @Event() accessibilitymenufunctionality: EventEmitter<void>;\r\n @Event() searchfunctionality: EventEmitter<void>;\r\n\r\n @State() SearchValue: string = '';\r\n\r\n toggleSidebarSubMenu(index: string) {\r\n if (index === '') {\r\n this.openMenus = {};\r\n return;\r\n }\r\n\r\n const isCurrentlyOpen = this.openMenus[index];\r\n const newOpenMenus = {};\r\n\r\n if (!isCurrentlyOpen) {\r\n const parts = index.split('-');\r\n let parentPath = '';\r\n\r\n for (let i = 0; i < parts.length - 1; i++) {\r\n parentPath = parentPath ? `${parentPath}-${parts[i]}` : parts[i];\r\n newOpenMenus[parentPath] = true;\r\n }\r\n\r\n newOpenMenus[index] = true;\r\n } else {\r\n for (const key in this.openMenus) {\r\n if (key !== index && !key.startsWith(`${index}-`)) {\r\n newOpenMenus[key] = true;\r\n }\r\n }\r\n }\r\n\r\n this.openMenus = newOpenMenus;\r\n }\r\n\r\n toggleEscapeKey = (event: KeyboardEvent) => {\r\n if (event.key === 'Escape') {\r\n this.isMenuOpen = false;\r\n this.isAccessibiltyOpen = false;\r\n this.isSubMenuOpen = false;\r\n this.isSideSubMenuOpen = false;\r\n this.activeMenuIndex = null;\r\n }\r\n };\r\n\r\n componentDidLoad() {\r\n window.addEventListener('scroll', this.handleScroll);\r\n document.addEventListener('click', this.handleOutsideClick);\r\n document.addEventListener('keydown', this.toggleEscapeKey);\r\n document.addEventListener('click', this.handleOutsideAccessibilityClick);\r\n document.addEventListener('click', this.handleOutsideMegaMenuClick);\r\n }\r\n\r\n disconnectedCallback() {\r\n window.removeEventListener('scroll', this.handleScroll);\r\n document.removeEventListener('click', this.handleOutsideClick);\r\n document.removeEventListener('click', this.handleOutsideAccessibilityClick);\r\n document.addEventListener('click', this.handleOutsideMegaMenuClick);\r\n }\r\n\r\n handleOutsideClick = (event: MouseEvent) => {\r\n let isClickInsideMenu = (event.target as Element).closest('.main_side_menu');\r\n if (!isClickInsideMenu) {\r\n this.toggleSidebarSubMenu('');\r\n document.querySelectorAll('.main_sub_menu').forEach(menu => {\r\n menu.classList.remove('showSubMenu');\r\n });\r\n document.querySelectorAll('.showSub').forEach(anchor => {\r\n anchor.classList.remove('icon_arrow');\r\n });\r\n }\r\n };\r\n\r\n handleOutsideAccessibilityClick = (event: MouseEvent) => {\r\n if (this.isAccessibiltyOpen) {\r\n const accessibilityMenu = document.querySelector('.dda-accessibility-wrap .dda-accessibility');\r\n const isClickInsideDesktopMenu = accessibilityMenu && accessibilityMenu.contains(event.target as Node);\r\n const isClickOnToggleButton = (event.target as Element).closest('.accessibility-btn');\r\n\r\n if (!isClickInsideDesktopMenu && !isClickOnToggleButton) {\r\n this.isAccessibiltyOpen = false;\r\n }\r\n }\r\n };\r\n\r\n handleOutsideMegaMenuClick = (event: MouseEvent) => {\r\n if (this.activeMenuIndex !== null) {\r\n const megaMenu = document.querySelector('.megamenu-content');\r\n const isClickInsideMegaMenu = megaMenu && megaMenu.contains(event.target as Node);\r\n const isClickOnToggleLink = (event.target as Element).closest('.showSub');\r\n\r\n if (!isClickInsideMegaMenu && !isClickOnToggleLink) {\r\n this.activeMenuIndex = null;\r\n }\r\n }\r\n };\r\n\r\n handleScroll = () => {\r\n const scrollTop = window.scrollY;\r\n const menuContainer = document.querySelector('.dda-menu-container') as HTMLElement;\r\n const logoContainer = document.querySelector('.dda-header') as HTMLElement;\r\n\r\n if (scrollTop > this.lastScrollTop && scrollTop > 50) {\r\n if (menuContainer) menuContainer.style.display = 'none';\r\n if (logoContainer) logoContainer.classList.add('white');\r\n } else {\r\n if (menuContainer) menuContainer.style.display = 'flex';\r\n if (logoContainer) logoContainer.classList.remove('white');\r\n }\r\n this.lastScrollTop = scrollTop;\r\n };\r\n\r\n private parseJsonArray(jsonString: string) {\r\n try {\r\n return JSON.parse(jsonString);\r\n } catch (e) {\r\n console.error('Failed to parse JSON:', e);\r\n return [];\r\n }\r\n }\r\n private toggleMenu = () => {\r\n if (this.isAccessibiltyOpen) {\r\n this.isAccessibiltyOpen = false;\r\n }\r\n this.isMenuOpen = !this.isMenuOpen;\r\n };\r\n private toggleSubMenu = (index: number, event?: MouseEvent) => {\r\n // this.isSubMenuOpen = !this.isSubMenuOpen;\r\n if (event) event.preventDefault();\r\n this.activeMenuIndex = this.activeMenuIndex === index ? null : index;\r\n };\r\n private toggleAccessibilty = () => {\r\n if (this.usepredesignedaccessibilitymenu == true) {\r\n this.isAccessibiltyOpen = !this.isAccessibiltyOpen;\r\n this.accessibilitymenuhandler();\r\n } else {\r\n this.accessibilitymenuhandler();\r\n }\r\n };\r\n\r\n private languagehandler = () => {\r\n this.languageSwitch.emit();\r\n };\r\n private smTexthandler = () => {\r\n this.smTextSize.emit();\r\n };\r\n private baseTexthandler = () => {\r\n this.baseTextSize.emit();\r\n };\r\n private lgTexthandler = () => {\r\n this.lgTextSize.emit();\r\n };\r\n private normalContrasthandler = () => {\r\n this.normalContrast.emit();\r\n };\r\n private blindContrasthandler = () => {\r\n this.blindContrast.emit();\r\n };\r\n private redContrasthandler = () => {\r\n this.redContrast.emit();\r\n };\r\n private greenContrasthandler = () => {\r\n this.greenContrast.emit();\r\n };\r\n private accessibilitymenuhandler = () => {\r\n this.accessibilitymenufunctionality.emit();\r\n };\r\n private searchhandler = searchval => {\r\n this.searchfunctionality.emit(searchval);\r\n };\r\n\r\n renderSubMenu = (subMenu, parentLi) => {\r\n if (!subMenu \|\| subMenu.length === 0) return null;\r\n\r\n return (\r\n <div class={`main_sub_menu ${this.openMenus[parentLi] ? 'showSubMenu' : ''}`}>\r\n {subMenu[0].headerLabel && <p class=\"dda-side-nav__title\">{subMenu[0].headerLabel}</p>}\r\n <ol>\r\n {subMenu.map((item, index) => {\r\n const currentIndex = `${parentLi}-${index}`;\r\n return (\r\n <li key={currentIndex}>\r\n <a\r\n href={item.href}\r\n class={item.subMenu && item.subMenu.length > 0 ? 'showSub' : ''}\r\n onClick={e => {\r\n e.preventDefault();\r\n this.toggleSidebarSubMenu(currentIndex);\r\n }}\r\n >\r\n {item.label}\r\n </a>\r\n {this.renderSubMenu(item.subMenu, currentIndex)}\r\n </li>\r\n );\r\n })}\r\n </ol>\r\n </div>\r\n );\r\n };\r\n\r\n render() {\r\n const sideMenuItems = this.parseJsonArray(this.sideMenuItems);\r\n const quickLinks = this.parseJsonArray(this.quickLinks);\r\n const isHomepage = window.location.pathname === '/';\r\n const setActiveMenuIndex = (index: number \| null) => {\r\n this.activeMenuIndex = index;\r\n };\r\n\r\n return (\r\n <header class={`dda-header ${isHomepage ? 'transparent' : ''}`}>\r\n {/* Logo Section /}\r\n <div class=\"dda-head-logo\">\r\n <a href={this.firstLogoHref} class=\"govt-logo\">\r\n {isHomepage ? (\r\n <img class=\"logo-white\" src={this.firstLogoWhiteSrc} alt={this.firstLogoAlt} />\r\n ) : (\r\n <img class=\"logo-colored\" src={this.firstLogoSrc} alt={this.firstLogoAlt} />\r\n )}\r\n {/ <img class=\"logo-colored\" src={this.firstLogoSrc} alt={this.firstLogoAlt} />\r\n <img class=\"logo-white\" src={this.firstLogoWhiteSrc} alt={this.firstLogoAlt} /> /}\r\n </a>\r\n <a href={this.secondLogoHref} class=\"entt-logo\">\r\n {isHomepage ? (\r\n <img class=\"logo-white\" src={this.secondLogoWhiteSrc} alt={this.secondLogoAlt} />\r\n ) : (\r\n <img class=\"logo-colored\" src={this.secondLogoSrc} alt={this.secondLogoAlt} />\r\n )}\r\n {/ <img class=\"logo-colored\" src={this.secondLogoSrc} alt={this.secondLogoAlt} />\r\n <img class=\"logo-white\" src={this.secondLogoWhiteSrc} alt={this.secondLogoAlt} /> /}\r\n </a>\r\n </div>\r\n\r\n {/ Main Navigation Section /}\r\n <div class=\"dda-menu-container\">\r\n <div class=\"dda-main-navigation\">\r\n <div class={`dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`} onClick={this.toggleMenu}></div>\r\n\r\n {/ Hamburger Menu /}\r\n <div class=\"hamburger-menu\" onClick={this.toggleMenu}>\r\n <dda-tooltip title_text=\"Menu\" position=\"top\" class=\"d-block\">\r\n <button type=\"button\" class=\"hamburger-menu-btn\" name={this.hamburger_menu_button_name}>\r\n <span class=\"hamburger-line\"></span>\r\n <span class=\"hamburger-menu-text\">hamburger menu text</span>\r\n </button>\r\n </dda-tooltip>\r\n </div>\r\n\r\n {/ Side Menu /}\r\n <div class=\"dda-sidemenu\" style={{ display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' }}>\r\n <div class=\"dda-sidemenu-content\">\r\n <p class=\"dda-side-nav-title\">{this.menuTitle \|\| 'Quick Links'}</p>\r\n <ul class=\"main_side_menu\">\r\n {sideMenuItems.map((menu, index) => {\r\n const currentIndex = `menu-${index}`;\r\n return (\r\n <li key={currentIndex}>\r\n <a\r\n href={menu.href}\r\n class={menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : ''}\r\n onClick={e => {\r\n if (menu.subMenu && menu.subMenu.length > 0) {\r\n e.preventDefault();\r\n this.toggleSidebarSubMenu(currentIndex);\r\n }\r\n }}\r\n >\r\n {menu.label}\r\n </a>\r\n {this.renderSubMenu(menu.subMenu, currentIndex)}\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n\r\n <div class=\"dda-sidemenu-bottom\">\r\n <div class=\"dda-sidemenu-gov-logo\">\r\n <a href={this.firstLogoHref} class=\"govt-logo mb-2\">\r\n <img class=\"\" src={this.firstLogoSrc} alt={this.firstLogoAlt} />\r\n </a>\r\n </div>\r\n <div class=\"dda-toolbar-menu-sidemenu\">\r\n <ul>\r\n <li>\r\n <button\r\n name={this.accessibility_button_name}\r\n class=\"tool-btn accessibility-btn\"\r\n type=\"button\"\r\n onClick={() => {\r\n this.toggleAccessibilty;\r\n this.accessibilitymenuhandler();\r\n }}\r\n >\r\n <i class=\"material-icons material-symbols-outlined\">accessible_forward</i>\r\n <span class=\"visually-hidden\">Accessibility</span>\r\n </button>\r\n </li>\r\n <li>\r\n <button name={this.language_button_name} class=\"tool-btn\" type=\"button\" onClick={this.languagehandler}>\r\n العربية\r\n </button>\r\n </li>\r\n <li>\r\n <dda-link-button\r\n button_color=\"onsurface-secondary\"\r\n start_icon={this.loginIcon \|\| 'sentiment_satisfied'}\r\n custom_class=\"tool-btn\"\r\n href={this.loginLink}\r\n button_shape=\"circle\"\r\n size=\"sm\"\r\n >\r\n {this.loginText \|\| 'Login'}\r\n </dda-link-button>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <button name={this.close_menu_button_name} class=\"close-btn side-nav-close-btn\" aria-label=\"Close Sidebar\" onClick={this.toggleMenu}>\r\n <i class=\"material-icons material-symbols-outlined\">close</i>\r\n </button>\r\n\r\n <div class=\"dda-accessibility hide-accessibility mobile-accessibility\" style={{ display: this.isAccessibiltyOpen ? 'block' : 'none' }}>\r\n <div class=\"dda-row\">\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Contrast</h2>\r\n <form>\r\n <fieldset class=\"dda-theme-list\">\r\n <legend>\r\n <p class=\"mb-3\">Select your preferred contrast setting </p>\r\n </legend>\r\n <dda-radiobutton\r\n title_text=\"Normal\"\r\n checked={true}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselectionmobile\"\r\n input_id=\"NormalMobile\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.normalContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Colours Blind\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselectionmobile\"\r\n input_id=\"ColoursBlindMobile\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.blindContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Red Weakness\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselectionmobile\"\r\n input_id=\"RedWeaknessMobile\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.redContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Green Weakness\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselectionmobile\"\r\n input_id=\"GreenWeaknessMobile\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.greenContrasthandler}\r\n ></dda-radiobutton>\r\n </fieldset>\r\n </form>\r\n </div>\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Screen Reader</h2>\r\n <p class=\"mb-3\">Listen to the content of the page by clicking play or listen</p>\r\n <div class=\"rs_skip rsbtn rs_preserve\" id=\"readspeaker_button1\">\r\n <a href={this.readSpeakerLink} rel=\"nofollow\" class=\"rsbtn_play circle readspeaker\" accessKey=\"L\" aria-label=\"Listen to this page using ReadSpeaker\">\r\n <i class=\"material-icons material-symbols-outlined\">volume_up</i>\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Text Size</h2>\r\n <p class=\"mb-3\">Use the buttons below to increase or decrease the text size</p>\r\n <div class=\"d-flex dda-gap-4\">\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.baseTexthandler}>\r\n A\r\n </dda-button>\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.lgTexthandler}>\r\n A+\r\n </dda-button>\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.smTexthandler}>\r\n A-\r\n </dda-button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <button name={this.close_accessibility_button_name} class=\"close-btn close_accessibility\" aria-label=\"Close Accessibility\" onClick={this.toggleAccessibilty}>\r\n <i class=\"material-icons material-symbols-outlined\">close</i>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/ Mega Menu /}\r\n <div>\r\n <ul class=\"dda-mega-menu\">\r\n {quickLinks.map((link, index) => (\r\n <li key={index}>\r\n <a\r\n href={link.subMenu && link.subMenu.length > 0 ? '#' : link.href}\r\n onClick={link.subMenu && link.subMenu.length > 0 ? e => this.toggleSubMenu(index, e) : undefined}\r\n class={`${link.subMenu && link.subMenu.length > 0 ? `showSub ${this.activeMenuIndex === index ? 'icon_arrow' : ''}` : ''} ${link.active === 'true' ? 'active' : ''}`}\r\n >\r\n {link.label}\r\n </a>\r\n {/ Conditionally render submenu /}\r\n {link.subMenu && link.subMenu.length > 0 && (\r\n <div\r\n class={`megamenu-content ${this.activeMenuIndex === index ? 'showSubMenu' : ''}`}\r\n style={{ display: this.activeMenuIndex === index ? 'block' : 'none', paddingTop: '15px' }}\r\n >\r\n <div class=\"megamenu-item dda-container\">\r\n <div class=\"dda-row\">\r\n <div class=\"dda-col-md-3\">\r\n <h3 class=\"mega-menu-title\">{link.menuLabel}</h3>\r\n <ul>\r\n {link.subMenu.map((subItem, subIndex) => (\r\n <li key={subIndex}>\r\n <a class=\"megamenu-link\" href={subItem.href}>\r\n <span class=\"dda-btn btn-color-onsurface-secondary btn-size-sm icon-btn-default\">\r\n <i class=\"material-icons material-symbols-outlined\">{subItem.icon}</i>\r\n </span>\r\n <span class=\"text-wrap\">\r\n <span class=\"title-text dda-fs-body-lg dda-fw-700\">{subItem.title}</span>\r\n <span class=\"dda-fs-tagline-lg dda-fw-400\">{subItem.description}</span>\r\n </span>\r\n </a>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n </div>\r\n <button name=\"close-mega-menu\" class=\"close-btn close_mega-menu\" aria-label=\"Close Sidebar\" onClick={() => setActiveMenuIndex(null)}>\r\n <i class=\"material-icons material-symbols-outlined\">close</i>\r\n </button>\r\n </div>\r\n </div>\r\n )}\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div class=\"dda-mobile-entt-logo\">\r\n <a href=\"#\" class=\"entt-logo\">\r\n <img class=\"logo-colored\" src={this.secondLogoSrc} alt={this.secondLogoAlt} />\r\n <img class=\"logo-white\" src={this.secondLogoWhiteSrc} alt={this.secondLogoAlt} />\r\n </a>\r\n </div>\r\n <div class=\"dda-mobile-search\">\r\n <button name={this.search_button_name} class=\"tool-btn\" type=\"button\">\r\n <span class=\"visualy-hidden\">Search</span>\r\n <i class=\"material-icons material-symbols-outlined\">search</i>\r\n </button>\r\n </div>\r\n\r\n {/ Toolbar Menu /}\r\n <div class=\"dda-toolbar-menu\">\r\n <ul>\r\n <li>\r\n <dda-tooltip title_text=\"Search\" description=\"\" position=\"top\">\r\n <div class=\"dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn\">\r\n <label htmlFor=\"ddaSearch\" class=\"visualy-hidden\">\r\n {this.searchText \|\| 'Search'}\r\n </label>\r\n <i class=\"material-icons material-symbols-outlined\">search</i>\r\n <input\r\n name={this.search_input_name}\r\n type=\"text\"\r\n id=\"ddaSearch\"\r\n class=\"\"\r\n placeholder={this.searchText \|\| 'Search'}\r\n\r\n onKeyPress={e => {\r\n if (e.key === 'Enter') {\r\n this.searchhandler((e.target as HTMLInputElement).value); // Pass the value to the searchhandler\r\n }\r\n }}\r\n />\r\n </div>\r\n </dda-tooltip>\r\n </li>\r\n\r\n <li>\r\n <dda-tooltip title_text=\"Accessibility\" position=\"top\">\r\n <button\r\n name={this.toggle_accessibility_button_name}\r\n class=\"tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn\"\r\n type=\"button\"\r\n onClick={this.toggleAccessibilty}\r\n >\r\n <i class=\"material-icons material-symbols-outlined\">accessible_forward</i>\r\n <span class=\"visually-hidden\">Accessibility</span>\r\n </button>\r\n </dda-tooltip>\r\n {this.usepredesignedaccessibilitymenu ? (\r\n <div class=\"dda-accessibility-wrap\">\r\n <div class=\"dda-accessibility hide-accessibility\" style={{ display: this.isAccessibiltyOpen ? 'block' : 'none' }}>\r\n <div class=\"dda-row\">\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Contrast</h2>\r\n <form>\r\n <fieldset class=\"dda-theme-list\">\r\n <legend>\r\n <p class=\"mb-3\">Select your preferred contrast setting </p>\r\n </legend>\r\n <dda-radiobutton\r\n title_text=\"Normal\"\r\n checked={true}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselection\"\r\n input_id=\"Normal\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.normalContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Colours Blind\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselection\"\r\n input_id=\"ColoursBlind\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.blindContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Red Weakness\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselection\"\r\n input_id=\"RedWeakness\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.redContrasthandler}\r\n ></dda-radiobutton>\r\n <dda-radiobutton\r\n title_text=\"Green Weakness\"\r\n checked={false}\r\n size=\"sm\"\r\n variants=\"normal\"\r\n supporting=\"\"\r\n group_name=\"themeselection\"\r\n input_id=\"GreenWeakness\"\r\n custom_class=\"\"\r\n component_mode=\"\"\r\n aria_label=\"radio-button\"\r\n onClick={this.greenContrasthandler}\r\n ></dda-radiobutton>\r\n </fieldset>\r\n </form>\r\n </div>\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Screen Reader</h2>\r\n <p class=\"mb-3\">Listen to the content of the page by clicking play or listen</p>\r\n <div class=\"rs_skip rsbtn rs_preserve\" id=\"readspeaker_button1\">\r\n <a href={this.readSpeakerLink} rel=\"nofollow\" class=\"rsbtn_play circle readspeaker\" accessKey=\"L\" aria-label=\"Listen to this page using ReadSpeaker\">\r\n <i class=\"material-icons material-symbols-outlined\">volume_up</i>\r\n </a>\r\n </div>\r\n </div>\r\n <div class=\"dda-col-md-4 dda-accessibility-item\">\r\n <h2 class=\"dda-fs-body-lg dda-fw-700 mb-1\">Text Size</h2>\r\n <p class=\"mb-3\">Use the buttons below to increase or decrease the text size</p>\r\n <div class=\"d-flex dda-gap-4\">\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.baseTexthandler}>\r\n A\r\n </dda-button>\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.lgTexthandler}>\r\n A+\r\n </dda-button>\r\n <dda-button button_color=\"default-secondary\" icon_button_shape=\"circle\" custom_class=\"\" size=\"lg\" onClick={this.smTexthandler}>\r\n A-\r\n </dda-button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <button name={this.close_accessibility_button_name} class=\"close-btn close_accessibility\" aria-label=\"Close Sidebar\" onClick={this.toggleAccessibilty}>\r\n <i class=\"materinal-icons material-symbols-outlined\">close</i>\r\n {/ <i class=\"fa-solid fa-close\"></i> */}\r\n </button>\r\n </div>\r\n </div>\r\n ) : null}\r\n </li>\r\n <li>\r\n <dda-tooltip title_text=\"Language\" position=\"top\">\r\n <dda-button button_color=\"onsurface-secondary\" custom_class=\"tool-btn\" button_shape=\"circle\" size=\"sm\" onClick={this.languagehandler}>\r\n {this.language_text}\r\n </dda-button>\r\n </dda-tooltip>\r\n </li>\r\n <li>\r\n <dda-tooltip title_text=\"Login\" position=\"top\">\r\n <dda-link-button\r\n button_color=\"onsurface-secondary\"\r\n start_icon={this.loginIcon \|\| 'sentiment_satisfied'}\r\n custom_class=\"tool-btn\"\r\n href={this.loginLink}\r\n button_shape=\"circle\"\r\n size=\"sm\"\r\n >\r\n {this.loginText \|\| 'Login'}\r\n </dda-link-button>\r\n </dda-tooltip>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </header>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/cjs/dda-home-banner.cjs.entry.js CHANGED Viewed

@@ -14,6 +14,7 @@ const DdaHomeBanner = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.currentSlide = 0;
+        this.autoPlay = true;
         this.slides = [];
     }
     componentDidLoad() {
@@ -21,6 +22,11 @@ const DdaHomeBanner = class {
         // Listen for slot changes
         const slot = this.el.querySelector('slot');
         slot === null || slot === void 0 ? void 0 : slot.addEventListener('slotchange', () => this.updateSlides());
+        // while (this.autoPlay == true) {
+        //   setTimeout(() => {
+        //     this.nextSlide();
+        //   }, 300);
+        // }
     }
     updateSlides() {
         this.slides = Array.from(this.el.querySelectorAll('slide'));
@@ -38,9 +44,11 @@ const DdaHomeBanner = class {
         this.currentSlide = index;
     }
     render() {
-        return (index.h(index.Host, { key: '4591f2be0e371be83fcb24a9fe4f8b359cd8fb16' }, index.h("div", { key: '4b7bcb64aceeeb8c1be90707af50a6d46438fb63', class: "dda-slider-container" }, index.h("div", { key: '8d062e2e39e7dfca1f4e64408f68d54d4d824fa2', class: "dda-slides", style: { innerWidth: this.slides.length * 100 + 'vw', left: this.currentSlide * -100 + '%' } }, index.h("slot", { key: 'f2a4940ac6fc45788f299617439ea715e04a6ef0' })), index.h("div", { key: '252e24b2398dc379292da7a1c70d9bba8627a1ac', class: 'slider-nav' }, index.h("button", { key: 'de4af188138e04ecd26135011bc193addffeb205', class: "prev", onClick: () => this.prevSlide() }, index.h("i", { key: '231e4196b0b7411b1421b209529d3b3359d21d82', class: "material-icons" }, "chevron_left")), index.h("ul", { key: 'eeda616ea3c8e2facec787bd993f1b1008e1a561' }, this.slides.map((_, index$1) => {
+        return (index.h(index.Host, { key: 'f7576fbdc0a484411a8d16b53b70d62811a1ced8' }, index.h("div", { key: '3295968309268e85d727b5537b6b814ce2c8db4c', class: "dda-slider-container" }, index.h("div", { key: '791eb9aecfb1d02e358942c3c5f442db62f11f08', class: "dda-slides", style: { innerWidth: this.slides.length * 100 + 'vw', left: this.currentSlide * -100 + '%' } }, index.h("slot", { key: '5c151528314f8d313a7c8f31dcf987763607a639' })), index.h("div", { key: '783805422d95ee0f4b7c7d2de30186b0ea9d0de6', class: 'slider-nav' }, index.h("button", { key: '795d50623e561bc753ace90e0ebd6d46c0499061', class: "prev", onClick: () => {
+                this.autoPlay = false;
+            } }, index.h("i", { key: '6928e55f1c9a2204ff3556f69b16bb9149250de9', class: "material-icons" }, "motion_photos_paused")), index.h("button", { key: 'e990be851f23ffb037f0973d9405d4c806568a97', class: "prev", onClick: () => this.prevSlide() }, index.h("i", { key: '4f72cf75f4f3f6ccdf5339b9f85cd8c5e2a20987', class: "material-icons" }, "chevron_left")), index.h("ul", { key: 'de6ab4e346162243838b56c2d819a956d1214a1d' }, this.slides.map((_, index$1) => {
             return index.h("div", { class: this.currentSlide == index$1 ? 'dots active' : 'dots', onClick: () => this.setSlide(index$1) });
-        })), index.h("button", { key: '621b7c648064a990787d70a128f32cbad2046361', class: "next", onClick: () => this.nextSlide() }, index.h("i", { key: 'a31545ea13c03cba67708eea505c79ff632033f5', class: "material-icons" }, "chevron_right"))))));
+        })), index.h("button", { key: '6b6ac57cda34857c6344f21f4161740e3d06b87f', class: "next", onClick: () => this.nextSlide() }, index.h("i", { key: 'dc33a178a88255312a093d94c5ea657b802ec2cc', class: "material-icons" }, "chevron_right"))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/dda-home-banner.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dda-home-banner.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,ghEAAghE,CAAC;AACviE,4BAAe,aAAa;;ACD5B,MAAM,SAAS,GAAG,ym1DAAym1D,CAAC;AAC5n1D,4BAAe,SAAS;;MCMX,aAAa;IAL1B;;QAOW,iBAAY,GAAW,CAAC,CAAC;QAClC,WAAM,GAAkB,EAAE,CAAC;KAoD5B;IAlDC,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;;QAEpB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;KACjE;IAED,YAAY;QACV,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;SACvB;KACF;IAED,SAAS;QACP,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;KAClE;IAED,SAAS;QACP,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;KACvF;IAED,QAAQ,CAAC,KAAK;QACZ,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;KAC3B;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,kEAAK,KAAK,EAAC,sBAAsB,IAC/BA,kEAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,IAClHA,oEAAa,CACT,EACNA,kEAAK,KAAK,EAAE,YAAY,IACtBA,qEAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAClDA,gEAAG,KAAK,EAAC,gBAAgB,mBAAiB,CACnC,EACTA,mEACG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAEE,OAAK;YACxB,OAAOF,iBAAK,KAAK,EAAE,IAAI,CAAC,YAAY,IAAIE,OAAK,GAAG,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAACA,OAAK,CAAC,GAAQ,CAAC;SACrH,CAAC,CACC,EACLF,qEAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAClDA,gEAAG,KAAK,EAAC,gBAAgB,oBAAkB,CACpC,CACL,CACF,CACD,EACP;KACH;;;;;;;","names":["h","Host","index"],"sources":["src/components/dda-home-banner/home-banner.css?tag=dda-home-banner","src/global/global.css?tag=dda-home-banner","src/components/dda-home-banner/dda-home-banner.tsx"],"sourcesContent":[".home-slider {\r\n position: relative;\r\n max-width: 100%;\r\n overflow: hidden;\r\n display: block;\r\n}\r\n\r\n.home-slider::before {\r\n content: '';\r\n width: 100%;\r\n height: 80%;\r\n position: absolute;\r\n bottom: 0;\r\n background: rgb(0, 0, 0);\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\r\n z-index: 1;\r\n}\r\n\r\n.home-slider img,\r\n.home-slider video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.slider-item {\r\n display: none;\r\n width: 100%;\r\n transition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n.slider-item.active {\r\n display: block;\r\n}\r\n\r\n.slider-item img {\r\n width: 100%;\r\n height: auto;\r\n border-radius: 8px;\r\n}\r\n\r\n.home-slider slide {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n}\r\n\r\n.home-slider .slide-wrap {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.home-slider .dda-slider-container {\r\n width: 100vw;\r\n height: 100vh;\r\n position: relative;\r\n}\r\n\r\n.home-slider .dda-slides {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100vh;\r\n display: flex;\r\n transition: all 0.7s ease-in-out;\r\n}\r\n\r\n.slide-content {\r\n width: 90vw;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.slide-content h2 {\r\n font-size: var(--dda-fs-display-sm);\r\n color: #fff;\r\n font-weight: var(--dda-fw-700);\r\n}\r\n.slide-content p {\r\n font-size: var(--dda-fs-headline-sm);\r\n color: #fff;\r\n font-weight: var(--dda-fw-300);\r\n}\r\n.slider-nav {\r\n width: 100%;\r\n text-align: center;\r\n position: absolute;\r\n bottom: 250px;\r\n left: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 15px;\r\n height: 30px;\r\n z-index: 3;\r\n}\r\n.slider-nav .prev,\r\n.slider-nav .next {\r\n height: 28px;\r\n width: 28px;\r\n padding: 0;\r\n margin: 0;\r\n border: 0;\r\n background: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n background: rgba(0, 0, 0, 0);\r\n border-radius: 50%;\r\n font-size: 25px;\r\n transition: all 0.2s linear;\r\n}\r\n.slider-nav .prev:hover,\r\n.slider-nav .next:hover {\r\n background: rgba(0, 0, 0, 0.45);\r\n}\r\n.slider-nav ul {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n.slider-nav .dots {\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(256,256,256,0.2);\r\n overflow: hidden;\r\n text-indent: -100px;\r\n margin: 0;\r\n padding: 0;\r\n border: 0px;\r\n border-radius: 20px;\r\n cursor: pointer;\r\n transition: all 0.2s linear;\r\n}\r\n\r\n.slider-nav .dots.active {\r\n background: rgba(256,256,256,0.85);\r\n}\r\n\r\n\r\n@media screen and (max-width:992px) {\r\n .slider-nav {\r\n bottom: 100px;\r\n }\r\n}","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--dda-fs-body-lg) !important;\r\n font-weight: var(--dda-fw-400) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/Colors/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/*/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/ Border-radius classes /\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n.dda-d-none{\r\n display: none;\r\n}\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/Temporary/\r\n/ body{\r\n height: 1550px;\r\n} /\r\n","import { Host, Component, h, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-home-banner',\r\n styleUrls: ['home-banner.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHomeBanner {\r\n @Element() el: HTMLElement;\r\n @State() currentSlide: number = 0;\r\n slides: HTMLElement[] = [];\r\n\r\n componentDidLoad() {\r\n this.updateSlides();\r\n // Listen for slot changes\r\n const slot = this.el.querySelector('slot');\r\n slot?.addEventListener('slotchange', () => this.updateSlides());\r\n }\r\n\r\n updateSlides() {\r\n this.slides = Array.from(this.el.querySelectorAll('slide'));\r\n if (this.slides.length > 0) {\r\n this.currentSlide = 0; // Reset slide index if slides are updated\r\n }\r\n }\r\n\r\n nextSlide() {\r\n this.currentSlide = (this.currentSlide + 1) % this.slides.length;\r\n }\r\n\r\n prevSlide() {\r\n this.currentSlide = (this.currentSlide - 1 + this.slides.length) % this.slides.length;\r\n }\r\n\r\n setSlide(index) {\r\n this.currentSlide = index;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"dda-slider-container\">\r\n <div class=\"dda-slides\" style={{ innerWidth: this.slides.length 100 + 'vw', left: this.currentSlide * -100 + '%' }}>\r\n <slot></slot>\r\n </div>\r\n <div class={'slider-nav'}>\r\n <button class=\"prev\" onClick={() => this.prevSlide()}>\r\n <i class=\"material-icons\">chevron_left</i>\r\n </button>\r\n <ul>\r\n {this.slides.map((_, index) => {\r\n return <div class={this.currentSlide == index ? 'dots active' : 'dots'} onClick={() => this.setSlide(index)}></div>;\r\n })}\r\n </ul>\r\n <button class=\"next\" onClick={() => this.nextSlide()}>\r\n <i class=\"material-icons\">chevron_right</i>\r\n </button>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"dda-home-banner.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,ghEAAghE,CAAC;AACviE,4BAAe,aAAa;;ACD5B,MAAM,SAAS,GAAG,ym1DAAym1D,CAAC;AAC5n1D,4BAAe,SAAS;;MCMX,aAAa;IAL1B;;QAOW,iBAAY,GAAW,CAAC,CAAC;QACzB,aAAQ,GAAY,IAAI,CAAC;QAClC,WAAM,GAAkB,EAAE,CAAC;KAoE5B;IAlEC,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;;QAGpB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;;;;;;KAOjE;IAED,YAAY;QACV,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;SACvB;KACF;IAED,SAAS;QACP,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;KAClE;IAED,SAAS;QACP,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;KACvF;IAED,QAAQ,CAAC,KAAK;QACZ,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;KAC3B;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,kEAAK,KAAK,EAAC,sBAAsB,IAC/BA,kEAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,IAClHA,oEAAa,CACT,EACNA,kEAAK,KAAK,EAAE,YAAY,IACtBA,qEACE,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE;gBACP,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACvB,IAEDA,gEAAG,KAAK,EAAC,gBAAgB,2BAAyB,CAC3C,EAETA,qEAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAClDA,gEAAG,KAAK,EAAC,gBAAgB,mBAAiB,CACnC,EACTA,mEACG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAEE,OAAK;YACxB,OAAOF,iBAAK,KAAK,EAAE,IAAI,CAAC,YAAY,IAAIE,OAAK,GAAG,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,CAACA,OAAK,CAAC,GAAQ,CAAC;SACrH,CAAC,CACC,EACLF,qEAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,IAClDA,gEAAG,KAAK,EAAC,gBAAgB,oBAAkB,CACpC,CACL,CACF,CACD,EACP;KACH;;;;;;;","names":["h","Host","index"],"sources":["src/components/dda-home-banner/home-banner.css?tag=dda-home-banner","src/global/global.css?tag=dda-home-banner","src/components/dda-home-banner/dda-home-banner.tsx"],"sourcesContent":[".home-slider {\r\n position: relative;\r\n max-width: 100%;\r\n overflow: hidden;\r\n display: block;\r\n}\r\n\r\n.home-slider::before {\r\n content: '';\r\n width: 100%;\r\n height: 80%;\r\n position: absolute;\r\n bottom: 0;\r\n background: rgb(0, 0, 0);\r\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\r\n z-index: 1;\r\n}\r\n\r\n.home-slider img,\r\n.home-slider video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.slider-item {\r\n display: none;\r\n width: 100%;\r\n transition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n.slider-item.active {\r\n display: block;\r\n}\r\n\r\n.slider-item img {\r\n width: 100%;\r\n height: auto;\r\n border-radius: 8px;\r\n}\r\n\r\n.home-slider slide {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n}\r\n\r\n.home-slider .slide-wrap {\r\n position: relative;\r\n width: 100vw;\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.home-slider .dda-slider-container {\r\n width: 100vw;\r\n height: 100vh;\r\n position: relative;\r\n}\r\n\r\n.home-slider .dda-slides {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n height: 100vh;\r\n display: flex;\r\n transition: all 0.7s ease-in-out;\r\n}\r\n\r\n.slide-content {\r\n width: 90vw;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.slide-content h2 {\r\n font-size: var(--dda-fs-display-sm);\r\n color: #fff;\r\n font-weight: var(--dda-fw-700);\r\n}\r\n.slide-content p {\r\n font-size: var(--dda-fs-headline-sm);\r\n color: #fff;\r\n font-weight: var(--dda-fw-300);\r\n}\r\n.slider-nav {\r\n width: 100%;\r\n text-align: center;\r\n position: absolute;\r\n bottom: 250px;\r\n left: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 15px;\r\n height: 30px;\r\n z-index: 3;\r\n}\r\n.slider-nav .prev,\r\n.slider-nav .next {\r\n height: 28px;\r\n width: 28px;\r\n padding: 0;\r\n margin: 0;\r\n border: 0;\r\n background: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #ffffff;\r\n background: rgba(0, 0, 0, 0);\r\n border-radius: 50%;\r\n font-size: 25px;\r\n transition: all 0.2s linear;\r\n}\r\n.slider-nav .prev:hover,\r\n.slider-nav .next:hover {\r\n background: rgba(0, 0, 0, 0.45);\r\n}\r\n.slider-nav ul {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n.slider-nav .dots {\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(256,256,256,0.2);\r\n overflow: hidden;\r\n text-indent: -100px;\r\n margin: 0;\r\n padding: 0;\r\n border: 0px;\r\n border-radius: 20px;\r\n cursor: pointer;\r\n transition: all 0.2s linear;\r\n}\r\n\r\n.slider-nav .dots.active {\r\n background: rgba(256,256,256,0.85);\r\n}\r\n\r\n\r\n@media screen and (max-width:992px) {\r\n .slider-nav {\r\n bottom: 100px;\r\n }\r\n}","@import url('./color.css');\r\n@import url('./typography.css');\r\n@import url('./dda.css');\r\n@import url('./templates/cards.css');\r\n@import url('./templates/dda-grid.css');\r\n@import url('./templates/dashboard-navigation.css');\r\n@import url('./templates/dda-footer-main.css');\r\n@import url('./templates/side-navigation.css');\r\n@import url('./templates/table.css');\r\n@import url('./templates/website-footer.css');\r\n@import url('./templates/dda-header-main.css');\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiLight.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiLight.svg#DubaiLight\") format(\"svg\");\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiRegular.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiRegular.svg#DubaiRegular\") format(\"svg\");\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiMedium.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiMedium.svg#DubaiMedium\") format(\"svg\");\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: \"Dubai\";\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\");\r\n src: url(\"../assets/fonts/dubai/DubaiBold.eot\") format(\"embedded-opentype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff2\") format(\"woff2\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.woff\") format(\"woff\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.ttf\") format(\"truetype\"),\r\n url(\"../assets/fonts/dubai/DubaiBold.svg#DubaiBold\") format(\"svg\");\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n:root{\r\n --font-family-main: 'Dubai', sans-serif;\r\n}\r\nbody {\r\n background-color: var(--dda-surface-100) !important;\r\n font-family: \"Dubai\", Helvetica, sans-serif !important;\r\n font-size: var(--dda-fs-body-lg) !important;\r\n font-weight: var(--dda-fw-400) !important;\r\n line-height: 1.5;\r\n color: var(--dda-on-surface-0) !important;\r\n margin: 0;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nul{\r\n margin: 0;\r\n}\r\na{\r\n text-decoration: none;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nh1, .dda-h1 { font-size: var(--dda-h1); font-weight: 400; }\r\n\r\nh2, .dda-h2 { font-size: var(--dda-h2); font-weight: 400; }\r\n\r\nh3, .dda-h3 { font-size: var(--dda-h3); font-weight: 400; }\r\n\r\nh4, .dda-h4 { font-size: var(--dda-h4); font-weight: 400; }\r\n\r\nh5, .dda-h5 { font-size: var(--dda-h5); font-weight: 400; }\r\n\r\nh6, .dda-h6 { font-size: var(--dda-h6); font-weight: 400; }\r\n\r\n.dda-title { font-size: var(--dda-title); font-weight: 500; }\r\n\r\n.dda-body { font-size: var(--dda-body); font-weight: 400; }\r\n\r\n.dda-caption { font-size: var(--dda-caption); font-weight: 400; }\r\n\r\n.dda-label { font-size: var(--dda-label); font-weight: 400; }\r\n\r\n\r\na,\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n\r\nbutton {\r\n cursor: pointer;\r\n}\r\n\r\nul {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n list-style: none;\r\n}\r\n.dda-btn.cta-transparent{\r\n background: none;\r\n color: #ffffff;\r\n border: 0px;\r\n}\r\n.dda-btn.cta-transparent:hover{\r\n background: #ffffff;\r\n color: inherit;\r\n}\r\n\r\n/Colors/\r\n.dda-bg-primary {\r\n background-color: var(--dda-color-primary-40);\r\n}\r\n\r\n.dda-bg-secondary {\r\n background-color: var(--dda-color-secondary);\r\n}\r\n\r\n.dda-color-primary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-secondary {\r\n color: var(--dda-color-primary-40);\r\n}\r\n.dda-color-error {\r\n color: var(--dda-color-error-40);\r\n}\r\n.dda-color-warning{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-success{\r\n color: var(--dda-color-warning-40);\r\n}\r\n.dda-color-info{\r\n color: var(--dda-color-info-40);\r\n}\r\n.dda-color-neutral{\r\n color: var(--dda-on-surface-40);\r\n}\r\n.dda-color-neutralvariant{\r\n color: var(--dda-on-surface-variant-40);\r\n}\r\n\r\n.dda-color-black {\r\n color: var(--dda-on-surface-0);\r\n}\r\n\r\n/*/\r\n.visualy-hidden {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0px;\r\n overflow: hidden;\r\n}\r\n/ Border-radius classes /\r\n.dda-rounded-sm {\r\n border-radius: 4px !important;\r\n}\r\n\r\n.dda-rounded-md {\r\n border-radius: 8px !important;\r\n}\r\n\r\n.dda-rounded-lg {\r\n border-radius: 12px !important;\r\n}\r\n\r\n.dda-rounded-circle {\r\n border-radius: 100px !important;\r\n}\r\n\r\n.dda-gap-16 {\r\n gap: 4rem !important;\r\n}\r\n\r\n.dda-gap-12 {\r\n gap: 3rem !important;\r\n}\r\n\r\n.dda-gap-10 {\r\n gap: 2.5rem !important;\r\n}\r\n\r\n.dda-gap-8 {\r\n gap: 2rem !important;\r\n}\r\n\r\n.dda-gap-6 {\r\n gap: 1.5rem !important;\r\n}\r\n\r\n.dda-gap-5 {\r\n gap: 1.25rem !important;\r\n}\r\n\r\n.dda-gap-4 {\r\n gap: 1rem !important;\r\n}\r\n\r\n.dda-gap-3 {\r\n gap: .75rem !important;\r\n}\r\n\r\n.dda-gap-2 {\r\n gap: .5rem !important;\r\n}\r\n\r\n.dda-gap-1 {\r\n gap: 0.375rem !important;\r\n}\r\n\r\n\r\n::-ms-input-placeholder {\r\n color: #8E9191;\r\n}\r\n\r\n::placeholder {\r\n color: #8E9191;\r\n}\r\n.dda-d-none{\r\n display: none;\r\n}\r\n.dda-flex {\r\n display: flex;\r\n}\r\n\r\n.dda-flex-column {\r\n flex-direction: column;\r\n}\r\n\r\n.dda-inline-flex {\r\n display: inline-flex;\r\n}\r\n\r\n.dda-align-center {\r\n align-items: center;\r\n}\r\n\r\n.dda-justify-space {\r\n justify-content: space-between;\r\n}\r\n\r\n.dda-justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.m-0 {\r\n margin: 0px !important;\r\n}\r\n\r\n.p-0 {\r\n padding: 0px !important;\r\n}\r\n\r\n.py-0 {\r\n padding-top: 0px !important;\r\n padding-bottom: 0px !important;\r\n}\r\n\r\n.border-right {\r\n border-inline-end: solid 1px #E5E5E5;\r\n}\r\n\r\n.visually-hidden{\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n margin: -1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n border: 0;\r\n}\r\n\r\n.maincontent{\r\n padding-top: 170px;\r\n padding-bottom: 100px;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n .maincontent {\r\n padding-top: 100px;\r\n }\r\n}\r\n/Temporary/\r\n/ body{\r\n height: 1550px;\r\n} /\r\n","import { Host, Component, h, State, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dda-home-banner',\r\n styleUrls: ['home-banner.css', '../../global/global.css'],\r\n shadow: false,\r\n})\r\nexport class DdaHomeBanner {\r\n @Element() el: HTMLElement;\r\n @State() currentSlide: number = 0;\r\n @State() autoPlay: boolean = true;\r\n slides: HTMLElement[] = [];\r\n\r\n componentDidLoad() {\r\n this.updateSlides();\r\n\r\n // Listen for slot changes\r\n const slot = this.el.querySelector('slot');\r\n slot?.addEventListener('slotchange', () => this.updateSlides());\r\n\r\n // while (this.autoPlay == true) {\r\n // setTimeout(() => {\r\n // this.nextSlide();\r\n // }, 300);\r\n // }\r\n }\r\n\r\n updateSlides() {\r\n this.slides = Array.from(this.el.querySelectorAll('slide'));\r\n if (this.slides.length > 0) {\r\n this.currentSlide = 0; // Reset slide index if slides are updated\r\n }\r\n }\r\n\r\n nextSlide() {\r\n this.currentSlide = (this.currentSlide + 1) % this.slides.length;\r\n }\r\n\r\n prevSlide() {\r\n this.currentSlide = (this.currentSlide - 1 + this.slides.length) % this.slides.length;\r\n }\r\n\r\n setSlide(index) {\r\n this.currentSlide = index;\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"dda-slider-container\">\r\n <div class=\"dda-slides\" style={{ innerWidth: this.slides.length 100 + 'vw', left: this.currentSlide * -100 + '%' }}>\r\n <slot></slot>\r\n </div>\r\n <div class={'slider-nav'}>\r\n <button\r\n class=\"prev\"\r\n onClick={() => {\r\n this.autoPlay = false;\r\n }}\r\n >\r\n <i class=\"material-icons\">motion_photos_paused</i>\r\n </button>\r\n\r\n <button class=\"prev\" onClick={() => this.prevSlide()}>\r\n <i class=\"material-icons\">chevron_left</i>\r\n </button>\r\n <ul>\r\n {this.slides.map((_, index) => {\r\n return <div class={this.currentSlide == index ? 'dots active' : 'dots'} onClick={() => this.setSlide(index)}></div>;\r\n })}\r\n </ul>\r\n <button class=\"next\" onClick={() => this.nextSlide()}>\r\n <i class=\"material-icons\">chevron_right</i>\r\n </button>\r\n </div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/cjs/dda-horizontal-stepper.cjs.entry.js CHANGED Viewed

@@ -20,7 +20,7 @@ const DdaHorizontalStepper = class {
         this.parsedSteps = JSON.parse(this.steps);
     }
     render() {
-        return (index.h(index.Host, { key: 'd12bd146c6da01ecc3c16a9b0ffbeeda135bbe61' }, index.h("div", { key: '5a0bb7bb223ce79cfe1e02922cca59138b34a3e4', class: `${this.custom_class} ${this.component_mode} h-stepper-container` }, this.parsedSteps.map((step, index$1) => (index.h("div", { class: `h-step ${index$1 === this.current_step ? 'active' : ''} ${index$1 < this.current_step ? 'completed' : ''}` }, index.h("div", { class: "h-step-indicator" }, index.h("div", { class: "circle" })), index.h("div", { class: "h-step-content" }, index.h("div", { class: "h-step-title" }, step.title), index.h("div", { class: "h-step-subtitle" }, step.subtitle), index.h("div", { class: "h-step-description" }, step.description))))))));
+        return (index.h(index.Host, { key: 'e558148129b0a5f0dbe7200e338b8c32679c6425' }, index.h("div", { key: 'b532d52fe4624327e4b65c35a68577731bd4135b', class: `${this.custom_class} ${this.component_mode} h-stepper-container` }, this.parsedSteps.map((step, index$1) => (index.h("div", { class: `h-step ${index$1 === this.current_step ? 'active' : ''} ${index$1 < this.current_step ? 'completed' : ''}` }, index.h("div", { class: "h-step-indicator" }, index.h("div", { class: "circle" })), index.h("div", { class: "h-step-content" }, index.h("div", { class: "h-step-title" }, step.title), index.h("div", { class: "h-step-subtitle" }, step.subtitle), index.h("div", { class: "h-step-description" }, step.description))))))));
     }
 };
 DdaHorizontalStepper.style = DdaHorizontalStepperStyle0 + DdaHorizontalStepperStyle1;

package/dist/cjs/dda-input.cjs.entry.js CHANGED Viewed

@@ -30,7 +30,7 @@ const DdaInput = class {
             this.component_mode,
             this.input_name,
         ].filter(Boolean).join(' ');
-        return (index.h(index.Host, { key: 'e81152bbbd71eae46fc382c32f8641e1c24f8fc6' }, index.h("div", { key: '965747e0787313eac2456adfb36f97e7d3fc0b53', class: inputClass }, this.label && index.h("label", { key: '5eca3f586f2d7abead6ebda955a0c83fbc7bc61b', htmlFor: this.input_id, class: "dda-input-label" }, this.label), index.h("input", { key: '58aac9b99599b5a31d8e4d907a2b5f5171953090', "aria-label": this.aria_label, id: this.input_id, name: this.input_name, type: this.type, placeholder: this.placeholder, value: this.value, onInput: (event) => this.handleInput(event), class: "dda-input-field dda-input-text" }), this.helper_text && index.h("span", { key: 'e341e4e0fa4d9b3e47cb725f9c7376e674c18b81', class: "dda-helper-text" }, this.helper_text), this.error_message && index.h("span", { key: '6c458266cbda34ee2cd8e7043ae2dbc7cf2ea60b', class: "dda-error-message" }, this.error_message))));
+        return (index.h(index.Host, { key: 'c838b8a07577496db39728ebdc0cb02bdba80fae' }, index.h("div", { key: 'b1f666331c769fe7055a5a4a087d65f1042f4a2f', class: inputClass }, this.label && index.h("label", { key: '2873761b22c8a531c2287612022a39fd1f011f2e', htmlFor: this.input_id, class: "dda-input-label" }, this.label), index.h("input", { key: '9d6c8c7709f694e4d6c2691afb21a7bca1af6222', "aria-label": this.aria_label, id: this.input_id, name: this.input_name, type: this.type, placeholder: this.placeholder, value: this.value, onInput: (event) => this.handleInput(event), class: "dda-input-field dda-input-text" }), this.helper_text && index.h("span", { key: '9dd1e939a2fdaf285f147eb89d74868ca8959d71', class: "dda-helper-text" }, this.helper_text), this.error_message && index.h("span", { key: 'cc44559c32eaeacdb054bab78982c923796c6208', class: "dda-error-message" }, this.error_message))));
     }
 };
 DdaInput.style = DdaInputStyle0 + DdaInputStyle1;

package/dist/cjs/dda-link-button_2.cjs.entry.js CHANGED Viewed

@@ -38,9 +38,9 @@ const DdaLinkButton = class {
             this.custom_class, // Include custom class
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (index.h(index.Host, { key: '5c1875118001f9bcfc92699a89a05489c0f4e387' }, index.h("a", { key: 'cff07a7861b95016115706c356804326a5001cbb',
+        return (index.h(index.Host, { key: '2c3b12058aa3a3438285266e7e2264e6481ad805' }, index.h("a", { key: '147711ae985be520b6dfa5b073b0853cfdcab45d',
             //   type={this.type}
-            id: this.button_id, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && index.h("i", { key: '51aa0b938a8fa8cf104c4214dcd1e2651c919582', class: "material-icons  material-symbols-outlined" }, this.start_icon), index.h("slot", { key: '0dde03234538d961ba696c514fef12d3fffa4a6c' }), this.end_icon && index.h("i", { key: '66b9cd0773382d98af2a9a9113099a78763b755c', class: "material-icons  material-symbols-outlined" }, this.end_icon))));
+            id: this.button_id, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && index.h("i", { key: '39d5aca68703808fb420cdf98fd50cc62deb0b55', class: "material-icons  material-symbols-outlined" }, this.start_icon), index.h("slot", { key: '8ae4ef6ec98bcb2cf7849153bad4ae0dc952e6b2' }), this.end_icon && index.h("i", { key: '3c4cfff70acf088f2e6a277dedc605ebd41d5424', class: "material-icons  material-symbols-outlined" }, this.end_icon))));
     }
 };
 DdaLinkButton.style = DdaLinkButtonStyle0 + DdaLinkButtonStyle1;
@@ -62,7 +62,7 @@ const DdaRadiobutton = class {
             this.radio_status ? `dda-radio-${this.radio_status}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (index.h(index.Host, { key: '7be33ca1ac02f0af63c0c2dc895476fe2aef0992' }, index.h("div", { key: '0892fe7fcc7f688f47178eecb9d033e0b1ac0150', class: radiobuttonClass }, index.h("input", { key: 'a00a2336c84317383d81f4f88d32aa916bcfe807', "aria-label": this.aria_label, type: "radio", id: this.input_id, name: this.group_name, checked: this.checked }), index.h("label", { key: 'c0cfef60213c534a69fd7dc75236284cae342de0', htmlFor: this.input_id }, index.h("span", { key: '10265182b3c1e94e7fb473c7fd44375a8a8c68c1', class: "radio-circle" }), index.h("p", { key: '7de29226f14bc7c5c8a386a004c214a947a0d922' }, index.h("span", { key: '7ef04e21569b4d1f1e4acea86dfb65b6814ca5c0', class: "radio-title" }, this.title_text), this.supporting && index.h("span", { key: 'f4c36466eb563e713e804e80bc6ad3b531d9c160', class: "radio-supporting" }, this.supporting))))));
+        return (index.h(index.Host, { key: '7fbeb27050f69a3dbe2ea39faef1d6202aa182a1' }, index.h("div", { key: 'af49b4e88713f3ef014090e7b8ecfeeff0afebe0', class: radiobuttonClass }, index.h("input", { key: '7e8cb46237512becf253b1c7c86aadd68e21cec6', "aria-label": this.aria_label, type: "radio", id: this.input_id, name: this.group_name, checked: this.checked }), index.h("label", { key: 'b10c554856aca0911a11a8a5111c50bd937ac520', htmlFor: this.input_id }, index.h("span", { key: 'c7ea42812a1effdd559ecb394d0fa78e8c9ba6cb', class: "radio-circle" }), index.h("p", { key: '8501dc737727430f5109347f658883d81cf11ab2' }, index.h("span", { key: '4bd4fbebbcfe974ed5ef904818fe84924bfb041d', class: "radio-title" }, this.title_text), this.supporting && index.h("span", { key: '9dccf9b876248ff93ad3d69f9c655cd297db3a63', class: "radio-supporting" }, this.supporting))))));
     }
 };
 DdaRadiobutton.style = DdaRadiobuttonStyle0;