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

package/dist/cjs/loader.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-DXyiIgGK.js');
+var index = require('./index-CM4T__Je.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  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\"],\"quickLinks\":[1,\"quick-links\"],\"readSpeakerLink\":[1,\"read-speaker-link\"],\"searchText\":[1,\"search-text\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"hide_login\":[4],\"language_text\":[1],\"language_lang\":[1],\"hamburger_menu_button_name\":[1],\"menu_button_label\":[1],\"accessibility_button_name\":[1],\"search_button_name\":[1],\"search_input_name\":[1],\"search_action\":[1],\"language_button_name\":[1],\"close_menu_button_name\":[1],\"close_accessibility_button_name\":[1],\"close_sidebar_button_name\":[1],\"toggle_accessibility_button_name\":[1],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"isSearchOpen\":[32],\"openMenus\":[32],\"activeMenuIndex\":[32]},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-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\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"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\"],\"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\"],\"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\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"aria_label\":[1],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"isHidden\":[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-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],\"currentSlide\":[32],\"slides\":[32],\"isPaused\":[32],\"reducedMotion\":[32]},null,{\"autoplay\":[{\"autoplayChanged\":0}],\"interval\":[{\"autoplayChanged\":0}]}]]],[\"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],\"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-link-button.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]}]]],[\"dda-radiobutton.cjs\",[[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);
+  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);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/parse-json-prop-B0KWD8qe.js

@@ -0,0 +1,38 @@
+'use strict';
+
+// Reads a prop that takes a list: a JSON string from an HTML attribute, or an array that a
+// framework wrapper sets as a property. A bad value must never stop the component rendering,
+// so it gives an empty list and one warning that names the attribute. Entries that are not plain
+// objects (null, a number, a string, an array) are dropped, also with one warning, so that the
+// component never reads a field of a non-object.
+function parseJsonProp(value, propName) {
+    if (value === undefined || value === null || value === '')
+        return [];
+    if (Array.isArray(value))
+        return objectsOnly(value, propName);
+    if (typeof value === 'string') {
+        try {
+            const parsed = JSON.parse(value);
+            if (Array.isArray(parsed))
+                return objectsOnly(parsed, propName);
+            console.warn(`${propName}: expected a JSON array; the value is ignored.`);
+            return [];
+        }
+        catch (_a) {
+            console.warn(`${propName}: the value is not valid JSON; it is ignored.`);
+            return [];
+        }
+    }
+    console.warn(`${propName}: expected a JSON array; the value is ignored.`);
+    return [];
+}
+const isPlainObject = (entry) => entry !== null && typeof entry === 'object' && !Array.isArray(entry);
+// Returns the same array when every entry is an object, so an array property stays unchanged.
+function objectsOnly(list, propName) {
+    if (list.every(isPlainObject))
+        return list;
+    console.warn(`${propName}: an item is not an object; it is ignored.`);
+    return list.filter(isPlainObject);
+}
+
+exports.parseJsonProp = parseJsonProp;

package/dist/collection/collection-manifest.json

