@dubai-design-system/components-js 5.1.1 → 5.3.0

package/dist/cjs/loader.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-Bgd2iAET.js');
+var index = require('./index-DD8fdSxb.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\"],\"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_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);
+  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-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-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-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-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,15 @@
 {
   "entries": [
     "components/dda-breadcrumb/dda-breadcrumb.js",
+    "components/dda-header/dda-header.js",
+    "components/dda-home-carousel/dda-home-carousel.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 +17,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 +25,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-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: 'e5df89b372354f0712d15ebdb7551613b2ff8924' }, h("div", { key: 'ed35efcacb3d65600861488aed366375d28c5618', class: `accordion-container ${this.design} ${this.custom_class} ${this.component_mode}` }, h("button", { key: '3152b03e0c0d21bc64c5d5d0ac6c5793ce86cc03', type: "button", class: "accordion-header", onClick: () => this.toggleAccordion(), "aria-expanded": this.isOpen ? 'true' : 'false' }, h("div", { key: '97036556388f31c5ae16a8690318d34d9f38c601', class: "header-content" }, h("i", { key: '1292b183b6f8365e973c0f390f8bfc43b77b0637', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.accordion_icon), h("span", { key: '0b8d36ac4209a0aa20b8bdeecc90f5ad87562ea7', class: "header-text" }, this.header_text)), h("i", { key: 'a447bdcafe0a02127bd59fc61cda3fad1d89d18f', class: `material-icons arrow-icon`, "aria-hidden": "true" }, this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), h("div", { key: '07015fb636a2058c416e25d5b3b891ba32e77f39', class: this.isOpen ? 'accordion-body' : 'dda-d-none' }, h("p", { key: 'bd6a71078d96104cbfed81f6040f7c78bba97096', class: "body-description" }, this.body_description), h("slot", { key: '7bb9a2537b843ca857e928555162778bdf49d684' })))));
     }
     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: 'b93f4e9bdf40239a1a92f6ed576834839dcc0f5e', role: this.role, class: `dda-alert dda-alert-${this.type} dda-alert-${this.variation} ${this.custom_class} ${this.component_mode}` }, h("i", { key: 'c34285909aee3cd86e774e2587b5d147ec9e89a9', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "info"), h("div", { key: '015ed670e8f8ab6779ae778d5c0dc65aaeed0862', class: "alert-content" }, h(HeadingTag, { key: '9806d70fb1dba1be32cbaf7e582d4f73fc89b2ec', class: "alert-title" }, this.title_text), h("p", { key: '8970ee27d3b7ff758905eca99eba172b50459e4b', class: "alert-description" }, this.description), h("div", { key: '00a83c91c2d963675828f770a26fdb640c29e6fe', class: "alert-btn-wrap" }, !!this.first_button && (h("a", { key: 'be4b0ac0c4a0aa1fbc264bc1829b6ff2b12d900c', href: this.first_link, onClick: () => this.firstClickHandler() }, this.first_button)), !!this.second_button && (h("a", { key: '49c0584e98d0eb9a507be3307bb31f7087746e49', href: this.second_link, onClick: () => this.secondClickHandler() }, this.second_button)))), h("button", { key: 'a8faf78b31ce4acae70921a30d8f0be2e06f0060', name: this.button_name, class: "dda-alert-close", "aria-label": this.close_button_label, onClick: this.clickHandler }, h("i", { key: '8c48a87a95ec3ed79a9872d9a2f7b6257c5608b2', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))));
     }
     static get is() { return "dda-alert"; }
     static get originalStyleUrls() {

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

@@ -15,11 +15,12 @@ To use the \`dda-alert\` component, pass the following props:
     variation="info"
     title_text="Alert Title"
     description="This is an informational alert."
-    button_text="Learn more"
+    first_button="Learn more"
+    first_link="#"
+    second_button="Dismiss"
+    second_link="#"
     custom_class=""
     component_mode=""
-    first_link=""
-    second_link=""
     button_name="">
 </dda-alert>
 \`\`\`
@@ -40,9 +41,10 @@ To use the \`dda-alert\` component, pass the following props:
         },
         title_text: { control: 'text', description: 'Title text' },
         description: { control: 'text', description: 'Description' },
-        button_text: { control: 'text', description: 'Button text' },
-        first_link: { control: 'text', description: 'link' },
-        second_link: { control: 'text', description: 'link' },
+        first_button: { control: 'text', description: 'Label of the first action link. The link shows only when this is set.' },
+        first_link: { control: 'text', description: '`href` of the first action link' },
+        second_button: { control: 'text', description: 'Label of the second action link. The link shows only when this is set.' },
+        second_link: { control: 'text', description: '`href` of the second action link' },
         button_name: { control: 'text', description: 'Button name' },
         custom_class: {
             control: { type: 'text' },
@@ -55,13 +57,14 @@ To use the \`dda-alert\` component, pass the following props:
         },
     },
 };
-const Template = ({ type, variation, title_text, description, button_text, button_name, custom_class, component_mode, first_link, second_link }) => html `
+const Template = ({ type, variation, title_text, description, first_button, second_button, button_name, custom_class, component_mode, first_link, second_link }) => html `
   <dda-alert
     type=${type}
     variation=${variation}
     title_text=${title_text}
     description=${description}
-    button_text=${button_text}
+    first_button=${first_button}
+    second_button=${second_button}
     custom_class=${custom_class}
     component_mode=${component_mode}
     first_link=${first_link}
@@ -76,12 +79,13 @@ AlertInfo.args = {
     variation: 'info',
     title_text: 'Alert Title',
     description: 'This is an informational alert.',
-    button_text: 'Learn more',
+    first_button: 'Learn more',
+    second_button: 'Dismiss',
     button_name: 'button',
     custom_class: '',
     component_mode: '',
-    first_link: '',
-    second_link: '',
+    first_link: '#',
+    second_link: '#',
 };
 export const AlertWarning = Template.bind({});
 AlertWarning.args = {
@@ -89,12 +93,13 @@ AlertWarning.args = {
     variation: 'warning',
     title_text: 'Alert Title',
     description: 'This is an informational alert.',
-    button_text: 'Learn more',
+    first_button: 'Learn more',
+    second_button: 'Dismiss',
     button_name: 'button',
     custom_class: '',
     component_mode: '',
-    first_link: '',
-    second_link: '',
+    first_link: '#',
+    second_link: '#',
 };
 export const AlertError = Template.bind({});
 AlertError.args = {
@@ -102,12 +107,13 @@ AlertError.args = {
     variation: 'error',
     title_text: 'Alert Title',
     description: 'This is an informational alert.',
-    button_text: 'Learn more',
+    first_button: 'Learn more',
+    second_button: 'Dismiss',
     button_name: 'button',
     custom_class: '',
     component_mode: '',
-    first_link: '',
-    second_link: '',
+    first_link: '#',
+    second_link: '#',
 };
 export const AlertSuccess = Template.bind({});
 AlertSuccess.args = {
@@ -115,10 +121,11 @@ AlertSuccess.args = {
     variation: 'success',
     title_text: 'Alert Title',
     description: 'This is an informational alert.',
-    button_text: 'Learn more',
+    first_button: 'Learn more',
+    second_button: 'Dismiss',
     button_name: 'button',
     custom_class: '',
     component_mode: '',
-    first_link: '',
-    second_link: '',
+    first_link: '#',
+    second_link: '#',
 };

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: 'ff9e0267a107293c694c83a35f81107627b0803c' }, h("div", { key: '49fa7a18e397db0fe525f3e1d57543c38f6c18f1', class: inputClass }, this.label && h("label", { key: '0c184d504471867aee68560ad042ee97eea60422', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: '4236f59ee1df9bef9e3b9516a5625f866e880769', class: "dda-input-field-group dda-attach-file" }, h("input", { key: '542f34eee345ceaac021566b69743f4bf8e84eaa', 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: 'c3fc6791d973818613e4111d319aa653310cb2f9', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: 'f64683d156a40211ed924932a1d89244d3256cfe', 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: '214d7c31d74adb7f318af02a8a282c75dd1ae8f6', src: this.src, alt: "Avatar" }),
+            this.type === 'icon' && h("i", { key: '4a0eb87ee8e877e501df4dac952f15784e6ab31b', class: `${this.icon} dda-smile` }, "sentiment_satisfied"),
+            this.type === 'text' && h("span", { key: '142eab365a9a99bde8c7c1c1272b34e0bc599ad0', class: 'avatar-main-text' }, this.text),
         ];
-        return (h("div", { key: '6682fd805892257e209e89b5514d1ec946ca6c93', class: {
+        return (h("div", { key: 'dfe6a3deadcaa0c43729f67b43873ddcf40e2fb9', 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: 'a124085cad12b012d410c9c4879645f94dd9275c', 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: '5b5d5838d00ccf14e67b3ab5402fe83c0c08bea9', class: "status-circle" }), this.design === 'verified' && h("div", { key: 'f8d9aa6d72020d6e1339d6009393522fa75035ed', class: "verified-icon" }, h("span", { key: '02c82ae7172c5f9d6087408b7d4e21d23861b117', class: "material-icons  material-symbols-outlined" }, "verified")), this.design === 'notification' && h("div", { key: '34726ada4df1372893c734bd41286dc317426133', 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: '941e40e094b6b3d080b9a09d9e4ef1b568e10969' }, h("div", { key: 'f9a7e2df6d9ec5adb45433098c853276f5e38bac', 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: '9cde7168d81110bf649f49e2b47f63f4ceded1a6', class: "dda-banner-card-icon", src: this.image_src, alt: "", "aria-hidden": "true" }),
+            h("span", { key: '337ef6e1ccb5fc3afd2ada4f37702711cff32325', class: "title" }, this.banner_card_title),
+            this.banner_card_description && h("span", { key: 'fa0d54f11c187281c29fca91a7fed9496688cfac', 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"
+            }
+        };
+    }
+}