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

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-CFIwfRqf.js';
-export { s as setNonce } from './index-CFIwfRqf.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-BJOt1fv7.js';
+export { s as setNonce } from './index-BJOt1fv7.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"dda-header\",[[0,\"dda-header\",{\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoWhiteSrc\":[1,\"first-logo-white-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"firstLogoHref\":[1,\"first-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"loginLink\":[1,\"login-link\"],\"sideMenuItems\":[1,\"side-menu-items\"],\"quickLinks\":[1,\"quick-links\"],\"readSpeakerLink\":[1,\"read-speaker-link\"],\"searchText\":[1,\"search-text\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"hide_login\":[4],\"language_text\":[1],\"language_lang\":[1],\"hamburger_menu_button_name\":[1],\"menu_button_label\":[1],\"accessibility_button_name\":[1],\"search_button_name\":[1],\"search_input_name\":[1],\"search_action\":[1],\"language_button_name\":[1],\"close_menu_button_name\":[1],\"close_accessibility_button_name\":[1],\"close_sidebar_button_name\":[1],\"toggle_accessibility_button_name\":[1],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"isSearchOpen\":[32],\"openMenus\":[32],\"activeMenuIndex\":[32]},null,{\"isMenuOpen\":[{\"onMenuOpenChange\":0}]}]]],[\"dda-footer\",[[0,\"dda-footer\",{\"footerTitle\":[1,\"footer-title\"],\"heading_level\":[2],\"description\":[1],\"signUpButtonText\":[1,\"sign-up-button-text\"],\"loginButtonText\":[1,\"login-button-text\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"copyrightText\":[1,\"copyright-text\"],\"logoDescription\":[1,\"logo-description\"],\"footerSections\":[1,\"footer-sections\"],\"socialIcons\":[1,\"social-icons\"]}]]],[\"dda-sticky-footer\",[[0,\"dda-sticky-footer\",{\"happinessIconHref\":[1,\"happiness-icon-href\"],\"happinessIconSrc\":[1,\"happiness-icon-src\"],\"happinessIconAlt\":[1,\"happiness-icon-alt\"],\"happinessIconTooltip\":[1,\"happiness-icon-tooltip\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"servicesIconHref\":[1,\"services-icon-href\"],\"servicesIconSrc\":[1,\"services-icon-src\"],\"servicesIconAlt\":[1,\"services-icon-alt\"],\"servicesIconTooltip\":[1,\"services-icon-tooltip\"],\"servicesIconText\":[1,\"services-icon-text\"],\"firstLogoHref\":[1,\"first-logo-href\"],\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"firstLogoTooltip\":[1,\"first-logo-tooltip\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"secondLogoTooltip\":[1,\"second-logo-tooltip\"],\"thirdLogoHref\":[1,\"third-logo-href\"],\"thirdLogoSrc\":[1,\"third-logo-src\"],\"thirdLogoAlt\":[1,\"third-logo-alt\"],\"thirdLogoTooltip\":[1,\"third-logo-tooltip\"],\"locationButtonHref\":[1,\"location-button-href\"],\"locationLogoSrc\":[1,\"location-logo-src\"],\"locationButtonText\":[1,\"location-button-text\"],\"locationButtonIcon\":[1,\"location-button-icon\"],\"newsButtonHref\":[1,\"news-button-href\"],\"newsButtonSrc\":[1,\"news-button-src\"],\"newsButtonText\":[1,\"news-button-text\"],\"newsButtonIcon\":[1,\"news-button-icon\"],\"aiIconHref\":[1,\"ai-icon-href\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"aria_label\":[1],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"isHidden\":[32]}]]],[\"dda-accordion\",[[260,\"dda-accordion\",{\"design\":[1],\"header_text\":[1],\"body_description\":[1],\"custom_class\":[1],\"component_mode\":[1],\"accordion_icon\":[1],\"isOpen\":[32]}]]],[\"dda-alert\",[[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\",[[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\",[[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\",[[1,\"dda-banner\",{\"slides\":[1],\"slider_width\":[1],\"slider_height\":[1],\"aria_label\":[1],\"parsedSlides\":[32]}]]],[\"dda-breadcrumb\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"custom_class\":[1],\"component_mode\":[1],\"breadcrumbs\":[1]}]]],[\"dda-checkbox\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]},null,{\"steps\":[{\"parseSteps\":0}]}]]],[\"dda-input\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_step\":[2],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]},null,{\"steps\":[{\"parseSteps\":0}]}]]],[\"dda-link-button\",[[260,\"dda-link-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"href\":[1],\"component_mode\":[1],\"button_id\":[1]}]]],[\"dda-radiobutton\",[[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\",[[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\",[[260,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1],\"dismissed\":[32]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"dda-header\",[[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\",[[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\",[[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\",[[0,\"dda-home-carousel\",{\"bannercardlist\":[1],\"items_in_view\":[2],\"aria_label\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-sticky-footer\",[[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\",[[260,\"dda-accordion\",{\"design\":[1],\"header_text\":[1],\"body_description\":[1],\"custom_class\":[1],\"component_mode\":[1],\"accordion_icon\":[1],\"isOpen\":[32]}]]],[\"dda-alert\",[[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\",[[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\",[[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\",[[1,\"dda-banner\",{\"slides\":[1],\"slider_width\":[1],\"slider_height\":[1],\"aria_label\":[1],\"parsedSlides\":[32]}]]],[\"dda-breadcrumb\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"custom_class\":[1],\"component_mode\":[1],\"breadcrumbs\":[1]}]]],[\"dda-checkbox\",[[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\",[[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\",[[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\",[[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\",[[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\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]},null,{\"steps\":[{\"parseSteps\":0}]}]]],[\"dda-input\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[0,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-link-button_2\",[[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\",[[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\",[[260,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1],\"dismissed\":[32]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/esm/parse-json-prop-CvcFE821.js

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

