@dubai-design-system/components-js 3.2.0 → 3.3.0

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-b94de9a1.js';
-export { s as setNonce } from './index-b94de9a1.js';
+import { b as bootstrapLazy } from './index-661de13a.js';
+export { s as setNonce } from './index-661de13a.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"dda-header\",[[0,\"dda-header\",{\"firstLogoHref\":[1,\"first-logo-href\"],\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoWhiteSrc\":[1,\"first-logo-white-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"sideMainMenuTitle\":[1,\"side-main-menu-title\"],\"sideOtherMenuTitle\":[1,\"side-other-menu-title\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"sideMenuItems\":[1,\"side-menu-items\"],\"quickLinks\":[1,\"quick-links\"],\"readSpeakerLink\":[1,\"read-speaker-link\"],\"searchText\":[1,\"search-text\"],\"loginLink\":[1,\"login-link\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"language_text\":[1],\"hamburger_menu_button_name\":[1],\"accessibility_button_text\":[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],\"usePredesignedAccessibilityMenu\":[4,\"use-predesigned-accessibility-menu\"],\"search_input_placeholder\":[1],\"contrast_title\":[1],\"contrast_description\":[1],\"contrast_noraml_text\":[1],\"contrast_color_blind_text\":[1],\"contrast_red_weakness_text\":[1],\"contrast_green_weakness_text\":[1],\"screen_reader_title\":[1],\"screen_reader_description\":[1],\"text_size_title\":[1],\"text_size_description\":[1],\"hideOtherMenu\":[4,\"hide-other-menu\"],\"otherMenuItems\":[1,\"other-menu-items\"],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"openMenus\":[32],\"activeMenuIndex\":[32],\"SearchValue\":[32],\"parsedOtherMenuItems\":[32]}]]],[\"dda-image-card\",[[0,\"dda-image-card\",{\"image_src\":[1],\"header_text\":[1],\"body_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"file_size\":[1],\"file_type\":[1]}]]],[\"dda-information-card\",[[0,\"dda-information-card\",{\"image_src\":[1],\"header_text\":[1],\"body_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1]}]]],[\"dda-pricing-card\",[[0,\"dda-pricing-card\",{\"image_src\":[1],\"image_chip_icon\":[1],\"image_chip_icon_family\":[1],\"image_chip_label\":[1],\"image_chip_icon_size\":[1],\"header_text\":[1],\"header_text_icon\":[1],\"body_text_icon\":[1],\"body_text\":[1],\"price_text\":[1],\"price_period\":[1],\"custom_class\":[1],\"component_mode\":[1],\"chip_list\":[1040],\"clickHandler\":[16]}]]],[\"dda-accordion\",[[4,\"dda-accordion\",{\"design\":[1],\"header_text\":[1],\"sub_title\":[1],\"body_description\":[1],\"custom_class\":[1],\"link_button_text\":[1],\"component_mode\":[1],\"accordion_icon_class\":[1],\"accordion_icon_text\":[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],\"secondary_button\":[1],\"secondary_button_link\":[1],\"primary_button\":[1],\"primary_button_link\":[1],\"close_button_name\":[1],\"clickHandler\":[16]}]]],[\"dda-centered-image-card\",[[0,\"dda-centered-image-card\",{\"image_src\":[1],\"header_text\":[1],\"info_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"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-home-banner\",[[4,\"dda-home-banner\",{\"autoplay\":[4],\"interval\":[2],\"currentSlide\":[32],\"slides\":[32],\"autoPlayActive\":[32]},null,{\"currentSlide\":[\"onSlideChanged\"]}]]],[\"dda-home-carousel\",[[0,\"dda-home-carousel\",{\"custom_class\":[1],\"component_mode\":[1],\"items_in_view\":[2],\"bannercardlist\":[1]},null,{\"bannercardlist\":[\"parseBannerCardList\"]}]]],[\"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\"],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"middleLink\":[1,\"middle-link\"],\"rightLink\":[1,\"right-link\"],\"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\"],\"moreIcon\":[1,\"more-icon\"],\"isHidden\":[32]}]]],[\"dda-attach-file\",[[0,\"dda-attach-file\",{\"label\":[1],\"helper_text\":[1],\"error_message\":[1],\"size\":[1],\"validation_type\":[1],\"validation_id\":[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-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],\"formattedValue\":[32]}]]],[\"dda-dropdown\",[[0,\"dda-dropdown\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"helper_text\":[1],\"validation_id\":[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-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],\"validation_id\":[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\"],\"current_page\":[\"validateCurrentPage\"]}]]],[\"dda-phonefield\",[[0,\"dda-phonefield\",{\"label\":[1],\"placeholder\":[1],\"helper_text\":[1],\"validation_type\":[1],\"error_message\":[1],\"validation_id\":[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],\"hostElement\":[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],\"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],\"validation_id\":[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]}]]],[\"dda-select\",[[0,\"dda-select\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"error_message\":[1],\"helper_text\":[1],\"validation_id\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"selectedId\":[2,\"selected-id\"],\"selectedText\":[1,\"selected-text\"],\"is_open\":[32]}]]],[\"dda-slider\",[[1,\"dda-slider\",{\"slides\":[16],\"interval\":[2],\"autoplay\":[4],\"currentSlide\":[32],\"isPaused\":[32]},null,{\"currentSlide\":[\"watchCurrentSlide\"]}]]],[\"dda-tabs\",[[0,\"dda-tabs\",{\"type\":[1],\"hover_style\":[1],\"border_bottom\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_ids\":[1],\"aria_label\":[1],\"tab_texts\":[1],\"tab_icons\":[1],\"button_name\":[1],\"active_tab\":[32]}]]],[\"dda-team-member-card\",[[0,\"dda-team-member-card\",{\"image_src\":[1],\"team_member_name\":[1],\"team_member_position\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-textarea\",[[0,\"dda-textarea\",{\"label\":[1],\"placeholder\":[1],\"max_characters\":[2],\"value\":[1],\"input_id\":[1],\"textarea_name\":[1],\"aria_label\":[1],\"show_info_icon\":[4],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"enable_rich_editor\":[4],\"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\",[[4,\"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-banner-card\",[[0,\"dda-banner-card\",{\"image_src\":[1],\"banner_card_title\":[1],\"banner_card_description\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-chip\",[[0,\"dda-chip\",{\"bg_color\":[1],\"rounded\":[1],\"chip_text\":[1],\"chip_icon\":[1],\"chip_icon_family\":[1],\"chip_icon_size\":[1],\"show_close_icon\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16],\"image_chip_label\":[1],\"image_chip_icon\":[1],\"image_chip_icon_family\":[1],\"image_chip_icon_size\":[1]}]]],[\"dda-radiobutton\",[[0,\"dda-radiobutton\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"radio_status\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"variants\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"contrast_noraml_text\":[1]}]]],[\"dda-scroll-icon\",[[1,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-tooltip\",[[4,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-link-button\",[[0,\"dda-link-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"link_button_text\":[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],\"rel\":[1],\"data_fancybox\":[1]}]]],[\"dda-button\",[[0,\"dda-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"button_text\":[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]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"dda-header\",[[0,\"dda-header\",{\"firstLogoHref\":[1,\"first-logo-href\"],\"firstLogoSrc\":[1,\"first-logo-src\"],\"firstLogoWhiteSrc\":[1,\"first-logo-white-src\"],\"firstLogoAlt\":[1,\"first-logo-alt\"],\"secondLogoHref\":[1,\"second-logo-href\"],\"secondLogoSrc\":[1,\"second-logo-src\"],\"sideMainMenuTitle\":[1,\"side-main-menu-title\"],\"sideOtherMenuTitle\":[1,\"side-other-menu-title\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"sideMenuItems\":[1,\"side-menu-items\"],\"quickLinks\":[1,\"quick-links\"],\"header_menu_dropdown_type\":[1],\"readSpeakerLink\":[1,\"read-speaker-link\"],\"searchText\":[1,\"search-text\"],\"loginLink\":[1,\"login-link\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"language_text\":[1],\"hamburger_menu_button_name\":[1],\"accessibility_button_text\":[1],\"accessibility_button_id\":[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],\"usePredesignedAccessibilityMenu\":[4,\"use-predesigned-accessibility-menu\"],\"search_input_placeholder\":[1],\"contrast_title\":[1],\"contrast_description\":[1],\"contrast_noraml_text\":[1],\"contrast_color_blind_text\":[1],\"contrast_red_weakness_text\":[1],\"contrast_green_weakness_text\":[1],\"screen_reader_title\":[1],\"screen_reader_description\":[1],\"text_size_title\":[1],\"text_size_description\":[1],\"hideOtherMenu\":[4,\"hide-other-menu\"],\"otherMenuItems\":[1,\"other-menu-items\"],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"openMenus\":[32],\"activeMenuIndex\":[32],\"SearchValue\":[32],\"parsedOtherMenuItems\":[32]}]]],[\"dda-image-card\",[[0,\"dda-image-card\",{\"image_src\":[1],\"header_text\":[1],\"body_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"file_size\":[1],\"file_type\":[1]}]]],[\"dda-information-card\",[[0,\"dda-information-card\",{\"image_src\":[1],\"header_text\":[1],\"body_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1]}]]],[\"dda-pricing-card\",[[0,\"dda-pricing-card\",{\"image_src\":[1],\"image_chip_icon\":[1],\"image_chip_icon_family\":[1],\"image_chip_label\":[1],\"image_chip_icon_size\":[1],\"header_text\":[1],\"header_text_icon\":[1],\"body_text_icon\":[1],\"body_text\":[1],\"price_text\":[1],\"price_period\":[1],\"custom_class\":[1],\"component_mode\":[1],\"chip_list\":[1040],\"clickHandler\":[16]}]]],[\"dda-accordion\",[[4,\"dda-accordion\",{\"design\":[1],\"header_text\":[1],\"sub_title\":[1],\"body_description\":[1],\"custom_class\":[1],\"link_button_text\":[1],\"component_mode\":[1],\"accordion_icon_class\":[1],\"accordion_icon_text\":[1],\"accordion_id\":[1],\"default_open\":[4],\"isOpen\":[32],\"openAccordion\":[64],\"closeAccordion\":[64],\"getIsOpen\":[64]}]]],[\"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],\"secondary_button\":[1],\"secondary_button_link\":[1],\"primary_button\":[1],\"primary_button_link\":[1],\"close_button_name\":[1],\"clickHandler\":[16]}]]],[\"dda-centered-image-card\",[[0,\"dda-centered-image-card\",{\"image_src\":[1],\"header_text\":[1],\"info_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"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-home-banner\",[[4,\"dda-home-banner\",{\"autoplay\":[4],\"interval\":[2],\"currentSlide\":[32],\"slides\":[32],\"autoPlayActive\":[32]},null,{\"currentSlide\":[\"onSlideChanged\"]}]]],[\"dda-home-carousel\",[[0,\"dda-home-carousel\",{\"custom_class\":[1],\"component_mode\":[1],\"items_in_view\":[2],\"bannercardlist\":[1]},null,{\"bannercardlist\":[\"parseBannerCardList\"]}]]],[\"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\"],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"middleLink\":[1,\"middle-link\"],\"rightLink\":[1,\"right-link\"],\"aiIconHref\":[1,\"ai-icon-href\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"dubaiaeIconHref\":[1,\"dubaiae-icon-href\"],\"dubaiaeIconSrc\":[1,\"dubaiae-icon-src\"],\"dubaiaeIconSmallSrc\":[1,\"dubaiae-icon-small-src\"],\"dubaiaeIconAlt\":[1,\"dubaiae-icon-alt\"],\"dubaiaeIconTooltip\":[1,\"dubaiae-icon-tooltip\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"moreIcon\":[1,\"more-icon\"],\"isHidden\":[32]}]]],[\"dda-attach-file\",[[0,\"dda-attach-file\",{\"label\":[1],\"helper_text\":[1],\"error_message\":[1],\"size\":[1],\"validation_type\":[1],\"validation_id\":[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-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],\"formattedValue\":[32]}]]],[\"dda-dropdown\",[[0,\"dda-dropdown\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"helper_text\":[1],\"validation_id\":[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-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],\"validation_id\":[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\"],\"current_page\":[\"validateCurrentPage\"]}]]],[\"dda-phonefield\",[[0,\"dda-phonefield\",{\"label\":[1],\"placeholder\":[1],\"helper_text\":[1],\"validation_type\":[1],\"error_message\":[1],\"validation_id\":[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],\"hostElement\":[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],\"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],\"validation_id\":[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],\"hasInputValue\":[32]}]]],[\"dda-segmented-tabs\",[[0,\"dda-segmented-tabs\",{\"items\":[1],\"radius_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_name\":[1]}]]],[\"dda-select\",[[0,\"dda-select\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"error_message\":[1],\"helper_text\":[1],\"validation_id\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"selectedId\":[2,\"selected-id\"],\"selectedText\":[1,\"selected-text\"],\"is_open\":[32]}]]],[\"dda-slider\",[[1,\"dda-slider\",{\"slides\":[16],\"interval\":[2],\"autoplay\":[4],\"currentSlide\":[32],\"isPaused\":[32]},null,{\"currentSlide\":[\"watchCurrentSlide\"]}]]],[\"dda-tabs\",[[0,\"dda-tabs\",{\"type\":[1],\"hover_style\":[1],\"border_bottom\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_ids\":[1],\"aria_label\":[1],\"tab_texts\":[1],\"tab_icons\":[1],\"button_name\":[1],\"active_tab\":[32]}]]],[\"dda-team-member-card\",[[0,\"dda-team-member-card\",{\"image_src\":[1],\"team_member_name\":[1],\"team_member_position\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-textarea\",[[0,\"dda-textarea\",{\"label\":[1],\"placeholder\":[1],\"max_characters\":[2],\"value\":[1],\"input_id\":[1],\"textarea_name\":[1],\"aria_label\":[1],\"show_info_icon\":[4],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"enable_rich_editor\":[4],\"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\",[[4,\"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-banner-card\",[[0,\"dda-banner-card\",{\"image_src\":[1],\"banner_card_title\":[1],\"banner_card_description\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-chip\",[[0,\"dda-chip\",{\"bg_color\":[1],\"rounded\":[1],\"chip_text\":[1],\"chip_icon\":[1],\"chip_icon_family\":[1],\"chip_icon_size\":[1],\"show_close_icon\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16],\"image_chip_label\":[1],\"image_chip_icon\":[1],\"image_chip_icon_family\":[1],\"image_chip_icon_size\":[1]}]]],[\"dda-radiobutton\",[[0,\"dda-radiobutton\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"radio_status\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"variants\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"contrast_noraml_text\":[1]}]]],[\"dda-scroll-icon\",[[1,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-tooltip\",[[4,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-link-button\",[[0,\"dda-link-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"link_button_text\":[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],\"rel\":[1],\"data_fancybox\":[1]}]]],[\"dda-button\",[[0,\"dda-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"button_text\":[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]}]]]]"), options);
 };
 
 export { defineCustomElements };

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