@@ -1,11 +1,16 @@
 {
   "entries": [
     "components/dda-breadcrumb/dda-breadcrumb.js",
+    "components/dda-header/dda-header.js",
+    "components/dda-home-carousel/dda-home-carousel.js",
+    "components/dda-select/dda-select.js",
+    "components/dda-sticky-footer/dda-sticky-footer.js",
     "components/dda-accordion/dda-accordion.js",
     "components/dda-alert/dda-alert.js",
     "components/dda-attach-file/dda-attach-file.js",
     "components/dda-avatar/dda-avatar.js",
     "components/dda-banner/dda-banner.js",
+    "components/dda-banner-card/dda-banner-card.js",
     "components/dda-button/dda-button.js",
     "components/dda-checkbox/dda-checkbox.js",
     "components/dda-chip/dda-chip.js",
@@ -13,7 +18,7 @@
     "components/dda-creditcard-field/dda-creditcard-field.js",
     "components/dda-dropdown/dda-dropdown.js",
     "components/dda-footer/dda-footer.js",
-    "components/dda-header/dda-header.js",
+    "components/dda-radiobutton/dda-radiobutton.js",
     "components/dda-home-banner/dda-home-banner.js",
     "components/dda-input/dda-input.js",
     "components/dda-link-button/dda-link-button.js",
@@ -21,11 +26,9 @@
     "components/dda-pagination/dda-pagination.js",
     "components/dda-phonefield/dda-phonefield.js",
     "components/dda-progressbar/dda-progressbar.js",
-    "components/dda-radiobutton/dda-radiobutton.js",
     "components/dda-range-slider/dda-range-slider.js",
+    "components/dda-scroll-icon/dda-scroll-icon.js",
     "components/dda-search-input/dda-search-input.js",
-    "components/dda-select/dda-select.js",
-    "components/dda-sticky-footer/dda-sticky-footer.js",
     "components/dda-tabs/dda-tabs.js",
     "components/dda-textarea/dda-textarea.js",
     "components/dda-toggle/dda-toggle.js",

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

@@ -17,7 +17,7 @@ export class DdaAccordion {
         this.isOpen = !this.isOpen;
     }
     render() {
-        return (h(Host, { key: 'c2a219d4a1b84e83e19ff612f914cbf9fee45bce' }, h("div", { key: '1466a8196fb46d529a095364b21ef06662849d5c', class: `accordion-container ${this.design} ${this.custom_class} ${this.component_mode}` }, h("button", { key: '2897153b07ed57541a8a1cb55cad1961e939f0e0', type: "button", class: "accordion-header", onClick: () => this.toggleAccordion(), "aria-expanded": this.isOpen ? 'true' : 'false' }, h("div", { key: '01f4645b48636587c29f5d3d55da7a76b6183c5c', class: "header-content" }, h("i", { key: 'b1722fe7d186f9d3e9376662ab8bd8c787579bed', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.accordion_icon), h("span", { key: '7c92fbd397669d003a3db60286e92ad174067bf3', class: "header-text" }, this.header_text)), h("i", { key: 'ed2fedb4b7847d02ec75c91627e124fb05d6f653', class: `material-icons arrow-icon`, "aria-hidden": "true" }, this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), h("div", { key: '31a2d2f62a4c1fc8269e7fdeed9d086d30640e18', class: this.isOpen ? 'accordion-body' : 'dda-d-none' }, h("p", { key: 'b919517405d5ee8ab07ec00276c0c284d9182f23', class: "body-description" }, this.body_description), h("slot", { key: 'b2252732be225781491b7757ba747c07eb2fa879' })))));
+        return (h(Host, { key: 'c24b7d89095940b9dc40c42973fb8b9ecb62834b' }, h("div", { key: 'a8067c27b250a36f25f0a2f3e020b0e7478d8c89', class: `accordion-container ${this.design} ${this.custom_class} ${this.component_mode}` }, h("button", { key: '5fb1f3fa593e3de9ed60132d8d3ab0c8f8996356', type: "button", class: "accordion-header", onClick: () => this.toggleAccordion(), "aria-expanded": this.isOpen ? 'true' : 'false' }, h("div", { key: '834103ae1b95cd7fdb977ae5f122064b7498930f', class: "header-content" }, h("i", { key: 'db4c66caa66395c0bf310509fc9494dfa8e9c54d', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.accordion_icon), h("span", { key: 'dfdf5509d8ef0137d4d8ec673739bce83c932ca0', class: "header-text" }, this.header_text)), h("i", { key: '7e0dc5ec88d0a0a53731d8304a7eb1d71d04514e', class: `material-icons arrow-icon`, "aria-hidden": "true" }, this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), h("div", { key: '9c59776afd0419bfe386f8f4cc4a48d4e987e4b6', class: this.isOpen ? 'accordion-body' : 'dda-d-none' }, h("p", { key: '93fd862caa1b04f3e1426c3097d2dbf2847104cd', class: "body-description" }, this.body_description), h("slot", { key: '63d194b917d897348586532525586f8e033d87b6' })))));
     }
     static get is() { return "dda-accordion"; }
     static get originalStyleUrls() {

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

@@ -39,7 +39,7 @@ export class DdaAlert {
     }
     render() {
         const HeadingTag = this.headingTag;
-        return (h("div", { key: 'c1565d34c97faff57c4ddff99ce9e9f5d36e7a8d', role: this.role, class: `dda-alert dda-alert-${this.type} dda-alert-${this.variation} ${this.custom_class} ${this.component_mode}` }, h("i", { key: '730e208901cc33c1f1acf05f74db51c49a35cbf0', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "info"), h("div", { key: '60382da8b7b2b852f638eb90f379f9d34efbd6df', class: "alert-content" }, h(HeadingTag, { key: '279bd15cfca4a13f02511c0c03c331d76f3e9029', class: "alert-title" }, this.title_text), h("p", { key: '487123a946b0af95571fc7ba0fc7e8257935dced', class: "alert-description" }, this.description), h("div", { key: '2db49244c786e367f27e9ecacc0778d5a2b2443b', class: "alert-btn-wrap" }, !!this.first_button && (h("a", { key: '03ad2d12c988810951ed427218397108a36ac5b6', href: this.first_link, onClick: () => this.firstClickHandler() }, this.first_button)), !!this.second_button && (h("a", { key: '9e1496604555215b4fe8399b6f4a83431e04128c', href: this.second_link, onClick: () => this.secondClickHandler() }, this.second_button)))), h("button", { key: '82b631314b8b54def109a6c0995535afa9dee2c5', name: this.button_name, class: "dda-alert-close", "aria-label": this.close_button_label, onClick: this.clickHandler }, h("i", { key: '18d93a1981cec4c2a447d5b4ed7954f18c7734cd', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))));
+        return (h("div", { key: '197e3cec1cd2a250bf87f7fbedcb3282ae1a3294', role: this.role, class: `dda-alert dda-alert-${this.type} dda-alert-${this.variation} ${this.custom_class} ${this.component_mode}` }, h("i", { key: '7e4d4e0f2bf53ce8b4ad61b58e5c3ef9852a62d4', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "info"), h("div", { key: 'ef0f2257ca087c520c7963167d32f7f6fa63292b', class: "alert-content" }, h(HeadingTag, { key: '87d1abc4c3d3dadc93c7712d119b23a57fc62af3', class: "alert-title" }, this.title_text), h("p", { key: '001d80cfc05df11f14813d96024e9386f6b1b9a3', class: "alert-description" }, this.description), h("div", { key: '55d82602626911094059952226a89977639b0640', class: "alert-btn-wrap" }, !!this.first_button && (h("a", { key: 'fa5e831f0803c5a01ba33dd08295d1a04a119db0', href: this.first_link, onClick: () => this.firstClickHandler() }, this.first_button)), !!this.second_button && (h("a", { key: '512d36980c00931fc715e51366a696c78bf26174', href: this.second_link, onClick: () => this.secondClickHandler() }, this.second_button)))), h("button", { key: 'c22ed4dc2c79c18578126a64081f74978d45591d', name: this.button_name, class: "dda-alert-close", "aria-label": this.close_button_label, onClick: this.clickHandler }, h("i", { key: 'be69df027367824c8d924284e64537ca88eff78f', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))));
     }
     static get is() { return "dda-alert"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-attach-file/dda-attach-file.js

@@ -81,7 +81,7 @@ export class DdaAttachFile {
             this.component_mode,
         ].filter(Boolean).join(' ');
         const id = this.inputId;
-        return (h(Host, { key: '6c02affad592523dbfd0718c7e3a1c3cdaabaa5d' }, h("div", { key: 'adbb23b5820fc0691005ab2b0b24437ae9d8de5e', class: inputClass }, this.label && h("label", { key: '0752ba9cc62ab42342275a3404f24015eaee2970', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: '0fdf02bdb47946440d0d942a191228dfc16b0faa', class: "dda-input-field-group dda-attach-file" }, h("input", { key: 'd8a998efbc6c89a5f71a1f5f453f530772c89f54', 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: '8ae9ce5a344e6bae48398514f5e4709064c2ff07', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: 'f16a52e31eddf59fbb6e05f3285bf5abb0f91aa3', id: this.errorId, class: "dda-error-message" }, this.error_message))));
+        return (h(Host, { key: '83df039613f891dbf503d7895b6c3ee42bec4d6d' }, h("div", { key: 'aa33eacc2a0f72f515708dbc0ab1667e33dd22eb', class: inputClass }, this.label && h("label", { key: '07d4a259147e1d1f6dc780bf2f7b0f59c3f3278a', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: '1bfc08d11a585c58c66607bfe85049e589d2978e', class: "dda-input-field-group dda-attach-file" }, h("input", { key: '11dba4d4391b7d486c1e283c3ccdc9ae8f7f3315', 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: 'ac2811107d823bababfb3954225dd91846c5d095', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: 'caafcfb509812c1bb32a937bd2336f23e3a2407f', id: this.errorId, class: "dda-error-message" }, this.error_message))));
     }
     static get is() { return "dda-attach-file"; }
     static get originalStyleUrls() {

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

@@ -40,11 +40,11 @@ export class DdaAvatar {
     render() {
         const hasOptions = this.parsedOptions.length > 0;
         const avatarContent = [
-            this.type === 'photo' && h("img", { key: '4823e200a9e782d34c89a440e4bcf8c721d2dbac', src: this.src, alt: "Avatar" }),
-            this.type === 'icon' && h("i", { key: 'df5437bbfaf72949ef5a0fb73668cbce45f97b92', class: `${this.icon} dda-smile` }, "sentiment_satisfied"),
-            this.type === 'text' && h("span", { key: '765b4a8c095760ab4f93561869a04af5b0a8629e', class: 'avatar-main-text' }, this.text),
+            this.type === 'photo' && h("img", { key: '95ea4d02281118674716f373ddb7fb7c9cd42a0f', src: this.src, alt: "Avatar" }),
+            this.type === 'icon' && h("i", { key: 'f13ac27be5530c92c0050831963181d0bb4746e2', class: `${this.icon} dda-smile` }, "sentiment_satisfied"),
+            this.type === 'text' && h("span", { key: 'a3909c0f19bc7e916165aaf5746f78409f0e6d2f', class: 'avatar-main-text' }, this.text),
         ];
-        return (h("div", { key: '6682fd805892257e209e89b5514d1ec946ca6c93', class: {
+        return (h("div", { key: 'e2321458bd1c947f4c23a2c1083d18ba3e7fa249', class: {
                 'dda-avatar': true,
                 [`avatar-type-${this.type}`]: true,
                 [`avatar-size-${this.size}`]: true,
@@ -53,7 +53,7 @@ export class DdaAvatar {
                 [`${this.custom_class}`]: true,
                 [`${this.component_mode}`]: true,
                 [`${this.button_name}`]: true,
-            } }, 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: '162d00860b22f1ffd6dce0d7aad1e834e4f3375f', 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: '7619e3c34b74c0c6454b0967eec02302fc23c020', class: "status-circle" }), this.design === 'verified' && h("div", { key: 'd728730b0b15f67836fc2e76b1e660f11954afdd', class: "verified-icon" }, h("span", { key: '38ae3cafca90b8764cf86dea697eb2d5b498173a', class: "material-icons  material-symbols-outlined" }, "verified")), this.design === 'notification' && h("div", { key: 'b023a7473841c84d8b14321d7d1113063b114b70', class: "notification-circle" }, this.notification_number)));
+            } }, 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: '9fd2fd168e0390c7c3eb28b74eb617e2d579f84a', 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: 'f1ec52168f298d984f5870b8eba4fe73a52e2a1a', class: "status-circle" }), this.design === 'verified' && h("div", { key: '8964727fb28120e77e3851b440a37ff9ebabdec3', class: "verified-icon" }, h("span", { key: 'fe247d0249e4a47817ff5f4ebf920623407fd51c', class: "material-icons  material-symbols-outlined" }, "verified")), this.design === 'notification' && h("div", { key: 'ad6cb3fabc183ba2f18b319c0ecd35b5810dee70', class: "notification-circle" }, this.notification_number)));
     }
     static get is() { return "dda-avatar"; }
     static get originalStyleUrls() {

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

@@ -16,7 +16,7 @@ export class DdaBanner {
         }
     }
     render() {
-        return (h(Host, { key: '65403933ce5ab094906d55c7fabaa7c56c409817' }, h("div", { key: 'd4944ddf46c232aab0d02df97f120ffc76589e24', 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 } })))))));
+        return (h(Host, { key: '26d1e4a4b4e879d333c652dc12e1feb7785e830f' }, h("div", { key: '2eb1e1c18f45a824779b7b3288b2d2432f22941b', 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 } })))))));
     }
     static get is() { return "dda-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dda-banner-card/dda-banner-card.js

@@ -0,0 +1,243 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars -- h is the Stencil JSX pragma; this repo's eslint config does not recognize it as used (same false positive on every other component file).
+import { h } from "@stencil/core";
+export class DdaBannerCard {
+    constructor() {
+        /** Extra CSS classes. */
+        this.custom_class = '';
+    }
+    render() {
+        const href = this.banner_card_href || this.banner_card_url;
+        const className = ['link-item', 'dda-banner-card', this.custom_class, this.component_mode].filter(Boolean).join(' ');
+        const content = [
+            this.image_src && h("img", { key: '2c3b6cfadb9691eb79289dff0eb86786bd725c17', class: "dda-banner-card-icon", src: this.image_src, alt: "", "aria-hidden": "true" }),
+            h("span", { key: '5fb842d427e7d730eba011b47b4856c94c4f3b2f', class: "title" }, this.banner_card_title),
+            this.banner_card_description && h("span", { key: '0d9ac8e794ad3eede10717619156b123e98eff1d', class: "subtitle" }, this.banner_card_description),
+        ];
+        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));
+    }
+    static get is() { return "dda-banner-card"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../../global/global.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../../global/global.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "banner_card_href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Link URL. With a URL the card is a link; without one it is a button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "banner_card_href"
+            },
+            "banner_card_url": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "3.x name of `banner_card_href`. `banner_card_href` wins when both are set."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "banner_card_url"
+            },
+            "banner_card_id": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "`id` of the link or button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "banner_card_id"
+            },
+            "image_src": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Icon image URL. The icon is decorative: the title names the card."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "image_src"
+            },
+            "image_alt": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Kept for 3.x markup. The icon is decorative, so this text is not read."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "image_alt"
+            },
+            "banner_card_title": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Title of the card; it is the accessible name."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "banner_card_title"
+            },
+            "banner_card_description": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Text under the title. An empty value shows nothing."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "banner_card_description"
+            },
+            "banner_card_value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "`value` of the button (cards without a URL)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "banner_card_value"
+            },
+            "banner_card_name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "`name` of the button (cards without a URL)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "banner_card_name"
+            },
+            "custom_class": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Extra CSS classes."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom_class",
+                "defaultValue": "''"
+            },
+            "component_mode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Theme override class, e.g. `light-mode`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "component_mode"
+            }
+        };
+    }
+}

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

