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

package/dist/esm/index.js

@@ -2,20 +2,18 @@ function format(first, middle, last) {
     return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
 }
 
-function applyTheme(theme) {
-    const root = document.documentElement;
-  
-    // Apply colors
-    for (const [key, value] of Object.entries(theme.colors)) {
-      root.style.setProperty(`--${key}`, value);
-    }
-  
-    // Apply font families
-    if (theme.fontFamily) {
-      root.style.setProperty('--font-family-main', theme.fontFamily.main.join(', '));
-    }
+function applyTheme(theme) {
+    const root = document.documentElement;
+  
+    // Apply colors
+    for (const [key, value] of Object.entries(theme.colors)) {
+      root.style.setProperty(`--${key}`, value);
+    }
+  
+    // Apply font families
+    if (theme.fontFamily) {
+      root.style.setProperty('--font-family-main', theme.fontFamily.main.join(', '));
+    }
   }
 
 export { applyTheme, format };
-
-//# sourceMappingURL=index.js.map

package/dist/esm/loader.js

@@ -1,13 +1,10 @@
-import { b as bootstrapLazy } from './index-be8c716a.js';
-export { s as setNonce } from './index-be8c716a.js';
-import { g as globalScripts } from './app-globals-0f993ce5.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-CfK_KUZU.js';
+export { s as setNonce } from './index-CfK_KUZU.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["dda-header",[[0,"dda-header",{"firstLogoSrc":[1,"first-logo-src"],"firstLogoAlt":[1,"first-logo-alt"],"secondLogoSrc":[1,"second-logo-src"],"secondLogoAlt":[1,"second-logo-alt"],"loginLink":[1,"login-link"],"sideMenuItems":[1,"side-menu-items"],"quickLinks":[1,"quick-links"],"readSpeakerLink":[1,"read-speaker-link"],"isMenuOpen":[32],"isSubMenuOpen":[32],"isSideSubMenuOpen":[32],"isAccessibiltyOpen":[32]}]]],["dda-sticky-footer",[[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"],"locationButtonText":[1,"location-button-text"],"locationButtonIcon":[1,"location-button-icon"],"newsButtonHref":[1,"news-button-href"],"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"]}]]],["dda-footer",[[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-accordion",[[0,"dda-accordion",{"design":[1],"header_text":[1],"body_description":[1],"custom_class":[1],"component_mode":[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],"clickHandler":[16]}]]],["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],"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":[1],"options":[1],"component_mode":[1],"aria_label":[1],"button_id":[1],"isOpen":[32]}]]],["dda-breadcrumb",[[0,"dda-breadcrumb",{"design":[1],"separator":[1],"custom_class":[1],"component_mode":[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",[[4,"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",[[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":[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],"formattedValue":[32]}]]],["dda-dropdown",[[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],"isopen":[32]}]]],["dda-horizontal-stepper",[[0,"dda-horizontal-stepper",{"steps":[1],"current_step":[2],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["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]}]]],["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],"is_focused":[32],"isCurrencyDropdownOpen":[32]}]]],["dda-pagination",[[0,"dda-pagination",{"total_pages":[2],"current_page":[2],"type":[1],"custom_class":[1],"component_mode":[1]},null,{"total_pages":["validateTotalPages"],"current_page":["validateCurrentPage"]}]]],["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],"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]}]]],["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],"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],"aria_label":[1],"button_aria_label":[1]}]]],["dda-segmented-tabs",[[0,"dda-segmented-tabs",{"items":[1],"radius_type":[1],"custom_class":[1],"component_mode":[1]}]]],["dda-select",[[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],"is_open":[32]}]]],["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],"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],"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]}]]],["dda-vertical-stepper",[[0,"dda-vertical-stepper",{"steps":[1],"current_Step":[2,"current_-step"],"custom_class":[1],"component_mode":[1],"parsedSteps":[32]}]]],["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",[[4,"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],"clickHandler":[16]}]]],["dda-link-button_2",[[4,"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]}],[4,"dda-tooltip",{"title_text":[1],"description":[1],"position":[1],"custom_class":[1],"component_mode":[1]}]]]], 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\"],\"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\",[[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\",[[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\",[[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]}]]],[\"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\":[1],\"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],\"parsedSlides\":[32]}]]],[\"dda-breadcrumb\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"custom_class\":[1],\"component_mode\":[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],\"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\":[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\",[[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\",[[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]}]]],[\"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]}]]],[\"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],\"is_focused\":[32],\"isCurrencyDropdownOpen\":[32]}]]],[\"dda-pagination\",[[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\",[[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\",[[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],\"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],\"active_index\":[32]}]]],[\"dda-select\",[[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\",[[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]}]]],[\"dda-ui-card\",[[260,\"dda-ui-card\",{\"type\":[1],\"icon\":[1],\"image\":[1],\"maintitle\":[1],\"subtitle\":[1],\"link\":[1],\"linktext\":[1],\"linkicon\":[1]}]]],[\"dda-vertical-stepper\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"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 };
-
-//# sourceMappingURL=loader.js.map

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

@@ -4,6 +4,7 @@ export declare class DdaAccordion {
     body_description: string;
     custom_class?: string;
     component_mode?: string;
+    accordion_icon: string;
     isOpen: boolean;
     toggleAccordion(): void;
     render(): any;

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

@@ -30,6 +30,10 @@ declare const _default: {
             options: string[];
             description: string;
         };
+        accordion_icon: {
+            control: string;
+            description: string;
+        };
     };
     parameters: {
         docs: {

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class DdaAlert {
     type: 'primary' | 'secondary';
     variation: 'info' | 'warning' | 'error' | 'success';
@@ -9,6 +10,14 @@ export declare class DdaAlert {
     component_id?: string;
     first_link?: string;
     second_link?: string;
+    first_button?: string;
+    second_button?: string;
+    button_name?: string;
     clickHandler?: (event: MouseEvent) => void;
+    firstClick?: EventEmitter<void>;
+    secondClick?: EventEmitter<void>;
+    private firstClickHandler;
+    private secondClickHandler;
+    private get role();
     render(): any;
 }

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

@@ -39,6 +39,10 @@ declare const _default: {
             control: string;
             description: string;
         };
+        button_name: {
+            control: string;
+            description: string;
+        };
         custom_class: {
             control: {
                 type: string;

package/dist/types/components/dda-attach-file/dda-attach-file.d.ts

@@ -12,9 +12,14 @@ export declare class DdaAttachFile {
     button_aria_label?: string;
     input_id: string;
     button_id: string;
+    button_name?: string;
+    input_name?: string;
     private fileIcons;
     handleFileInput(event: any): void;
     removeFile(): void;
     getFileIcon(fileName: string): any;
+    private get helperId();
+    private get errorId();
+    private get describedBy();
     render(): any;
 }

package/dist/types/components/dda-attach-file/dda-attach-file.stories.d.ts

@@ -75,6 +75,14 @@ declare const _default: {
             control: string;
             description: string;
         };
+        button_name: {
+            control: string;
+            description: string;
+        };
+        input_name: {
+            control: string;
+            description: string;
+        };
     };
 };
 export default _default;

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

@@ -14,6 +14,7 @@ export declare class DdaAvatar {
     component_mode?: string;
     aria_label: string;
     button_id?: string;
+    button_name?: string;
     toggleDropdown(): void;
     selectOption(option: string): void;
     private get parsedOptions();

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

@@ -67,6 +67,12 @@ declare const _default: {
             };
             description: string;
         };
+        button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
     };
     parameters: {
         docs: {

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

@@ -0,0 +1,13 @@
+export declare class DdaBanner {
+    slides: string;
+    slider_width: string;
+    slider_height: string;
+    parsedSlides: {
+        image: string;
+        title: string;
+        subtitle: string;
+        link: string;
+    }[];
+    componentWillLoad(): void;
+    render(): any;
+}

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

@@ -15,6 +15,7 @@ export declare class DdaButton {
     custom_class?: string;
     component_mode?: string;
     button_id: string;
+    button_name?: string;
     /** Function to be called on button click */
     clickHandler?: (event: MouseEvent) => void;
     render(): any;

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

@@ -67,6 +67,12 @@ declare const _default: {
             };
             description: string;
         };
+        button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
     };
 };
 export default _default;

package/dist/types/components/dda-creditcard-field/dda-creditcard-field.d.ts

@@ -14,7 +14,12 @@ export declare class DdaCreditCardField {
     component_mode?: string;
     input_id: string;
     aria_label?: string;
+    input_name?: string;
+    autocomplete: string;
     formattedValue: string;
+    private get helperId();
+    private get errorId();
+    private get describedBy();
     handleInput(event: Event): void;
     formatCardNumber(value: string): void;
     componentWillLoad(): void;

package/dist/types/components/dda-creditcard-field/dda-creditcard-field.stories.d.ts

@@ -86,6 +86,18 @@ declare const _default: {
             };
             description: string;
         };
+        input_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        autocomplete: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
     };
     parameters: {
         docs: {

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

@@ -12,6 +12,8 @@ export declare class DdaDropdown {
     component_mode?: string;
     button_id: string;
     aria_label?: string;
+    arrow_button_name?: string;
+    dropdown_button_name?: string;
     isopen: boolean;
     private get parsedOptions();
     toggleDropdown(): void;

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

@@ -73,6 +73,18 @@ declare const _default: {
             };
             description: string;
         };
+        arrow_button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        dropdown_button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
     };
     parameters: {
         docs: {

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

@@ -1,13 +1,19 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class DdaHeader {
     firstLogoSrc: string;
+    firstLogoWhiteSrc: string;
     firstLogoAlt: string;
     secondLogoSrc: string;
+    secondLogoWhiteSrc: string;
     secondLogoAlt: string;
     loginLink: string;
     sideMenuItems: string;
     quickLinks: string;
     readSpeakerLink: string;
+    searchText: string;
+    loginIcon: string;
+    loginText: string;
+    language_text: string;
     languageSwitch: EventEmitter<void>;
     smTextSize: EventEmitter<void>;
     baseTextSize: EventEmitter<void>;
@@ -21,13 +27,30 @@ export declare class DdaHeader {
     isSideSubMenuOpen: boolean;
     isAccessibiltyOpen: boolean;
     private lastScrollTop;
+    hamburger_menu_button_name: string;
+    accessibility_button_name: string;
+    search_button_name: string;
+    search_input_name: string;
+    language_button_name: string;
+    close_menu_button_name: string;
+    close_accessibility_button_name: string;
+    close_sidebar_button_name: string;
+    toggle_accessibility_button_name: string;
+    openMenus: {
+        [index: string]: boolean;
+    };
+    activeMenuIndex: number | null;
+    toggleSidebarSubMenu(index: string): void;
+    toggleEscapeKey: (event: KeyboardEvent) => void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    handleOutsideClick: (event: MouseEvent) => void;
+    handleOutsideAccessibilityClick: (event: MouseEvent) => void;
+    handleOutsideMegaMenuClick: (event: MouseEvent) => void;
     handleScroll: () => void;
     private parseJsonArray;
     private toggleMenu;
     private toggleSubMenu;
-    private toggleSideSubMenu;
     private toggleAccessibilty;
     private languagehandler;
     private smTexthandler;
@@ -37,5 +60,6 @@ export declare class DdaHeader {
     private blindContrasthandler;
     private redContrasthandler;
     private greenContrasthandler;
+    renderSubMenu: (subMenu: any, parentLi: any) => any;
     render(): any;
 }

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

@@ -2,6 +2,68 @@ declare const _default: {
     title: string;
     tags: string[];
     component: string;
+    argTypes: {
+        hamburger_menu_button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        accessibility_button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        search_button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        search_input_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        language_button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        language_text: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        close_menu_button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        close_accessibility_button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        close_sidebar_button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        toggle_accessibility_button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+    };
     parameters: {
         docs: {
             description: {

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

@@ -0,0 +1,56 @@
+export declare class DdaHomeBanner {
+    el: HTMLElement;
+    /** Advance through the slides automatically. */
+    autoplay: boolean;
+    /** Milliseconds each slide is shown for when `autoplay` is on. Clamped to a 1000ms floor. */
+    interval: number;
+    /** Accessible name for the carousel region. */
+    aria_label: string;
+    /** Accessible name for the previous-slide button. */
+    previous_button_label: string;
+    /** Accessible name for the next-slide button. */
+    next_button_label: string;
+    /** Accessible name for the pause button shown while autoplay is running. */
+    pause_button_label: string;
+    /** Accessible name for the play button shown while autoplay is paused. */
+    play_button_label: string;
+    /** Prefix for each slide dot's accessible name, e.g. "Go to slide 2". */
+    slide_button_label: string;
+    /** Template for the screen-reader slide announcement. `{current}` and `{total}` are substituted. */
+    slide_status_label: string;
+    currentSlide: number;
+    slides: HTMLElement[];
+    isPaused: boolean;
+    reducedMotion: boolean;
+    private timer;
+    private observer;
+    private motionQuery;
+    private isHovered;
+    private hasFocusWithin;
+    private listening;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentDidRender(): void;
+    autoplayChanged(): void;
+    private onMotionPreferenceChange;
+    private onMouseEnter;
+    private onMouseLeave;
+    private onFocusIn;
+    private onFocusOut;
+    private resetScroll;
+    private get isRotating();
+    private startAutoplay;
+    private stopAutoplay;
+    private togglePause;
+    /**
+     * Hide every slide that is not current from the keyboard and from assistive tech.
+     * Attribute writes are not reported by a childList observer, so this cannot loop.
+     */
+    private syncSlideState;
+    private statusText;
+    updateSlides(): void;
+    nextSlide(): void;
+    prevSlide(): void;
+    setSlide(index: any): void;
+    render(): any;
+}

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

@@ -0,0 +1,51 @@
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        autoplay: {
+            control: string;
+            description: string;
+        };
+        interval: {
+            control: string;
+            description: string;
+        };
+        aria_label: {
+            control: string;
+            description: string;
+        };
+        previous_button_label: {
+            control: string;
+            description: string;
+        };
+        next_button_label: {
+            control: string;
+            description: string;
+        };
+        pause_button_label: {
+            control: string;
+            description: string;
+        };
+        play_button_label: {
+            control: string;
+            description: string;
+        };
+        slide_button_label: {
+            control: string;
+            description: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            expanded: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+export declare const Autoplay: any;

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

@@ -12,6 +12,10 @@ export declare class DdaInput {
     component_mode?: string;
     input_id: string;
     aria_label?: string;
+    input_name?: string;
     handleInput(event: any): void;
+    private get helperId();
+    private get errorId();
+    private get describedBy();
     render(): any;
 }

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

@@ -81,6 +81,12 @@ declare const _default: {
             };
             description: string;
         };
+        input_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
     };
     parameters: {
         docs: {

package/dist/types/components/dda-number-field/dda-number-field.d.ts

@@ -14,6 +14,9 @@ export declare class DdaNumberField {
     component_mode?: string;
     input_id: string;
     aria_label?: string;
+    input_name?: string;
+    toggle_button_name?: string;
+    currency_button_name?: string;
     isCurrencyDropdownOpen: boolean;
     handleInput(event: any): void;
     handleFocus(): void;
@@ -21,5 +24,8 @@ export declare class DdaNumberField {
     toggleCurrencyDropdown(): void;
     selectCurrency(currency: string): void;
     private get parsedCurrencies();
+    private get helperId();
+    private get errorId();
+    private get describedBy();
     render(): any;
 }

package/dist/types/components/dda-number-field/dda-number-field.stories.d.ts

@@ -82,6 +82,24 @@ declare const _default: {
             };
             description: string;
         };
+        input_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        toggle_button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        currency_button_name: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
     };
     parameters: {
         docs: {

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

@@ -4,6 +4,18 @@ export declare class DdaPagination {
     type: 'simple-slider' | 'buttons' | 'text' | 'text-pages' | 'button-text' | 'buttons-pages' | 'full';
     custom_class: string;
     component_mode?: string;
+    simple_slider_prev_button: string;
+    simple_slider_next_button: string;
+    buttons_prev_button: string;
+    buttons_next_button: string;
+    text_prev_button: string;
+    text_next_button: string;
+    text_pages_prev_button: string;
+    text_pages_next_button: string;
+    button_text_prev_button: string;
+    button_text_next_button: string;
+    buttons_pages_prev_button: string;
+    buttons_pages_next_button: string;
     validateTotalPages(newValue: number): void;
     validateCurrentPage(newValue: number): void;
     componentWillLoad(): void;