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

package/dist/cjs/loader.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-DD8fdSxb.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\"],\"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);
+  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/collection/collection-manifest.json

@@ -3,6 +3,7 @@
     "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",
@@ -26,8 +27,8 @@
     "components/dda-phonefield/dda-phonefield.js",
     "components/dda-progressbar/dda-progressbar.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-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: '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' })))));
+        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: '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"))));
+        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: '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))));
+        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: '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),
+            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: 'dfe6a3deadcaa0c43729f67b43873ddcf40e2fb9', 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: '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)));
+            } }, 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: '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 } })))))));
+        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

@@ -9,9 +9,9 @@ export class DdaBannerCard {
         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),
+            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));
     }

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: '6befdc816e79736a528c8a914028318cdb30e788' }, h("button", { key: '118d6195889a714cbd047ef881be38fbeb50e536', 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: '304f1a350a6a12a3a0f1efa905a0971c95aa21cf', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.start_icon), h("slot", { key: 'af0df9d440f2becf635c83323dcd6328694cd974' }), this.end_icon && h("i", { key: '977d5f6170557d7b222b24b73e199a25edaaea96', 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: '49b4eabefb902f8597ef2aa703ba3a02934f4dd4' }, h("div", { key: 'e300b65149fbac866e66517ba9bb3b4aa6bb7760', class: checkboxClass }, h("input", { key: '8a2509f3667dfb3c9d10211d58e652d013c6a44a', "aria-label": this.aria_label, type: "checkbox", id: this.input_id, name: this.group_name, checked: this.checked }), h("label", { key: 'c2c6ad79a7eb3163b595e3ae5915a6e9cb02b2aa', htmlFor: this.input_id }, h("i", { key: '5f62ad8f5e8a65cedeaf72dbf3ac437649c3d990', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "check"), h("p", { key: '29cb02114c3e93bb9e76e669e51fbce0d983531b' }, h("span", { key: '8e545054e92234dcc284272fa4ec140670873e77', class: "dda-checkbox-title" }, this.title_text), this.supporting && h("span", { key: '9fc0b7953cf645d8c15ddd39c6f5d6955dee7cbe', 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: '621b49bd9e56a4627731cf1d5c88190cc971c1f4' }, h("div", { key: 'a2ed107b4ba359455a0d3b72ea78c41a55441716', 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: '35bc7dcba833012b4f9c3a2531158ae8e46ca268' }, h("slot", { key: '6ac416027f104c0fea3c8fd034c610eb95318804' })), this.show_close_icon && (h("button", { key: '6712b22ed98b5fa41bed2eab2c4ad7405d72dde7', type: "button", class: "chip-close", onClick: this.clickHandler, "aria-label": this.close_button_label }, h("i", { key: '99df96fae65bb289ec6da64600f22f7fb1fd6fac', 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: '30b2d354c27ffb048767b68545150ef14e89907c' }, h("div", { key: '30ae16e980e8d77fdc22d9c5829ea8d2f93e786d', class: cardClass }, h("div", { key: '7ad10883eb0023fc8c46b92500b7f34e7b178a37', class: "dda-credit-card-header" }, h("div", { key: 'd62dbbb654c6138ff9b617e3cac8310c9c8f229a', class: "card-balance-info" }, h("span", { key: '17ed84a82ee953b6e48d189a5a8ecc186606f36d', class: "card-balance-label" }, "Current Balance"), h("span", { key: '3a77207bf875fb754490d0afd0b9d15d5c192ec8', class: "card-balance" }, this.balance)), h("i", { key: 'bbf30c7b2b858c12ba802e2b5bdb887b6f908b1a', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "wifi")), h("div", { key: 'a4ab69ed298805ed86f4832ef9ea43b4cc825fbd', class: "dda-credit-card-body" }, h("div", { key: '646906a60fc532119e2ebf0a44cbbb66885e42cf', class: "card-userinfo" }, h("span", { key: 'c9145b691e890905717aeb6421d4949854197ff4', class: "dda-card-name" }, this.name), h("span", { key: '1ee5f7eae884bfab5260c35257a69e26e74faad2', class: "dda-card-number" }, "**** ", String((_a = this.card_number) !== null && _a !== void 0 ? _a : '').slice(-4))), h("div", { key: 'fe66fd1a3c26560e3d83d28ea45abf47c11d6b17' }, this.card_type && h("img", { key: 'e6c3c1090f0777eed2895f0167a2158c4cc78c4e', 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: 'f73ba5a5df2944a3a69da88519e98ebcce9b52fa' }, h("div", { key: '8c8205bd69d233572d4738af675ba4d6ffd2ce5f', class: inputClass }, this.label && h("label", { key: '5d2ea6fab0ba61ee161545949c560287d5ec9daf', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: '05ae35f56cf9e0dedac4072084117c79a0728185', class: "dda-input-field-wrapper" }, this.card_icon && h("img", { key: 'c53e2fca7220701a0b7e409b6c73fb6cbe343539', src: this.card_icon, alt: "Card Icon", class: "dda-creditcard-icon" }), h("input", { key: '27ca8a4e796bd017f604f793b708194b7f0d9cf5', "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: '339dc71c04a70fecbee928ae1fa771e661626849', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '0cab267e7a14397ff3204744bd24b182e43d2e13', 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: '317428a0b2457e3a3fe7b78f66c0142a0f452d38' }, h("div", { key: '50f753d1e8a020125b494cc868273f4addf3c263', class: containerClass }, this.label && h("label", { key: 'da94535864e3f1e676c282e5b0ec03a7add8efa9', id: labelId, class: "dda-input-label" }, this.label), h("div", { key: 'f0e74d618c1927a253693698cda582f112dbdfce', class: `dda-dropdown-container ${this.type}` }, h("button", { key: '52dcc37143d91d172459de9a09fc52adbf303f99', 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: '7fc59df027ab9d897ed38eb6406603f7b3990739', class: `three-dots material-icons`, "aria-hidden": "true" }, this.isopen ? 'more_vert' : 'more_vert'), !this.icon_mode && h("span", { key: 'b2a8a728c7f5d5c0d3bf4887312e1ce1b10d9408', class: "dda-dropdown-text" }, h("span", { key: '835556ebb78fa343e088bf16191d786c71d44b44' }, this.selected || 'Select an option'), " ", h("i", { key: 'bb0b6a42ddd3077d12cb3fe545169cd4155aaa5f', class: `material-icons`, "aria-hidden": "true" }, this.isopen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'))), this.isopen && (h("div", { key: 'b0c010548a4488ae24c4a24485bc5b0849c5c775', 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: 'b94eb22395f2d4d31d1b16fccd5879dfe55df4b5', class: "dda-helper-text" }, this.helper_text), this.error && h("span", { key: '84406e6f63618784a31a6c9e4d9c1b78eba710d0', 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() {

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

@@ -20,7 +20,7 @@ export class DdaFooter {
         const requestedLevel = Math.round(Number(this.heading_level));
         const level = Number.isNaN(requestedLevel) ? 4 : Math.min(6, Math.max(1, requestedLevel));
         const TitleTag = `h${level}`;
-        return (h("footer", { key: 'f005938d6cd00f889182331ef14c6d9ba4f0d0a5', class: "WB-footer" }, h("div", { key: 'da98f6e6442a9a1d8aae849a1a55eb836c63f71c', class: "dda-container line-seperater" }, h("div", { key: 'd3447ec6c8ed1beba16e078a5a9a1b74b490e32b', class: "dda-flex dda-align-center flex-column dda-gap-5" }, h(TitleTag, { key: 'caf3a306f5ae2117b37ae222276baadbf247a2c2', class: "dda-fs-display-sm dda-fw-700 dda-color-black" }, this.footerTitle), h("p", { key: 'de06d678244cf28af63313ef290a7a704d8f053b', class: "dda-fs-title-sm dda-fw-400 mb-3" }, this.description), h("div", { key: 'b264b2da8978aba5d2b36b4dee515d78a2754f60', class: "dda-flex dda-gap-5" }, h("dda-button", { key: '72cebd0ec2437bdf10c10730e90006a781d400e3', button_color: "default-primary", size: "lg" }, this.signUpButtonText), h("dda-button", { key: '8dad3345aa9873e38c0204447f3efb52633f702f', button_color: "default-tertiary", size: "lg" }, this.loginButtonText)))), h("div", { key: '36166b48c129ea1279e0631ebda38f616ee67d8b', class: "dda-container line-seperater" }, h("div", { key: 'c8e710c6a0a452e73f373c112ff80c1e3785bccd', class: "dda-row" }, h("div", { key: 'e9afa1b5bc17609888a19378b2bf855668c6a9e2', class: "dda-col-lg-4 mb-3" }, h("div", { key: '62068dcf2903f49e07ed23134f9ffc9525563689', class: "text-center" }, h("img", { key: '59a61465e0a2be3b7e61c5e47367b1264763157d', class: "entt-logo", src: this.logoSrc, alt: this.logoAlt }), this.logoDescription && h("p", { key: '38d8579830e00cc435bfc3629ae57b46ce80daf6', class: "dda-fs-title-sm" }, this.logoDescription))), h("div", { key: 'bfa182e001f7d49b50c34a7883bb6736a3fdd990', class: "dda-col-lg-8" }, h("div", { key: '3cf9158a674d75d69830c9e146f11ee40c9d38df', class: "dda-row" }, sections.map((section) => (h("div", { class: "dda-col-6 dda-col-sm-6 dda-col-md-3 mb-3" }, h("p", { class: "dda-fs-title-sm dda-fw-700 dda-color-black mb-3" }, section.title), h("ul", { class: "footer-menu" }, section.links.map((link) => (h("li", null, h("a", { class: "dda-fs-title-sm dda-fw-400", href: link.href }, link.label)))))))))))), h("div", { key: '808f2b1974985f2be33fc0cd6f47bddb64d545fd', class: "dda-container pt-4" }, h("div", { key: 'ee24d5898bc373cb94bfc950bfac7c565b27c590', class: "dda-flex dda-align-center dda-justify-space" }, h("p", { key: '49c490acbe449b27e361bf89855b06d5a4b69b3f', class: "dda-fs-title-sm" }, this.copyrightText), h("ul", { key: 'f4515714b6cd67e7b56c32644ff066aaa586fd07', class: "dda-flex dda-align-center dda-gap-4" }, icons.map((icon) => (h("li", null, h("a", { href: icon.href }, h("img", { class: "footer-social-icn", src: icon.src, alt: icon.alt }))))))))));
+        return (h("footer", { key: '1abdfbf6fa643e0546541c55654dcde80a467898', class: "WB-footer" }, h("div", { key: '103d42221da8df817f792c1440dfa2c50d52dc1f', class: "dda-container line-seperater" }, h("div", { key: 'ae29a2d9cac64b8ae3c159c3e37bc2958972fa37', class: "dda-flex dda-align-center flex-column dda-gap-5" }, h(TitleTag, { key: '12a9567ca4efe84c161354afaa79f47991507089', class: "dda-fs-display-sm dda-fw-700 dda-color-black" }, this.footerTitle), h("p", { key: '759ed3d7604e9affd9c9f40bb54bb6087b34d1f2', class: "dda-fs-title-sm dda-fw-400 mb-3" }, this.description), h("div", { key: '80acb5435bf5ee1610946722b92c26a0a0d4b455', class: "dda-flex dda-gap-5" }, h("dda-button", { key: '932a9230d89fbb60fd09cffda1b8f96e90fb3180', button_color: "default-primary", size: "lg" }, this.signUpButtonText), h("dda-button", { key: '89f9f4662e624118d90b2e6ff3269eb19cf6e558', button_color: "default-tertiary", size: "lg" }, this.loginButtonText)))), h("div", { key: 'e88d58858c83644dd426f696e6810c6c695b668e', class: "dda-container line-seperater" }, h("div", { key: 'cc9786e8c534394b24dab8d1f5c3cecc7918574d', class: "dda-row" }, h("div", { key: 'f8c064e0e5cfe52c520cc690b47f9c34abf1d26f', class: "dda-col-lg-4 mb-3" }, h("div", { key: '4490571be75b98a1ea323bc03cafa1f4dec310dc', class: "text-center" }, h("img", { key: '204f1601e852db0cdbd3517148b92a7dac564709', class: "entt-logo", src: this.logoSrc, alt: this.logoAlt }), this.logoDescription && h("p", { key: '85452c22300d9afc47b66033fc032fac50349c64', class: "dda-fs-title-sm" }, this.logoDescription))), h("div", { key: 'bf8ec88258036115c69dbe43d6b8e0a41ca5b33e', class: "dda-col-lg-8" }, h("div", { key: '32bcf400716b8442f74dcabb69c291c1c496f8e3', class: "dda-row" }, sections.map((section) => (h("div", { class: "dda-col-6 dda-col-sm-6 dda-col-md-3 mb-3" }, h("p", { class: "dda-fs-title-sm dda-fw-700 dda-color-black mb-3" }, section.title), h("ul", { class: "footer-menu" }, section.links.map((link) => (h("li", null, h("a", { class: "dda-fs-title-sm dda-fw-400", href: link.href }, link.label)))))))))))), h("div", { key: 'e11731999d9f0d4ee1aee961c6f21ea457821b57', class: "dda-container pt-4" }, h("div", { key: '214bd4622a14a9495eeb9cec34d4de7933fb7ada', class: "dda-flex dda-align-center dda-justify-space" }, h("p", { key: 'd63056c0dfe45922f1ddac4710e318263dd442ab', class: "dda-fs-title-sm" }, this.copyrightText), h("ul", { key: 'dc189cb2d7909aec14239cd86bb8ba4f602761eb', class: "dda-flex dda-align-center dda-gap-4" }, icons.map((icon) => (h("li", null, h("a", { href: icon.href }, h("img", { class: "footer-social-icn", src: icon.src, alt: icon.alt }))))))))));
     }
     static get is() { return "dda-footer"; }
     static get originalStyleUrls() {

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

@@ -20,6 +20,10 @@ export class DdaHomeBanner {
         this.slide_button_label = 'Go to slide';
         /** Template for the screen-reader slide announcement. `{current}` and `{total}` are substituted. */
         this.slide_status_label = 'Slide {current} of {total}';
+        /** Shows the decorative scroll icon at the end of the slide controls (hidden at 992px and below unless `show_scroll_icon_mobile` is set). Default: `true`. */
+        this.show_scroll_icon = true;
+        /** Also shows the scroll icon at 992px and below. Default: `false`. */
+        this.show_scroll_icon_mobile = false;
         this.currentSlide = 0;
         this.slides = [];
         this.isPaused = false;
@@ -182,10 +186,10 @@ export class DdaHomeBanner {
     render() {
         const total = this.slides.length;
         const showAutoplayToggle = this.autoplay && !this.reducedMotion;
-        return (h(Host, { key: '55af6c4a8e1fed6935eda674d5bbd51204814277', class: "home-slider", role: "region", "aria-roledescription": "carousel", "aria-label": this.aria_label }, h("div", { key: '790cdee9cb0c382ba87e0a1dd980023e86340bbf', class: "dda-slider-container" }, h("div", { key: 'bf9986414f25e2127d194860df875b171eb97880', class: "dda-slides", style: { width: total * 100 + 'vw', left: this.currentSlide * -100 + '%' } }, h("slot", { key: '380c1b2915568c3662e491eb0f6084428dc0365a' })), h("div", { key: 'd75bdafad8323981b67f7d618e22d73dd2bce5d9', class: 'slider-nav' }, showAutoplayToggle && (h("button", { key: '1a5bdeeb6a7b7cbe4f21c997e1b66795e1ace3e0', class: "pause", type: "button", "aria-label": this.isPaused ? this.play_button_label : this.pause_button_label, onClick: this.togglePause }, h("i", { key: 'fc59a1f184e6dd2bf2fb0a29615f65ec02c9b804', class: "material-icons", "aria-hidden": "true" }, this.isPaused ? 'play_arrow' : 'pause'))), h("button", { key: '3f8c87ccb3bf0c82551d24da0bb33a01b2df8071', class: "prev", type: "button", "aria-label": this.previous_button_label, onClick: () => this.prevSlide() }, h("i", { key: '8f3f95d4a1caf4a5b71051c7684e5c801b848c83', class: "material-icons", "aria-hidden": "true" }, "chevron_left")), h("ul", { key: 'de0771580040c02d8a16b71b86bbb36ecdad5f35' }, this.slides.map((_, index) => {
+        return (h(Host, { key: '44c4c55938a8ba6d6974780e92cfdc02479afb8a', class: "home-slider", role: "region", "aria-roledescription": "carousel", "aria-label": this.aria_label }, h("div", { key: '18314d56093e75acab6394769984de61cc133e4c', class: "dda-slider-container" }, h("div", { key: '6dca34903300349e02527a809be5cae94878831d', class: "dda-slides", style: { width: total * 100 + 'vw', left: this.currentSlide * -100 + '%' } }, h("slot", { key: 'a9df2fcbbcdaba8f79f29fa8ff3cbcd163eaa9d4' })), h("div", { key: '37a9054da4e5dcad38d83a8decd80635ef26cdf2', class: 'slider-nav' }, showAutoplayToggle && (h("button", { key: '94718488655c71f3a38baabadb3bfe945cf1e7ca', class: "pause", type: "button", "aria-label": this.isPaused ? this.play_button_label : this.pause_button_label, onClick: this.togglePause }, h("i", { key: 'ff629d0378a36110f00bb8f17f358a37dd3cd7d0', class: "material-icons", "aria-hidden": "true" }, this.isPaused ? 'play_arrow' : 'pause'))), h("button", { key: '76227e52e94f08a416b56680f61ac5a76c6ef1ba', class: "prev", type: "button", "aria-label": this.previous_button_label, onClick: () => this.prevSlide() }, h("i", { key: '19f8f4da320613319482f4da4e4367a0ff1ea887', class: "material-icons", "aria-hidden": "true" }, "chevron_left")), h("ul", { key: '32ae627535ab523d85ad33d658523095f9ff9e45' }, this.slides.map((_, index) => {
             const isCurrent = this.currentSlide === index;
             return (h("li", null, h("button", { type: "button", class: isCurrent ? 'dots active' : 'dots', "aria-label": `${this.slide_button_label} ${index + 1}`, "aria-current": isCurrent ? 'true' : null, onClick: () => this.setSlide(index) })));
-        })), h("button", { key: '0c5c03b4283cb4eebd37d5ceba09429ea6164743', class: "next", type: "button", "aria-label": this.next_button_label, onClick: () => this.nextSlide() }, h("i", { key: '88e68e9d597893a55ab7f3e4d440ba409bae27de', class: "material-icons", "aria-hidden": "true" }, "chevron_right"))), h("div", { key: 'c9c2a5b02f68eedc517f02acac754438240af2c6', class: "visually-hidden", role: "status", "aria-live": this.isRotating ? 'off' : 'polite' }, total ? this.statusText(this.currentSlide + 1, total) : ''))));
+        })), h("button", { key: '60ce3c8766da6e41c43fed8b2896289592b2b21f', class: "next", type: "button", "aria-label": this.next_button_label, onClick: () => this.nextSlide() }, h("i", { key: 'ce7a17d796ae162e53b3ed26aea0b48a3be907f1', class: "material-icons", "aria-hidden": "true" }, "chevron_right")), this.show_scroll_icon && (h("div", { key: '2280a7a5818da850449da17792d5d6d9fd5740fe', class: { 'dda-mouse-scroll': true, 'dda-mouse-scroll-mobile': this.show_scroll_icon_mobile }, "aria-hidden": "true" }, h("dda-scroll-icon", { key: 'd0f4be0b232c881c71c2c3469c47c019de021acf', scroll_icon_size: "sm", scroll_icon_color: "white" })))), h("div", { key: '1438d05ca350cd7a98c343bd6dd3b549fbfa75f3', class: "visually-hidden", role: "status", "aria-live": this.isRotating ? 'off' : 'polite' }, total ? this.statusText(this.currentSlide + 1, total) : ''))));
     }
     static get is() { return "dda-home-banner"; }
     static get originalStyleUrls() {
@@ -379,6 +383,46 @@ export class DdaHomeBanner {
                 "reflect": false,
                 "attribute": "slide_status_label",
                 "defaultValue": "'Slide {current} of {total}'"
+            },
+            "show_scroll_icon": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Shows the decorative scroll icon at the end of the slide controls (hidden at 992px and below unless `show_scroll_icon_mobile` is set). Default: `true`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show_scroll_icon",
+                "defaultValue": "true"
+            },
+            "show_scroll_icon_mobile": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Also shows the scroll icon at 992px and below. Default: `false`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show_scroll_icon_mobile",
+                "defaultValue": "false"
             }
         };
     }

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

@@ -24,6 +24,8 @@ export default {
         pause_button_label: { control: 'text', description: 'Accessible name for the pause button' },
         play_button_label: { control: 'text', description: 'Accessible name for the play button' },
         slide_button_label: { control: 'text', description: 'Prefix for each dot’s accessible name' },
+        show_scroll_icon: { control: 'boolean', description: 'Show the decorative scroll icon after the slide controls' },
+        show_scroll_icon_mobile: { control: 'boolean', description: 'Also show the scroll icon at 992px and below' },
     },
     parameters: {
         docs: {
@@ -64,6 +66,8 @@ const Template = args => `
     pause_button_label="${args.pause_button_label}"
     play_button_label="${args.play_button_label}"
     slide_button_label="${args.slide_button_label}"
+    show_scroll_icon="${args.show_scroll_icon}"
+    show_scroll_icon_mobile="${args.show_scroll_icon_mobile}"
   >
     ${slide(IMG_1, 'Aerial view of Dubai at sunset', 'Digitalizing Life In Dubai', 'Pioneering and accelerating the pace of digital transformation in the city')}
     ${slide(IMG_2, 'Dubai skyline at dusk', 'Explore More', 'Find the services you need')}
@@ -78,6 +82,8 @@ const defaultArgs = {
     pause_button_label: 'Pause slideshow',
     play_button_label: 'Play slideshow',
     slide_button_label: 'Go to slide',
+    show_scroll_icon: true,
+    show_scroll_icon_mobile: false,
 };
 export const Default = Template.bind({});
 Default.args = Object.assign({}, defaultArgs);

package/dist/collection/components/dda-home-banner/home-banner.css

@@ -160,6 +160,13 @@
   height: 25px;
   overflow: hidden;
 }
+
+.slider-nav .dda-mouse-scroll {
+  display: flex;
+  align-items: center;
+  margin-inline-start: 8px;
+}
+
 .slider-nav ul {
   display: flex;
   align-items: center;
@@ -208,6 +215,9 @@
   .slider-nav {
     bottom: 100px;
   }
+  .slider-nav .dda-mouse-scroll:not(.dda-mouse-scroll-mobile) {
+    display: none;
+  }
 }
 /* On taller small screens the quick-link cards sit on the banner (dda.css), so the controls sit
    16px above them. The two custom properties are the cards' gap above the bar and their height. */

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

@@ -42,7 +42,7 @@ export class DdaInput {
             this.input_name,
         ].filter(Boolean).join(' ');
         const id = this.inputId;
-        return (h(Host, { key: 'b36592f3d8f701d0adf836057c3d3d2073ad64e6' }, h("div", { key: 'f5f37555cc31612fe697cfe4a26aacb273a76acb', class: inputClass }, this.label && h("label", { key: '54f1595fd236e6987e6b347dcecff8c95562e4e7', htmlFor: id, class: "dda-input-label" }, this.label), h("input", { key: '36a393c6dba904336066803822a3efcf0e02ffae', "aria-label": this.aria_label, id: id, name: this.input_name, type: this.type, autocomplete: this.autocomplete, placeholder: this.placeholder, value: this.value, onInput: (event) => this.handleInput(event), class: "dda-input-field dda-input-text", "aria-describedby": this.describedBy, "aria-invalid": this.error_message ? 'true' : undefined }), this.helper_text && h("span", { key: '9ddd9e935c97814b24d238f44f5d73fc232e5c5a', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '7c3f9642076e69314f2356fb9ad471f75b2b1f08', id: this.errorId, class: "dda-error-message" }, this.error_message))));
+        return (h(Host, { key: '456013b1bf9ca36cec1e860eeed4d26cf6b212db' }, h("div", { key: '91cee372c7df53d78228f0cc4203c63b62d87baa', class: inputClass }, this.label && h("label", { key: 'ca0ebefb538fdf75ea2320d9b72e6b37eefceb90', htmlFor: id, class: "dda-input-label" }, this.label), h("input", { key: '2d192f9e330e69343af07dd9dc5ccf3114081a65', "aria-label": this.aria_label, id: id, name: this.input_name, type: this.type, autocomplete: this.autocomplete, placeholder: this.placeholder, value: this.value, onInput: (event) => this.handleInput(event), class: "dda-input-field dda-input-text", "aria-describedby": this.describedBy, "aria-invalid": this.error_message ? 'true' : undefined }), this.helper_text && h("span", { key: '36471770750b966057d05c2d094649160718337f', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: 'f9f9f7232f29114a03bec71f5e815e7b99b5facb', id: this.errorId, class: "dda-error-message" }, this.error_message))));
     }
     static get is() { return "dda-input"; }
     static get originalStyleUrls() {

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

@@ -33,9 +33,9 @@ export class DdaLinkButton {
             this.custom_class, // Include custom class
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'e0f1c7a305ff72f3eadf337585da8021e18e4571' }, h("a", { key: 'f2e280df14c0114c54d6e744651bcdfee022b66d',
+        return (h(Host, { key: '2e046f0acf81a0794343eeed591da1dc410222a7' }, h("a", { key: 'f0cc2585726e2a4e081dda080edde3894a9f6ab2',
             //   type={this.type}
-            id: this.button_id, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && h("i", { key: '190f9273d127bcf6a9b20882fda5a08d3c4c065b', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.start_icon), h("slot", { key: 'ec486bf4bd3b3aee2edf30df7f0677f76f090792' }), this.end_icon && h("i", { key: '0f295c677268f3751175800553566d39a2bc5e59', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.end_icon))));
+            id: this.button_id, href: this.href, class: linkbuttonClass, "aria-label": this.aria_label }, this.start_icon && h("i", { key: '21aa636558ccc01a45ec274470d1a0e76557ab30', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.start_icon), h("slot", { key: 'f150c5b2d5dcf495c3c1bd345996516a759087d3' }), this.end_icon && h("i", { key: '6534ba8e68d01beebaa69b65271edc772600ce77', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, this.end_icon))));
     }
     static get is() { return "dda-link-button"; }
     static get originalStyleUrls() {

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

@@ -72,7 +72,7 @@ export class DdaNumberField {
             this.component_mode,
         ].filter(Boolean).join(' ');
         const id = this.inputId;
-        return (h(Host, { key: 'f624d00bd4b5e0c29cdf713f837a83be852e8c30' }, h("div", { key: 'bdcbc45802ac76a5b59eecc57514ddfaa29235a7', class: containerClass }, this.label && h("label", { key: '02ef6553822c0a1b9fafc7ccff2038e200e00715', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: 'f0c13e421c9de5d60b815efc709f5021ee9b2509', class: "dda-input-field-group dda-number-field" }, h("input", { key: '09a73be6481a4285520150c3f4541a43bc2db872', id: id, name: this.input_name, "aria-label": this.aria_label, type: "text", placeholder: this.placeholder, value: this.value, pattern: "[0-9]*", onInput: event => this.handleInput(event), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), class: "dda-field-group-input", "aria-describedby": this.describedBy, "aria-invalid": this.error_message ? 'true' : undefined }), h("div", { key: '26db621e11ca058e3758144a20508483dcf33394', class: "dda-input-dropdown-btn" }, h("button", { key: '9ec16119661ba40362ab85c65f2f108ea5dcafff', name: this.toggle_button_name, type: "button", class: "dda-dropdown-select", "aria-label": this.toggle_button_label ? `${this.toggle_button_label}: ${this.selected_currency}` : undefined, "aria-expanded": this.isCurrencyDropdownOpen ? 'true' : 'false', onClick: () => this.toggleCurrencyDropdown() }, this.selected_currency, " ", h("i", { key: '5ed1789d07a7e70bb8e903e2d9c4ee969ea19a75', class: `material-icons`, "aria-hidden": "true" }, this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.isCurrencyDropdownOpen && (h("div", { key: '1f212a2cc5a4d71e8d8c463fc10b1ea828b66630', class: "dda-input-dropdown-list" }, this.parsedCurrencies.length > 0 ? (this.parsedCurrencies.map(option => (h("button", { name: this.currency_button_name, type: "button", class: `dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`, onClick: () => this.selectCurrency(option) }, option)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available")))))), this.helper_text && h("span", { key: '038ad7c3098d0353d63a85e5fa224c084ec9989f', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '743f363599d29ff486146638e406053197328204', id: this.errorId, class: "dda-error-message" }, this.error_message))));
+        return (h(Host, { key: 'dc33118445c063d8a31299d0e75864f7c2af28b6' }, h("div", { key: '8722c72807a6e63b15ca5332cbdc96e969aba269', class: containerClass }, this.label && h("label", { key: '9dd6dca85d42b69ffa360e71c917fdfc623f6c88', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: '4194f6757d7374277e1d83b5e68aed484cddfde3', class: "dda-input-field-group dda-number-field" }, h("input", { key: '23e0faff7ff131e7dc4f510aab976fda2da35cb3', id: id, name: this.input_name, "aria-label": this.aria_label, type: "text", placeholder: this.placeholder, value: this.value, pattern: "[0-9]*", onInput: event => this.handleInput(event), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), class: "dda-field-group-input", "aria-describedby": this.describedBy, "aria-invalid": this.error_message ? 'true' : undefined }), h("div", { key: '794dd0cbfd19a7c5248577cd84246e15724f5bbc', class: "dda-input-dropdown-btn" }, h("button", { key: '58342bb737767eec02ab21e85ee54950e47a9c81', name: this.toggle_button_name, type: "button", class: "dda-dropdown-select", "aria-label": this.toggle_button_label ? `${this.toggle_button_label}: ${this.selected_currency}` : undefined, "aria-expanded": this.isCurrencyDropdownOpen ? 'true' : 'false', onClick: () => this.toggleCurrencyDropdown() }, this.selected_currency, " ", h("i", { key: 'c6b45acd08c9c8091c0c350ce589af6a8de55bb3', class: `material-icons`, "aria-hidden": "true" }, this.isCurrencyDropdownOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.isCurrencyDropdownOpen && (h("div", { key: 'e9d3355a8cc996668af6bd1d54b2cd63c960ce22', class: "dda-input-dropdown-list" }, this.parsedCurrencies.length > 0 ? (this.parsedCurrencies.map(option => (h("button", { name: this.currency_button_name, type: "button", class: `dda-input-dropdown-item ${this.selected_currency === option ? 'selected' : ''}`, onClick: () => this.selectCurrency(option) }, option)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available")))))), this.helper_text && h("span", { key: '31e43fb31d6f5256fa1be9ad07ad6b8ed39a10d6', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '7a5ba18f96a66cb35fa217379014d0b5d15da9ce', id: this.errorId, class: "dda-error-message" }, this.error_message))));
     }
     static get is() { return "dda-number-field"; }
     static get originalStyleUrls() {

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

@@ -63,7 +63,7 @@ export class DdaPagination {
         }
     }
     render() {
-        return (h(Host, { key: '3b11664484e9c91e045896687bce2b2f645c7947' }, h("div", { key: 'e9a932aaa1c53285520a54d2a66d115a86479817', class: `dda-pagination-container` }, this.renderPagination())));
+        return (h(Host, { key: 'df2d0d06768da20cb3abb0321ab530e5843e1926' }, h("div", { key: 'c3eb73ffd96039d3a979fef9f7c750de725c3a9f', class: `dda-pagination-container` }, this.renderPagination())));
     }
     static get is() { return "dda-pagination"; }
     static get originalStyleUrls() {

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

@@ -78,7 +78,7 @@ export class DdaPhoneField {
     render() {
         const inputClass = `${this.component_mode} ${this.size ? `dda-input-size-${this.size}` : ''} ${this.error_message ? `dda-error-message` : ''}  ${this.validation_type ? `dda-validation-${this.validation_type}` : ''}  ${this.is_focused ? 'dda-input-focus' : ''} ${this.phone_number ? 'dda-input-focus-filled' : ''}`;
         const id = this.inputId;
-        return (h(Host, { key: '1971e802b7da8e880d20b7e8f11d0b31f1beefc3' }, h("div", { key: 'b7bfc5d49a4d3eb00ded844be34efccaf5864da7', class: `dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}` }, this.label && h("label", { key: 'f53f699392cf4f471f69277f29f6060ae794c826', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: '7f805e90bccd3a560eb9a93b6c954a2f1b9b9d60', class: `dda-input-field-group dda-phone-field` }, h("div", { key: 'feb946112770887a9c249b87c47f62651613eb85', class: "dda-input-dropdown-btn" }, h("button", { key: 'e9800cd1a4ae37a887e499f29f34c7dad3afd6c3', type: "button", name: this.toggle_button_name, class: "dda-dropdown-select", "aria-label": this.toggle_button_label ? `${this.toggle_button_label}: ${this.country_code}` : undefined, "aria-expanded": this.dropdown_open ? 'true' : 'false', onClick: () => this.toggleDropdown() }, h("img", { key: '94638c0703e46eb7c56557e2480bfa14ca0d1e26', src: this.country_flag, alt: "", width: "20" }), " ", this.country_code, " ", h("i", { key: '2c7fe54aa11ecc2d3cfffc8960b21cf3b884aa4d', class: `material-icons`, "aria-hidden": "true" }, this.dropdown_open ? 'keyboard_arrow_down' : 'keyboard_arrow_down')), this.dropdown_open && (h("div", { key: 'ed81296b81e4fe2fb6def30f03b1ef47c542921d', class: "dda-input-dropdown-list" }, this.countries.map((country, index) => (h("button", { id: `${this.button_id || `${id}-country`}-${index}`, name: this.country_select_button_name, "aria-label": this.button_aria_label, type: "button", class: "dda-input-dropdown-item", onClick: () => this.selectCountry(country) }, h("img", { src: country.flag, alt: "", width: "20" }), " ", country.code)))))), h("input", { key: '33aacdf8a564316fe1eebc7b8f5897d051e95263', id: id, name: this.phone_input_name, "aria-label": this.aria_label, type: "tel", class: `dda-field-group-input`, placeholder: this.placeholder, inputmode: 'tel', pattern: "[0-9]*", autocomplete: this.autocomplete, value: this.phone_number, onInput: this.handlephonenumberChange.bind(this), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), disabled: this.disabled, "aria-describedby": this.describedBy, "aria-invalid": this.error_message ? 'true' : undefined })), this.helper_text && !this.validation_type && h("span", { key: '4022e0e244728725e57d7c8b3bc9f63dcc8f019d', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '93e0cce65d8fde351b2e031b3ad0be723a7804ec', id: this.errorId, class: "dda-error-message" }, this.error_message))));
+        return (h(Host, { key: 'c8913d6b359cfe46a5706f42acbb11764bbd63d5' }, h("div", { key: '90871fbde7ba810963796ec709106b0463ef2b97', class: `dda-input-container ${inputClass} ${this.custom_class} ${this.disabled ? 'dda-input-disabled' : ''}` }, this.label && h("label", { key: '031fe1b88ca5dce28bf0d05f065e29b713e6b0e0', htmlFor: id, class: "dda-input-label" }, this.label), h("div", { key: 'cffc978d774e2e70825cd6b0ea43d91f5b04ff6b', class: `dda-input-field-group dda-phone-field` }, h("div", { key: '5598c70cd89160303d7d3b13a7cefcaa5244d957', class: "dda-input-dropdown-btn" }, h("button", { key: 'bdadca750c04d90a310f0e2a323602b7ae493882', type: "button", name: this.toggle_button_name, class: "dda-dropdown-select", "aria-label": this.toggle_button_label ? `${this.toggle_button_label}: ${this.country_code}` : undefined, "aria-expanded": this.dropdown_open ? 'true' : 'false', onClick: () => this.toggleDropdown() }, h("img", { key: '8074516551e14d63f9db1d964aba1f4d8a2071f8', src: this.country_flag, alt: "", width: "20" }), " ", this.country_code, " ", h("i", { key: '4b02530bc19f68d6caeeda5ebcf26fa497db7805', class: `material-icons`, "aria-hidden": "true" }, this.dropdown_open ? 'keyboard_arrow_down' : 'keyboard_arrow_down')), this.dropdown_open && (h("div", { key: '4b1b3b5d846d2a1520019e99c25d2bdaea404c9f', class: "dda-input-dropdown-list" }, this.countries.map((country, index) => (h("button", { id: `${this.button_id || `${id}-country`}-${index}`, name: this.country_select_button_name, "aria-label": this.button_aria_label, type: "button", class: "dda-input-dropdown-item", onClick: () => this.selectCountry(country) }, h("img", { src: country.flag, alt: "", width: "20" }), " ", country.code)))))), h("input", { key: '679214a85f3ede2dbf92bf47978638f2409da898', id: id, name: this.phone_input_name, "aria-label": this.aria_label, type: "tel", class: `dda-field-group-input`, placeholder: this.placeholder, inputmode: 'tel', pattern: "[0-9]*", autocomplete: this.autocomplete, value: this.phone_number, onInput: this.handlephonenumberChange.bind(this), onFocus: this.handleFocus.bind(this), onBlur: this.handleBlur.bind(this), disabled: this.disabled, "aria-describedby": this.describedBy, "aria-invalid": this.error_message ? 'true' : undefined })), this.helper_text && !this.validation_type && h("span", { key: '9af9eb28aa2843e44dfbde3fc9fe7f7bd39f1d27', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '5b1f290bba8fc9896a2de543611fa44da2579fab', id: this.errorId, class: "dda-error-message" }, this.error_message))));
     }
     static get is() { return "dda-phonefield"; }
     static get originalStyleUrls() {