@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.
- package/dist/cjs/dda-header.cjs.entry.js +8 -8
- package/dist/cjs/dda-header.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-home-banner.cjs.entry.js +10 -2
- package/dist/cjs/dda-home-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/dda-horizontal-stepper.cjs.entry.js +1 -1
- package/dist/cjs/dda-input.cjs.entry.js +1 -1
- package/dist/cjs/dda-link-button_2.cjs.entry.js +3 -3
- package/dist/cjs/dda-number-field.cjs.entry.js +1 -1
- package/dist/cjs/dda-pagination.cjs.entry.js +1 -1
- package/dist/cjs/dda-phonefield.cjs.entry.js +1 -1
- package/dist/cjs/dda-progressbar.cjs.entry.js +1 -1
- package/dist/cjs/dda-range-slider.cjs.entry.js +2 -2
- package/dist/cjs/dda-search-input.cjs.entry.js +1 -1
- package/dist/cjs/dda-segmented-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dda-select.cjs.entry.js +1 -1
- package/dist/cjs/dda-sticky-footer.cjs.entry.js +1 -1
- package/dist/cjs/dda-tabs.cjs.entry.js +1 -1
- package/dist/cjs/dda-textarea.cjs.entry.js +1 -1
- package/dist/cjs/dda-toggle.cjs.entry.js +1 -1
- package/dist/cjs/dda-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/dda-ui-card.cjs.entry.js +1 -1
- package/dist/cjs/dda-vertical-stepper.cjs.entry.js +1 -1
- package/dist/cjs/dda.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/dda-header/dda-header.js +10 -9
- package/dist/collection/components/dda-header/dda-header.js.map +1 -1
- package/dist/collection/components/dda-home-banner/dda-home-banner.js +12 -3
- package/dist/collection/components/dda-home-banner/dda-home-banner.js.map +1 -1
- package/dist/collection/components/dda-input/dda-input.js +1 -1
- package/dist/collection/components/dda-link-button/dda-link-button.js +2 -2
- package/dist/collection/components/dda-number-field/dda-number-field.js +1 -1
- package/dist/collection/components/dda-pagination/dda-pagination.js +1 -1
- package/dist/collection/components/dda-phonefield/dda-phonefield.js +1 -1
- package/dist/collection/components/dda-progressbar/dda-progressbar.js +1 -1
- package/dist/collection/components/dda-radiobutton/dda-radiobutton.js +1 -1
- package/dist/collection/components/dda-range-slider/dda-range-slider.js +2 -2
- package/dist/collection/components/dda-search-input/dda-search-input.js +1 -1
- package/dist/collection/components/dda-select/dda-select.js +1 -1
- package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.js +1 -1
- package/dist/collection/components/dda-tabs/dda-tabs.js +1 -1
- package/dist/collection/components/dda-textarea/dda-textarea.js +1 -1
- package/dist/collection/components/dda-toggle/dda-toggle.js +1 -1
- package/dist/collection/components/dda-tooltip/dda-tooltip.js +1 -1
- package/dist/collection/components/dda-ui-card/dda-ui-card.js +1 -1
- package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.js +1 -1
- package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.js +1 -1
- package/dist/collection/components/stepper/dda-vertical-stepper/dda-vertical-stepper.js +1 -1
- package/dist/components/dda-header.js +13 -12
- package/dist/components/dda-header.js.map +1 -1
- package/dist/components/dda-home-banner.js +12 -3
- package/dist/components/dda-home-banner.js.map +1 -1
- package/dist/components/dda-horizontal-stepper.js +1 -1
- package/dist/components/dda-input.js +1 -1
- package/dist/components/dda-link-button.js +1 -1
- package/dist/components/dda-number-field.js +1 -1
- package/dist/components/dda-pagination.js +1 -1
- package/dist/components/dda-phonefield.js +1 -1
- package/dist/components/dda-progressbar.js +1 -1
- package/dist/components/dda-radiobutton.js +1 -1
- package/dist/components/dda-range-slider.js +2 -2
- package/dist/components/dda-search-input.js +1 -1
- package/dist/components/dda-segmented-tabs.js +1 -1
- package/dist/components/dda-select.js +1 -1
- package/dist/components/dda-sticky-footer.js +2 -2
- package/dist/components/dda-tabs.js +1 -1
- package/dist/components/dda-textarea.js +1 -1
- package/dist/components/dda-toggle.js +1 -1
- package/dist/components/dda-tooltip.js +1 -1
- package/dist/components/dda-ui-card.js +1 -1
- package/dist/components/dda-vertical-stepper.js +1 -1
- package/dist/components/{p-86a1d7c5.js → p-2084265f.js} +2 -2
- package/dist/components/{p-86a1d7c5.js.map → p-2084265f.js.map} +1 -1
- package/dist/components/{p-4dafa457.js → p-76a543e8.js} +3 -3
- package/dist/components/{p-4dafa457.js.map → p-76a543e8.js.map} +1 -1
- package/dist/components/{p-f0b65dc4.js → p-ca8f2482.js} +2 -2
- package/dist/components/{p-f0b65dc4.js.map → p-ca8f2482.js.map} +1 -1
- package/dist/dda/dda.esm.js +1 -1
- package/dist/dda/dda.esm.js.map +1 -1
- package/dist/dda/{p-d3b077f7.entry.js → p-031a2e3f.entry.js} +2 -2
- package/dist/dda/{p-ac49a87d.entry.js → p-07daedaf.entry.js} +2 -2
- package/dist/dda/{p-b02a3af4.entry.js → p-2bdc66b4.entry.js} +2 -2
- package/dist/dda/{p-7c7c5d3d.entry.js → p-390e6db2.entry.js} +2 -2
- package/dist/dda/{p-37429bf0.entry.js → p-4002b74b.entry.js} +2 -2
- package/dist/dda/p-6a57b536.entry.js +2 -0
- package/dist/dda/p-6a57b536.entry.js.map +1 -0
- package/dist/dda/p-6f20288a.entry.js +2 -0
- package/dist/dda/{p-407d0a31.entry.js → p-7f9b8b3c.entry.js} +2 -2
- package/dist/dda/{p-75ef2ff9.entry.js → p-a1cb2504.entry.js} +2 -2
- package/dist/dda/{p-3ebf9abe.entry.js → p-ac96b2be.entry.js} +2 -2
- package/dist/dda/p-b0a36910.entry.js +2 -0
- package/dist/dda/{p-31db1748.entry.js → p-bc3c40cc.entry.js} +2 -2
- package/dist/dda/{p-403ed569.entry.js → p-cb8e90e3.entry.js} +2 -2
- package/dist/dda/{p-2cb7bcdb.entry.js → p-de507976.entry.js} +2 -2
- package/dist/dda/{p-c079aaa1.entry.js → p-df1b5657.entry.js} +2 -2
- package/dist/dda/{p-f2ffcf8b.entry.js → p-e06c0211.entry.js} +2 -2
- package/dist/dda/{p-d874a7e1.entry.js → p-e492f18f.entry.js} +2 -2
- package/dist/dda/p-e492f18f.entry.js.map +1 -0
- package/dist/dda/{p-891e1404.entry.js → p-eab200a5.entry.js} +2 -2
- package/dist/dda/{p-a94edf32.entry.js → p-f190ffc6.entry.js} +2 -2
- package/dist/dda/{p-17dfd16f.entry.js → p-fda0c56d.entry.js} +2 -2
- package/dist/esm/dda-header.entry.js +8 -8
- package/dist/esm/dda-header.entry.js.map +1 -1
- package/dist/esm/dda-home-banner.entry.js +10 -2
- package/dist/esm/dda-home-banner.entry.js.map +1 -1
- package/dist/esm/dda-horizontal-stepper.entry.js +1 -1
- package/dist/esm/dda-input.entry.js +1 -1
- package/dist/esm/dda-link-button_2.entry.js +3 -3
- package/dist/esm/dda-number-field.entry.js +1 -1
- package/dist/esm/dda-pagination.entry.js +1 -1
- package/dist/esm/dda-phonefield.entry.js +1 -1
- package/dist/esm/dda-progressbar.entry.js +1 -1
- package/dist/esm/dda-range-slider.entry.js +2 -2
- package/dist/esm/dda-search-input.entry.js +1 -1
- package/dist/esm/dda-segmented-tabs.entry.js +1 -1
- package/dist/esm/dda-select.entry.js +1 -1
- package/dist/esm/dda-sticky-footer.entry.js +1 -1
- package/dist/esm/dda-tabs.entry.js +1 -1
- package/dist/esm/dda-textarea.entry.js +1 -1
- package/dist/esm/dda-toggle.entry.js +1 -1
- package/dist/esm/dda-tooltip.entry.js +1 -1
- package/dist/esm/dda-ui-card.entry.js +1 -1
- package/dist/esm/dda-vertical-stepper.entry.js +1 -1
- package/dist/esm/dda.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/dda-header/dda-header.d.ts +1 -0
- package/dist/types/components/dda-home-banner/dda-home-banner.d.ts +1 -0
- package/package.json +2 -5
- package/dist/dda/p-05c64be2.entry.js +0 -2
- package/dist/dda/p-05c64be2.entry.js.map +0 -1
- package/dist/dda/p-4773fe82.entry.js +0 -2
- package/dist/dda/p-d874a7e1.entry.js.map +0 -1
- package/dist/dda/p-f229bbfa.entry.js +0 -2
- /package/dist/dda/{p-d3b077f7.entry.js.map → p-031a2e3f.entry.js.map} +0 -0
- /package/dist/dda/{p-ac49a87d.entry.js.map → p-07daedaf.entry.js.map} +0 -0
- /package/dist/dda/{p-b02a3af4.entry.js.map → p-2bdc66b4.entry.js.map} +0 -0
- /package/dist/dda/{p-7c7c5d3d.entry.js.map → p-390e6db2.entry.js.map} +0 -0
- /package/dist/dda/{p-37429bf0.entry.js.map → p-4002b74b.entry.js.map} +0 -0
- /package/dist/dda/{p-4773fe82.entry.js.map → p-6f20288a.entry.js.map} +0 -0
- /package/dist/dda/{p-407d0a31.entry.js.map → p-7f9b8b3c.entry.js.map} +0 -0
- /package/dist/dda/{p-75ef2ff9.entry.js.map → p-a1cb2504.entry.js.map} +0 -0
- /package/dist/dda/{p-3ebf9abe.entry.js.map → p-ac96b2be.entry.js.map} +0 -0
- /package/dist/dda/{p-f229bbfa.entry.js.map → p-b0a36910.entry.js.map} +0 -0
- /package/dist/dda/{p-31db1748.entry.js.map → p-bc3c40cc.entry.js.map} +0 -0
- /package/dist/dda/{p-403ed569.entry.js.map → p-cb8e90e3.entry.js.map} +0 -0
- /package/dist/dda/{p-2cb7bcdb.entry.js.map → p-de507976.entry.js.map} +0 -0
- /package/dist/dda/{p-c079aaa1.entry.js.map → p-df1b5657.entry.js.map} +0 -0
- /package/dist/dda/{p-f2ffcf8b.entry.js.map → p-e06c0211.entry.js.map} +0 -0
- /package/dist/dda/{p-891e1404.entry.js.map → p-eab200a5.entry.js.map} +0 -0
- /package/dist/dda/{p-a94edf32.entry.js.map → p-f190ffc6.entry.js.map} +0 -0
- /package/dist/dda/{p-17dfd16f.entry.js.map → p-fda0c56d.entry.js.map} +0 -0
|
@@ -11,6 +11,7 @@ export class DdaHeader {
|
|
|
11
11
|
this.openMenus = {};
|
|
12
12
|
this.activeMenuIndex = null;
|
|
13
13
|
this.usepredesignedaccessibilitymenu = true;
|
|
14
|
+
this.SearchValue = '';
|
|
14
15
|
this.toggleEscapeKey = (event) => {
|
|
15
16
|
if (event.key === 'Escape') {
|
|
16
17
|
this.isMenuOpen = false;
|
|
@@ -118,8 +119,8 @@ export class DdaHeader {
|
|
|
118
119
|
this.accessibilitymenuhandler = () => {
|
|
119
120
|
this.accessibilitymenufunctionality.emit();
|
|
120
121
|
};
|
|
121
|
-
this.searchhandler =
|
|
122
|
-
this.searchfunctionality.emit(
|
|
122
|
+
this.searchhandler = searchval => {
|
|
123
|
+
this.searchfunctionality.emit(searchval);
|
|
123
124
|
};
|
|
124
125
|
this.renderSubMenu = (subMenu, parentLi) => {
|
|
125
126
|
if (!subMenu || subMenu.length === 0)
|
|
@@ -187,7 +188,7 @@ export class DdaHeader {
|
|
|
187
188
|
const setActiveMenuIndex = (index) => {
|
|
188
189
|
this.activeMenuIndex = index;
|
|
189
190
|
};
|
|
190
|
-
return (h("header", { key: '
|
|
191
|
+
return (h("header", { key: 'c223d75356b182aa2235e57cac46f7978a029b21', class: `dda-header ${isHomepage ? 'transparent' : ''}` }, h("div", { key: '7e80db39c000e9f348337bc2dc3462673d7ae4ce', class: "dda-head-logo" }, h("a", { key: '0c734b1f4e117af78b9618c71a9b737595665306', href: this.firstLogoHref, class: "govt-logo" }, isHomepage ? (h("img", { class: "logo-white", src: this.firstLogoWhiteSrc, alt: this.firstLogoAlt })) : (h("img", { class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("a", { key: '1477f0416ef78eab7692747ff341a11e2284c1b1', href: this.secondLogoHref, class: "entt-logo" }, isHomepage ? (h("img", { class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt })) : (h("img", { class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt })))), h("div", { key: '20261d1d1a563db96ed46eceaffc217d157aec20', class: "dda-menu-container" }, h("div", { key: '3ce172519e7e9f826102908b83a91d1452d7ecef', class: "dda-main-navigation" }, h("div", { key: '4abb64a704441375703a4055545fc77d8905b462', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '96ed0b3f1c246a780cea86333b56afa10d3ccaaf', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: '8afc1c8fad9f0b5f252591cea5c6d3a8c1b368de', title_text: "Menu", position: "top", class: "d-block" }, h("button", { key: '86d83873864a3ce91e601c6d7e5ebed402785f88', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: '5e55605dbbc1c689b8ab853f1725c96e441f71bc', class: "hamburger-line" }), h("span", { key: '00345112d35e5ddfa755ff79cb5121ccc779c3d8', class: "hamburger-menu-text" }, "hamburger menu text")))), h("div", { key: '190ccc953bfeb09b3f56bc140b5451be92737729', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: 'dfb88c5a992f0abc14230bdc2a930115cdda960e', class: "dda-sidemenu-content" }, h("p", { key: '8bbed41ef8ff040e80ab34220ea4857f11799f5b', class: "dda-side-nav-title" }, this.menuTitle || 'Quick Links'), h("ul", { key: '6b78fbdc28c408e304cbeac6ffe58e7e327d00de', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
|
|
191
192
|
const currentIndex = `menu-${index}`;
|
|
192
193
|
return (h("li", { key: currentIndex }, h("a", { href: menu.href, class: menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '', onClick: e => {
|
|
193
194
|
if (menu.subMenu && menu.subMenu.length > 0) {
|
|
@@ -195,15 +196,14 @@ export class DdaHeader {
|
|
|
195
196
|
this.toggleSidebarSubMenu(currentIndex);
|
|
196
197
|
}
|
|
197
198
|
} }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
|
|
198
|
-
}))), h("div", { key: '
|
|
199
|
+
}))), h("div", { key: '8367966a35f7385d67c7d067c5df4bc7bb7fa886', class: "dda-sidemenu-bottom" }, h("div", { key: 'dc09d1bf6e8cbdf7d8c1791befabf71b7277e32d', class: "dda-sidemenu-gov-logo" }, h("a", { key: 'b62afe5b6d8e26fa976e1c0b2252aa9b8c655a70', href: this.firstLogoHref, class: "govt-logo mb-2" }, h("img", { key: '592bd0f54d4338e25aed8753d88bd88f3061a447', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'af1e9caab77fc22be0ee7bdf6d68e8cade816450', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: '2a2145caf2a9bfce10f1351678bdcc0648ce81db' }, h("li", { key: '059d66bb02c9cb00b77e8719a7a884e5b47734d9' }, h("button", { key: '5211d4627f094f99070f268d6a0ff5caabcdbf2e', name: this.accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: () => {
|
|
199
200
|
this.toggleAccessibilty;
|
|
200
201
|
this.accessibilitymenuhandler();
|
|
201
|
-
} }, h("i", { key: '
|
|
202
|
+
} }, h("i", { key: 'f43cbd946268d9fcc8b8b2de7c3938e88fc33891', class: "material-icons material-symbols-outlined" }, "accessible_forward"), h("span", { key: '77f2297733aa15444c4521a91e01a4f8c1c71437', class: "visually-hidden" }, "Accessibility"))), h("li", { key: '2ba0e60047d44b14d3241c4df39c722244dd6bd9' }, h("button", { key: '17a7727ea48e0c3120026273424b8a33abc2ccfd', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, "\u0627\u0644\u0639\u0631\u0628\u064A\u0629")), h("li", { key: '562113a2eda9953b06401ec95b5dccea1ffd1933' }, 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'))))), h("button", { key: '84db3e7992986366e5dd1e6b2554e6952982f212', name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: 'f7b0dbf2bca0a197c398f0a52e1eba4378759565', class: "material-icons material-symbols-outlined" }, "close")), h("div", { key: 'a827fcabed5cdd227cb0aa1e06c107eb9782e73c', class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: '689f00aa4b36b1bee336c4343c7386b99a3ed540', class: "dda-row" }, h("div", { key: 'f744d1883e6dfee29e13e2c79e409f45b66db694', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '48270c71352d1b41287016d98a007f792f23df7c', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: '741ba98c49e5fbbc5d546831c44405d1a6862bc0' }, h("fieldset", { key: '9678240f00c2ddb14c1cff5d1db3ccad9730ab81', class: "dda-theme-list" }, h("legend", { key: '62d0c0aedb8784dcb9e49d6cc9a86830fadd47c6' }, h("p", { key: 'f02529b587e1e930627a0ae345260f9d7cfa2643', class: "mb-3" }, "Select your preferred contrast setting ")), 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 }), 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 }), 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 }), 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 })))), h("div", { key: '3dd9f650e95821a02a76249d6c092725820afb3d', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '4c4b010744a3651600bd72693fa98772541bfbcc', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: '9dc20c3cb50472684520b69386e53428e693259c', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: '3383793a5065f0c1598582e3edde5d8030d6781d', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: 'e27db1e4a22b09dcfb46c58cfa66a97ccfdd0795', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: 'f338a5b9813967eb75ad098d35d1ea8d9ddcbddd', class: "material-icons material-symbols-outlined" }, "volume_up")))), h("div", { key: '7c866e1dcb185fc4a4c257e8085a617b40efc23b', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '25d2c19a8242097ab24a058810e89c21192b3c78', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: '8249c87713bebee38af66a7805490e9df5c25f56', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: 'bc71eb3d1a78d5dc34ce3dc6db25c959a87ef928', class: "d-flex dda-gap-4" }, h("dda-button", { key: '4c5c37b90c370f4ea71cdc261e3b656c0796551e', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: 'ed9d400b8d988251894b4e364b179481c979d08a', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: '019908232881cd00ee2903237ac2b2f05aef5756', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: 'd569c3665b00ae1b927dc494858e26893de33c78', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleAccessibilty }, h("i", { key: 'd7fbe48e28e0edcdef024b62a3a04d981e3df8f2', class: "material-icons material-symbols-outlined" }, "close")))), h("div", { key: 'd5be1b521ac898e45d2d65419399950fb811bd94' }, h("ul", { key: '9294591d525724666dde1a0a8c6b495d8fdb16d7', class: "dda-mega-menu" }, quickLinks.map((link, index) => (h("li", { key: index }, h("a", { href: link.subMenu && link.subMenu.length > 0 ? '#' : link.href, onClick: link.subMenu && link.subMenu.length > 0 ? e => this.toggleSubMenu(index, e) : undefined, class: `${link.subMenu && link.subMenu.length > 0 ? `showSub ${this.activeMenuIndex === index ? 'icon_arrow' : ''}` : ''} ${link.active === 'true' ? 'active' : ''}` }, link.label), link.subMenu && link.subMenu.length > 0 && (h("div", { class: `megamenu-content ${this.activeMenuIndex === index ? 'showSubMenu' : ''}`, style: { display: this.activeMenuIndex === index ? 'block' : 'none', paddingTop: '15px' } }, h("div", { class: "megamenu-item dda-container" }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-3" }, h("h3", { class: "mega-menu-title" }, link.menuLabel), h("ul", null, link.subMenu.map((subItem, subIndex) => (h("li", { key: subIndex }, h("a", { class: "megamenu-link", href: subItem.href }, h("span", { class: "dda-btn btn-color-onsurface-secondary btn-size-sm icon-btn-default" }, h("i", { class: "material-icons material-symbols-outlined" }, subItem.icon)), h("span", { class: "text-wrap" }, h("span", { class: "title-text dda-fs-body-lg dda-fw-700" }, subItem.title), h("span", { class: "dda-fs-tagline-lg dda-fw-400" }, subItem.description))))))))), h("button", { name: "close-mega-menu", class: "close-btn close_mega-menu", "aria-label": "Close Sidebar", onClick: () => setActiveMenuIndex(null) }, h("i", { class: "material-icons material-symbols-outlined" }, "close"))))))))))), h("div", { key: '8ea84f8db46c95a23765243383fd096c4530e6a7', class: "dda-mobile-entt-logo" }, h("a", { key: '39324a9b1f5fd8ef9c2dd5f52f11ad050afb207f', href: "#", class: "entt-logo" }, h("img", { key: 'fe1c536853c53f292852ffd4cb5ce4a66feea6da', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '9ee6d289abe56df1aaf52ec8c7161ef4db177629', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '12d82ced507fb7f5d83cc07a1248e967cbe9010f', class: "dda-mobile-search" }, h("button", { key: 'af1f62b0a986ba2ddfa4072b5d9b5d998d15a758', name: this.search_button_name, class: "tool-btn", type: "button" }, h("span", { key: 'bce51d73cf517d71bb7df2f7f89a088d5516fa60', class: "visualy-hidden" }, "Search"), h("i", { key: '2183e13e49d2f95bc0b35b839c333ac217b0ca4f', class: "material-icons material-symbols-outlined" }, "search"))), h("div", { key: '002883b041c742af64c4419b43d23519815bf88e', class: "dda-toolbar-menu" }, h("ul", { key: '3d1d41a2bf68212379ccc0b9f42df0b8fd163550' }, h("li", { key: 'a83238633e44b05b5330debd8955d763f5d52ffd' }, h("dda-tooltip", { key: 'ed710b9e0554f64e2a771b37246f07a604cbb6be', title_text: "Search", description: "", position: "top" }, h("div", { key: 'eead094a72b009576e886c125b6761b38388acee', class: "dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn" }, h("label", { key: '46442871ef84981d4ff3e45b51bdbac9d6377650', htmlFor: "ddaSearch", class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: '41b571c241687f80689b1e7d57386f7337d8a49d', class: "material-icons material-symbols-outlined" }, "search"), h("input", { key: 'cb46705b9c466585a30c3da0105687dfa1199ab1', name: this.search_input_name, type: "text", id: "ddaSearch", class: "", placeholder: this.searchText || 'Search', onKeyPress: e => {
|
|
202
203
|
if (e.key === 'Enter') {
|
|
203
|
-
|
|
204
|
-
this.searchhandler(inputValue); // Pass the value to the searchhandler
|
|
204
|
+
this.searchhandler(e.target.value); // Pass the value to the searchhandler
|
|
205
205
|
}
|
|
206
|
-
} })))), h("li", { key: '
|
|
206
|
+
} })))), h("li", { key: '1280d4f9affe4355ecd229ec4bfd8036eea25d2a' }, h("dda-tooltip", { key: '2bcfc76731f48b527b5277385e25bc071c717439', title_text: "Accessibility", position: "top" }, 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 }, h("i", { key: '52ba498090fd3c5d9b54c2752900a42738a196ac', class: "material-icons material-symbols-outlined" }, "accessible_forward"), h("span", { key: 'f3d9272f01a3ac09fd595f29b61e96d32d8cdf97', class: "visually-hidden" }, "Accessibility"))), this.usepredesignedaccessibilitymenu ? (h("div", { class: "dda-accessibility-wrap" }, h("div", { class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "mb-3" }, "Select your preferred contrast setting ")), 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 }), 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 }), 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 }), 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 })))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { class: "material-icons material-symbols-outlined" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { class: "d-flex dda-gap-4" }, h("dda-button", { button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { class: "materinal-icons material-symbols-outlined" }, "close"))))) : null), h("li", { key: '1062482548a7be82e752e05a1e5ddb42a139f6fa' }, h("dda-tooltip", { key: 'bc7bce9118366af6bdf3b1e47879acfc0ccea4f3', title_text: "Language", position: "top" }, h("dda-button", { key: 'ebd1ba49f15dcfdf7639cf446df605976b7a04ab', button_color: "onsurface-secondary", custom_class: "tool-btn", button_shape: "circle", size: "sm", onClick: this.languagehandler }, this.language_text))), h("li", { key: '0c9f9b10b804698bed89436e36b0cb203ae28f28' }, h("dda-tooltip", { key: '6338ca3fbedb63bbc8c4c3e593a38bdb53a3a508', title_text: "Login", position: "top" }, 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'))))))));
|
|
207
207
|
}
|
|
208
208
|
static get is() { return "dda-header"; }
|
|
209
209
|
static get originalStyleUrls() {
|
|
@@ -743,7 +743,8 @@ export class DdaHeader {
|
|
|
743
743
|
"isSideSubMenuOpen": {},
|
|
744
744
|
"isAccessibiltyOpen": {},
|
|
745
745
|
"openMenus": {},
|
|
746
|
-
"activeMenuIndex": {}
|
|
746
|
+
"activeMenuIndex": {},
|
|
747
|
+
"SearchValue": {}
|
|
747
748
|
};
|
|
748
749
|
}
|
|
749
750
|
static get events() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dda-header.js","sourceRoot":"","sources":["../../../src/components/dda-header/dda-header.tsx"],"names":[],"mappings":"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","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"]}
|
|
1
|
+
{"version":3,"file":"dda-header.js","sourceRoot":"","sources":["../../../src/components/dda-header/dda-header.tsx"],"names":[],"mappings":"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","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"]}
|
|
@@ -2,6 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class DdaHomeBanner {
|
|
3
3
|
constructor() {
|
|
4
4
|
this.currentSlide = 0;
|
|
5
|
+
this.autoPlay = true;
|
|
5
6
|
this.slides = [];
|
|
6
7
|
}
|
|
7
8
|
componentDidLoad() {
|
|
@@ -9,6 +10,11 @@ export class DdaHomeBanner {
|
|
|
9
10
|
// Listen for slot changes
|
|
10
11
|
const slot = this.el.querySelector('slot');
|
|
11
12
|
slot === null || slot === void 0 ? void 0 : slot.addEventListener('slotchange', () => this.updateSlides());
|
|
13
|
+
// while (this.autoPlay == true) {
|
|
14
|
+
// setTimeout(() => {
|
|
15
|
+
// this.nextSlide();
|
|
16
|
+
// }, 300);
|
|
17
|
+
// }
|
|
12
18
|
}
|
|
13
19
|
updateSlides() {
|
|
14
20
|
this.slides = Array.from(this.el.querySelectorAll('slide'));
|
|
@@ -26,9 +32,11 @@ export class DdaHomeBanner {
|
|
|
26
32
|
this.currentSlide = index;
|
|
27
33
|
}
|
|
28
34
|
render() {
|
|
29
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: 'f7576fbdc0a484411a8d16b53b70d62811a1ced8' }, h("div", { key: '3295968309268e85d727b5537b6b814ce2c8db4c', class: "dda-slider-container" }, h("div", { key: '791eb9aecfb1d02e358942c3c5f442db62f11f08', class: "dda-slides", style: { innerWidth: this.slides.length * 100 + 'vw', left: this.currentSlide * -100 + '%' } }, h("slot", { key: '5c151528314f8d313a7c8f31dcf987763607a639' })), h("div", { key: '783805422d95ee0f4b7c7d2de30186b0ea9d0de6', class: 'slider-nav' }, h("button", { key: '795d50623e561bc753ace90e0ebd6d46c0499061', class: "prev", onClick: () => {
|
|
36
|
+
this.autoPlay = false;
|
|
37
|
+
} }, h("i", { key: '6928e55f1c9a2204ff3556f69b16bb9149250de9', class: "material-icons" }, "motion_photos_paused")), h("button", { key: 'e990be851f23ffb037f0973d9405d4c806568a97', class: "prev", onClick: () => this.prevSlide() }, h("i", { key: '4f72cf75f4f3f6ccdf5339b9f85cd8c5e2a20987', class: "material-icons" }, "chevron_left")), h("ul", { key: 'de6ab4e346162243838b56c2d819a956d1214a1d' }, this.slides.map((_, index) => {
|
|
30
38
|
return h("div", { class: this.currentSlide == index ? 'dots active' : 'dots', onClick: () => this.setSlide(index) });
|
|
31
|
-
})), h("button", { key: '
|
|
39
|
+
})), h("button", { key: '6b6ac57cda34857c6344f21f4161740e3d06b87f', class: "next", onClick: () => this.nextSlide() }, h("i", { key: 'dc33a178a88255312a093d94c5ea657b802ec2cc', class: "material-icons" }, "chevron_right"))))));
|
|
32
40
|
}
|
|
33
41
|
static get is() { return "dda-home-banner"; }
|
|
34
42
|
static get originalStyleUrls() {
|
|
@@ -43,7 +51,8 @@ export class DdaHomeBanner {
|
|
|
43
51
|
}
|
|
44
52
|
static get states() {
|
|
45
53
|
return {
|
|
46
|
-
"currentSlide": {}
|
|
54
|
+
"currentSlide": {},
|
|
55
|
+
"autoPlay": {}
|
|
47
56
|
};
|
|
48
57
|
}
|
|
49
58
|
static get elementRef() { return "el"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dda-home-banner.js","sourceRoot":"","sources":["../../../src/components/dda-home-banner/dda-home-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOnE,MAAM,OAAO,aAAa;IAL1B;QAOW,iBAAY,GAAW,CAAC,CAAC;QAClC,WAAM,GAAkB,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"dda-home-banner.js","sourceRoot":"","sources":["../../../src/components/dda-home-banner/dda-home-banner.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}
|
|
@@ -18,7 +18,7 @@ export class DdaInput {
|
|
|
18
18
|
this.component_mode,
|
|
19
19
|
this.input_name,
|
|
20
20
|
].filter(Boolean).join(' ');
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: 'c838b8a07577496db39728ebdc0cb02bdba80fae' }, h("div", { key: 'b1f666331c769fe7055a5a4a087d65f1042f4a2f', class: inputClass }, this.label && h("label", { key: '2873761b22c8a531c2287612022a39fd1f011f2e', htmlFor: this.input_id, class: "dda-input-label" }, this.label), 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 && h("span", { key: '9dd1e939a2fdaf285f147eb89d74868ca8959d71', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: 'cc44559c32eaeacdb054bab78982c923796c6208', class: "dda-error-message" }, this.error_message))));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "dda-input"; }
|
|
24
24
|
static get originalStyleUrls() {
|
|
@@ -26,9 +26,9 @@ export class DdaLinkButton {
|
|
|
26
26
|
this.custom_class, // Include custom class
|
|
27
27
|
this.component_mode,
|
|
28
28
|
].filter(Boolean).join(' ');
|
|
29
|
-
return (h(Host, { key: '
|
|
29
|
+
return (h(Host, { key: '2c3b12058aa3a3438285266e7e2264e6481ad805' }, h("a", { key: '147711ae985be520b6dfa5b073b0853cfdcab45d',
|
|
30
30
|
// type={this.type}
|
|
31
|
-
id: this.button_id, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && h("i", { key: '
|
|
31
|
+
id: this.button_id, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && h("i", { key: '39d5aca68703808fb420cdf98fd50cc62deb0b55', class: "material-icons material-symbols-outlined" }, this.start_icon), h("slot", { key: '8ae4ef6ec98bcb2cf7849153bad4ae0dc952e6b2' }), this.end_icon && h("i", { key: '3c4cfff70acf088f2e6a277dedc605ebd41d5424', class: "material-icons material-symbols-outlined" }, this.end_icon))));
|
|
32
32
|
}
|
|
33
33
|
static get is() { return "dda-link-button"; }
|
|
34
34
|
static get originalStyleUrls() {
|
|
@@ -45,7 +45,7 @@ export class DdaNumberField {
|
|
|
45
45
|
this.custom_class ? `${this.custom_class}` : '',
|
|
46
46
|
this.component_mode,
|
|
47
47
|
].filter(Boolean).join(' ');
|
|
48
|
-
return (h(Host, { key: '
|
|
48
|
+
return (h(Host, { key: 'fac2d1e0014a0e99d3eedfcda5d446f73c5463f2' }, h("div", { key: 'b79d4136aeb93f9c1354dc112ec3da3d1001006a', class: containerClass }, this.label && h("label", { key: 'f576bb73238badebe81bc00c8d87230a1976be4c', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: 'd13568de896c7a463fc0a295859bd320d878d727', class: "dda-input-field-group dda-number-field" }, h("input", { key: 'ec7f08e5f706dcc3307f02baee8294eab82624a6', id: this.input_id, name: this.input_name, "aria-label": this.aria_label, type: "text", placeholder: this.placeholder, value: this.value, pattern: "[0-9]*", onInput: event => this.handleInput(event), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), class: "dda-field-group-input" }), h("div", { key: '7e48600a56ffba92c7d874d9321095e1b793bc80', class: "dda-input-dropdown-btn" }, h("button", { key: '8746cd8c1c0381d0458d0913586e4cca1e5b7923', name: this.toggle_button_name, type: "button", class: "dda-dropdown-select", onClick: () => this.toggleCurrencyDropdown() }, this.selected_currency, " ", h("i", { key: '7e21542fecb39124fc097e1a9b38799277dba770', class: `material-icons` }, this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.isCurrencyDropdownOpen && (h("div", { key: '06dc8da0fab29f3cad1966a39434857fa111dffb', class: "dda-input-dropdown-list" }, this.parsedCurrencies.length > 0 ? (this.parsedCurrencies.map(option => (h("button", { name: this.currency_button_name, type: "button", class: `dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`, onClick: () => this.selectCurrency(option) }, option)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available")))))), this.helper_text && h("span", { key: '77b6930c49338d18d1775d83996ad698665d2b40', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '47a769327dfebf822489af60d7873b22ab489795', class: "dda-error-message" }, this.error_message))));
|
|
49
49
|
}
|
|
50
50
|
static get is() { return "dda-number-field"; }
|
|
51
51
|
static get originalStyleUrls() {
|
|
@@ -54,7 +54,7 @@ export class DdaPagination {
|
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
57
|
-
return (h(Host, { key: '
|
|
57
|
+
return (h(Host, { key: '42960bbbb544ab27ab7177fa35a6b5813504a2b2' }, h("div", { key: '900489627fcf66ce517a934955743ae043b475be', class: `dda-pagination-container` }, this.renderPagination())));
|
|
58
58
|
}
|
|
59
59
|
static get is() { return "dda-pagination"; }
|
|
60
60
|
static get originalStyleUrls() {
|
|
@@ -42,7 +42,7 @@ export class DdaPhoneField {
|
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
44
|
const inputClass = `${this.component_mode} ${this.size ? `dda-input-size-${this.size}` : ''} ${this.error_message ? `dda-error-message` : ''} ${this.validation_type ? `dda-validation-${this.validation_type}` : ''} ${this.is_focused ? 'dda-input-focus' : ''} ${this.phone_number ? 'dda-input-focus-filled' : ''}`;
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '913d9ac77cd0769f5b51b96cb37438ec841116e6' }, h("div", { key: 'a97deebc7049ca84b1643e9466fa1941e3ed82db', class: `dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}` }, this.label && h("label", { key: '2a9b5eda2c70c3fe518ca1bd74ef8aea5db98f68', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: '146610b786d473e3697f6e9e9fb539325f86847c', class: `dda-input-field-group dda-phone-field` }, h("div", { key: '94a2d43933ca884571e43a8a43149df9d7c09e76', class: "dda-input-dropdown-btn" }, h("button", { key: '239b5bc398ca0d8aa6064cdb88d1507403b7561f', type: "button", name: this.toggle_button_name, class: "dda-dropdown-select", onClick: () => this.toggleDropdown() }, h("img", { key: '121e5b1ef07763eff37f14d2c4ea962646186fc8', src: this.country_flag, alt: "", width: "20" }), " ", this.country_code, " ", h("i", { key: '1ec153c93d0544a67eb3c5ffd9844a15ee6c9361', class: `material-icons` }, this.dropdown_open ? 'keyboard_arrow_down' : 'keyboard_arrow_down')), this.dropdown_open && (h("div", { key: '67c9ccdece9bb7d1595799006e34b44af42d380c', class: "dda-input-dropdown-list" }, this.countries.map(country => (h("button", { id: this.button_id, name: this.country_select_button_name, "aria-label": this.button_aria_label, type: "button", class: "dda-input-dropdown-item", onClick: () => this.selectCountry(country) }, h("img", { src: country.flag, alt: "", width: "20" }), " ", country.code)))))), h("input", { key: 'd2ed6736dc1fe3b3048e41e8b0ad0c91b351a320', id: this.input_id, name: this.phone_input_name, "aria-label": this.aria_label, type: "number", class: `dda-field-group-input`, placeholder: this.placeholder, inputmode: 'numeric', pattern: "[0-9]*", value: this.phone_number, onInput: this.handlephonenumberChange.bind(this), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), disabled: this.disabled })), this.helper_text && !this.validation_type && h("span", { key: '25984ba97e22701a6b404edea33069e3fda0916d', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '4c9cd900cb8a10af00af7242afb036aa3c5df00f', class: "dda-error-message" }, this.error_message))));
|
|
46
46
|
}
|
|
47
47
|
static get is() { return "dda-phonefield"; }
|
|
48
48
|
static get originalStyleUrls() {
|