package/dist/types/components/dda-banner-card/dda-banner-card.d.ts

@@ -0,0 +1,25 @@
+export declare class DdaBannerCard {
+    /** Link URL. With a URL the card is a link; without one it is a button. */
+    banner_card_href: string;
+    /** 3.x name of `banner_card_href`. `banner_card_href` wins when both are set. */
+    banner_card_url: string;
+    /** `id` of the link or button. */
+    banner_card_id: string;
+    /** Icon image URL. The icon is decorative: the title names the card. */
+    image_src: string;
+    /** Kept for 3.x markup. The icon is decorative, so this text is not read. */
+    image_alt: string;
+    /** Title of the card; it is the accessible name. */
+    banner_card_title: string;
+    /** Text under the title. An empty value shows nothing. */
+    banner_card_description: string;
+    /** `value` of the button (cards without a URL). */
+    banner_card_value: string;
+    /** `name` of the button (cards without a URL). */
+    banner_card_name: string;
+    /** Extra CSS classes. */
+    custom_class: string;
+    /** Theme override class, e.g. `light-mode`. */
+    component_mode: string;
+    render(): any;
+}

package/dist/types/components/dda-header/dda-header.d.ts

@@ -1,4 +1,30 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/** A `quickLinks` item. Every field is optional; the header accepts two shapes.
+ *  5.x: `{ label, href, menuLabel, subMenu }`, with `subMenu` items `{ title, description, icon, href }`.
+ *  3.x: `{ type, headerMenuLabel, url, active, headerMenuId, defaultSubMenuTitle, children }`; a
+ *  `dda_main_megamenu` item has column children `{ title, items }`. */
+export interface QuickLinkItem {
+    label?: string;
+    href?: string;
+    menuLabel?: string;
+    subMenu?: Array<{
+        title?: string;
+        description?: string;
+        icon?: string;
+        href?: string;
+    }>;
+    type?: string;
+    headerMenuLabel?: string;
+    url?: string;
+    active?: boolean | string;
+    headerMenuId?: string;
+    defaultSubMenuTitle?: string;
+    children?: QuickLinkItem[];
+    quickLinksIcon?: string;
+    description?: string;
+    title?: string;
+    items?: QuickLinkItem[];
+}
 export declare class DdaHeader {
     el: HTMLElement;
     /** Image URL of the first (government) logo, on the left of the header and in the side menu. */
@@ -21,22 +47,92 @@ export declare class DdaHeader {
     loginLink: string;
     /** Side menu items. JSON array of `{ label, href, subMenu }`; each `subMenu` item is `{ headerLabel, label, href, subMenu }` and can nest. */
     sideMenuItems: string;
-    /** Main navigation links. JSON array of `{ label, href, menuLabel, subMenu }`; `subMenu` items are `{ title, description, icon, href }` and open a mega menu. */
-    quickLinks: string;
+    /** Title above the side-menu links. Default: `Quick Links`. An empty value removes it. */
+    sideMainMenuTitle: string;
+    /** Title above the "other" side-menu links. It shows only when there are other links. */
+    sideOtherMenuTitle: string;
+    /** Second list in the side menu. JSON array (or array property) of `{ label, href, active }`; `active: "true"` marks the current page. */
+    otherMenuItems: string | Array<{
+        label: string;
+        href: string;
+        active?: string;
+    }>;
+    /** Hides the "other" side-menu links and their title. Default: `false`. */
+    hideOtherMenu: boolean;
+    /** `id` of the mobile search control. */
+    mobileMenuSearchId: string;
+    /** 3.x mobile search: when set, the mobile search is a plain link to this URL (with `mobileMenuSearchId` as its id) and the header's own search panel is not rendered. */
+    mobileMenuSearchUrl: string;
+    /** Main navigation links: a JSON array (HTML attribute) or an array (JavaScript property). 5.x items are `{ label, href, menuLabel, subMenu }`; `subMenu` items are `{ title, description, icon, href }` and open a mega menu. 3.x items (`{ type, headerMenuLabel, url, children, ... }`) also work. */
+    quickLinks: string | QuickLinkItem[];
     /** URL of the ReadSpeaker "listen" link in the accessibility panel. */
     readSpeakerLink: string;
+    /** 3.x name of `readSpeakerLink`, as an attribute: `read_speaker_link`. `readSpeakerLink` wins when both are set. */
+    read_speaker_link: string;
+    /** Heading of the contrast column in the accessibility panel. Default: `Contrast`. An empty value removes the heading. */
+    contrast_title: string;
+    /** Text above the contrast options. Default: `Select your preferred contrast setting`. */
+    contrast_description: string;
+    /** Label of the normal contrast option. Default: `Normal`. */
+    contrast_normal_text: string;
+    /** 3.x spelling of `contrast_normal_text`. `contrast_normal_text` wins when both are set. */
+    contrast_noraml_text: string;
+    /** Label of the colour-blind contrast option. Default: `Colours Blind`. */
+    contrast_color_blind_text: string;
+    /** Label of the red-weakness contrast option. Default: `Red Weakness`. */
+    contrast_red_weakness_text: string;
+    /** Label of the green-weakness contrast option. Default: `Green Weakness`. */
+    contrast_green_weakness_text: string;
+    /** Heading of the screen reader column. Default: `Screen Reader`. */
+    screen_reader_title: string;
+    /** Text in the screen reader column. Default: `Listen to the content of the page by clicking play or listen`. */
+    screen_reader_description: string;
+    /** Accessible name of the ReadSpeaker play link. Default: `Listen to this page using ReadSpeaker`. */
+    screen_reader_link_label: string;
+    /** Heading of the text size column. Default: `Text Size`. */
+    text_size_title: string;
+    /** Text in the text size column. Default: `Use the buttons below to increase or decrease the text size`. */
+    text_size_description: string;
+    /** The contrast option shown as selected. The header updates it when the user picks an option. Default: `normal`. */
+    selected_contrast: 'normal' | 'colorblind' | 'redweakness' | 'greenweakness';
+    /** The text size button shown as selected (`default-primary`). The header updates it on each click. Default: none. */
+    selected_text_size: 'small' | 'normal' | 'large';
     /** Placeholder and accessible label of the search input. Default: `Search`. */
     searchText: string;
     /** Material Symbols icon name of the Login link in the desktop toolbar and the side menu. Default: `sentiment_satisfied`. */
     loginIcon: string;
-    /** Label of the Login link in the desktop toolbar and the side menu. Default: `Login`. */
+    /** Label of the Login link in the desktop toolbar and the side menu. Default: `Login`. An empty value removes the Login link. */
     loginText: string;
     /** Hides the Login link in the desktop toolbar and the side menu. */
     hide_login: boolean;
-    /** Label of the language buttons in the desktop toolbar and the side menu. Default: `العربية`. */
+    /** Label of the language buttons in the desktop toolbar and the side menu. Default: `العربية`. An empty value removes the language buttons. */
     language_text: string;
     /** `lang` attribute of the language buttons, the language of `language_text`. Default: `ar`. */
     language_lang: string;
+    /** Tooltip of the desktop accessibility button. Default: `Accessibility`. */
+    accessibility_tooltip: string;
+    /** Accessible name (visually hidden text) of both accessibility buttons. Default: `Accessibility`. */
+    accessibility_button_text: string;
+    /** `id` of the desktop accessibility button. The side-menu button gets this id plus `-sidemenu`. */
+    accessibility_button_id: string;
+    /** `class` of the accessibility button icon. Default: `material-icons  material-symbols-outlined`. */
+    accessibility_button_icon_family: string;
+    /** Material icon name of the accessibility buttons. Default: `accessibility`. */
+    accessibility_button_icon_name: string;
+    /** Tooltip of the desktop search. Default: `Search`. */
+    search_tooltip: string;
+    /** Placeholder of the search inputs. Default: the `searchText` value, else `Search`. */
+    search_input_placeholder: string;
+    /** Tooltip of the desktop language button. Default: `Language`. */
+    language_tooltip: string;
+    /** Tooltip of the desktop Login link. Default: the Login label. */
+    login_tooltip: string;
+    /** When `false`, the header renders no accessibility panel; the buttons only emit `accessibilitymenufunctionality`, so the page can open its own panel. Default: `true`. */
+    usePredesignedAccessibilityMenu: boolean;
+    /** Emitted on every click of an accessibility button (3.x name). */
+    accessibilityMenuToggle: EventEmitter<void>;
+    /** Emitted with the query when a non-empty search is submitted (3.x name). Pages that open a results page from this event keep working. `searchSubmit` is the 5.x event, and it can cancel the navigation. */
+    searchInput: EventEmitter<string>;
     /** Emitted when the user clicks the language button. */
     languageSwitch: EventEmitter<void>;
     /** Emitted when the user clicks the `A-` (smaller text) button in the accessibility panel. */
@@ -96,6 +192,9 @@ export declare class DdaHeader {
         [index: string]: boolean;
     };
     activeMenuIndex: number | null;
+    activeSubIndex: number | null;
+    /** Offset (px) from the top of the open dropdown to the opener of its third-level panel. */
+    activeSubTop: number;
     toggleSidebarSubMenu(index: string): void;
     toggleEscapeKey: (event: KeyboardEvent) => void;
     componentDidLoad(): void;
@@ -117,6 +216,7 @@ export declare class DdaHeader {
     private toggleSubMenu;
     private toggleAccessibilty;
     private languagehandler;
+    private text;
     private smTexthandler;
     private baseTexthandler;
     private lgTexthandler;
@@ -125,5 +225,15 @@ export declare class DdaHeader {
     private redContrasthandler;
     private greenContrasthandler;
     renderSubMenu: (subMenu: any, parentLi: any) => any;
+    private renderAccessibilityColumns;
+    private tooltip;
+    private get loginLabel();
+    private get showLogin();
+    private get languageLabel();
+    private renderAccessibilityButton;
+    private renderDropdown;
+    /** The id of the dropdown or mega panel that top-level item `index` opens. */
+    private menuPanelId;
+    private renderMega;
     render(): any;
 }

package/dist/types/components/dda-header/dda-header.stories.d.ts

@@ -87,6 +87,192 @@ declare const _default: {
             };
             description: string;
         };
+        read_speaker_link: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        contrast_title: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        contrast_description: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        contrast_normal_text: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        contrast_noraml_text: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        contrast_color_blind_text: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        contrast_red_weakness_text: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        contrast_green_weakness_text: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        screen_reader_title: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        screen_reader_description: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        screen_reader_link_label: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        text_size_title: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        text_size_description: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        selected_contrast: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        selected_text_size: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        accessibility_tooltip: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        accessibility_button_text: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        accessibility_button_id: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        accessibility_button_icon_family: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        accessibility_button_icon_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        search_tooltip: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        search_input_placeholder: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        language_tooltip: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        login_tooltip: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        usePredesignedAccessibilityMenu: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        sideMainMenuTitle: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        sideOtherMenuTitle: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        otherMenuItems: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        hideOtherMenu: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        mobileMenuSearchId: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        mobileMenuSearchUrl: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
     };
     parameters: {
         docs: {
@@ -99,3 +285,4 @@ declare const _default: {
 export default _default;
 export declare const Default: any;
 export declare const WithoutLogin: any;
+export declare const Arabic3x: () => string;

package/dist/types/components/dda-header/nav-model.d.ts

@@ -0,0 +1,19 @@
+export interface NavLink {
+    label: string;
+    href: string;
+    active: boolean;
+    id?: string;
+    description?: string;
+    icon?: string;
+}
+export interface NavColumn {
+    title?: string;
+    links: NavLink[];
+}
+export interface NavItem extends NavLink {
+    kind: 'link' | 'dropdown' | 'mega';
+    submenuTitle?: string;
+    children: NavItem[];
+    columns: NavColumn[];
+}
+export declare function normalizeQuickLinks(value: unknown): NavItem[];

package/dist/types/components/dda-home-banner/dda-home-banner.d.ts

@@ -18,6 +18,10 @@ export declare class DdaHomeBanner {
     slide_button_label: string;
     /** Template for the screen-reader slide announcement. `{current}` and `{total}` are substituted. */
     slide_status_label: string;
+    /** 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`. */
+    show_scroll_icon: boolean;
+    /** Also shows the scroll icon at 992px and below. Default: `false`. */
+    show_scroll_icon_mobile: boolean;
     currentSlide: number;
     slides: HTMLElement[];
     isPaused: boolean;

package/dist/types/components/dda-home-banner/dda-home-banner.stories.d.ts

@@ -34,6 +34,14 @@ declare const _default: {
             control: string;
             description: string;
         };
+        show_scroll_icon: {
+            control: string;
+            description: string;
+        };
+        show_scroll_icon_mobile: {
+            control: string;
+            description: string;
+        };
     };
     parameters: {
         docs: {

package/dist/types/components/dda-home-carousel/dda-home-carousel.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface BannerCardItem {
+    banner_card_href?: string;
+    banner_card_url?: string;
+    banner_card_id?: string;
+    image_src?: string;
+    image_alt?: string;
+    banner_card_title?: string;
+    banner_card_description?: string;
+    banner_card_value?: string;
+    banner_card_name?: string;
+    custom_class?: string;
+    component_mode?: string;
+}
+export declare class DdaHomeCarousel {
+    /** The cards. JSON array, or array property, of `{ banner_card_href, banner_card_title, banner_card_description, image_src, image_alt, banner_card_id, banner_card_value, banner_card_name, custom_class, component_mode }`. */
+    bannercardlist: string | BannerCardItem[];
+    /** Cards shown at once on wide screens. A card is never narrower than 220px. Default: `5`. */
+    items_in_view: number;
+    /** Accessible name of the card list. Default: `Quick links`. */
+    aria_label: string;
+    /** Extra CSS classes on the list. */
+    custom_class: string;
+    /** Theme override class, e.g. `light-mode`. */
+    component_mode: string;
+    /** Emitted when a card is clicked, with its item. A link card still navigates. */
+    cardClick: EventEmitter<BannerCardItem>;
+    render(): any;
+}

package/dist/types/components/dda-home-carousel/dda-home-carousel.stories.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: string;
+    argTypes: {
+        items_in_view: {
+            control: {
+                type: string;
+                min: number;
+            };
+            description: string;
+        };
+        aria_label: {
+            control: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components/dda-scroll-icon/dda-scroll-icon.d.ts

@@ -0,0 +1,11 @@
+export declare class DdaScrollIcon {
+    /** Size: `sm` (16.5 × 24px) or `lg` (40 × 60px). Default: `sm`. */
+    scroll_icon_size: 'sm' | 'lg';
+    /** Colour: `white` or `black`. Default: `white`. */
+    scroll_icon_color: 'white' | 'black';
+    /** Extra CSS classes on the icon. */
+    custom_class: string;
+    /** Theme override class, e.g. `light-mode`. */
+    component_mode: string;
+    render(): any;
+}

package/dist/types/components/dda-scroll-icon/dda-scroll-icon.stories.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    component: string;
+    argTypes: {
+        scroll_icon_size: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        scroll_icon_color: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+export declare const LargeBlack: any;