@dubai-design-system/components-js 3.12.16 → 5.0.0

package/dist/cjs/loader.cjs.js

@@ -1,12 +1,11 @@
 'use strict';
 
-var index = require('./index-B79qki6G.js');
-var appGlobals = require('./app-globals-V2Kpy_OQ.js');
+var index = require('./index-DGHrEPBX.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  await appGlobals.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\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"loginLink\":[1,\"login-link\"],\"sideMenuItems\":[1,\"side-menu-items\"],\"quickLinks\":[1,\"quick-links\"],\"readSpeakerLink\":[1,\"read-speaker-link\"],\"searchText\":[1,\"search-text\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"language_text\":[1],\"hamburger_menu_button_name\":[1],\"accessibility_button_name\":[1],\"search_button_name\":[1],\"search_input_name\":[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],\"openMenus\":[32],\"activeMenuIndex\":[32]}]]],[\"dda-footer.cjs\",[[1,\"dda-footer\",{\"footerTitle\":[1,\"footer-title\"],\"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\"],\"footerSections\":[1,\"footer-sections\"],\"socialIcons\":[1,\"social-icons\"]}]]],[\"dda-sticky-footer.cjs\",[[1,\"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\"],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"isHidden\":[32]}]]],[\"dda-accordion.cjs\",[[260,\"dda-accordion\",{\"design\":[1],\"header_text\":[1],\"body_description\":[1],\"custom_class\":[1],\"component_mode\":[1],\"accordion_icon\":[1],\"isOpen\":[32]}]]],[\"dda-alert.cjs\",[[0,\"dda-alert\",{\"type\":[1],\"variation\":[1],\"title_text\":[1],\"description\":[1],\"button_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"component_id\":[1],\"first_link\":[1],\"second_link\":[1],\"first_button\":[1],\"second_button\":[1],\"button_name\":[1],\"clickHandler\":[16]}]]],[\"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\":[1],\"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],\"parsedSlides\":[32]}]]],[\"dda-breadcrumb.cjs\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"custom_class\":[1],\"component_mode\":[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],\"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\":[1],\"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],\"formattedValue\":[32]}]]],[\"dda-dropdown.cjs\",[[0,\"dda-dropdown\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"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],\"isopen\":[32]}]]],[\"dda-home-banner.cjs\",[[260,\"dda-home-banner\",{\"currentSlide\":[32]}]]],[\"dda-horizontal-stepper.cjs\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"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]}]]],[\"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],\"is_focused\":[32],\"isCurrencyDropdownOpen\":[32]}]]],[\"dda-pagination.cjs\",[[0,\"dda-pagination\",{\"total_pages\":[2],\"current_page\":[2],\"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]},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],\"phone_input_name\":[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]}]]],[\"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],\"aria_label\":[1],\"button_aria_label\":[1],\"search_input_name\":[1],\"close_button_name\":[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]}]]],[\"dda-select.cjs\",[[0,\"dda-select\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"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]}]]],[\"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]}]]],[\"dda-ui-card.cjs\",[[260,\"dda-ui-card\",{\"type\":[1],\"icon\":[1],\"image\":[1],\"maintitle\":[1],\"subtitle\":[1],\"link\":[1],\"linktext\":[1],\"linkicon\":[1]}]]],[\"dda-vertical-stepper.cjs\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"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]}]]]]"), options);
+  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\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"loginLink\":[1,\"login-link\"],\"sideMenuItems\":[1,\"side-menu-items\"],\"quickLinks\":[1,\"quick-links\"],\"readSpeakerLink\":[1,\"read-speaker-link\"],\"searchText\":[1,\"search-text\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"language_text\":[1],\"hamburger_menu_button_name\":[1],\"accessibility_button_name\":[1],\"search_button_name\":[1],\"search_input_name\":[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],\"openMenus\":[32],\"activeMenuIndex\":[32]}]]],[\"dda-footer.cjs\",[[0,\"dda-footer\",{\"footerTitle\":[1,\"footer-title\"],\"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\"],\"footerSections\":[1,\"footer-sections\"],\"socialIcons\":[1,\"social-icons\"]}]]],[\"dda-sticky-footer.cjs\",[[0,\"dda-sticky-footer\",{\"happinessIconHref\":[1,\"happiness-icon-href\"],\"happinessIconSrc\":[1,\"happiness-icon-src\"],\"happinessIconAlt\":[1,\"happiness-icon-alt\"],\"happinessIconTooltip\":[1,\"happiness-icon-tooltip\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"servicesIconHref\":[1,\"services-icon-href\"],\"servicesIconSrc\":[1,\"services-icon-src\"],\"servicesIconAlt\":[1,\"services-icon-alt\"],\"servicesIconTooltip\":[1,\"services-icon-tooltip\"],\"servicesIconText\":[1,\"services-icon-text\"],\"firstLogoHref\":[1,\"first-logo-href\"],\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"firstLogoTooltip\":[1,\"first-logo-tooltip\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"secondLogoTooltip\":[1,\"second-logo-tooltip\"],\"thirdLogoHref\":[1,\"third-logo-href\"],\"thirdLogoSrc\":[1,\"third-logo-src\"],\"thirdLogoAlt\":[1,\"third-logo-alt\"],\"thirdLogoTooltip\":[1,\"third-logo-tooltip\"],\"locationButtonHref\":[1,\"location-button-href\"],\"locationLogoSrc\":[1,\"location-logo-src\"],\"locationButtonText\":[1,\"location-button-text\"],\"locationButtonIcon\":[1,\"location-button-icon\"],\"newsButtonHref\":[1,\"news-button-href\"],\"newsButtonSrc\":[1,\"news-button-src\"],\"newsButtonText\":[1,\"news-button-text\"],\"newsButtonIcon\":[1,\"news-button-icon\"],\"aiIconHref\":[1,\"ai-icon-href\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"isHidden\":[32]}]]],[\"dda-accordion.cjs\",[[260,\"dda-accordion\",{\"design\":[1],\"header_text\":[1],\"body_description\":[1],\"custom_class\":[1],\"component_mode\":[1],\"accordion_icon\":[1],\"isOpen\":[32]}]]],[\"dda-alert.cjs\",[[0,\"dda-alert\",{\"type\":[1],\"variation\":[1],\"title_text\":[1],\"description\":[1],\"button_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"component_id\":[1],\"first_link\":[1],\"second_link\":[1],\"first_button\":[1],\"second_button\":[1],\"button_name\":[1],\"clickHandler\":[16]}]]],[\"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\":[1],\"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],\"parsedSlides\":[32]}]]],[\"dda-breadcrumb.cjs\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"custom_class\":[1],\"component_mode\":[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],\"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\":[1],\"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\":[1],\"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],\"isopen\":[32]}]]],[\"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]}]]],[\"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]}]]],[\"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],\"is_focused\":[32],\"isCurrencyDropdownOpen\":[32]}]]],[\"dda-pagination.cjs\",[[0,\"dda-pagination\",{\"total_pages\":[2],\"current_page\":[2],\"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]},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],\"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],\"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],\"active_index\":[32]}]]],[\"dda-select.cjs\",[[0,\"dda-select\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"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]}]]],[\"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]}]]],[\"dda-ui-card.cjs\",[[260,\"dda-ui-card\",{\"type\":[1],\"icon\":[1],\"image\":[1],\"maintitle\":[1],\"subtitle\":[1],\"link\":[1],\"linktext\":[1],\"linkicon\":[1]}]]],[\"dda-vertical-stepper.cjs\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"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/components/dda-accordion/dda-accordion.css

@@ -17,6 +17,16 @@
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
+  width: 100%;
+  border: none;
+  margin: 0;
+  padding: 0;
+  background: none;
+  font: inherit;
+  color: inherit;
+  text-align: left;
+  appearance: none;
+  -webkit-appearance: none;
 }
 .accordion-header .header-content {
   display: flex;

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

@@ -12,7 +12,7 @@ export class DdaAccordion {
         this.isOpen = !this.isOpen;
     }
     render() {
-        return (h(Host, { key: '08be09ae3f5cbbf82ea7f12bbf169356b887c273' }, h("div", { key: '2a4b699039058216b5dd80bd115ba2bc2b4fdc15', class: `accordion-container ${this.design} ${this.custom_class} ${this.component_mode}` }, h("div", { key: '628a3bbb80a6e10de4d2a0aebb8162ba2a484619', class: "accordion-header", onClick: () => this.toggleAccordion() }, h("div", { key: '8f33bef7c4218b0ce3076bd3c0a8093eef73c9db', class: "header-content" }, h("i", { key: 'cd77aff936b019abf7ddbcbf011aff0e8edc8d72', class: "material-icons  material-symbols-outlined" }, this.accordion_icon), h("span", { key: 'ea5928157f641210dbe7b7f83513ecd6100c0f72', class: "header-text" }, this.header_text)), h("i", { key: 'bfa7ecd4aaa2e9111f05d0d1ea2c0b24aa8d00d7', class: `material-icons arrow-icon` }, this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), h("div", { key: '96628a8a6f278ce9bc0694904c979db772a59fb4', class: this.isOpen ? 'accordion-body' : 'dda-d-none' }, h("p", { key: 'c7f36c1d3b1d5ab20adff8301a6baf88bb267e95', class: "body-description" }, this.body_description), h("slot", { key: '21891fb96b57f95001d71ebd75d63b961431a3b1' })))));
+        return (h(Host, { key: '08be09ae3f5cbbf82ea7f12bbf169356b887c273' }, h("div", { key: '2a4b699039058216b5dd80bd115ba2bc2b4fdc15', class: `accordion-container ${this.design} ${this.custom_class} ${this.component_mode}` }, h("button", { key: '783e3676ac9fb0a1c548c84ef9ac950349a2aabb', type: "button", class: "accordion-header", onClick: () => this.toggleAccordion(), "aria-expanded": this.isOpen ? 'true' : 'false' }, h("div", { key: '640508d74f4a2b4f17b14a7ec52476a1bb5247d1', class: "header-content" }, h("i", { key: '21353ceba5c415ad802d27d7c7cd8c084aeb4418', class: "material-icons  material-symbols-outlined" }, this.accordion_icon), h("span", { key: '8dd2464046d54e74973a4e470318614be15f62c2', class: "header-text" }, this.header_text)), h("i", { key: '30be7c4b25ee370946e4c904d731493edb456fdc', class: `material-icons arrow-icon` }, this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), h("div", { key: '9fcf7217e92e6371bf5a841ccd802e5d7bb186f3', class: this.isOpen ? 'accordion-body' : 'dda-d-none' }, h("p", { key: 'bd8bb3a34ffa0f8bc3cb59c3ba3fb38656b54176', class: "body-description" }, this.body_description), h("slot", { key: '8693cdbbc99671f1e16eb40a33a6b595d7ce37a3' })))));
     }
     static get is() { return "dda-accordion"; }
     static get originalStyleUrls() {

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

@@ -14,8 +14,15 @@ export class DdaAlert {
             this.secondClick.emit();
         };
     }
+    // F-012: no role anywhere meant a screen reader user was never told an
+    // alert appeared. `error` is urgent enough to interrupt (role="alert",
+    // assertive); the rest are confirmations/notices that should announce
+    // politely (role="status") without stealing focus or cutting off speech.
+    get role() {
+        return this.variation === 'error' ? 'alert' : 'status';
+    }
     render() {
-        return (h("div", { key: '98ea67f782cdb170ef4440da12a3fced54483638', class: `dda-alert dda-alert-${this.type} dda-alert-${this.variation} ${this.custom_class} ${this.component_mode}` }, h("i", { key: 'f28043d93ea48b85396990cf7c9ba1820188c193', class: "material-icons  material-symbols-outlined" }, "info"), h("div", { key: 'b3c85ca4f95d41a9f1c4fbcc8516ecd2f35e16e4', class: "alert-content" }, h("h4", { key: 'ec1d4c17aa370ac496a6c956f6c1a51a9255cef0', class: "alert-title" }, this.title_text), h("p", { key: '0d98c6ad7bfc320164ba5308b8f1f8f5557eccf2', class: "alert-description" }, this.description), h("div", { key: 'ed77c41ae05b7d83bb6036931d08d972a491b1b5', class: "alert-btn-wrap" }, !!this.first_button && (h("a", { key: 'c484530a7323856ad63d8fa15d7efb71667dc5e3', href: this.first_link, onClick: () => this.firstClickHandler() }, this.first_button)), !!this.second_button && (h("a", { key: '63bea825f34ce715c6afb69c1199f81fea19bbe4', href: this.second_link, onClick: () => this.secondClickHandler() }, this.second_button)))), h("button", { key: '787968ad8cc740508907442fa513c2a076b7a68a', name: this.button_name, class: "dda-alert-close", onClick: this.clickHandler }, h("i", { key: '3d50cf338701a55809895b51cf7beace2730a403', class: "material-icons  material-symbols-outlined" }, "close"))));
+        return (h("div", { key: '60117a2d214eb0ad0c93abd2754ccdb911d0cfe6', role: this.role, class: `dda-alert dda-alert-${this.type} dda-alert-${this.variation} ${this.custom_class} ${this.component_mode}` }, h("i", { key: '001fea32dfde3e298ebf380da19d2bb66fd41b4a', class: "material-icons  material-symbols-outlined" }, "info"), h("div", { key: '1f354740327bc8c920bd061eb2c9d19d72b149a6', class: "alert-content" }, h("h4", { key: 'e964051c31405ab754ce11f0888c2745006d470e', class: "alert-title" }, this.title_text), h("p", { key: '452d099aab0de9dfdaedb7c8b2cf94253909fc79', class: "alert-description" }, this.description), h("div", { key: '0244d7586ee53984f8cc1c35131f99007f396db7', class: "alert-btn-wrap" }, !!this.first_button && (h("a", { key: 'e0f7093bfe15b7a145ec430376a90d1b8313d1ea', href: this.first_link, onClick: () => this.firstClickHandler() }, this.first_button)), !!this.second_button && (h("a", { key: '04c9b26544c6079f69f0e715123284cfcd6def11', href: this.second_link, onClick: () => this.secondClickHandler() }, this.second_button)))), h("button", { key: '2ee84dfbb52b2b9414d06ef5ddf674269ab16f25', name: this.button_name, class: "dda-alert-close", onClick: this.clickHandler }, h("i", { key: '7e8c774907624e7c86b1dfb3ef5b2a3b0d4883f6', class: "material-icons  material-symbols-outlined" }, "close"))));
     }
     static get is() { return "dda-alert"; }
     static get originalStyleUrls() {

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

@@ -41,6 +41,21 @@ export class DdaAttachFile {
         const extension = fileName.split('.').pop().toLowerCase();
         return this.fileIcons[extension] || 'path/to/default-icon.png';
     }
+    // F-016: ids derived from the consumer-supplied input_id, same pattern as
+    // dda-input/dda-select.
+    get helperId() {
+        return this.input_id ? `${this.input_id}-helper` : undefined;
+    }
+    get errorId() {
+        return this.input_id ? `${this.input_id}-error` : undefined;
+    }
+    get describedBy() {
+        const ids = [
+            this.helper_text ? this.helperId : undefined,
+            this.error_message ? this.errorId : undefined,
+        ].filter(Boolean);
+        return ids.length ? ids.join(' ') : undefined;
+    }
     render() {
         const inputClass = [
             'dda-input-container',
@@ -50,7 +65,7 @@ export class DdaAttachFile {
             this.custom_class,
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'e99c0412417098f3f3b89616d88fbd21f106b53d' }, h("div", { key: 'a624ffa2a996bab9e65f128b4134d3c3417ed5e6', class: inputClass }, this.label && h("label", { key: 'a49f5cd971e23383c9d860a9fd1bcc4097eade78', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: 'd6ce6e37c515c6d89694934a3b1069d36601a46a', class: "dda-input-field-group dda-attach-file" }, 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", { id: this.button_id, name: this.button_name, "aria-label": this.button_aria_label, 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: this.input_id, class: "dda-file-choose" }, "Choose File", h("input", { id: this.input_id, name: this.input_name, "aria-label": this.aria_label, type: "file", onInput: (event) => { this.handleFileInput(event); } }))))), this.helper_text && h("span", { key: '7fc5ff99d4c2c6722349ffe5af5f9b83af8ea981', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '094db0c139d6332b28ebb35bd4bb3d159b4da320', class: "dda-error-message" }, this.error_message))));
+        return (h(Host, { key: '02b1e08ea2bf657fb54e1a7506852f696658eb4c' }, h("div", { key: 'ea657b0a3bc0196edb10dc22006f378df968e92e', class: inputClass }, this.label && h("label", { key: 'b21659aae1c9906c2a74603eeada8a329ebdbb81', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: '907242aa03fa4723528545687a096e0224b34bc0', class: "dda-input-field-group dda-attach-file" }, 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", { id: this.button_id, name: this.button_name, "aria-label": this.button_aria_label, 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: this.input_id, class: "dda-file-choose" }, "Choose File", h("input", { id: this.input_id, name: this.input_name, "aria-label": this.aria_label, type: "file", onInput: (event) => { this.handleFileInput(event); }, "aria-describedby": this.describedBy, "aria-invalid": this.error_message ? 'true' : undefined }))))), this.helper_text && h("span", { key: '14f2a6f6ed78d54b4edb2afe7057f5caf4127356', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '513cdbc27c0dc0ca1edf1026d4e6447090f5e2b6', 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.css

@@ -5,6 +5,24 @@
   justify-content: center;
 }
 
+.avatar-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  border: none;
+  margin: 0;
+  padding: 0;
+  background: none;
+  font: inherit;
+  color: inherit;
+  cursor: default;
+  border-radius: inherit;
+  appearance: none;
+  -webkit-appearance: none;
+}
+
 .avatar-shape-circle {
   border-radius: 64px;
 }
@@ -67,7 +85,13 @@
 
 
 .avatar-type-text {
-  background: var(--dda-color-primary-40);
+  /* F-023 B2: was --dda-color-primary-40, a text-role alias, used here as a
+     background. It flips lighter in dark theme (fine for text, wrong for a
+     fill meant to hold fixed white text — 2.30:1). Use the raw ramp step
+     instead, matching what this same rule's own .light-mode override
+     already sets: a constant brand fill, so the white text stays legible in
+     both themes. */
+  background: var(--dda-primary-40);
   text-align: center;
 }
 

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

@@ -28,7 +28,13 @@ export class DdaAvatar {
         }
     }
     render() {
-        return (h("div", { key: '3336e5ff655e5d85a2090ce0fe410921a7ab8466', onClick: () => this.toggleDropdown(), class: {
+        const hasOptions = this.parsedOptions.length > 0;
+        const avatarContent = [
+            this.type === 'photo' && h("img", { key: '5455ae34642a1a696172dcb9b6985f9b7fc88df2', src: this.src, alt: "Avatar" }),
+            this.type === 'icon' && h("i", { key: 'ada1e07644b9a96e36335a7490db0451099b6bd0', class: `${this.icon} dda-smile` }, "sentiment_satisfied"),
+            this.type === 'text' && h("span", { key: 'd7cb60a8861f09c69dbcdbca401331f57b0b8805', class: 'avatar-main-text' }, this.text),
+        ];
+        return (h("div", { key: 'aad1a0787cae3bd4eb0db425f16e0c3403f306af', class: {
                 'dda-avatar': true,
                 [`avatar-type-${this.type}`]: true,
                 [`avatar-size-${this.size}`]: true,
@@ -37,7 +43,7 @@ export class DdaAvatar {
                 [`${this.custom_class}`]: true,
                 [`${this.component_mode}`]: true,
                 [`${this.button_name}`]: true,
-            } }, this.isOpen && (h("div", { key: '72e9a27a91f3559b9f890389a090875b13c82b81', class: "dda-input-dropdown-list" }, this.parsedOptions.length > 0 ? (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)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available")))), this.type === 'photo' && h("img", { key: '21e30d7985b97f0ea9ac0fdcea7e1957d75cc5d2', src: this.src, alt: "Avatar" }), this.type === 'icon' && h("i", { key: '9eb65b6c4511ff039f7728a5567dd558081dbd33', class: `${this.icon} dda-smile` }, "sentiment_satisfied"), this.type === 'text' && h("span", { key: '437c1def3d18a5583a983ad1dfaaaebe338ead22', class: 'avatar-main-text' }, this.text), this.design === 'status' && h("div", { key: '4fc33c2b88249c3a0921c6369d60669796cdba4c', class: "status-circle" }), this.design === 'verified' && h("div", { key: 'd14ea999aebc50b310a4dc92e84167cb8de2c645', class: "verified-icon" }, h("span", { key: '5bb4269d20505c21a5f9acff362a4b238d527e4d', class: "material-icons  material-symbols-outlined" }, "verified")), this.design === 'notification' && h("div", { key: '73237448b74e29d4c505e9b1676d8f1963c63628', 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: 'aad8ebd1a5df312d76d4051a92a3d2a3aa9e84e6', 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: '65373d337dd0c2265c8f787619ab14fdd8be2f53', class: "status-circle" }), this.design === 'verified' && h("div", { key: 'ee627f6d549434ec4faf03affbc14f2a8d1c4ab9', class: "verified-icon" }, h("span", { key: '43dc04d4dbe9ae6889a0a8552a04278ed078bcf2', class: "material-icons  material-symbols-outlined" }, "verified")), this.design === 'notification' && h("div", { key: '35970e35388fbbd3ea4fe5887d7e84bdc2193209', class: "notification-circle" }, this.notification_number)));
     }
     static get is() { return "dda-avatar"; }
     static get originalStyleUrls() {

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

@@ -16,7 +16,11 @@
   font-size: 7px;
 }
 .dda-chip-grey{
-  background: var(--dda-neutral-variant-94);
+  /* F-023 B3: was raw, theme-invariant --dda-neutral-variant-94, paired
+     with the theme-flipping text alias --dda-on-surface-variant-30 (used
+     here for the icon glyphs). Swap to the theme-aware surface-variant
+     alias so the background flips with the text. */
+  background: var(--dda-surface-variant-90);
   border: solid 1px var(--dda-neutral-90);
   color: var(--dda-on-surface-variant-30);
 }
@@ -95,6 +99,15 @@
 
 .dda-chip .chip-close{
   display: inline-flex;
+  align-items: center;
   cursor: pointer;
+  border: none;
+  margin: 0;
+  padding: 0;
+  background: none;
+  font: inherit;
+  color: inherit;
+  appearance: none;
+  -webkit-appearance: none;
 }
 

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

@@ -6,7 +6,7 @@ export class DdaChip {
         this.show_close_icon = false;
     }
     render() {
-        return (h(Host, { key: '0aa34e124094cc16a3f8ee43c2af63310077c670' }, h("div", { key: 'e8c2758cd3f796f6970bbd520310f81752b3993f', 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" }, this.icon) : null, h("span", { key: 'a4145827380a4c7b02e972a2061fa657d409a354' }, h("slot", { key: '73ef803648455c6673d3ab23d5a89867550f0ecd' })), this.show_close_icon && (h("span", { key: 'f1f7ed52d951915b30844f0d3c0213830420766d', class: "chip-close", onClick: this.clickHandler }, h("i", { key: 'd7475fda77750c7ed0d218b8acb09745ad37e7b6', class: "material-icons  material-symbols-outlined" }, "close"))))));
+        return (h(Host, { key: '0aa34e124094cc16a3f8ee43c2af63310077c670' }, h("div", { key: 'e8c2758cd3f796f6970bbd520310f81752b3993f', 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" }, this.icon) : null, h("span", { key: 'a4145827380a4c7b02e972a2061fa657d409a354' }, h("slot", { key: '73ef803648455c6673d3ab23d5a89867550f0ecd' })), this.show_close_icon && (h("button", { key: '965754ae1ed1b9ddd44833724ceb636a506c94d5', type: "button", class: "chip-close", onClick: this.clickHandler, "aria-label": "Remove" }, h("i", { key: 'ead2026d342d304b4a59a2c27dd7604fdf20580b', class: "material-icons  material-symbols-outlined" }, "close"))))));
     }
     static get is() { return "dda-chip"; }
     static get originalStyleUrls() {

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

@@ -74,14 +74,20 @@
 .light-mode.dda-credit-card-default{
   background: var(--dda-neutral-100);
 }
+/* F-023 B2: both fills below used a text-role alias (--dda-color-primary-40,
+   --dda-on-surface-variant-30) as a background. Both flip lighter in dark
+   theme, which is correct for text but wrong for a fill meant to hold fixed
+   white text (2.30:1 / 1.70:1). Use the raw ramp step instead, matching what
+   each rule's own .light-mode override already sets: a constant fill, so the
+   white text stays legible in both themes. */
 .dda-credit-card-green{
-  background: var(--dda-color-primary-40);
+  background: var(--dda-primary-40);
 }
 .light-mode.dda-credit-card-green{
   background: var(--dda-primary-40);
 }
 .dda-credit-card-dark{
-  background: var(--dda-on-surface-variant-30);
+  background: var(--dda-neutral-variant-30);
 }
 .light-mode.dda-credit-card-dark{
   background: var(--dda-neutral-variant-30);

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

@@ -5,8 +5,26 @@ export class DdaCreditCardField {
         this.disabled = false;
         this.custom_class = '';
         this.restrict_input = false;
+        // F-018 (WCAG 1.3.5): card number is exactly the field type autocomplete
+        // exists for. Default to the correct token; still overridable.
+        this.autocomplete = 'cc-number';
         this.formattedValue = '';
     }
+    // F-016: ids derived from the consumer-supplied input_id, same pattern as
+    // dda-input/dda-select.
+    get helperId() {
+        return this.input_id ? `${this.input_id}-helper` : undefined;
+    }
+    get errorId() {
+        return this.input_id ? `${this.input_id}-error` : undefined;
+    }
+    get describedBy() {
+        const ids = [
+            this.helper_text ? this.helperId : undefined,
+            this.error_message ? this.errorId : undefined,
+        ].filter(Boolean);
+        return ids.length ? ids.join(' ') : undefined;
+    }
     handleInput(event) {
         const inputElement = event.target;
         const inputValue = inputElement.value.replace(/[^0-9-]/g, '');
@@ -44,7 +62,7 @@ export class DdaCreditCardField {
             this.custom_class ? `${this.custom_class}` : '',
             this.component_mode,
         ].filter(Boolean).join(' ');
-        return (h(Host, { key: 'fafe6ba30b4126789535d418564c152e21b988fa' }, h("div", { key: '785aa57958c2ac438835c4e722616896e4f41184', class: inputClass }, this.label && h("label", { key: '19a2f3102b329b66f0b9383e96401357d15c62b8', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: 'dd8090f7b4c4ea38417346094a21fec12dc8dafb', class: "dda-input-field-wrapper" }, this.card_icon && h("img", { key: '47170ed250126e7961936c6f998c60318c90948f', src: this.card_icon, alt: "Card Icon", class: "dda-creditcard-icon" }), h("input", { key: '0fe09c4ead1b7e6473f837f06136a2de75365c61', "aria-label": this.aria_label, id: this.input_id, name: this.input_name, type: "text", inputmode: "numeric", placeholder: this.placeholder, value: this.formattedValue, onInput: (event) => this.handleInput(event), class: "dda-input-field", disabled: this.disabled, maxlength: this.restrict_input ? 100 : 25 })), this.helper_text && h("span", { key: '0d0c912c16d9bada005483d27198b52a4c7fde4b', class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '3c85a9c09b4388a30d1e5000a59c1a29c9faa24b', class: "dda-error-message" }, this.error_message))));
+        return (h(Host, { key: '640731f6a54bbae77a0a77c5dfb23e5a42a41d4f' }, h("div", { key: '402f8104c51e949a5e0fd5c9b458ee4a585c4ebd', class: inputClass }, this.label && h("label", { key: '9952ea7f684ac81c2f392b139f9c1b33cf68e923', htmlFor: this.input_id, class: "dda-input-label" }, this.label), h("div", { key: 'cbd8c3549328e6366d78a8713faffd69093688b3', class: "dda-input-field-wrapper" }, this.card_icon && h("img", { key: '3960616cd63f3368e678d6dd2a82adcb795f9f18', src: this.card_icon, alt: "Card Icon", class: "dda-creditcard-icon" }), h("input", { key: '9597182a7f98f68bf94465da894a669b95b81dc9', "aria-label": this.aria_label, id: this.input_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: 'ef7f3746abb8e205ee6b3be035ac9507318145b5', id: this.helperId, class: "dda-helper-text" }, this.helper_text), this.error_message && h("span", { key: '3f925024408b1ebdd4738a203ef00784efe5820f', id: this.errorId, class: "dda-error-message" }, this.error_message))));
     }
     static get is() { return "dda-creditcard-field"; }
     static get originalStyleUrls() {
@@ -366,6 +384,26 @@ export class DdaCreditCardField {
                 "setter": false,
                 "reflect": false,
                 "attribute": "input_name"
+            },
+            "autocomplete": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "autocomplete",
+                "defaultValue": "'cc-number'"
             }
         };
     }

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

@@ -73,6 +73,10 @@ export default {
         input_name: {
             control: { type: 'text' },
             description: 'Name of the input field',
+        },
+        autocomplete: {
+            control: { type: 'text' },
+            description: 'Autocomplete token for the card number input (WCAG 1.3.5). Defaults to "cc-number".',
         }
     },
     parameters: {
@@ -98,6 +102,7 @@ export default {
     aria_label="credit-card-field"
     onchange="console.log('changed')"
     input_name="input"
+    autocomplete="cc-number"
 ></dda-creditcard-field>
     \`\`\`
   `,
@@ -129,6 +134,7 @@ Default.args = {
     aria_label: 'credit-card-field',
     onchange: '',
     input_name: 'input',
+    autocomplete: 'cc-number',
 };
 export const SmallSize = Template.bind({});
 SmallSize.args = {
@@ -147,6 +153,7 @@ SmallSize.args = {
     aria_label: 'credit-card-field',
     onchange: '',
     input_name: 'input',
+    autocomplete: 'cc-number',
 };
 export const WithErrorMessage = Template.bind({});
 WithErrorMessage.args = {
@@ -165,6 +172,7 @@ WithErrorMessage.args = {
     aria_label: 'credit-card-field',
     onchange: '',
     input_name: 'input',
+    autocomplete: 'cc-number',
 };
 export const Disabled = Template.bind({});
 Disabled.args = {
@@ -184,4 +192,5 @@ Disabled.args = {
     aria_label: 'credit-card-field',
     onchange: '',
     input_name: 'input',
+    autocomplete: 'cc-number',
 };

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

@@ -12,18 +12,17 @@ export class DdaFooter {
     render() {
         const sections = this.parseJsonArray(this.footerSections);
         const icons = this.parseJsonArray(this.socialIcons);
-        return (h("footer", { key: '29398e9540f65449c491b2d82b881da90ffa8268', class: "WB-footer" }, h("div", { key: '3175e378293ed00a46396b63417536ba45b2fd38', class: "dda-container line-seperater" }, h("div", { key: 'dd223816f8e9fed8b08504d341965da539a018d3', class: "dda-flex dda-align-center flex-column dda-gap-5" }, h("h4", { key: '988ba3d886b2d9adb3d32e20641477f60e3e2718', class: "dda-fs-display-sm dda-fw-700 dda-color-black" }, this.footerTitle), h("p", { key: '1d481119d79c048a890ce734d612b6b5117690f7', class: "dda-fs-title-sm dda-fw-400 mb-3" }, this.description), h("div", { key: 'bb33954bef65b0a95b9ea219816e0840a50fe436', class: "dda-flex dda-gap-5" }, h("dda-button", { key: '0d18cec60608e3ac45d1ee35c3c7e5861f87f420', button_color: "default-primary", size: "lg" }, this.signUpButtonText), h("dda-button", { key: 'f26349565d6a1841e7390ab7974531ed34d37e05', button_color: "default-tertiary", size: "lg" }, this.loginButtonText)))), h("div", { key: '7f3b3841bbc806719a1bf40ffa3bf52c18fadd79', class: "dda-container line-seperater" }, h("div", { key: 'ea53dbae1213e1bfeb201bb5cf744d7e69593c3a', class: "dda-row" }, h("div", { key: 'fe55f2b539b6a20435be3c0c97b12b9d42ecbbb7', class: "dda-col-lg-4 mb-3" }, h("div", { key: 'c59e97dc51742010cebf4f3062db2566cf3a24f7', class: "text-center" }, h("img", { key: 'a503625e10afb33f9ffba49d5cb8a612b3f8a1b9', class: "entt-logo", src: this.logoSrc, alt: this.logoAlt }), h("p", { key: 'b38929cb149dbec834486897d11d11c54f2d6790', class: "dda-fs-title-sm" }, "Design outstanding interfaces with advanced Figma features in a matter of minutes."))), h("div", { key: 'dc27eedb3f8caf9bcacba781a8b40c2383df5f3c', class: "dda-col-lg-8" }, h("div", { key: '4f0e8510269bd376c1307ea9c672300a861118df', 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: 'e603fdc983908027b5053628a0212eec67000518', class: "dda-container pt-4" }, h("div", { key: 'a6983d850367826d7caf3a85726a82858501af12', class: "dda-flex dda-align-center dda-justify-space" }, h("p", { key: '766720b481915ba66c7905a7ff980cad70ff1899', class: "dda-fs-title-sm" }, this.copyrightText), h("ul", { key: 'c472762106b82b7bb059883e095f7cb975b002f8', 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: '6657c50eff682e64e6b269d7a2cf0ffa2a1d21b5', class: "WB-footer" }, h("div", { key: 'be415ac4d6e483730df3314082d79af16857acce', class: "dda-container line-seperater" }, h("div", { key: '7558145a98fd1d3cc5ab1badd20b1679a5fade8e', class: "dda-flex dda-align-center flex-column dda-gap-5" }, h("h4", { key: 'f2a1dbf62ea90256ab9c466ddf464bf2db79b352', class: "dda-fs-display-sm dda-fw-700 dda-color-black" }, this.footerTitle), h("p", { key: '0e9fa41a059d08fb54781e1760756135512b203a', class: "dda-fs-title-sm dda-fw-400 mb-3" }, this.description), h("div", { key: '8451368d1bccd69eed276ca2e4b529bffce1bd1d', class: "dda-flex dda-gap-5" }, h("dda-button", { key: 'e4da885d7a0f53cdef66b147cebb018e639e2e2f', button_color: "default-primary", size: "lg" }, this.signUpButtonText), h("dda-button", { key: 'a95e98fa9d15b8daa7c42507e1d6d3d43cd1119b', button_color: "default-tertiary", size: "lg" }, this.loginButtonText)))), h("div", { key: 'f1e25c4c14f5337325f772b0a6cfaae38b696597', class: "dda-container line-seperater" }, h("div", { key: '3c6484c94ba27eff6407dc402761b40130089019', class: "dda-row" }, h("div", { key: '57303485ca96d8d69955296be8c3e13edb127186', class: "dda-col-lg-4 mb-3" }, h("div", { key: 'bb38dba4e7aa677b0dbd576235462e18630c721a', class: "text-center" }, h("img", { key: 'a0753f43dd43aa0f8762b44e08f27cb61ae2e90e', class: "entt-logo", src: this.logoSrc, alt: this.logoAlt }), h("p", { key: 'c085e81867a6c1479bb9dbbd447e27d603906240', class: "dda-fs-title-sm" }, "Design outstanding interfaces with advanced Figma features in a matter of minutes."))), h("div", { key: 'cfe1db4dff6209067c8c3d3b238539b0e05ca089', class: "dda-col-lg-8" }, h("div", { key: 'c8ca286ee2b2e57dac56a75224ecc52096e1995f', 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: '04db59e1c745c1f5c25f5f0e3de672370fbb9eb0', class: "dda-container pt-4" }, h("div", { key: '17f57c90b21973ebe0ec71e35e27af232875283f', class: "dda-flex dda-align-center dda-justify-space" }, h("p", { key: '4a70f6bc20d0e208b555bc381b6c47d1714bff74', class: "dda-fs-title-sm" }, this.copyrightText), h("ul", { key: 'dce8f8b9150f97b61e8c26363acdfff83009e609', 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 encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["dda-footer.css"]
+            "$": ["dda-footer.css", "../../global/global.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["dda-footer.css"]
+            "$": ["dda-footer.css", "../../global/global.css"]
         };
     }
     static get properties() {

package/dist/collection/components/dda-header/dda-header.css

@@ -0,0 +1,36 @@
+/*
+ * F-009 (WCAG 2.4.11 - Focus Not Obscured): the header's own fixed
+ * positioning lives in global/templates/dda-header-main.css
+ * (`.dda-header { position: fixed; top: 0; z-index: 6; }`), with no
+ * scroll-padding/scroll-margin anywhere in the codebase. A keyboard user
+ * who lands on a focused element near the top of a scrolled page - by
+ * Tab, an in-page anchor, or a "skip to content" link - can have the
+ * browser scroll it flush under the fixed header, hiding what they just
+ * focused.
+ *
+ * scroll-padding-top on the root reserves that space for every scroll /
+ * scrollIntoView in the document. Sized to this header's real rendered
+ * height (measured against the live component, since `.dda-header`'s own
+ * CSS height is `auto`, driven entirely by its logo/nav children):
+ * ~158-162px from 768px up (the mega menu hides and `.dda-header` gains
+ * `padding: 10px 0` below 1024px, but the measured height stays in that
+ * range through 768px) and 80px at or below 767px
+ * (`.dda-menu-container { height: 80px }`, `.dda-head-logo { display:
+ * none }`). The transparent/white header variants only change colour, not
+ * box model, so they don't need a separate value.
+ *
+ * 170px / 100px match this codebase's own established convention for
+ * clearing this exact header - `.maincontent { padding-top: 170px }`
+ * (global/global.css), with the same 767px breakpoint dropping it to
+ * 100px - already relied on, in real page templates, to keep content clear
+ * of the header with a safety margin over the measured height above.
+ */
+:root {
+  scroll-padding-top: 170px;
+}
+
+@media screen and (max-width: 767px) {
+  :root {
+    scroll-padding-top: 100px;
+  }
+}