@dubai-design-system/components-js 5.3.2 → 5.3.4
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/CHANGELOG.md +33 -0
- package/MIGRATION.md +3 -3
- package/dist/cjs/dda-accordion.cjs.entry.js +3 -3
- package/dist/cjs/dda-alert.cjs.entry.js +3 -3
- package/dist/cjs/dda-attach-file.cjs.entry.js +4 -4
- package/dist/cjs/dda-avatar.cjs.entry.js +10 -8
- package/dist/cjs/dda-banner-card.cjs.entry.js +5 -5
- package/dist/cjs/dda-banner.cjs.entry.js +3 -3
- package/dist/cjs/dda-breadcrumb.cjs.entry.js +3 -3
- package/dist/cjs/dda-button.cjs.entry.js +3 -3
- package/dist/cjs/dda-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/dda-chip.cjs.entry.js +3 -3
- package/dist/cjs/dda-credit-card.cjs.entry.js +3 -3
- package/dist/cjs/dda-creditcard-field.cjs.entry.js +4 -4
- package/dist/cjs/dda-dropdown.cjs.entry.js +4 -4
- package/dist/cjs/dda-footer.cjs.entry.js +3 -3
- package/dist/cjs/dda-header.cjs.entry.js +12 -6
- package/dist/cjs/dda-home-banner.cjs.entry.js +9 -8
- package/dist/cjs/dda-home-carousel.cjs.entry.js +2 -2
- package/dist/cjs/dda-horizontal-stepper.cjs.entry.js +3 -3
- package/dist/cjs/dda-input.cjs.entry.js +4 -4
- package/dist/cjs/dda-link-button_2.cjs.entry.js +6 -6
- package/dist/cjs/dda-number-field.cjs.entry.js +4 -4
- package/dist/cjs/dda-pagination.cjs.entry.js +3 -3
- package/dist/cjs/dda-phonefield.cjs.entry.js +4 -4
- package/dist/cjs/dda-progressbar.cjs.entry.js +3 -3
- package/dist/cjs/dda-range-slider.cjs.entry.js +3 -3
- package/dist/cjs/dda-scroll-icon.cjs.entry.js +2 -2
- package/dist/cjs/dda-search-input.cjs.entry.js +4 -4
- package/dist/cjs/dda-segmented-tabs.cjs.entry.js +3 -3
- package/dist/cjs/dda-select.cjs.entry.js +13 -5
- package/dist/cjs/dda-sticky-footer.cjs.entry.js +2 -2
- package/dist/cjs/dda-tabs.cjs.entry.js +4 -4
- package/dist/cjs/dda-textarea.cjs.entry.js +36 -5
- package/dist/cjs/dda-toggle.cjs.entry.js +3 -3
- package/dist/cjs/dda-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/dda-ui-card.cjs.entry.js +2 -2
- package/dist/cjs/dda-vertical-stepper.cjs.entry.js +2 -2
- package/dist/cjs/dda.cjs.js +2 -2
- package/dist/cjs/{index-dmQf0qrn.js → index-CWTTBPrA.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/dda-accordion/dda-accordion.js +1 -1
- package/dist/collection/components/dda-alert/dda-alert.js +1 -1
- package/dist/collection/components/dda-attach-file/dda-attach-file.js +1 -1
- package/dist/collection/components/dda-avatar/dda-avatar.js +27 -5
- package/dist/collection/components/dda-avatar/dda-avatar.stories.js +3 -1
- package/dist/collection/components/dda-banner/dda-banner.js +1 -1
- package/dist/collection/components/dda-banner-card/dda-banner-card.js +3 -3
- package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.js +2 -2
- package/dist/collection/components/dda-button/dda-button.js +1 -1
- package/dist/collection/components/dda-checkbox/dda-checkbox.js +1 -1
- package/dist/collection/components/dda-chip/dda-chip.js +1 -1
- package/dist/collection/components/dda-credit-card/dda-credit-card.js +1 -1
- package/dist/collection/components/dda-creditcard-field/dda-creditcard-field.js +1 -1
- package/dist/collection/components/dda-dropdown/dda-dropdown.js +1 -1
- package/dist/collection/components/dda-footer/dda-footer.js +1 -1
- package/dist/collection/components/dda-header/dda-header.js +12 -6
- package/dist/collection/components/dda-header/dda-header.stories.js +5 -0
- package/dist/collection/components/dda-home-banner/dda-home-banner.js +6 -5
- package/dist/collection/components/dda-home-banner/dda-home-banner.stories.js +6 -6
- package/dist/collection/components/dda-home-banner/home-banner.css +2 -1
- package/dist/collection/components/dda-home-carousel/dda-home-carousel.js +2 -2
- 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.css +3 -0
- 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-scroll-icon/dda-scroll-icon.js +1 -1
- package/dist/collection/components/dda-search-input/dda-search-input.js +1 -1
- package/dist/collection/components/dda-select/dda-select.js +12 -4
- package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.js +2 -2
- package/dist/collection/components/dda-tabs/dda-tabs.css +2 -1
- package/dist/collection/components/dda-tabs/dda-tabs.js +1 -1
- package/dist/collection/components/dda-textarea/dda-textarea.js +66 -2
- 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/collection/global/global.css +3 -0
- package/dist/collection/global/input.css +6 -1
- package/dist/components/dda-accordion.js +1 -1
- package/dist/components/dda-alert.js +1 -1
- package/dist/components/dda-attach-file.js +1 -1
- package/dist/components/dda-avatar.js +1 -1
- package/dist/components/dda-banner-card.js +1 -1
- package/dist/components/dda-banner.js +1 -1
- package/dist/components/dda-breadcrumb.js +1 -1
- package/dist/components/dda-button.js +1 -1
- package/dist/components/dda-checkbox.js +1 -1
- package/dist/components/dda-chip.js +1 -1
- package/dist/components/dda-credit-card.js +1 -1
- package/dist/components/dda-creditcard-field.js +1 -1
- package/dist/components/dda-dropdown.js +1 -1
- package/dist/components/dda-footer.js +1 -1
- package/dist/components/dda-header.js +1 -1
- package/dist/components/dda-home-banner.js +1 -1
- package/dist/components/dda-home-carousel.js +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 +1 -1
- package/dist/components/dda-scroll-icon.js +1 -1
- 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 +1 -1
- 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/index.js +1 -1
- package/dist/components/p-B01Ha-9H.js +1 -0
- package/dist/components/p-BSlBVw7U.js +1 -0
- package/dist/components/{p-BoRFp_3l.js → p-BzPIJvgU.js} +1 -1
- package/dist/components/p-C0pvesa1.js +1 -0
- package/dist/components/p-C8iszVhm.js +1 -0
- package/dist/components/p-COTKNBq5.js +1 -0
- package/dist/components/{p-BsuxUhYp.js → p-DuIeGeBw.js} +1 -1
- package/dist/dda/dda.css +2 -2
- package/dist/dda/dda.esm.js +1 -1
- package/dist/dda/p-06dc031e.entry.js +1 -0
- package/dist/dda/p-098d94ef.entry.js +1 -0
- package/dist/dda/p-1561e85b.entry.js +1 -0
- package/dist/dda/{p-024607f9.entry.js → p-1c480e0d.entry.js} +1 -1
- package/dist/dda/{p-b3af8eec.entry.js → p-31ac1764.entry.js} +1 -1
- package/dist/dda/{p-1ae9ad19.entry.js → p-32bdfc20.entry.js} +1 -1
- package/dist/dda/p-3a933cb2.entry.js +1 -0
- package/dist/dda/p-4547c481.entry.js +1 -0
- package/dist/dda/p-4a711cd7.entry.js +1 -0
- package/dist/dda/p-5107960a.entry.js +1 -0
- package/dist/dda/{p-af5d9ca7.entry.js → p-55b5b891.entry.js} +1 -1
- package/dist/dda/{p-c0f0d5e5.entry.js → p-6862b4f1.entry.js} +1 -1
- package/dist/dda/{p-8c1f5a63.entry.js → p-6a7a7e83.entry.js} +1 -1
- package/dist/dda/p-6e6d62fc.entry.js +1 -0
- package/dist/dda/p-6ead859f.entry.js +1 -0
- package/dist/dda/p-7865b362.entry.js +1 -0
- package/dist/{components/p-DW6Q9LDq.js → dda/p-7873b63a.entry.js} +1 -1
- package/dist/dda/p-7f3989d3.entry.js +1 -0
- package/dist/dda/p-905bfedc.entry.js +1 -0
- package/dist/dda/p-COp8L6Bb.js +2 -0
- package/dist/dda/{p-96080710.entry.js → p-a114cc2d.entry.js} +1 -1
- package/dist/dda/{p-e545b6ff.entry.js → p-a1629ffb.entry.js} +1 -1
- package/dist/dda/{p-7df6794e.entry.js → p-a268f2cb.entry.js} +1 -1
- package/dist/dda/p-a378b6c0.entry.js +1 -0
- package/dist/dda/p-a3a1509e.entry.js +1 -0
- package/dist/dda/{p-854fd7d4.entry.js → p-a420b7d0.entry.js} +1 -1
- package/dist/dda/p-b77c22f3.entry.js +1 -0
- package/dist/dda/{p-60a61479.entry.js → p-b8658797.entry.js} +1 -1
- package/dist/dda/p-c385762a.entry.js +1 -0
- package/dist/dda/{p-3220de7f.entry.js → p-ce8edb4a.entry.js} +1 -1
- package/dist/dda/p-d5fc98bf.entry.js +1 -0
- package/dist/dda/p-d6f20809.entry.js +1 -0
- package/dist/dda/p-de6ffe9a.entry.js +1 -0
- package/dist/dda/{p-92d77aa7.entry.js → p-df67e5b1.entry.js} +1 -1
- package/dist/dda/p-eb43cb1e.entry.js +1 -0
- package/dist/dda/p-f7931be0.entry.js +1 -0
- package/dist/dda/p-f7dbbc21.entry.js +1 -0
- package/dist/esm/dda-accordion.entry.js +3 -3
- package/dist/esm/dda-alert.entry.js +3 -3
- package/dist/esm/dda-attach-file.entry.js +4 -4
- package/dist/esm/dda-avatar.entry.js +10 -8
- package/dist/esm/dda-banner-card.entry.js +5 -5
- package/dist/esm/dda-banner.entry.js +3 -3
- package/dist/esm/dda-breadcrumb.entry.js +3 -3
- package/dist/esm/dda-button.entry.js +3 -3
- package/dist/esm/dda-checkbox.entry.js +3 -3
- package/dist/esm/dda-chip.entry.js +3 -3
- package/dist/esm/dda-credit-card.entry.js +3 -3
- package/dist/esm/dda-creditcard-field.entry.js +4 -4
- package/dist/esm/dda-dropdown.entry.js +4 -4
- package/dist/esm/dda-footer.entry.js +3 -3
- package/dist/esm/dda-header.entry.js +12 -6
- package/dist/esm/dda-home-banner.entry.js +9 -8
- package/dist/esm/dda-home-carousel.entry.js +2 -2
- package/dist/esm/dda-horizontal-stepper.entry.js +3 -3
- package/dist/esm/dda-input.entry.js +4 -4
- package/dist/esm/dda-link-button_2.entry.js +6 -6
- package/dist/esm/dda-number-field.entry.js +4 -4
- package/dist/esm/dda-pagination.entry.js +3 -3
- package/dist/esm/dda-phonefield.entry.js +4 -4
- package/dist/esm/dda-progressbar.entry.js +3 -3
- package/dist/esm/dda-range-slider.entry.js +3 -3
- package/dist/esm/dda-scroll-icon.entry.js +2 -2
- package/dist/esm/dda-search-input.entry.js +4 -4
- package/dist/esm/dda-segmented-tabs.entry.js +3 -3
- package/dist/esm/dda-select.entry.js +13 -5
- package/dist/esm/dda-sticky-footer.entry.js +2 -2
- package/dist/esm/dda-tabs.entry.js +4 -4
- package/dist/esm/dda-textarea.entry.js +36 -5
- package/dist/esm/dda-toggle.entry.js +3 -3
- package/dist/esm/dda-tooltip.entry.js +3 -3
- package/dist/esm/dda-ui-card.entry.js +2 -2
- package/dist/esm/dda-vertical-stepper.entry.js +2 -2
- package/dist/esm/dda.js +3 -3
- package/dist/esm/{index-BJtZ8AZm.js → index-COp8L6Bb.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/dda-avatar/dda-avatar.d.ts +2 -0
- package/dist/types/components/dda-avatar/dda-avatar.stories.d.ts +4 -0
- package/dist/types/components/dda-header/dda-header.d.ts +1 -0
- package/dist/types/components/dda-textarea/dda-textarea.d.ts +4 -0
- package/dist/types/components.d.ts +22 -0
- package/package.json +1 -1
- package/dist/components/p-515Iolds.js +0 -1
- package/dist/components/p-CdwbDBBx.js +0 -1
- package/dist/components/p-D6rCOerj.js +0 -1
- package/dist/components/p-DCJtRqay.js +0 -1
- package/dist/dda/p-08e196c8.entry.js +0 -1
- package/dist/dda/p-11264464.entry.js +0 -1
- package/dist/dda/p-1d7eadd0.entry.js +0 -1
- package/dist/dda/p-29d227c2.entry.js +0 -1
- package/dist/dda/p-3a130316.entry.js +0 -1
- package/dist/dda/p-4d16c67a.entry.js +0 -1
- package/dist/dda/p-55033258.entry.js +0 -1
- package/dist/dda/p-5fe4825e.entry.js +0 -1
- package/dist/dda/p-67ce47e5.entry.js +0 -1
- package/dist/dda/p-6cb8fead.entry.js +0 -1
- package/dist/dda/p-6d1699c0.entry.js +0 -1
- package/dist/dda/p-6f2aebb1.entry.js +0 -1
- package/dist/dda/p-8d7f6793.entry.js +0 -1
- package/dist/dda/p-9062f90c.entry.js +0 -1
- package/dist/dda/p-91f8c78c.entry.js +0 -1
- package/dist/dda/p-BJtZ8AZm.js +0 -2
- package/dist/dda/p-abae3f8a.entry.js +0 -1
- package/dist/dda/p-b0eaaa1a.entry.js +0 -1
- package/dist/dda/p-b29a3530.entry.js +0 -1
- package/dist/dda/p-b367e773.entry.js +0 -1
- package/dist/dda/p-b6c5c050.entry.js +0 -1
- package/dist/dda/p-bf1cd0fd.entry.js +0 -1
- package/dist/dda/p-cfffa1b4.entry.js +0 -1
- package/dist/dda/p-f649bd48.entry.js +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CWTTBPrA.js');
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await index.globalScripts();
|
|
8
|
-
return index.bootstrapLazy(JSON.parse("[[\"dda-header.cjs\",[[0,\"dda-header\",{\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoWhiteSrc\":[1,\"first-logo-white-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"firstLogoHref\":[1,\"first-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"loginLink\":[1,\"login-link\"],\"sideMenuItems\":[1,\"side-menu-items\"],\"sideMainMenuTitle\":[1,\"side-main-menu-title\"],\"sideOtherMenuTitle\":[1,\"side-other-menu-title\"],\"otherMenuItems\":[1,\"other-menu-items\"],\"hideOtherMenu\":[4,\"hide-other-menu\"],\"mobileMenuSearchId\":[1,\"mobile-menu-search-id\"],\"mobileMenuSearchUrl\":[1,\"mobile-menu-search-url\"],\"quickLinks\":[1,\"quick-links\"],\"readSpeakerLink\":[1,\"read-speaker-link\"],\"read_speaker_link\":[1],\"contrast_title\":[1],\"contrast_description\":[1],\"contrast_normal_text\":[1],\"contrast_noraml_text\":[1],\"contrast_color_blind_text\":[1],\"contrast_red_weakness_text\":[1],\"contrast_green_weakness_text\":[1],\"screen_reader_title\":[1],\"screen_reader_description\":[1],\"screen_reader_link_label\":[1],\"text_size_title\":[1],\"text_size_description\":[1],\"selected_contrast\":[1025],\"selected_text_size\":[1025],\"searchText\":[1,\"search-text\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"hide_login\":[4],\"language_text\":[1],\"language_lang\":[1],\"accessibility_tooltip\":[1],\"accessibility_button_text\":[1],\"accessibility_button_id\":[1],\"accessibility_button_icon_family\":[1],\"accessibility_button_icon_name\":[1],\"search_tooltip\":[1],\"search_input_placeholder\":[1],\"language_tooltip\":[1],\"login_tooltip\":[1],\"usePredesignedAccessibilityMenu\":[4,\"use-predesigned-accessibility-menu\"],\"hamburger_menu_button_name\":[1],\"menu_button_label\":[1],\"accessibility_button_name\":[1],\"search_button_name\":[1],\"search_input_name\":[1],\"search_action\":[1],\"language_button_name\":[1],\"close_menu_button_name\":[1],\"close_accessibility_button_name\":[1],\"close_sidebar_button_name\":[1],\"toggle_accessibility_button_name\":[1],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"isSearchOpen\":[32],\"openMenus\":[32],\"activeMenuIndex\":[32],\"activeSubIndex\":[32],\"activeSubTop\":[32]},null,{\"isMenuOpen\":[{\"onMenuOpenChange\":0}]}]]],[\"dda-footer.cjs\",[[0,\"dda-footer\",{\"footerTitle\":[1,\"footer-title\"],\"heading_level\":[2],\"description\":[1],\"signUpButtonText\":[1,\"sign-up-button-text\"],\"loginButtonText\":[1,\"login-button-text\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"copyrightText\":[1,\"copyright-text\"],\"logoDescription\":[1,\"logo-description\"],\"footerSections\":[1,\"footer-sections\"],\"socialIcons\":[1,\"social-icons\"]}]]],[\"dda-home-banner.cjs\",[[260,\"dda-home-banner\",{\"autoplay\":[4],\"interval\":[2],\"aria_label\":[1],\"previous_button_label\":[1],\"next_button_label\":[1],\"pause_button_label\":[1],\"play_button_label\":[1],\"slide_button_label\":[1],\"slide_status_label\":[1],\"show_scroll_icon\":[4],\"show_scroll_icon_mobile\":[4],\"currentSlide\":[32],\"slides\":[32],\"isPaused\":[32],\"reducedMotion\":[32]},null,{\"autoplay\":[{\"autoplayChanged\":0}],\"interval\":[{\"autoplayChanged\":0}]}]]],[\"dda-home-carousel.cjs\",[[0,\"dda-home-carousel\",{\"bannercardlist\":[1],\"items_in_view\":[2],\"aria_label\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-sticky-footer.cjs\",[[0,\"dda-sticky-footer\",{\"happinessIconHref\":[1,\"happiness-icon-href\"],\"happinessIconSrc\":[1,\"happiness-icon-src\"],\"happinessIconAlt\":[1,\"happiness-icon-alt\"],\"happinessIconTooltip\":[1,\"happiness-icon-tooltip\"],\"happinessIconId\":[1,\"happiness-icon-id\"],\"happinessIconSrcDark\":[1,\"happiness-icon-src-dark\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"accessibilityIconId\":[1,\"accessibility-icon-id\"],\"accessibilityIconSrcDark\":[1,\"accessibility-icon-src-dark\"],\"servicesIconHref\":[1,\"services-icon-href\"],\"servicesIconSrc\":[1,\"services-icon-src\"],\"servicesIconAlt\":[1,\"services-icon-alt\"],\"servicesIconTooltip\":[1,\"services-icon-tooltip\"],\"servicesIconText\":[1,\"services-icon-text\"],\"servicesIconId\":[1,\"services-icon-id\"],\"servicesIconSrcDark\":[1,\"services-icon-src-dark\"],\"firstLogoHref\":[1,\"first-logo-href\"],\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"firstLogoTooltip\":[1,\"first-logo-tooltip\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"secondLogoTooltip\":[1,\"second-logo-tooltip\"],\"thirdLogoHref\":[1,\"third-logo-href\"],\"thirdLogoSrc\":[1,\"third-logo-src\"],\"thirdLogoAlt\":[1,\"third-logo-alt\"],\"thirdLogoTooltip\":[1,\"third-logo-tooltip\"],\"middleLink\":[1,\"middle-link\"],\"locationButtonHref\":[1,\"location-button-href\"],\"locationLogoSrc\":[1,\"location-logo-src\"],\"locationButtonText\":[1,\"location-button-text\"],\"locationButtonIcon\":[1,\"location-button-icon\"],\"newsButtonHref\":[1,\"news-button-href\"],\"newsButtonSrc\":[1,\"news-button-src\"],\"newsButtonText\":[1,\"news-button-text\"],\"newsButtonIcon\":[1,\"news-button-icon\"],\"aiIconHref\":[1,\"ai-icon-href\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"aiIconId\":[1,\"ai-icon-id\"],\"aiIconSrcDark\":[1,\"ai-icon-src-dark\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"chatIconId\":[1,\"chat-icon-id\"],\"chatIconSrcDark\":[1,\"chat-icon-src-dark\"],\"rightLink\":[1,\"right-link\"],\"dubaiaeIconHref\":[1,\"dubaiae-icon-href\"],\"dubaiaeIconId\":[1,\"dubaiae-icon-id\"],\"dubaiaeIconSrc\":[1,\"dubaiae-icon-src\"],\"dubaiaeIconSrcDark\":[1,\"dubaiae-icon-src-dark\"],\"dubaiaeIconSmallSrc\":[1,\"dubaiae-icon-small-src\"],\"dubaiaeIconAlt\":[1,\"dubaiae-icon-alt\"],\"dubaiaeIconTooltip\":[1,\"dubaiae-icon-tooltip\"],\"moreIcon\":[1,\"more-icon\"],\"moreIconFamily\":[1,\"more-icon-family\"],\"more_button_label\":[1],\"colorTheme\":[1,\"color-theme\"],\"aria_label\":[1],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"isHidden\":[32],\"rightOpen\":[32],\"isMobile\":[32]}]]],[\"dda-accordion.cjs\",[[260,\"dda-accordion\",{\"design\":[1],\"header_text\":[1],\"body_description\":[1],\"custom_class\":[1],\"component_mode\":[1],\"accordion_icon\":[1],\"isOpen\":[32]}]]],[\"dda-alert.cjs\",[[0,\"dda-alert\",{\"type\":[1],\"variation\":[1],\"title_text\":[1],\"description\":[1],\"button_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"component_id\":[1],\"first_link\":[1],\"second_link\":[1],\"first_button\":[1],\"second_button\":[1],\"button_name\":[1],\"clickHandler\":[16],\"close_button_label\":[1],\"heading_level\":[2]}]]],[\"dda-attach-file.cjs\",[[0,\"dda-attach-file\",{\"label\":[1],\"helper_text\":[1],\"error_message\":[1],\"size\":[1],\"validation_type\":[1],\"input_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"input_id\":[1],\"button_id\":[1],\"button_name\":[1],\"input_name\":[1],\"file\":[32]}]]],[\"dda-avatar.cjs\",[[0,\"dda-avatar\",{\"type\":[1],\"size\":[1],\"design\":[1],\"rounded\":[1],\"src\":[1],\"icon\":[1],\"text\":[1],\"notification_number\":[2],\"custom_class\":[1],\"selected\":[1025],\"options\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_name\":[1],\"isOpen\":[32]}]]],[\"dda-banner.cjs\",[[1,\"dda-banner\",{\"slides\":[1],\"slider_width\":[1],\"slider_height\":[1],\"aria_label\":[1],\"parsedSlides\":[32]}]]],[\"dda-breadcrumb.cjs\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"custom_class\":[1],\"component_mode\":[1],\"breadcrumbs\":[1]}]]],[\"dda-checkbox.cjs\",[[0,\"dda-checkbox\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"checkbox_status\":[1],\"size\":[1],\"style_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-chip.cjs\",[[260,\"dda-chip\",{\"bg_color\":[1],\"rounded\":[1],\"icon\":[1],\"show_close_icon\":[4],\"close_button_label\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-credit-card.cjs\",[[0,\"dda-credit-card\",{\"balance\":[1],\"name\":[1],\"card_number\":[1],\"card_type\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-creditcard-field.cjs\",[[0,\"dda-creditcard-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1025],\"card_icon\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_type\":[1],\"helper_text\":[1],\"disabled\":[4],\"custom_class\":[1],\"restrict_input\":[4],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"autocomplete\":[1],\"formattedValue\":[32]}]]],[\"dda-dropdown.cjs\",[[0,\"dda-dropdown\",{\"label\":[1],\"options\":[1],\"selected\":[1025],\"disabled\":[4],\"error\":[1],\"helper_text\":[1],\"type\":[1],\"size\":[1],\"icon_mode\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"aria_label\":[1],\"arrow_button_name\":[1],\"dropdown_button_name\":[1],\"toggle_button_label\":[1],\"isopen\":[32]},[[0,\"click\",\"onHostClick\"]]]]],[\"dda-horizontal-stepper.cjs\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]},null,{\"steps\":[{\"parseSteps\":0}]}]]],[\"dda-input.cjs\",[[0,\"dda-input\",{\"label\":[1],\"placeholder\":[1],\"value\":[1],\"type\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"autocomplete\":[1]}]]],[\"dda-number-field.cjs\",[[0,\"dda-number-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_status\":[1],\"currencies\":[1],\"selected_currency\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"toggle_button_name\":[1],\"currency_button_name\":[1],\"toggle_button_label\":[1],\"is_focused\":[32],\"isCurrencyDropdownOpen\":[32]}]]],[\"dda-pagination.cjs\",[[0,\"dda-pagination\",{\"total_pages\":[1026],\"current_page\":[1026],\"type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"simple_slider_prev_button\":[1],\"simple_slider_next_button\":[1],\"buttons_prev_button\":[1],\"buttons_next_button\":[1],\"text_prev_button\":[1],\"text_next_button\":[1],\"text_pages_prev_button\":[1],\"text_pages_next_button\":[1],\"button_text_prev_button\":[1],\"button_text_next_button\":[1],\"buttons_pages_prev_button\":[1],\"buttons_pages_next_button\":[1],\"previous_button_label\":[1],\"next_button_label\":[1]},null,{\"total_pages\":[{\"validateTotalPages\":0}],\"current_page\":[{\"validateCurrentPage\":0}]}]]],[\"dda-phonefield.cjs\",[[0,\"dda-phonefield\",{\"label\":[1],\"placeholder\":[1],\"helper_text\":[1],\"validation_type\":[1],\"error_message\":[1],\"disabled\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_aria_label\":[1],\"toggle_button_name\":[1],\"country_select_button_name\":[1],\"toggle_button_label\":[1],\"phone_input_name\":[1],\"autocomplete\":[1],\"country_code\":[32],\"country_flag\":[32],\"phone_number\":[32],\"is_focused\":[32],\"dropdown_open\":[32],\"countries\":[32]}]]],[\"dda-progressbar.cjs\",[[0,\"dda-progressbar\",{\"progress\":[2],\"tooltip\":[4],\"tooltip_position\":[1],\"show_percentage_text\":[4],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-range-slider.cjs\",[[0,\"dda-range-slider\",{\"min\":[2],\"max\":[2],\"step\":[2],\"initial_min\":[2],\"initial_max\":[2],\"size\":[1],\"tooltip_position\":[1],\"custom_class\":[1],\"component_mode\":[1],\"left_input_id\":[1],\"right_input_id\":[1],\"left_aria_label\":[1],\"right_aria_label\":[1],\"left_input_name\":[1],\"right_input_name\":[1],\"min_value\":[32],\"max_value\":[32]}]]],[\"dda-search-input.cjs\",[[0,\"dda-search-input\",{\"placeholder\":[1],\"label\":[1],\"size\":[1],\"error_message\":[1],\"show_button\":[4],\"helper_text\":[1],\"input_status\":[1],\"has_error\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"search_input_name\":[1],\"close_button_name\":[1],\"clear_button_label\":[1],\"search_button_name\":[1]}]]],[\"dda-segmented-tabs.cjs\",[[0,\"dda-segmented-tabs\",{\"items\":[1],\"radius_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_name\":[1],\"aria_label\":[1],\"selected_index\":[2],\"icon_labels\":[1],\"active_index\":[32]},null,{\"items\":[{\"itemsChanged\":0}],\"selected_index\":[{\"selectedIndexChanged\":0}]}]]],[\"dda-select.cjs\",[[0,\"dda-select\",{\"label\":[1],\"options\":[1],\"selected\":[1025],\"disabled\":[4],\"error\":[1],\"error_message\":[1],\"helper_text\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"input_name\":[1],\"main_aria_label\":[1],\"validation_type\":[1],\"is_open\":[32]},[[0,\"click\",\"onHostClick\"]]]]],[\"dda-tabs.cjs\",[[0,\"dda-tabs\",{\"type\":[1],\"hover_style\":[1],\"border_bottom\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"aria_label\":[1],\"tab_texts\":[1],\"tab_icons\":[1],\"button_name\":[1],\"active_tab\":[32]}]]],[\"dda-textarea.cjs\",[[0,\"dda-textarea\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"error_message\":[1],\"validation_type\":[1],\"input_status\":[1],\"helper_text\":[1],\"custom_class\":[1],\"enable_rich_editor\":[4],\"max_characters\":[2],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"textarea_name\":[1],\"characterCount\":[32]}]]],[\"dda-toggle.cjs\",[[0,\"dda-toggle\",{\"checked\":[4],\"size\":[1],\"custom_class\":[1],\"group_name\":[1],\"input_id\":[1],\"component_mode\":[1],\"aria_label\":[1],\"title_text\":[1],\"supporting\":[1]}]]],[\"dda-ui-card.cjs\",[[260,\"dda-ui-card\",{\"type\":[1],\"icon\":[1],\"image\":[1],\"maintitle\":[1],\"subtitle\":[1],\"link\":[1],\"linktext\":[1],\"linkicon\":[1],\"heading_level\":[2]}]]],[\"dda-vertical-stepper.cjs\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_step\":[2],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]},null,{\"steps\":[{\"parseSteps\":0}]}]]],[\"dda-banner-card.cjs\",[[0,\"dda-banner-card\",{\"banner_card_href\":[1],\"banner_card_url\":[1],\"banner_card_id\":[1],\"image_src\":[1],\"image_alt\":[1],\"banner_card_title\":[1],\"banner_card_description\":[1],\"banner_card_value\":[1],\"banner_card_name\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-scroll-icon.cjs\",[[0,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-link-button_2.cjs\",[[260,\"dda-link-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"href\":[1],\"component_mode\":[1],\"button_id\":[1]}],[0,\"dda-radiobutton\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"radio_status\":[1],\"size\":[1],\"variants\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-button.cjs\",[[260,\"dda-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"button_name\":[1],\"clickHandler\":[16]}]]],[\"dda-tooltip.cjs\",[[260,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1],\"dismissed\":[32]}]]]]"), options);
|
|
8
|
+
return index.bootstrapLazy(JSON.parse("[[\"dda-header.cjs\",[[0,\"dda-header\",{\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoWhiteSrc\":[1,\"first-logo-white-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"firstLogoHref\":[1,\"first-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"loginLink\":[1,\"login-link\"],\"sideMenuItems\":[1,\"side-menu-items\"],\"sideMainMenuTitle\":[1,\"side-main-menu-title\"],\"sideOtherMenuTitle\":[1,\"side-other-menu-title\"],\"otherMenuItems\":[1,\"other-menu-items\"],\"hideOtherMenu\":[4,\"hide-other-menu\"],\"mobileMenuSearchId\":[1,\"mobile-menu-search-id\"],\"mobileMenuSearchUrl\":[1,\"mobile-menu-search-url\"],\"quickLinks\":[1,\"quick-links\"],\"readSpeakerLink\":[1,\"read-speaker-link\"],\"read_speaker_link\":[1],\"contrast_title\":[1],\"contrast_description\":[1],\"contrast_normal_text\":[1],\"contrast_noraml_text\":[1],\"contrast_color_blind_text\":[1],\"contrast_red_weakness_text\":[1],\"contrast_green_weakness_text\":[1],\"screen_reader_title\":[1],\"screen_reader_description\":[1],\"screen_reader_link_label\":[1],\"text_size_title\":[1],\"text_size_description\":[1],\"selected_contrast\":[1025],\"selected_text_size\":[1025],\"searchText\":[1,\"search-text\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"hide_login\":[4],\"language_text\":[1],\"language_lang\":[1],\"accessibility_tooltip\":[1],\"accessibility_button_text\":[1],\"accessibility_button_id\":[1],\"accessibility_button_icon_family\":[1],\"accessibility_button_icon_name\":[1],\"search_tooltip\":[1],\"search_input_placeholder\":[1],\"language_tooltip\":[1],\"login_tooltip\":[1],\"usePredesignedAccessibilityMenu\":[4,\"use-predesigned-accessibility-menu\"],\"hamburger_menu_button_name\":[1],\"menu_button_label\":[1],\"accessibility_button_name\":[1],\"search_button_name\":[1],\"search_input_name\":[1],\"search_action\":[1],\"language_button_name\":[1],\"close_menu_button_name\":[1],\"close_accessibility_button_name\":[1],\"close_sidebar_button_name\":[1],\"toggle_accessibility_button_name\":[1],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"isSearchOpen\":[32],\"openMenus\":[32],\"activeMenuIndex\":[32],\"activeSubIndex\":[32],\"activeSubTop\":[32]},null,{\"isMenuOpen\":[{\"onMenuOpenChange\":0}]}]]],[\"dda-footer.cjs\",[[0,\"dda-footer\",{\"footerTitle\":[1,\"footer-title\"],\"heading_level\":[2],\"description\":[1],\"signUpButtonText\":[1,\"sign-up-button-text\"],\"loginButtonText\":[1,\"login-button-text\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"copyrightText\":[1,\"copyright-text\"],\"logoDescription\":[1,\"logo-description\"],\"footerSections\":[1,\"footer-sections\"],\"socialIcons\":[1,\"social-icons\"]}]]],[\"dda-home-banner.cjs\",[[260,\"dda-home-banner\",{\"autoplay\":[4],\"interval\":[2],\"aria_label\":[1],\"previous_button_label\":[1],\"next_button_label\":[1],\"pause_button_label\":[1],\"play_button_label\":[1],\"slide_button_label\":[1],\"slide_status_label\":[1],\"show_scroll_icon\":[4],\"show_scroll_icon_mobile\":[4],\"currentSlide\":[32],\"slides\":[32],\"isPaused\":[32],\"reducedMotion\":[32]},null,{\"autoplay\":[{\"autoplayChanged\":0}],\"interval\":[{\"autoplayChanged\":0}]}]]],[\"dda-home-carousel.cjs\",[[0,\"dda-home-carousel\",{\"bannercardlist\":[1],\"items_in_view\":[2],\"aria_label\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-sticky-footer.cjs\",[[0,\"dda-sticky-footer\",{\"happinessIconHref\":[1,\"happiness-icon-href\"],\"happinessIconSrc\":[1,\"happiness-icon-src\"],\"happinessIconAlt\":[1,\"happiness-icon-alt\"],\"happinessIconTooltip\":[1,\"happiness-icon-tooltip\"],\"happinessIconId\":[1,\"happiness-icon-id\"],\"happinessIconSrcDark\":[1,\"happiness-icon-src-dark\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"accessibilityIconId\":[1,\"accessibility-icon-id\"],\"accessibilityIconSrcDark\":[1,\"accessibility-icon-src-dark\"],\"servicesIconHref\":[1,\"services-icon-href\"],\"servicesIconSrc\":[1,\"services-icon-src\"],\"servicesIconAlt\":[1,\"services-icon-alt\"],\"servicesIconTooltip\":[1,\"services-icon-tooltip\"],\"servicesIconText\":[1,\"services-icon-text\"],\"servicesIconId\":[1,\"services-icon-id\"],\"servicesIconSrcDark\":[1,\"services-icon-src-dark\"],\"firstLogoHref\":[1,\"first-logo-href\"],\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"firstLogoTooltip\":[1,\"first-logo-tooltip\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"secondLogoTooltip\":[1,\"second-logo-tooltip\"],\"thirdLogoHref\":[1,\"third-logo-href\"],\"thirdLogoSrc\":[1,\"third-logo-src\"],\"thirdLogoAlt\":[1,\"third-logo-alt\"],\"thirdLogoTooltip\":[1,\"third-logo-tooltip\"],\"middleLink\":[1,\"middle-link\"],\"locationButtonHref\":[1,\"location-button-href\"],\"locationLogoSrc\":[1,\"location-logo-src\"],\"locationButtonText\":[1,\"location-button-text\"],\"locationButtonIcon\":[1,\"location-button-icon\"],\"newsButtonHref\":[1,\"news-button-href\"],\"newsButtonSrc\":[1,\"news-button-src\"],\"newsButtonText\":[1,\"news-button-text\"],\"newsButtonIcon\":[1,\"news-button-icon\"],\"aiIconHref\":[1,\"ai-icon-href\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"aiIconId\":[1,\"ai-icon-id\"],\"aiIconSrcDark\":[1,\"ai-icon-src-dark\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"chatIconId\":[1,\"chat-icon-id\"],\"chatIconSrcDark\":[1,\"chat-icon-src-dark\"],\"rightLink\":[1,\"right-link\"],\"dubaiaeIconHref\":[1,\"dubaiae-icon-href\"],\"dubaiaeIconId\":[1,\"dubaiae-icon-id\"],\"dubaiaeIconSrc\":[1,\"dubaiae-icon-src\"],\"dubaiaeIconSrcDark\":[1,\"dubaiae-icon-src-dark\"],\"dubaiaeIconSmallSrc\":[1,\"dubaiae-icon-small-src\"],\"dubaiaeIconAlt\":[1,\"dubaiae-icon-alt\"],\"dubaiaeIconTooltip\":[1,\"dubaiae-icon-tooltip\"],\"moreIcon\":[1,\"more-icon\"],\"moreIconFamily\":[1,\"more-icon-family\"],\"more_button_label\":[1],\"colorTheme\":[1,\"color-theme\"],\"aria_label\":[1],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"isHidden\":[32],\"rightOpen\":[32],\"isMobile\":[32]}]]],[\"dda-accordion.cjs\",[[260,\"dda-accordion\",{\"design\":[1],\"header_text\":[1],\"body_description\":[1],\"custom_class\":[1],\"component_mode\":[1],\"accordion_icon\":[1],\"isOpen\":[32]}]]],[\"dda-alert.cjs\",[[0,\"dda-alert\",{\"type\":[1],\"variation\":[1],\"title_text\":[1],\"description\":[1],\"button_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"component_id\":[1],\"first_link\":[1],\"second_link\":[1],\"first_button\":[1],\"second_button\":[1],\"button_name\":[1],\"clickHandler\":[16],\"close_button_label\":[1],\"heading_level\":[2]}]]],[\"dda-attach-file.cjs\",[[0,\"dda-attach-file\",{\"label\":[1],\"helper_text\":[1],\"error_message\":[1],\"size\":[1],\"validation_type\":[1],\"input_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"input_id\":[1],\"button_id\":[1],\"button_name\":[1],\"input_name\":[1],\"file\":[32]}]]],[\"dda-avatar.cjs\",[[0,\"dda-avatar\",{\"type\":[1],\"size\":[1],\"design\":[1],\"rounded\":[1],\"src\":[1],\"icon\":[1],\"text\":[1],\"verified_label\":[1],\"notification_number\":[2],\"custom_class\":[1],\"selected\":[1025],\"options\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_name\":[1],\"isOpen\":[32]}]]],[\"dda-banner.cjs\",[[1,\"dda-banner\",{\"slides\":[1],\"slider_width\":[1],\"slider_height\":[1],\"aria_label\":[1],\"parsedSlides\":[32]}]]],[\"dda-breadcrumb.cjs\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"custom_class\":[1],\"component_mode\":[1],\"breadcrumbs\":[1]}]]],[\"dda-checkbox.cjs\",[[0,\"dda-checkbox\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"checkbox_status\":[1],\"size\":[1],\"style_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-chip.cjs\",[[260,\"dda-chip\",{\"bg_color\":[1],\"rounded\":[1],\"icon\":[1],\"show_close_icon\":[4],\"close_button_label\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-credit-card.cjs\",[[0,\"dda-credit-card\",{\"balance\":[1],\"name\":[1],\"card_number\":[1],\"card_type\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-creditcard-field.cjs\",[[0,\"dda-creditcard-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1025],\"card_icon\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_type\":[1],\"helper_text\":[1],\"disabled\":[4],\"custom_class\":[1],\"restrict_input\":[4],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"autocomplete\":[1],\"formattedValue\":[32]}]]],[\"dda-dropdown.cjs\",[[0,\"dda-dropdown\",{\"label\":[1],\"options\":[1],\"selected\":[1025],\"disabled\":[4],\"error\":[1],\"helper_text\":[1],\"type\":[1],\"size\":[1],\"icon_mode\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"aria_label\":[1],\"arrow_button_name\":[1],\"dropdown_button_name\":[1],\"toggle_button_label\":[1],\"isopen\":[32]},[[0,\"click\",\"onHostClick\"]]]]],[\"dda-horizontal-stepper.cjs\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]},null,{\"steps\":[{\"parseSteps\":0}]}]]],[\"dda-input.cjs\",[[0,\"dda-input\",{\"label\":[1],\"placeholder\":[1],\"value\":[1],\"type\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"autocomplete\":[1]}]]],[\"dda-number-field.cjs\",[[0,\"dda-number-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_status\":[1],\"currencies\":[1],\"selected_currency\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"toggle_button_name\":[1],\"currency_button_name\":[1],\"toggle_button_label\":[1],\"is_focused\":[32],\"isCurrencyDropdownOpen\":[32]}]]],[\"dda-pagination.cjs\",[[0,\"dda-pagination\",{\"total_pages\":[1026],\"current_page\":[1026],\"type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"simple_slider_prev_button\":[1],\"simple_slider_next_button\":[1],\"buttons_prev_button\":[1],\"buttons_next_button\":[1],\"text_prev_button\":[1],\"text_next_button\":[1],\"text_pages_prev_button\":[1],\"text_pages_next_button\":[1],\"button_text_prev_button\":[1],\"button_text_next_button\":[1],\"buttons_pages_prev_button\":[1],\"buttons_pages_next_button\":[1],\"previous_button_label\":[1],\"next_button_label\":[1]},null,{\"total_pages\":[{\"validateTotalPages\":0}],\"current_page\":[{\"validateCurrentPage\":0}]}]]],[\"dda-phonefield.cjs\",[[0,\"dda-phonefield\",{\"label\":[1],\"placeholder\":[1],\"helper_text\":[1],\"validation_type\":[1],\"error_message\":[1],\"disabled\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_aria_label\":[1],\"toggle_button_name\":[1],\"country_select_button_name\":[1],\"toggle_button_label\":[1],\"phone_input_name\":[1],\"autocomplete\":[1],\"country_code\":[32],\"country_flag\":[32],\"phone_number\":[32],\"is_focused\":[32],\"dropdown_open\":[32],\"countries\":[32]}]]],[\"dda-progressbar.cjs\",[[0,\"dda-progressbar\",{\"progress\":[2],\"tooltip\":[4],\"tooltip_position\":[1],\"show_percentage_text\":[4],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-range-slider.cjs\",[[0,\"dda-range-slider\",{\"min\":[2],\"max\":[2],\"step\":[2],\"initial_min\":[2],\"initial_max\":[2],\"size\":[1],\"tooltip_position\":[1],\"custom_class\":[1],\"component_mode\":[1],\"left_input_id\":[1],\"right_input_id\":[1],\"left_aria_label\":[1],\"right_aria_label\":[1],\"left_input_name\":[1],\"right_input_name\":[1],\"min_value\":[32],\"max_value\":[32]}]]],[\"dda-search-input.cjs\",[[0,\"dda-search-input\",{\"placeholder\":[1],\"label\":[1],\"size\":[1],\"error_message\":[1],\"show_button\":[4],\"helper_text\":[1],\"input_status\":[1],\"has_error\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"search_input_name\":[1],\"close_button_name\":[1],\"clear_button_label\":[1],\"search_button_name\":[1]}]]],[\"dda-segmented-tabs.cjs\",[[0,\"dda-segmented-tabs\",{\"items\":[1],\"radius_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_name\":[1],\"aria_label\":[1],\"selected_index\":[2],\"icon_labels\":[1],\"active_index\":[32]},null,{\"items\":[{\"itemsChanged\":0}],\"selected_index\":[{\"selectedIndexChanged\":0}]}]]],[\"dda-select.cjs\",[[0,\"dda-select\",{\"label\":[1],\"options\":[1],\"selected\":[1025],\"disabled\":[4],\"error\":[1],\"error_message\":[1],\"helper_text\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"input_name\":[1],\"main_aria_label\":[1],\"validation_type\":[1],\"is_open\":[32]},[[0,\"click\",\"onHostClick\"]]]]],[\"dda-tabs.cjs\",[[0,\"dda-tabs\",{\"type\":[1],\"hover_style\":[1],\"border_bottom\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"aria_label\":[1],\"tab_texts\":[1],\"tab_icons\":[1],\"button_name\":[1],\"active_tab\":[32]}]]],[\"dda-textarea.cjs\",[[0,\"dda-textarea\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"error_message\":[1],\"validation_type\":[1],\"input_status\":[1],\"helper_text\":[1],\"custom_class\":[1],\"enable_rich_editor\":[4],\"toolbar_labels\":[1],\"max_characters\":[2],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"textarea_name\":[1],\"characterCount\":[32]}]]],[\"dda-toggle.cjs\",[[0,\"dda-toggle\",{\"checked\":[4],\"size\":[1],\"custom_class\":[1],\"group_name\":[1],\"input_id\":[1],\"component_mode\":[1],\"aria_label\":[1],\"title_text\":[1],\"supporting\":[1]}]]],[\"dda-ui-card.cjs\",[[260,\"dda-ui-card\",{\"type\":[1],\"icon\":[1],\"image\":[1],\"maintitle\":[1],\"subtitle\":[1],\"link\":[1],\"linktext\":[1],\"linkicon\":[1],\"heading_level\":[2]}]]],[\"dda-vertical-stepper.cjs\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_step\":[2],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]},null,{\"steps\":[{\"parseSteps\":0}]}]]],[\"dda-banner-card.cjs\",[[0,\"dda-banner-card\",{\"banner_card_href\":[1],\"banner_card_url\":[1],\"banner_card_id\":[1],\"image_src\":[1],\"image_alt\":[1],\"banner_card_title\":[1],\"banner_card_description\":[1],\"banner_card_value\":[1],\"banner_card_name\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-scroll-icon.cjs\",[[0,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-link-button_2.cjs\",[[260,\"dda-link-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"href\":[1],\"component_mode\":[1],\"button_id\":[1]}],[0,\"dda-radiobutton\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"radio_status\":[1],\"size\":[1],\"variants\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-button.cjs\",[[260,\"dda-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"button_name\":[1],\"clickHandler\":[16]}]]],[\"dda-tooltip.cjs\",[[260,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1],\"dismissed\":[32]}]]]]"), options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
exports.setNonce = index.setNonce;
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
"components/dda-home-carousel/dda-home-carousel.js",
|
|
6
6
|
"components/dda-select/dda-select.js",
|
|
7
7
|
"components/dda-sticky-footer/dda-sticky-footer.js",
|
|
8
|
+
"components/dda-textarea/dda-textarea.js",
|
|
8
9
|
"components/dda-accordion/dda-accordion.js",
|
|
9
10
|
"components/dda-alert/dda-alert.js",
|
|
10
11
|
"components/dda-attach-file/dda-attach-file.js",
|
|
@@ -30,7 +31,6 @@
|
|
|
30
31
|
"components/dda-scroll-icon/dda-scroll-icon.js",
|
|
31
32
|
"components/dda-search-input/dda-search-input.js",
|
|
32
33
|
"components/dda-tabs/dda-tabs.js",
|
|
33
|
-
"components/dda-textarea/dda-textarea.js",
|
|
34
34
|
"components/dda-toggle/dda-toggle.js",
|
|
35
35
|
"components/dda-tooltip/dda-tooltip.js",
|
|
36
36
|
"components/dda-ui-card/dda-ui-card.js",
|
|
@@ -17,7 +17,7 @@ export class DdaAccordion {
|
|
|
17
17
|
this.isOpen = !this.isOpen;
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: '36b31d28302a10a96b815b99bbed5db6b86768e1' }, h("div", { key: 'aca8e2daa309a32633279048cfbe8ce20b6faccb', class: `accordion-container ${this.design} ${this.custom_class} ${this.component_mode}` }, h("button", { key: '667daca9f503bd6ef6e3ee1a36e65fab87511579', type: "button", class: "accordion-header", onClick: () => this.toggleAccordion(), "aria-expanded": this.isOpen ? 'true' : 'false' }, h("div", { key: '4893b310a18cc3c1c0c11d86972301ddd70b00be', class: "header-content" }, h("i", { key: '23205e08c6ed5e44bc960957106ae8951af8b709', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, this.accordion_icon), h("span", { key: '8e0f00a7341531cf5a776505146ecaca6aa421fe', class: "header-text" }, this.header_text)), h("i", { key: 'ee71b5a849ada692ade39b0bd0f0ec134688d8b2', class: `material-icons arrow-icon`, "aria-hidden": "true" }, this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), h("div", { key: '43b86620e0b19bd5202f1d8d97ff1411c23da42e', class: this.isOpen ? 'accordion-body' : 'dda-d-none' }, h("p", { key: 'e20f0306d09c97764c0f3944bae22f6cf8e0e5f9', class: "body-description" }, this.body_description), h("slot", { key: 'cb0af1c07dcbaf17c9c99811f05680c3cee59033' })))));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "dda-accordion"; }
|
|
23
23
|
static get originalStyleUrls() {
|
|
@@ -39,7 +39,7 @@ export class DdaAlert {
|
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
41
|
const HeadingTag = this.headingTag;
|
|
42
|
-
return (h("div", { key: '
|
|
42
|
+
return (h("div", { key: 'e16d08e7aad8eb47baef90719feaec6f11bb23ed', role: this.role, class: `dda-alert dda-alert-${this.type} dda-alert-${this.variation} ${this.custom_class} ${this.component_mode}` }, h("i", { key: '1bb8271e15a6a5a8ed526ee3978be22360f8b880', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "info"), h("div", { key: '725fa25474b5eb3e114f881ee973d52a515b1481', class: "alert-content" }, h(HeadingTag, { key: 'eef116932b090aa03ee1790205af5522e6138912', class: "alert-title" }, this.title_text), h("p", { key: '8fd8c566867ee776d53afcf5ac02bbb013a22d45', class: "alert-description" }, this.description), h("div", { key: 'bbf3279510a527a3f19a0dd6349a0d9d00aeae2f', class: "alert-btn-wrap" }, !!this.first_button && (h("a", { key: '3d0c0e07b5717e1e0423c1a418a3791497c3a245', href: this.first_link, onClick: () => this.firstClickHandler() }, this.first_button)), !!this.second_button && (h("a", { key: '971a4aee84648eaeb6b3f539cf8274bad4636f6f', href: this.second_link, onClick: () => this.secondClickHandler() }, this.second_button)))), h("button", { key: 'cd1b8048b8aaf67555a199ea71f6d1f7e2740c62', name: this.button_name, class: "dda-alert-close", "aria-label": this.close_button_label, onClick: this.clickHandler }, h("i", { key: '0589fcb0d8813e435a373daa1ab6935e2823504d', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))));
|
|
43
43
|
}
|
|
44
44
|
static get is() { return "dda-alert"; }
|
|
45
45
|
static get originalStyleUrls() {
|
|
@@ -81,7 +81,7 @@ export class DdaAttachFile {
|
|
|
81
81
|
this.component_mode,
|
|
82
82
|
].filter(Boolean).join(' ');
|
|
83
83
|
const id = this.inputId;
|
|
84
|
-
return (h(Host, { key: '
|
|
84
|
+
return (h(Host, { key: '8ffe229f5582c8bb4f90d84742fa45711129b5d4' }, h("div", { key: '8d2332d57f541d183f87246e29dba8507411524b', class: inputClass }, this.label && h("label", { key: 'bb5e568d5fb07c3b52d9018d11befccf4d8df3ca', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: '6566f1551c3efc66a5407ce4019cf0eee07c219f', class: "dda-input-field-group dda-attach-file" }, h("input", { key: '9bb14dda5ca8fa340266d3390a3cbf972cc37871', ref: (el) => (this.fileInput = el), id: id, name: this.input_name, "aria-label": this.aria_label || (this.label ? undefined : 'Choose file'), type: "file", onInput: (event) => { this.handleFileInput(event); }, "aria-describedby": this.describedBy, "aria-invalid": this.error_message ? 'true' : undefined }), this.file ? (h("div", { class: "dda-file-details" }, h("div", { class: "dda-items" }, h("img", { src: this.getFileIcon(this.file.name), alt: "File Icon", class: "dda-file-icon" }), h("span", { class: "dda-file-name" }, this.file.name)), h("button", { type: "button", id: this.button_id, name: this.button_name, "aria-label": this.button_aria_label || `Remove ${this.file.name}`, class: "remove-file", onClick: () => this.removeFile() }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")))) : (h("div", { class: "dda-file-input" }, h("span", null, "No File Selected"), h("label", { htmlFor: id, class: "dda-file-choose" }, "Choose File")))), this.helper_text && h("span", { key: 'ce554404c39fa4c8e4d5919a9e2c5a8527c8cade', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '28327b8193040e04b40fa62221282c641f91820b', id: this.errorId, class: "dda-error-message" }, this.error_message))));
|
|
85
85
|
}
|
|
86
86
|
static get is() { return "dda-attach-file"; }
|
|
87
87
|
static get originalStyleUrls() {
|
|
@@ -15,6 +15,8 @@ export class DdaAvatar {
|
|
|
15
15
|
this.icon = 'material-icons';
|
|
16
16
|
/** Initials shown when `type` is `text`. */
|
|
17
17
|
this.text = 'AB';
|
|
18
|
+
/** Screen-reader text of the badge when `design` is `verified`. Default: `Verified`. */
|
|
19
|
+
this.verified_label = 'Verified';
|
|
18
20
|
/** Count shown in the badge when `design` is `notification`. Hidden at sizes `xs` and `sm`. */
|
|
19
21
|
this.notification_number = 0;
|
|
20
22
|
/** Extra CSS classes added to the avatar container. */
|
|
@@ -40,11 +42,11 @@ export class DdaAvatar {
|
|
|
40
42
|
render() {
|
|
41
43
|
const hasOptions = this.parsedOptions.length > 0;
|
|
42
44
|
const avatarContent = [
|
|
43
|
-
this.type === 'photo' && h("img", { key: '
|
|
44
|
-
this.type === 'icon' && h("i", { key: '
|
|
45
|
-
this.type === 'text' && h("span", { key: '
|
|
45
|
+
this.type === 'photo' && h("img", { key: '6e35e5412c61bf6938ef9de44eb08856c379e3b5', src: this.src, alt: "Avatar" }),
|
|
46
|
+
this.type === 'icon' && h("i", { key: '0467b99db6705fb50f060ca6e39e2e1630319696', class: `${this.icon} dda-smile`, "aria-hidden": "true" }, "sentiment_satisfied"),
|
|
47
|
+
this.type === 'text' && h("span", { key: '44645dfdc85f95fcf3ac89207523a05c77f7a2ee', class: 'avatar-main-text' }, this.text),
|
|
46
48
|
];
|
|
47
|
-
return (h("div", { key: '
|
|
49
|
+
return (h("div", { key: '4911e74415d28f67620d4009f7b9bd24249025ea', class: {
|
|
48
50
|
'dda-avatar': true,
|
|
49
51
|
[`avatar-type-${this.type}`]: true,
|
|
50
52
|
[`avatar-size-${this.size}`]: true,
|
|
@@ -53,7 +55,7 @@ export class DdaAvatar {
|
|
|
53
55
|
[`${this.custom_class}`]: true,
|
|
54
56
|
[`${this.component_mode}`]: true,
|
|
55
57
|
[`${this.button_name}`]: true,
|
|
56
|
-
} }, hasOptions ? (h("button", { type: "button", class: "avatar-trigger", onClick: () => this.toggleDropdown(), "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.aria_label || 'Avatar options' }, avatarContent)) : (h("div", { class: "avatar-trigger" }, avatarContent)), hasOptions && this.isOpen && (h("div", { key: '
|
|
58
|
+
} }, hasOptions ? (h("button", { type: "button", class: "avatar-trigger", onClick: () => this.toggleDropdown(), "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.aria_label || 'Avatar options' }, avatarContent)) : (h("div", { class: "avatar-trigger" }, avatarContent)), hasOptions && this.isOpen && (h("div", { key: 'cc6468efe93f041333be6cfe3f3e8ff7660ed470', class: "dda-input-dropdown-list" }, this.parsedOptions.map(option => (h("button", { id: this.button_id, name: this.button_name, "aria-label": this.aria_label, type: "button", class: `dda-input-dropdown-item ${this.selected === option ? 'selected' : ''}`, onClick: () => { this.selectOption(option); } }, option))))), this.design === 'status' && h("div", { key: 'a193a2ddc7407792b4af1d7f892ad48bdb0811c4', class: "status-circle" }), this.design === 'verified' && h("div", { key: '48e9c1b7957591d51072bedc88112398fd3d5d29', class: "verified-icon" }, h("span", { key: '91a0eba4a279f8db3c26ddec23d8aa1089c8a880', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "verified"), h("span", { key: 'df8ca7400bddd3876b4ff69c4b3637c848149208', class: "visually-hidden" }, this.verified_label)), this.design === 'notification' && h("div", { key: 'e7cbb0bc1068e9e6b21497e4b121faf99f651bba', class: "notification-circle" }, this.notification_number)));
|
|
57
59
|
}
|
|
58
60
|
static get is() { return "dda-avatar"; }
|
|
59
61
|
static get originalStyleUrls() {
|
|
@@ -208,6 +210,26 @@ export class DdaAvatar {
|
|
|
208
210
|
"attribute": "text",
|
|
209
211
|
"defaultValue": "'AB'"
|
|
210
212
|
},
|
|
213
|
+
"verified_label": {
|
|
214
|
+
"type": "string",
|
|
215
|
+
"mutable": false,
|
|
216
|
+
"complexType": {
|
|
217
|
+
"original": "string",
|
|
218
|
+
"resolved": "string",
|
|
219
|
+
"references": {}
|
|
220
|
+
},
|
|
221
|
+
"required": false,
|
|
222
|
+
"optional": false,
|
|
223
|
+
"docs": {
|
|
224
|
+
"tags": [],
|
|
225
|
+
"text": "Screen-reader text of the badge when `design` is `verified`. Default: `Verified`."
|
|
226
|
+
},
|
|
227
|
+
"getter": false,
|
|
228
|
+
"setter": false,
|
|
229
|
+
"reflect": false,
|
|
230
|
+
"attribute": "verified_label",
|
|
231
|
+
"defaultValue": "'Verified'"
|
|
232
|
+
},
|
|
211
233
|
"notification_number": {
|
|
212
234
|
"type": "number",
|
|
213
235
|
"mutable": false,
|
|
@@ -31,6 +31,7 @@ export default {
|
|
|
31
31
|
icon: { control: 'text', description: 'Material Icons icon class for the avatar' },
|
|
32
32
|
text: { control: 'text', description: 'Text inside the avatar' },
|
|
33
33
|
notification_number: { control: 'number', description: 'Number of notifications' },
|
|
34
|
+
verified_label: { control: 'text', description: 'Screen-reader text of the verified badge' },
|
|
34
35
|
custom_class: {
|
|
35
36
|
control: { type: 'text' },
|
|
36
37
|
description: 'Custom class for the avatar component',
|
|
@@ -83,7 +84,7 @@ To use the \`dda-avatar\` component, pass the following props:
|
|
|
83
84
|
},
|
|
84
85
|
},
|
|
85
86
|
};
|
|
86
|
-
const Template = ({ type, size, design, rounded, src, icon, text, notification_number, custom_class, options, component_mode, button_id, aria_label, button_name }) => html `
|
|
87
|
+
const Template = ({ type, size, design, rounded, src, icon, text, notification_number, verified_label, custom_class, options, component_mode, button_id, aria_label, button_name }) => html `
|
|
87
88
|
<dda-avatar
|
|
88
89
|
type=${type}
|
|
89
90
|
size=${size}
|
|
@@ -94,6 +95,7 @@ const Template = ({ type, size, design, rounded, src, icon, text, notification_n
|
|
|
94
95
|
text=${text}
|
|
95
96
|
options=${JSON.stringify(options)}
|
|
96
97
|
notification_number=${notification_number}
|
|
98
|
+
verified_label=${verified_label || 'Verified'}
|
|
97
99
|
custom_class=${custom_class}
|
|
98
100
|
component_mode=${component_mode}
|
|
99
101
|
aria_label=${aria_label}
|
|
@@ -16,7 +16,7 @@ export class DdaBanner {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: 'c718f2fdc960050e5db8751da07ec4eeab7d7d2f' }, h("div", { key: '810c64d69b14686bff13776ea0f7cb74fc82c063', class: 'dda-banner-slider', tabIndex: 0, role: "region", "aria-label": this.aria_label }, this.parsedSlides.map((slide) => (h("div", { class: 'dda-banner-slide' }, h("img", { src: slide.image, alt: slide.title, style: { width: this.slider_width, height: this.slider_height } })))))));
|
|
20
20
|
}
|
|
21
21
|
static get is() { return "dda-banner"; }
|
|
22
22
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,9 +9,9 @@ export class DdaBannerCard {
|
|
|
9
9
|
const href = this.banner_card_href || this.banner_card_url;
|
|
10
10
|
const className = ['link-item', 'dda-banner-card', this.custom_class, this.component_mode].filter(Boolean).join(' ');
|
|
11
11
|
const content = [
|
|
12
|
-
this.image_src && h("img", { key: '
|
|
13
|
-
h("span", { key: '
|
|
14
|
-
this.banner_card_description && h("span", { key: '
|
|
12
|
+
this.image_src && h("img", { key: 'a2827bbf97689fa06718511b052459aa7d679b40', class: "dda-banner-card-icon", src: this.image_src, alt: "", "aria-hidden": "true" }),
|
|
13
|
+
h("span", { key: 'ee58e5594892e26042fa4c982131ee1f358ae363', class: "title" }, this.banner_card_title),
|
|
14
|
+
this.banner_card_description && h("span", { key: '0680cb132fc4f0b2bc23f2315e5f093327eb449b', class: "subtitle" }, this.banner_card_description),
|
|
15
15
|
];
|
|
16
16
|
return href ? (h("a", { id: this.banner_card_id, class: className, href: href }, content)) : (h("button", { id: this.banner_card_id, class: className, type: "button", name: this.banner_card_name, value: this.banner_card_value }, content));
|
|
17
17
|
}
|
|
@@ -25,7 +25,7 @@ export class DdaBreadcrumb {
|
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
const breadcrumbs = this.parseBreadcrumbs();
|
|
28
|
-
return (h(Host, { key: '87d47d41d1da4d9bac28cbea4136a2b22728b6ee' }, h("div", { key: '038c176e93c24c117fdc50e4245c503adbaf65dc', class: this.component_mode }, h("nav", { key: '36a47a1d0e908d5ce10757051f00a723e867cf92', "aria-label": "breadcrumb", class: `${this.custom_class}` }, h("ol", { key: 'c1ef97d3a64e0cf56f9ee1b2e9561c5d5d7cb300', class: "dda-breadcrumb" }, breadcrumbs.map((crumb, index) => (h("li", { class: `dda-breadcrumb-item ${index === breadcrumbs.length - 1 ? 'active' : ''}` }, h("a", { href: crumb.url }, this.design !== 'text' && h("i", { class: `material-icons
|
|
28
|
+
return (h(Host, { key: '87d47d41d1da4d9bac28cbea4136a2b22728b6ee' }, h("div", { key: '038c176e93c24c117fdc50e4245c503adbaf65dc', class: this.component_mode }, h("nav", { key: '36a47a1d0e908d5ce10757051f00a723e867cf92', "aria-label": "breadcrumb", class: `${this.custom_class}` }, h("ol", { key: 'c1ef97d3a64e0cf56f9ee1b2e9561c5d5d7cb300', class: "dda-breadcrumb" }, breadcrumbs.map((crumb, index) => (h("li", { class: `dda-breadcrumb-item ${index === breadcrumbs.length - 1 ? 'active' : ''}` }, h("a", { href: crumb.url }, this.design !== 'text' && h("i", { class: `material-icons`, "aria-hidden": "true" }, crumb.icon), this.design !== 'icon' && h("span", null, crumb.text), this.design === 'icon' && h("span", { class: "visually-hidden" }, crumb.text)), index < breadcrumbs.length - 1 && (h("i", { class: `material-icons material-symbols-outlined`, "aria-hidden": "true" }, this.separator))))))))));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "dda-breadcrumb"; }
|
|
31
31
|
static get originalStyleUrls() {
|
|
@@ -128,7 +128,7 @@ export class DdaBreadcrumb {
|
|
|
128
128
|
"references": {
|
|
129
129
|
"BreadcrumbItem": {
|
|
130
130
|
"location": "local",
|
|
131
|
-
"path": "/
|
|
131
|
+
"path": "/home/runner/work/dubai-design-system/dubai-design-system/packages/stencil/src/components/dda-breadcrumb/dda-breadcrumb.tsx",
|
|
132
132
|
"id": "src/components/dda-breadcrumb/dda-breadcrumb.tsx::BreadcrumbItem"
|
|
133
133
|
}
|
|
134
134
|
}
|
|
@@ -33,7 +33,7 @@ export class DdaButton {
|
|
|
33
33
|
this.custom_class, // Include custom class
|
|
34
34
|
this.component_mode,
|
|
35
35
|
].filter(Boolean).join(' ');
|
|
36
|
-
return (h(Host, { key: '
|
|
36
|
+
return (h(Host, { key: 'd54ed788105af16f01bbe10a4f02b2bae5517462' }, h("button", { key: '7165e0dd286803dda5720f0e3e6d2c9b1872b4e3', id: this.button_id, type: this.type, class: buttonClass, disabled: this.disabled, "aria-label": this.aria_label, onClick: this.clickHandler, name: this.button_name }, this.start_icon && h("i", { key: '9bdce649b763dd67ae24f8ee64a9124454f37ba0', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, this.start_icon), h("slot", { key: '1fb664410c867b185a2fe40c98da17d8050ba8df' }), this.end_icon && h("i", { key: '635c0d25b4ebe286f8a8e2efd83b6bd636b83b91', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, this.end_icon))));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "dda-button"; }
|
|
39
39
|
static get originalStyleUrls() {
|
|
@@ -13,7 +13,7 @@ export class DdaCheckbox {
|
|
|
13
13
|
this.checkbox_status ? `dda-checkbox-${this.checkbox_status}` : '',
|
|
14
14
|
this.component_mode,
|
|
15
15
|
].filter(Boolean).join(' ');
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '9fbb77a179c46d7ab124106d6f30d1b04290924d' }, h("div", { key: 'dc632cf3b0617973951cf83edb78d3d1328a0768', class: checkboxClass }, h("input", { key: '4ad0d20783c3a117b79586e7adc03c9a745ffffc', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: '8c169967a613f275aa21f483daf08f0629aab238', htmlFor: this.input_id }, h("i", { key: '1a6cffbbfc24a016b26a7e86ae1b6dc3a4cc82c3', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "check"), h("p", { key: '995780046114372185c5044f03437ef4c4a6118f' }, h("span", { key: '35e789e92ef48fa6b17d3e1c79fb1393559ada0b', class: "dda-checkbox-title" }, this.title_text), this.supporting && h("span", { key: '52b2e5272c70e7ec910e36c5970ccaaa348c19c7', class: "dda-checkbox-supporting" }, this.supporting))))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "dda-checkbox"; }
|
|
19
19
|
static get originalStyleUrls() {
|
|
@@ -11,7 +11,7 @@ export class DdaChip {
|
|
|
11
11
|
this.close_button_label = 'Remove';
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: '29c381e02ff6202549e5c239be13e9559cc6cf9d' }, h("div", { key: '98eb0a6c044af6ca88be1ca0241a778edc173622', class: `dda-chip dda-chip-${this.bg_color} dda-chip-${this.size} dda-rounded-${this.rounded} ${this.custom_class} ${this.component_mode}` }, this.icon ? h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, this.icon) : null, h("span", { key: '8bd4623e9fb9d099206cb845cd8ffd07ee1412f3' }, h("slot", { key: 'e36f863f13451298d93f562cf9ffaa368425c484' })), this.show_close_icon && (h("button", { key: 'd5a88351729973f1f86833589f3bb5c95b4b07cf', type: "button", class: "chip-close", onClick: this.clickHandler, "aria-label": this.close_button_label }, h("i", { key: '4aa3bdf1ed257fe2b3c45cdc7bf31ef78eb17ebd', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))))));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "dda-chip"; }
|
|
17
17
|
static get originalStyleUrls() {
|
|
@@ -12,7 +12,7 @@ export class DdaCreditCard {
|
|
|
12
12
|
this.custom_class ? `${this.custom_class}` : "",
|
|
13
13
|
this.component_mode,
|
|
14
14
|
].filter(Boolean).join(' ');
|
|
15
|
-
return (h(Host, { key: '
|
|
15
|
+
return (h(Host, { key: 'db633c55f53712716bc1de310b32c7a128ed18ac' }, h("div", { key: '17b110bb22bd58e8d360955e555d0e228c2e70ea', class: cardClass }, h("div", { key: '44b3f5724f76204bfec470ce19fe2d3ca72833fb', class: "dda-credit-card-header" }, h("div", { key: 'a4016ae6c6b40fcc287b68e7d8127491c7e14aa5', class: "card-balance-info" }, h("span", { key: '508dce8c6df113482d2b0875712076f6297c6012', class: "card-balance-label" }, "Current Balance"), h("span", { key: 'b26cab18ff3bfe6c13e3aaa5a917906869ce2374', class: "card-balance" }, this.balance)), h("i", { key: '2bf09c12b0c975611aec43c30398d487cfc947a6', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "wifi")), h("div", { key: 'c2fae25b50e636f811c1ada60fa93ca1d7c0bad5', class: "dda-credit-card-body" }, h("div", { key: '0f352da5f38887ba13946796e9f896fed3b59025', class: "card-userinfo" }, h("span", { key: '3115bd5f811a4cca472fff1d94300e02774c3a39', class: "dda-card-name" }, this.name), h("span", { key: '2f803ed4385cb95c96a81a73f1f00d7ec426b4af', class: "dda-card-number" }, "**** ", String((_a = this.card_number) !== null && _a !== void 0 ? _a : '').slice(-4))), h("div", { key: '5a7cd99774a6a6a30da08896d770269cf5f46f09' }, this.card_type && h("img", { key: '98b3a3d1b2b18f698dc08ce9ff875be9dba01df9', src: this.card_type, alt: "Card Type", class: "card-type-icon" }))))));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "dda-credit-card"; }
|
|
18
18
|
static get originalStyleUrls() {
|
|
@@ -79,7 +79,7 @@ export class DdaCreditCardField {
|
|
|
79
79
|
this.component_mode,
|
|
80
80
|
].filter(Boolean).join(' ');
|
|
81
81
|
const id = this.inputId;
|
|
82
|
-
return (h(Host, { key: '
|
|
82
|
+
return (h(Host, { key: 'a89661424164b35c7d7fc78f6168bb1ba3f2020d' }, h("div", { key: '57fc64dfc0ddbed1991c67e052d440f69a03ea02', class: inputClass }, this.label && h("label", { key: 'd2c3b4a8d314ff4ccf6df5aa05f3e4fbc540c8ee', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: '4750baa03d5230ce6cbcfc4c10f0eef6d9726f69', class: "dda-input-field-wrapper" }, this.card_icon && h("img", { key: '30c234fcf2763c0d04b4bac40060619e1ee7273c', src: this.card_icon, alt: "Card Icon", class: "dda-creditcard-icon" }), h("input", { key: '8882126f7ed11a54dcf39ed42d9f35263b48e8b9', "aria-label": this.aria_label, id: id, name: this.input_name, type: "text", inputmode: "numeric", autocomplete: this.autocomplete, placeholder: this.placeholder, value: this.formattedValue, onInput: (event) => this.handleInput(event), class: "dda-input-field", disabled: this.disabled, maxlength: this.restrict_input ? 100 : 25, "aria-describedby": this.describedBy, "aria-invalid": this.error_message ? 'true' : undefined })), this.helper_text && h("span", { key: '1ca0a5365046db0bb4e7c3e1bb0a31580438ff68', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: 'ac12d73018476cb8feeef4a5221946368fd30dc0', id: this.errorId, class: "dda-error-message" }, this.error_message))));
|
|
83
83
|
}
|
|
84
84
|
static get is() { return "dda-creditcard-field"; }
|
|
85
85
|
static get originalStyleUrls() {
|
|
@@ -60,7 +60,7 @@ export class DdaDropdown {
|
|
|
60
60
|
this.custom_class ? `${this.custom_class}` : '',
|
|
61
61
|
this.component_mode,
|
|
62
62
|
].filter(Boolean).join(' ');
|
|
63
|
-
return (h(Host, { key: '
|
|
63
|
+
return (h(Host, { key: 'bf03f2ba1112640fe78d06d03e47f272254c907c' }, h("div", { key: '93dcd182e8d9d21079de10032e3018c4b29d8e6d', class: containerClass }, this.label && h("label", { key: 'c87131044dd15e7f5e367c2d16fd432df48e2fb1', id: labelId, class: "dda-input-label" }, this.label), h("div", { key: '1d9760da3e682a2c6bd2ee0f03ff209ccf3bf013', class: `dda-dropdown-container ${this.type}` }, h("button", { key: 'f6c9b87a4c89788a61842c4f88c9497f74d46847', ref: el => (this.buttonEl = el), id: id, name: this.arrow_button_name, "aria-label": this.aria_label || (this.icon_mode && !this.label ? this.toggle_button_label : undefined), "aria-labelledby": this.label && !this.aria_label ? `${labelId} ${id}` : undefined, "aria-expanded": this.isopen ? 'true' : 'false', type: "button", class: "dda-input-field dda-dropdown-header", onClick: () => this.toggleDropdown() }, h("i", { key: '41eb6fb6fda3a43afec9e08dd2b214dfee9326b8', class: `three-dots material-icons`, "aria-hidden": "true" }, this.isopen ? 'more_vert' : 'more_vert'), !this.icon_mode && h("span", { key: '2d9479e2bfe0b3b26c9f682e93dc74dc752c1cbe', class: "dda-dropdown-text" }, h("span", { key: '12d38b4a9136193a6bfd22702a63f53148be488d' }, this.selected || 'Select an option'), " ", h("i", { key: '5f5519fdffa58c242da0fd57969b6d2a5a1ca7c2', class: `material-icons`, "aria-hidden": "true" }, this.isopen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'))), this.isopen && (h("div", { key: 'c30fef790cb1491862968ce37a32d40bb4b57da1', class: "dda-input-dropdown-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map(option => (h("button", { type: "button", name: this.dropdown_button_name, class: `dda-input-dropdown-item ${this.selected === option ? 'selected' : ''}`, onClick: () => { this.selectOption(option); } }, option)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.helper_text && h("span", { key: '915e4f6b3496723fe5cc31b094faee536266245b', class: "dda-helper-text" }, this.helper_text), this.error && h("span", { key: 'efee45d7279f30e33e1d2afcaacb6f41aaaf248b', class: "dda-error-message" }, this.error))));
|
|
64
64
|
}
|
|
65
65
|
static get is() { return "dda-dropdown"; }
|
|
66
66
|
static get originalStyleUrls() {
|
|
@@ -20,7 +20,7 @@ export class DdaFooter {
|
|
|
20
20
|
const requestedLevel = Math.round(Number(this.heading_level));
|
|
21
21
|
const level = Number.isNaN(requestedLevel) ? 4 : Math.min(6, Math.max(1, requestedLevel));
|
|
22
22
|
const TitleTag = `h${level}`;
|
|
23
|
-
return (h("footer", { key: '
|
|
23
|
+
return (h("footer", { key: 'ada681c715f337361c9ab5dcd48ada7e76e0892e', class: "WB-footer" }, h("div", { key: 'a167cb00afe49d855babfd85cee6995f02d67e76', class: "dda-container line-seperater" }, h("div", { key: '51dead3481ecfd9f29f205fa62f9a9267614e19e', class: "dda-flex dda-align-center flex-column dda-gap-5" }, h(TitleTag, { key: '49adf6a0bae6472444eae0a55e6a41a32d2548e6', class: "dda-fs-display-sm dda-fw-700 dda-color-black" }, this.footerTitle), h("p", { key: '1789bad745ef18c5e5c3f9cd8ae50db6650b6066', class: "dda-fs-title-sm dda-fw-400 mb-3" }, this.description), h("div", { key: '0bbf206186a470657833c50f6203d0d672dcbfd3', class: "dda-flex dda-gap-5" }, h("dda-button", { key: '13ba75cfbf20305b547df4b9be65276497348c23', button_color: "default-primary", size: "lg" }, this.signUpButtonText), h("dda-button", { key: '2da9940cb4a0340d7a7c1533016ed8d6a61071b7', button_color: "default-tertiary", size: "lg" }, this.loginButtonText)))), h("div", { key: '073a6efb95fc6142e5eece3d3fc9539ff7769230', class: "dda-container line-seperater" }, h("div", { key: '539ddf2744f63c2eb273b5418681cd427d04dcb3', class: "dda-row" }, h("div", { key: '3b7c5351d1facf483f196b0dbf5647a590b37ce1', class: "dda-col-lg-4 mb-3" }, h("div", { key: 'e033121df67fcbfe8b910d2c5660805add95f7a0', class: "text-center" }, h("img", { key: '5b2dd36df90e87d6fffcb532c9d81228573fe876', class: "entt-logo", src: this.logoSrc, alt: this.logoAlt }), this.logoDescription && h("p", { key: '42a4cd8c5a7d0e2deea4a21c2b29432a70ee89af', class: "dda-fs-title-sm" }, this.logoDescription))), h("div", { key: '35f07359b2893dac756b85d23053bbfe453f05f4', class: "dda-col-lg-8" }, h("div", { key: '977d419d252004ea1dd9623a01d5b0ae1aac4b55', class: "dda-row" }, sections.map((section) => (h("div", { class: "dda-col-6 dda-col-sm-6 dda-col-md-3 mb-3" }, h("p", { class: "dda-fs-title-sm dda-fw-700 dda-color-black mb-3" }, section.title), h("ul", { class: "footer-menu" }, section.links.map((link) => (h("li", null, h("a", { class: "dda-fs-title-sm dda-fw-400", href: link.href }, link.label)))))))))))), h("div", { key: '33cd0344b78514e66224a64e22a1e27c023c306d', class: "dda-container pt-4" }, h("div", { key: '465cbcd0cfbaa110fcd0525e139a667a003c870c', class: "dda-flex dda-align-center dda-justify-space" }, h("p", { key: '3a6bd0f028e5f704a0095fce415aaba62d16177b', class: "dda-fs-title-sm" }, this.copyrightText), h("ul", { key: '6ba309d081979bad2134757d0388e50b4c980660', class: "dda-flex dda-align-center dda-gap-4" }, icons.map((icon) => (h("li", null, h("a", { href: icon.href }, h("img", { class: "footer-social-icn", src: icon.src, alt: icon.alt }))))))))));
|
|
24
24
|
}
|
|
25
25
|
static get is() { return "dda-footer"; }
|
|
26
26
|
static get originalStyleUrls() {
|
|
@@ -257,6 +257,12 @@ export class DdaHeader {
|
|
|
257
257
|
window.removeEventListener('resize', this.alignMegaPanel);
|
|
258
258
|
this.lockPageScroll(false);
|
|
259
259
|
}
|
|
260
|
+
// The language buttons carry lang={language_lang}; their writing direction must match it, or HTML
|
|
261
|
+
// checkers flag lang="ar" inside an LTR page. Right-to-left: Arabic, Hebrew, Persian, Urdu.
|
|
262
|
+
get languageDir() {
|
|
263
|
+
const primary = (this.language_lang || '').toLowerCase().split('-')[0];
|
|
264
|
+
return ['ar', 'he', 'fa', 'ur'].includes(primary) ? 'rtl' : 'ltr';
|
|
265
|
+
}
|
|
260
266
|
// While the side menu is open, the page underneath must not scroll; the menu itself still does.
|
|
261
267
|
onMenuOpenChange(isOpen) {
|
|
262
268
|
this.lockPageScroll(isOpen);
|
|
@@ -382,7 +388,7 @@ export class DdaHeader {
|
|
|
382
388
|
const otherMenuItems = parseJsonProp(this.otherMenuItems, 'other-menu-items');
|
|
383
389
|
// The transparent style is opt-in at page level (<body class="transparent">);
|
|
384
390
|
// CSS shows the white or colored logo to match.
|
|
385
|
-
return (h("header", { key: '
|
|
391
|
+
return (h("header", { key: '455fd1eb161dfaebc37ff61dcbde16f0ddbfecce', class: "dda-header" }, h("div", { key: '8046abf9b4f8169add202e4969caa0cedaa8a955', class: "dda-head-logo" }, this.firstLogoSrc && (h("a", { key: 'd4582fff9001ed0f9383cf4df0d9b03f60d27ac4', href: this.firstLogoHref, class: "govt-logo" }, h("img", { key: 'c39d2e0cfdb0ad914bf86920c87ad376c21d44ef', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt }), h("img", { key: '542301869402f7a1ef4087f3c401684229f71d68', class: "logo-white", src: this.firstLogoWhiteSrc || this.firstLogoSrc, alt: this.firstLogoAlt }))), this.secondLogoSrc && (h("a", { key: '7d3ac8a9c35cb8feae0d993604ecf5b24140cb76', href: this.secondLogoHref, class: "entt-logo" }, h("img", { key: '9188ba86a36d16eab6e0a9d3e83f47f02e17b98a', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '8492e554fd73b3c0d8be57b2d7f239b632f77ed7', class: "logo-white", src: this.secondLogoWhiteSrc || this.secondLogoSrc, alt: this.secondLogoAlt })))), h("div", { key: '1bab21ba0c909b1165b45122854c9002a5f45a41', class: "dda-menu-container" }, h("div", { key: '596643d56048319c6b380a2a450addd2067e0812', class: "dda-main-navigation" }, h("div", { key: '1d9836ab230253272f8bce6d71207d0f033a56d6', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '3ce4463c9d157337f997afdca7746a3ac06a2bcd', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: '910bec5d0b05f2b2a77dc75f0b329f7c14f9fe90', title_text: this.tooltip(this.menu_button_label, 'Menu'), position: "top", class: "d-block" }, h("button", { key: 'e69a9bdcd616344b00fcc1d98c22a24d3b892ef7', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: '1a59c8a97c405ed03476b09b108441966fb1037b', class: "hamburger-line" }), h("span", { key: '7afda43cb69d94184aadc1018ca2bdf1a199b25d', class: "hamburger-menu-text" }, this.menu_button_label)))), h("div", { key: '6a4030d10694385be6a6ed7d27cfdfa2196e85c6', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: '00a5547f22c2edc860969d93df850f860b5f6dc2', class: "dda-sidemenu-content" }, this.text(this.sideMainMenuTitle, 'Quick Links') && h("p", { key: 'fa231b992f86a47059e4f47ee16f2f960c9c5dbf', class: "dda-side-nav-title" }, this.text(this.sideMainMenuTitle, 'Quick Links')), h("ul", { key: 'de65a424b209046279da9de2b0b22fbd8f7e6a11', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
|
|
386
392
|
const currentIndex = `menu-${index}`;
|
|
387
393
|
return (h("li", { key: currentIndex }, h("a", { href: menu.href, class: menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '', onClick: (e) => {
|
|
388
394
|
if (menu.subMenu && menu.subMenu.length > 0) {
|
|
@@ -391,13 +397,13 @@ export class DdaHeader {
|
|
|
391
397
|
}
|
|
392
398
|
} }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
|
|
393
399
|
})), !this.hideOtherMenu && otherMenuItems.length > 0 && [
|
|
394
|
-
this.sideOtherMenuTitle && h("p", { key: '
|
|
395
|
-
h("ul", { key: '
|
|
396
|
-
]), h("div", { key: '
|
|
400
|
+
this.sideOtherMenuTitle && h("p", { key: 'c0158d54c0c91d07c10805abd2642b05544dc41b', class: "dda-side-nav-title" }, this.sideOtherMenuTitle),
|
|
401
|
+
h("ul", { key: 'a31e87d2f1c0bef6ec099ac5e8deba3c18215b65', class: "main_side_menu" }, otherMenuItems.map((item, index) => (h("li", { key: `other-${index}` }, h("a", { href: item.href, class: item.active === 'true' ? 'active' : '', "aria-current": item.active === 'true' ? 'page' : undefined }, item.label))))),
|
|
402
|
+
]), h("div", { key: '451423e7cf019b068d8b6b6fb2377abb3b39af62', class: "dda-sidemenu-bottom" }, h("div", { key: '76aedbeadee676441cdfa8b19d4bbf449a20652e', class: "dda-sidemenu-gov-logo" }, this.firstLogoSrc && (h("a", { key: '1e4bb747481c5700972a56b0a8bd684c41641fbc', href: this.firstLogoHref, class: "govt-logo mb-2" }, h("img", { key: '21b1d0158afcf76f774dad2c182ebf62f6642d6b', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt })))), h("div", { key: 'e9680109848629266078a0f829ad70c8b529b97c', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: '3553b65d4981ef2bed67a7dad70909055fda9c81' }, h("li", { key: '71a726181e6914dd7a00e3c128653e1f82adeee8' }, this.renderAccessibilityButton('mobile')), this.languageLabel && (h("li", { key: '06f03f22203c8d86fc3a1a77f39cc508b38a2e28' }, h("button", { key: 'b1d3f76ac25f963b263109eadbd825119091db60', name: this.language_button_name, class: "tool-btn", type: "button", lang: this.language_lang, dir: this.languageDir, onClick: this.languagehandler }, this.languageLabel))), this.showLogin && (h("li", { key: '31734474010185e2baef74157a18b21a5a2c0120' }, h("dda-link-button", { key: '8e2065aaeb9317f7ec674c8938096443e0ec995d', button_color: "onsurface-secondary", start_icon: this.loginIcon || 'sentiment_satisfied', custom_class: "tool-btn", href: this.loginLink, button_shape: "circle", size: "sm" }, this.loginLabel)))))), h("button", { key: '665671ddb87d77a5a4e5db34569cbe27d7e403c8', name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: '95737fcf899b1d398f629831c0a81ce27dc974f3', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")), this.usePredesignedAccessibilityMenu && (h("div", { key: '859a3364a1654cfce89b7b7cad4c64a4c0ebd9b8', class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, this.renderAccessibilityColumns('mobile'), h("button", { key: '84ff5a8868be7c9fd5318d41180045a292380ceb', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleAccessibilty }, h("i", { key: '0a8c474bf4a757577fb9f94f60cd4131fcd68be4', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))))), h("div", { key: 'a7f3899adc12155fc64387702c957f41f84faa52' }, h("ul", { key: '7c81ea090d8aaf8eea841b4ff765e17c8bef7dc9', class: "dda-mega-menu" }, quickLinks.map((link, index) => {
|
|
397
403
|
const hasSub = link.kind !== 'link';
|
|
398
404
|
const isOpen = this.activeMenuIndex === index;
|
|
399
405
|
return (h("li", { key: index }, h("a", { href: hasSub ? '#' : link.href, onClick: hasSub ? (e) => this.toggleSubMenu(index, e) : undefined, class: { showSub: hasSub, icon_arrow: hasSub && isOpen, active: link.active }, "aria-expanded": hasSub ? String(isOpen) : undefined, "aria-controls": hasSub ? this.menuPanelId(index) : undefined, "aria-current": link.active && !hasSub ? 'page' : undefined }, link.label), link.kind === 'dropdown' && this.renderDropdown(link, index), link.kind === 'mega' && this.renderMega(link, index)));
|
|
400
|
-
})))), h("div", { key: '
|
|
406
|
+
})))), h("div", { key: '9817dd76c9b01aacdbafae3d7810cad8758c22dd', class: "dda-mobile-entt-logo" }, this.secondLogoSrc && (h("a", { key: 'bcd6d11231fbc2ee8ff798c07c2b1246d20aab5d', href: this.secondLogoHref, class: "entt-logo" }, h("img", { key: 'be1a0b4d80898bb1f5362b14bcb52f457b031a88', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '4f14b9d5c16f06db9f8bad32cef160dc51a328aa', class: "logo-white", src: this.secondLogoWhiteSrc || this.secondLogoSrc, alt: this.secondLogoAlt })))), h("div", { key: 'bd69cae846dc4b9acb422aa8ac6c01908906f60e', class: "dda-mobile-search" }, this.mobileMenuSearchUrl ? (h("a", { id: this.mobileMenuSearchId, href: this.mobileMenuSearchUrl, class: "tool-btn" }, h("span", { class: "visually-hidden" }, this.searchText || 'Search'), h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search"))) : (h("button", { id: this.mobileMenuSearchId, name: this.search_button_name, class: "tool-btn", type: "button", "aria-expanded": this.isSearchOpen ? 'true' : 'false', "aria-controls": `${this.searchId}-mobile-panel`, onClick: this.isSearchOpen ? this.closeMobileSearch : this.openMobileSearch, ref: el => (this.mobileSearchButton = el) }, h("span", { class: "visually-hidden" }, this.searchText || 'Search'), h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search")))), !this.mobileMenuSearchUrl && (h("div", { key: 'b0f310b0ceb74283eb06f12fc362c4f615e2bacf', id: `${this.searchId}-mobile-panel`, class: "dda-mobile-search-panel", hidden: !this.isSearchOpen }, h("form", { key: '79dcb2842a2c72b73d7d8e8096149359a98339b6', class: "dda-mobile-search-form", role: "search", method: "get", action: this.search_action, onSubmit: this.handleSearchSubmit }, this.renderSearchInput(`${this.searchId}-mobile`, el => (this.mobileSearchInput = el)), h("button", { key: 'da6a807064cb1c20335bfef472b929836067fc23', type: "button", class: "dda-mobile-search-close", "aria-label": "Close search", onClick: this.closeMobileSearch }, h("i", { key: 'be173a2d8395d8ebac933cb2032494118afd023a', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))))), h("div", { key: 'ffa5a27292d7f3037a14ddb874c7cba8fd54e6db', class: "dda-toolbar-menu" }, h("ul", { key: '262b9292f62ef240d2db1ead02e41d9942bc97b3' }, h("li", { key: '57a70ccdfb0b472206b9587b982a63fa26f13d58' }, h("dda-tooltip", { key: 'c992d238995a385584b06425a495e11ac84c35c9', title_text: this.tooltip(this.search_tooltip, 'Search'), description: "", position: "top" }, h("form", { key: 'ec6ad8a0220da4a551a8f6a849cbff31d65b5f31', class: "dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn", role: "search", method: "get", action: this.search_action, onSubmit: this.handleSearchSubmit }, this.renderSearchInput(this.searchId)))), h("li", { key: 'bd64b500353b399d47467a70ac3a45fb1efa979e' }, h("dda-tooltip", { key: 'd5a5da99a032b064038f71acd78d2a9230980e3e', title_text: this.tooltip(this.accessibility_tooltip, 'Accessibility'), position: "top" }, this.renderAccessibilityButton('desktop')), this.usePredesignedAccessibilityMenu && (h("div", { key: 'efc21cd4d2e6ba157d94865fd17a19f3baff5392', class: "dda-accessibility-wrap" }, h("div", { key: '4e2887c081af46a1983d4e05b2f9d0c1e7a51e83', class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, this.renderAccessibilityColumns('desktop'), h("button", { key: 'b24ad2e30dbb395945f68899ad3847549a3c661e', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { key: '90e671ba67beaac967b5c24526e668b70dd92f07', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")))))), this.languageLabel && (h("li", { key: 'feacbfd7e1168da7051148369c6b130d7f5616c5' }, h("dda-tooltip", { key: 'f016c7f2a2e6ec9e9d0527af6f0e6aaae89cb9d8', title_text: this.tooltip(this.language_tooltip, 'Language'), position: "top" }, h("dda-button", { key: '8912a25ae1248af302ee0df99b603b66d24cbc49', button_color: "onsurface-secondary", custom_class: "tool-btn", button_shape: "circle", size: "sm", lang: this.language_lang, dir: this.languageDir, onClick: this.languagehandler }, this.languageLabel)))), this.showLogin && (h("li", { key: 'e6b2a2a956b21017d61ce5332da6fb3ad5b0fe79' }, h("dda-tooltip", { key: '7784b7fc7421e3938d6e7398b73784ef98817430', title_text: this.tooltip(this.login_tooltip, this.loginLabel), position: "top" }, h("dda-link-button", { key: 'cf0a83e005d202d12302b09d76de099d7f104f95', button_color: "onsurface-secondary", start_icon: this.loginIcon || 'sentiment_satisfied', custom_class: "tool-btn", href: this.loginLink, button_shape: "circle", size: "sm" }, this.loginLabel)))))))));
|
|
401
407
|
}
|
|
402
408
|
static get is() { return "dda-header"; }
|
|
403
409
|
static get originalStyleUrls() {
|
|
@@ -733,7 +739,7 @@ export class DdaHeader {
|
|
|
733
739
|
"references": {
|
|
734
740
|
"QuickLinkItem": {
|
|
735
741
|
"location": "local",
|
|
736
|
-
"path": "/
|
|
742
|
+
"path": "/home/runner/work/dubai-design-system/dubai-design-system/packages/stencil/src/components/dda-header/dda-header.tsx",
|
|
737
743
|
"id": "src/components/dda-header/dda-header.tsx::QuickLinkItem"
|
|
738
744
|
}
|
|
739
745
|
}
|
|
@@ -356,6 +356,11 @@ WithoutLogin.args = Object.assign(Object.assign({}, Default.args), { hide_login:
|
|
|
356
356
|
export const Arabic3x = () => `
|
|
357
357
|
<div dir="rtl" lang="ar">
|
|
358
358
|
<dda-header
|
|
359
|
+
first-logo-src="https://www.dof.gov.ae/Style Library/img/gov-logo.svg"
|
|
360
|
+
first-logo-white-src="https://www.dof.gov.ae/Style Library/img/gov-logo-white.svg"
|
|
361
|
+
first-logo-alt="حكومة دبي"
|
|
362
|
+
second-logo-src="https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg"
|
|
363
|
+
second-logo-alt="دبي الرقمية"
|
|
359
364
|
contrast_title="تباين الألوان" contrast_description="حدد إعداد تباين الألوان المفضل لديك"
|
|
360
365
|
contrast_noraml_text="الألوان العادية" contrast_color_blind_text="عمى الألوان"
|
|
361
366
|
contrast_red_weakness_text="ضعف أحمر" contrast_green_weakness_text="الضعف الأخضر"
|