@@ -33,7 +33,7 @@ export class DdaButton {
             this.custom_class, // Include custom class
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: '25a967630460899e8083499dbaba5a8da655c03d' }, h("button", { key: 'cffeab56005fd6f9c736f7a4f2615c273fbff6d2', 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: '7e91f590471e16e74128d5edfd149935f7c7933b', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.start_icon), h("slot", { key: '3f135fe5fdce6e4cc46626285d40b6859f95c213' }), this.end_icon && h("i", { key: 'd1ea77fa05a58a354b7c8c365d01196d624407c6', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.end_icon))));
+        return (h(Host, { key: 'aba3822861858fe0530f56b93bea7268c77c1c14' }, h("button", { key: 'e4562fcab178114ad8c627176ec950cc3e8736ee', 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: 'ac2bf1669d6b212fe5c3145f80a4eb744ccb60fc', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.start_icon), h("slot", { key: 'd9ca7dc9e3ad3be8bcaf3b4bf406464c1348c085' }), this.end_icon && h("i", { key: 'e1c5c9a89e360d475fba8032a4d8c1ec572ecc07', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.end_icon))));
     }
     static get is() { return "dda-button"; }
     static get originalStyleUrls() {

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

@@ -13,7 +13,7 @@ export class DdaCheckbox {
             this.checkbox_status ? `dda-checkbox-${this.checkbox_status}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'a03a2096e9f0cf6f803e1e0268eb56e96a82bfeb' }, h("div", { key: 'd1e56a9ee711a90bf8c4f42a9b189eab4d8e4187', class: checkboxClass }, h("input", { key: '63d4afed191febf792cc147f2aa0834846301760', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: '281964bf46d08eef1e9f3432ce7f90ce18119786', htmlFor: this.input_id }, h("i", { key: 'c60e23ce71bb3ea998f3bc7fc75ca116b73304c3', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "check"), h("p", { key: '29dbc05b1934a8aae622aa2ffbbda00652c8541b' }, h("span", { key: 'aa7f42edff530e20b3049f43dd6ab6745ef15bad', class: "dda-checkbox-title" }, this.title_text), this.supporting && h("span", { key: '27e8db36535ad9ca842b2c8fb980dca2940bc478', class: "dda-checkbox-supporting" }, this.supporting))))));
+        return (h(Host, { key: '8849a8e657a8cf2e5395cc5be17f3037ba21f5fa' }, h("div", { key: '8c5a967d5d549de0269be7a7d6c7d07100dcff1a', class: checkboxClass }, h("input", { key: 'd4d2e713f122ecf16a956e97949f3f0e1359a37e', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: '794b9ff5bbd1c8e45db5a7a1dc2160b8f671728f', htmlFor: this.input_id }, h("i", { key: '175434893e5b611a61c7a2999746ce28d831aa58', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "check"), h("p", { key: '4541058a6b6eef95e0e05d513d704600b022ab39' }, h("span", { key: '264248098c78f8dc25ec23463b34baea48faeca8', class: "dda-checkbox-title" }, this.title_text), this.supporting && h("span", { key: 'ddfe553d6924594d9a9848a795b55e64b68c42ed', class: "dda-checkbox-supporting" }, this.supporting))))));
     }
     static get is() { return "dda-checkbox"; }
     static get originalStyleUrls() {

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

@@ -11,7 +11,7 @@ export class DdaChip {
         this.close_button_label = 'Remove';
     }
     render() {
-        return (h(Host, { key: '2cd6e91242c3e95df532f3771098fc59c745b0e7' }, h("div", { key: '3ea476295a82ac1bd866d56d9982e64cdaee2692', 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: 'c2fa931281235fdbdc75fe6a725e3c55623f6f33' }, h("slot", { key: '09f4718890a6591edd1ab86b8825621aa305162e' })), this.show_close_icon && (h("button", { key: 'c2b60bf0ae4533ee8a4b80f481772154d03d9af0', type: "button", class: "chip-close", onClick: this.clickHandler, "aria-label": this.close_button_label }, h("i", { key: '62e9e1659c60d909d6db32636654126c35184395', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))))));
+        return (h(Host, { key: '085ae48a72370f2de745aef9ce7b2d275066bbfa' }, h("div", { key: '35f856d036a7cf711c8cd2754bc79832412a13cb', 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: 'df88d661c9e39b2a026f7bcaed06d08f4032f7b5' }, h("slot", { key: '833cbcd82641d4020c5a1f2d2a4524e4d5640a2c' })), this.show_close_icon && (h("button", { key: '02354c1edb9bd78dfc39f9d8ab34fa80d5903558', type: "button", class: "chip-close", onClick: this.clickHandler, "aria-label": this.close_button_label }, h("i", { key: 'c49f36b252c722839d2a45a2eda61dcfa3ac4250', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))))));
     }
     static get is() { return "dda-chip"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-credit-card/dda-credit-card.js

@@ -12,7 +12,7 @@ export class DdaCreditCard {
             this.custom_class ? `${this.custom_class}` : "",
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'a2b51766a37e26931722154096371e0c6e4f613e' }, h("div", { key: '6a230b5a394819e020e6d602c24b190e10a0412b', class: cardClass }, h("div", { key: '0e736764ef1421aa4c74cfd2651f5b28b5923bfe', class: "dda-credit-card-header" }, h("div", { key: '3ca757d69ce6f3dccf6ed2a774f81af804701b4d', class: "card-balance-info" }, h("span", { key: 'f199cbddbde087a4e0019bc5f49d688aa91b332e', class: "card-balance-label" }, "Current Balance"), h("span", { key: 'e51769b4f7ac8013035074abec4677feb32b7ecb', class: "card-balance" }, this.balance)), h("i", { key: '64cac265fa7e397b4a48efeedc4fdd1bbe01463e', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "wifi")), h("div", { key: '8c14cdf5cd7932395b3b99d76dc712418034944d', class: "dda-credit-card-body" }, h("div", { key: '3c040ff604757b252088df1db1949a0b6e856bf0', class: "card-userinfo" }, h("span", { key: '1427d499c577ffefad4ea29eb01ddff6fa248a28', class: "dda-card-name" }, this.name), h("span", { key: 'fa7bc5a8a59aa86766f1d974e4e4f0819f17e59c', class: "dda-card-number" }, "**** ", String((_a = this.card_number) !== null && _a !== void 0 ? _a : '').slice(-4))), h("div", { key: '4fddb8131ca26074f5ed74d1992e15b51d20f4b1' }, this.card_type && h("img", { key: '51ea45a24d2a8101eb357b8fba88449479f69bee', src: this.card_type, alt: "Card Type", class: "card-type-icon" }))))));
+        return (h(Host, { key: 'b646972242d38553dc0c031cda64d175eb9c407a' }, h("div", { key: 'fedbb88c9ea01e108c5d38adbd8510f0f6c37de7', class: cardClass }, h("div", { key: 'b95527448369a90e49ce3ae20b230f59a0bfe143', class: "dda-credit-card-header" }, h("div", { key: 'ec9a46349b141344ca510d23bc8fe20dc76ca239', class: "card-balance-info" }, h("span", { key: '20ec0cfe3c5632a86cbe5279193ff1a338f2cc71', class: "card-balance-label" }, "Current Balance"), h("span", { key: '72395c8bb1a449eec58ba776696604f8700202d0', class: "card-balance" }, this.balance)), h("i", { key: '78eba439883cf31e1f8b65a62977ffa9cd122467', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "wifi")), h("div", { key: '2ba10f73e74dfc20659a99ae73530e357d4b9764', class: "dda-credit-card-body" }, h("div", { key: 'eca3df7e4bdfc03fee7183693c02aef965574c6b', class: "card-userinfo" }, h("span", { key: 'efa1777768b14632c520b919da127e764465851b', class: "dda-card-name" }, this.name), h("span", { key: 'ba98a3d9ee62cafb66c25668976af26f369cd47f', class: "dda-card-number" }, "**** ", String((_a = this.card_number) !== null && _a !== void 0 ? _a : '').slice(-4))), h("div", { key: '5c0de737e1cec7035b4d5277edc17444e9f51a1d' }, this.card_type && h("img", { key: '820ce244814bd327ba4637fa1ebcc9e1e78d7c01', src: this.card_type, alt: "Card Type", class: "card-type-icon" }))))));
     }
     static get is() { return "dda-credit-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-creditcard-field/dda-creditcard-field.js

@@ -79,7 +79,7 @@ export class DdaCreditCardField {
             this.component_mode,
         ].filter(Boolean).join(' ');
         const id = this.inputId;
-        return (h(Host, { key: '49503120129a4036ea69ad5427873e7c80689472' }, h("div", { key: 'c4bbd736f977b8fbd780ca9f51f18577f957d449', class: inputClass }, this.label && h("label", { key: '718fec1b47645d3733602fbab31cda9f09e29b9c', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: 'cb96d9ca72d92fb1cae781b7fc5033fbba82fa4d', class: "dda-input-field-wrapper" }, this.card_icon && h("img", { key: 'fa10e97d30a0c97245005fc66dbe81640653e2fd', src: this.card_icon, alt: "Card Icon", class: "dda-creditcard-icon" }), h("input", { key: 'c4b042e4ead4b79e1e63f00777a9f62a8f3964a6', "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: '6021061f65edff9a4eb040285ea76147c81072f7', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '32a5d2c0e72e1ec62c9c6ce89d7fc950ab77505e', id: this.errorId, class: "dda-error-message" }, this.error_message))));
+        return (h(Host, { key: '70d7ef0a32780bc78e52b90a37689b575afb07cc' }, h("div", { key: 'e1d3d0e93cf36c2e022f4d546b37cfd964316751', class: inputClass }, this.label && h("label", { key: 'c435513b6b3d41a2d81195b2a5ed7c08580a3d09', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: 'f1bbf1a7a64b573c5bb06bcde34e9e14b3d195c4', class: "dda-input-field-wrapper" }, this.card_icon && h("img", { key: '836acc54c3b3d69e7cd5c9d05aabbb77095fe5c5', src: this.card_icon, alt: "Card Icon", class: "dda-creditcard-icon" }), h("input", { key: '6ecf43eb6a00e317c45ef3ecf4247d333e46eb72', "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: '912e11401f1ca55296cd79481cf1847a766b14cd', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '3eafbf43553d3e44800ac6fef42ad16986384c48', id: this.errorId, class: "dda-error-message" }, this.error_message))));
     }
     static get is() { return "dda-creditcard-field"; }
     static get originalStyleUrls() {

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

@@ -60,7 +60,7 @@ export class DdaDropdown {
             this.custom_class ? `${this.custom_class}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: '8b053569398521717cd7b5fecfc20da86ddc36e2' }, h("div", { key: 'f05077b9937e415212e3ca95272284f4f43a2f4e', class: containerClass }, this.label && h("label", { key: '5d7a1d12cece57a300deb5ee40ac42fe30991e05', id: labelId, class: "dda-input-label" }, this.label), h("div", { key: 'dec4834ffda3aaf39799640c2e3403ad2bbde804', class: `dda-dropdown-container ${this.type}` }, h("button", { key: '74cdd5264b2ba9e149b002ef9f32761d4657dffe', 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: '114ea6a6e36e3f10fb2eb170a0869c659be91fcc', class: `three-dots material-icons`, "aria-hidden": "true" }, this.isopen ? 'more_vert' : 'more_vert'), !this.icon_mode && h("span", { key: '38daede9e618b1f3cf3b04e73799f5ba94f2aabe', class: "dda-dropdown-text" }, h("span", { key: 'd8e2f92b77bfd9611b56322123c22282051d6744' }, this.selected || 'Select an option'), " ", h("i", { key: '11ce919e89fbbe0bbcc5df8124d40ffa683e9520', class: `material-icons`, "aria-hidden": "true" }, this.isopen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'))), this.isopen && (h("div", { key: 'e1ab0eb1476986e8964eea8469d367b9f607f737', 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: '8d8f98cd697819f29bebc593167ef47c4e5eed33', class: "dda-helper-text" }, this.helper_text), this.error && h("span", { key: '4c129c5b219115796263afe4daf726ea9b77ee04', class: "dda-error-message" }, this.error))));
+        return (h(Host, { key: '77d1b1b916aaaadf2ff92126b25dccb1072fe48e' }, h("div", { key: '902ded214f7bb1e78902e3e25461027b841af961', class: containerClass }, this.label && h("label", { key: '85ac790ba72417659c59dbdb0fb49124cfcc7dd4', id: labelId, class: "dda-input-label" }, this.label), h("div", { key: '0d8c2ec2da2cca450a852c3ab52ddacb172150e4', class: `dda-dropdown-container ${this.type}` }, h("button", { key: 'd00ad376439c9e8373e8149f079599a95056a86f', 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: '4932ba8011fd286910494d3d85ed14102ff754dc', class: `three-dots material-icons`, "aria-hidden": "true" }, this.isopen ? 'more_vert' : 'more_vert'), !this.icon_mode && h("span", { key: '8ee2ae007163a745859aeb5a5e7c5b781ac7bbf4', class: "dda-dropdown-text" }, h("span", { key: '482bc804a255ac6a78e600a246d2a8fe604a24c4' }, this.selected || 'Select an option'), " ", h("i", { key: '2b2ed4a9aeaccecc1c22ff2ebedbf6f98187a970', class: `material-icons`, "aria-hidden": "true" }, this.isopen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'))), this.isopen && (h("div", { key: '5e377bc659a93a171fc043437513e55d5e54ae21', 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: '7685c00cc94c917b06171dec096bdffa46b889b5', class: "dda-helper-text" }, this.helper_text), this.error && h("span", { key: '6bd3d7def60fdeefd511c71dc96ea1afe2026156', class: "dda-error-message" }, this.error))));
     }
     static get is() { return "dda-dropdown"; }
     static get originalStyleUrls() {