@@ -8,7 +8,13 @@ export declare class DdaAccordion {
     component_mode?: string;
     accordion_icon_class?: string;
     accordion_icon_text: string;
+    accordion_id: string;
+    default_open: boolean;
     isOpen: boolean;
+    componentWillLoad(): void;
     toggleAccordion(): void;
+    openAccordion(): Promise<void>;
+    closeAccordion(): Promise<void>;
+    getIsOpen(): Promise<boolean>;
     render(): any;
 }

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

@@ -19,6 +19,10 @@ declare const _default: {
             control: string;
             description: string;
         };
+        accordion_id: {
+            control: string;
+            description: string;
+        };
         header_text: {
             control: string;
             description: string;
@@ -50,6 +54,12 @@ declare const _default: {
             options: string[];
             description: string;
         };
+        default_open: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
     };
     parameters: {
         docs: {

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

@@ -12,6 +12,7 @@ export declare class DdaHeader {
     secondLogoAlt: string;
     sideMenuItems: string;
     quickLinks: string;
+    header_menu_dropdown_type: string;
     readSpeakerLink: string;
     searchText: string;
     loginLink: string;
@@ -33,6 +34,7 @@ export declare class DdaHeader {
     private lastScrollTop;
     hamburger_menu_button_name: string;
     accessibility_button_text: string;
+    accessibility_button_id: string;
     search_button_name: string;
     search_input_name: string;
     language_button_name: string;

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

@@ -15,6 +15,12 @@ declare const _default: {
             };
             description: string;
         };
+        accessibility_button_id: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
         search_button_name: {
             control: {
                 type: string;
@@ -93,6 +99,12 @@ declare const _default: {
             };
             description: string;
         };
+        header_menu_dropdown_type: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
         search_input_placeholder: {
             control: {
                 type: string;

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

@@ -18,6 +18,8 @@ export declare class DdaSearchInput {
     close_button_name: string;
     search_button_name: string;
     el: HTMLElement;
+    hasInputValue: boolean;
+    handleInput: (event: Event) => void;
     clearInput(): void;
     render(): any;
 }

package/dist/types/components/dda-sticky-footer/dda-sticky-footer.d.ts

@@ -24,6 +24,11 @@ export declare class DdaStickyFooter {
     aiIconSrc: string;
     aiIconAlt: string;
     aiIconTooltip: string;
+    dubaiaeIconHref: string;
+    dubaiaeIconSrc: string;
+    dubaiaeIconSmallSrc: string;
+    dubaiaeIconAlt: string;
+    dubaiaeIconTooltip: string;
     chatIconHref: string;
     chatIconSrc: string;
     chatIconAlt: string;
@@ -38,5 +43,6 @@ export declare class DdaStickyFooter {
     private parseJsonArray;
     chatIconClick(): void;
     aiIconClick(): void;
+    dubaiAEClick(): void;
     render(): any;
 }

package/dist/types/components/dda-sticky-footer/dda-sticky-footer.stories.d.ts

@@ -8,6 +8,12 @@ declare const _default: {
             };
             description: string;
         };
+        onclick: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
     };
     component: string;
     parameters: {

package/dist/types/components.d.ts

@@ -11,12 +11,17 @@ export namespace Components {
     interface DdaAccordion {
         "accordion_icon_class"?: string;
         "accordion_icon_text": string;
+        "accordion_id": string;
         "body_description": string;
+        "closeAccordion": () => Promise<void>;
         "component_mode"?: string;
         "custom_class"?: string;
+        "default_open": boolean;
         "design": 'bg-border' | 'no-border';
+        "getIsOpen": () => Promise<boolean>;
         "header_text": string;
         "link_button_text"?: string;
+        "openAccordion": () => Promise<void>;
         "sub_title": string;
     }
     interface DdaAlert {
@@ -219,6 +224,7 @@ export namespace Components {
         "socialIcons": string;
     }
     interface DdaHeader {
+        "accessibility_button_id": string;
         "accessibility_button_text": string;
         "close_accessibility_button_name": string;
         "close_menu_button_name": string;
@@ -234,6 +240,7 @@ export namespace Components {
         "firstLogoSrc": string;
         "firstLogoWhiteSrc": string;
         "hamburger_menu_button_name": string;
+        "header_menu_dropdown_type": string;
         "hideOtherMenu": boolean;
         "language_button_name": string;
         "language_text": string;
@@ -551,6 +558,11 @@ export namespace Components {
         "chatIconHref": string;
         "chatIconSrc": string;
         "chatIconTooltip": string;
+        "dubaiaeIconAlt": string;
+        "dubaiaeIconHref": string;
+        "dubaiaeIconSmallSrc": string;
+        "dubaiaeIconSrc": string;
+        "dubaiaeIconTooltip": string;
         "happinessIconAlt": string;
         /**
           * Props for default left icons
@@ -1024,9 +1036,11 @@ declare namespace LocalJSX {
     interface DdaAccordion {
         "accordion_icon_class"?: string;
         "accordion_icon_text"?: string;
+        "accordion_id"?: string;
         "body_description"?: string;
         "component_mode"?: string;
         "custom_class"?: string;
+        "default_open"?: boolean;
         "design"?: 'bg-border' | 'no-border';
         "header_text"?: string;
         "link_button_text"?: string;
@@ -1234,6 +1248,7 @@ declare namespace LocalJSX {
         "socialIcons"?: string;
     }
     interface DdaHeader {
+        "accessibility_button_id"?: string;
         "accessibility_button_text"?: string;
         "close_accessibility_button_name"?: string;
         "close_menu_button_name"?: string;
@@ -1249,6 +1264,7 @@ declare namespace LocalJSX {
         "firstLogoSrc"?: string;
         "firstLogoWhiteSrc"?: string;
         "hamburger_menu_button_name"?: string;
+        "header_menu_dropdown_type"?: string;
         "hideOtherMenu"?: boolean;
         "language_button_name"?: string;
         "language_text"?: string;
@@ -1576,6 +1592,11 @@ declare namespace LocalJSX {
         "chatIconHref"?: string;
         "chatIconSrc"?: string;
         "chatIconTooltip"?: string;
+        "dubaiaeIconAlt"?: string;
+        "dubaiaeIconHref"?: string;
+        "dubaiaeIconSmallSrc"?: string;
+        "dubaiaeIconSrc"?: string;
+        "dubaiaeIconTooltip"?: string;
         "happinessIconAlt"?: string;
         /**
           * Props for default left icons

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dubai-design-system/components-js",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "private": false,
   "description": "JavaScript package for the Digital Dubai Design System, offering reusable, customizable components for seamless integration into web applications",
   "main": "dist/index.cjs.js",
@@ -81,5 +81,5 @@
     "storybook": "^8.1.11"
   },
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "4772d5c2d7487e20fe87cc8324a28d5caa490595"
+  "gitHead": "921d2c6afdf61a3a9ffe7bcb7cbff5fb9b319a77"
 }