@dubai-design-system/components-js 3.12.5 → 3.12.7

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.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\",{\"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\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"sideMainMenuTitle\":[1,\"side-main-menu-title\"],\"sideOtherMenuTitle\":[1,\"side-other-menu-title\"],\"header_submenu_type\":[1],\"sideMenuItems\":[1,\"side-menu-items\"],\"header_default_submenu\":[4],\"read_speaker_link\":[1],\"searchText\":[1,\"search-text\"],\"loginLink\":[1,\"login-link\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"language_text\":[1],\"language_tooltip\":[1],\"login_tooltip\":[1],\"accessibility_tooltip\":[1],\"search_tooltip\":[1],\"hamburger_menu_button_name\":[1],\"accessibility_button_text\":[1],\"accessibility_button_id\":[1],\"accessibility_button_icon_family\":[1],\"accessibility_button_icon_name\":[1],\"search_button_name\":[1],\"search_input_name\":[1],\"search_value\":[1],\"language_button_name\":[1],\"close_menu_button_name\":[1],\"close_accessibility_button_name\":[1],\"toggle_accessibility_button_name\":[1],\"usePredesignedAccessibilityMenu\":[4,\"use-predesigned-accessibility-menu\"],\"useNavigator\":[1,\"use-navigator\"],\"search_input_placeholder\":[1],\"mobileMenuSearchId\":[1,\"mobile-menu-search-id\"],\"mobileMenuSearchUrl\":[1,\"mobile-menu-search-url\"],\"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],\"selected_contrast\":[1],\"selected_text_size\":[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\"],\"quickLinks\":[1,\"quick-links\"],\"showQuickLinksIcon\":[4,\"show-quick-links-icon\"],\"useLoginPopup\":[4,\"use-login-popup\"],\"loginPopupLinks\":[1,\"login-popup-links\"],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"isMobileAccessibiltyOpen\":[32],\"openMenus\":[32],\"parsedOtherMenuItems\":[32],\"parsedDropDownMenuItems\":[32],\"isDesktopLoginPopupOpen\":[32],\"isMobileLoginPopupOpen\":[32]}]]],[\"dda-event-card.cjs\",[[0,\"dda-event-card\",{\"card_header_text\":[1],\"card_header_icon\":[1],\"card_header_icon_id\":[1],\"image_src\":[1],\"event_month\":[1],\"event_date\":[1],\"header_text\":[1],\"body_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16],\"chip_list\":[1040],\"avatar_list\":[1040]}]]],[\"dda-pricing-card.cjs\",[[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],\"card_header_icon_id\":[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.cjs\",[[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_header_end_icon\":[1],\"accordion_id\":[1],\"default_open\":[4],\"isOpen\":[32],\"openAccordion\":[64],\"closeAccordion\":[64],\"getIsOpen\":[64]}]]],[\"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],\"secondary_button\":[1],\"secondary_button_link\":[1],\"primary_button\":[1],\"primary_button_link\":[1],\"close_button_name\":[1]}]]],[\"dda-centered-image-card.cjs\",[[0,\"dda-centered-image-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"info_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button_id\":[1],\"right_button_id\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-custom-card.cjs\",[[4,\"dda-custom-card\",{\"card_header_text\":[1],\"card_header_icon\":[1],\"card_header_icon_id\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"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-home-banner.cjs\",[[4,\"dda-home-banner\",{\"autoplay\":[4],\"interval\":[2],\"currentSlide\":[32],\"slides\":[32],\"autoPlayActive\":[32]},null,{\"currentSlide\":[\"onSlideChanged\"]}]]],[\"dda-home-carousel.cjs\",[[0,\"dda-home-carousel\",{\"custom_class\":[1],\"component_mode\":[1],\"items_in_view\":[2],\"bannercardlist\":[1]},null,{\"bannercardlist\":[\"parseBannerCardList\"]}]]],[\"dda-image-card.cjs\",[[4,\"dda-image-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"body_text\":[1],\"date_text\":[1],\"left_button_color\":[1],\"left_button_name\":[1],\"left_button_href\":[1],\"left_button_rel\":[1],\"left_button_data_fancybox\":[1],\"left_button_start_icon\":[1],\"left_button_end_icon\":[1],\"left_button_target\":[1],\"right_button_color\":[1],\"right_button_name\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"right_button_target\":[1],\"left_button\":[1],\"right_button\":[1],\"custom_class\":[1],\"component_mode\":[1],\"file_size\":[1],\"file_type\":[1],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-information-card.cjs\",[[4,\"dda-information-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"body_text\":[1],\"left_button_name\":[1],\"left_button_href\":[1],\"left_button_rel\":[1],\"left_button_data_fancybox\":[1],\"left_button_start_icon\":[1],\"left_button_end_icon\":[1],\"left_button_target\":[1],\"right_button_name\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"right_button_target\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-sticky-footer.cjs\",[[0,\"dda-sticky-footer\",{\"colorTheme\":[1,\"color-theme\"],\"happinessIconHref\":[1,\"happiness-icon-href\"],\"happinessIconId\":[1,\"happiness-icon-id\"],\"happinessIconSrc\":[1,\"happiness-icon-src\"],\"happinessIconSrcDark\":[1,\"happiness-icon-src-dark\"],\"happinessIconAlt\":[1,\"happiness-icon-alt\"],\"happinessIconTooltip\":[1,\"happiness-icon-tooltip\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconId\":[1,\"accessibility-icon-id\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconSrcDark\":[1,\"accessibility-icon-src-dark\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"servicesIconHref\":[1,\"services-icon-href\"],\"servicesIconId\":[1,\"services-icon-id\"],\"servicesIconSrc\":[1,\"services-icon-src\"],\"servicesIconSrcDark\":[1,\"services-icon-src-dark\"],\"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\"],\"aiIconId\":[1,\"ai-icon-id\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconSrcDark\":[1,\"ai-icon-src-dark\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"dubaiaeIconHref\":[1,\"dubaiae-icon-href\"],\"dubaiaeIconId\":[1,\"dubaiae-icon-id\"],\"dubaiaeIconSrc\":[1,\"dubaiae-icon-src\"],\"dubaiaeIconSrcDark\":[1,\"dubaiae-icon-src-dark\"],\"dubaiaeIconSmallSrc\":[1,\"dubaiae-icon-small-src\"],\"dubaiaeIconAlt\":[1,\"dubaiae-icon-alt\"],\"dubaiaeIconTooltip\":[1,\"dubaiae-icon-tooltip\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconId\":[1,\"chat-icon-id\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconSrcDark\":[1,\"chat-icon-src-dark\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"moreIconFamily\":[1,\"more-icon-family\"],\"moreIcon\":[1,\"more-icon\"],\"isHidden\":[32]}]]],[\"dda-attach-file.cjs\",[[0,\"dda-attach-file\",{\"label\":[1],\"place_holder\":[1],\"upload_button_text\":[1],\"helper_text\":[1],\"success_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],\"input_name\":[1],\"button_id\":[1],\"delete_button_id\":[1],\"button_name\":[1],\"accept\":[1],\"disabled\":[4],\"max_file_size\":[2],\"file_size_error_message\":[1],\"file\":[32],\"isFileUploaded\":[32],\"internalErrorMessage\":[32],\"getFile\":[64]}]]],[\"dda-breadcrumb.cjs\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"aria_label\":[1],\"custom_class\":[1],\"component_mode\":[1],\"dataBreadcrumbs\":[1,\"data-breadcrumbs\"],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-checkbox.cjs\",[[0,\"dda-checkbox\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"checkbox_status\":[1],\"style_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"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],\"validation_id\":[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],\"error_message\":[1],\"helper_text\":[1],\"validation_id\":[1],\"size\":[1],\"icon_mode\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"main_aria_label\":[1],\"is_open\":[32],\"selectedId\":[32],\"selectedText\":[32]}]]],[\"dda-horizontal-stepper.cjs\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"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],\"setValue\":[64]}]]],[\"dda-pagination.cjs\",[[0,\"dda-pagination\",{\"total_pages\":[2],\"current_page\":[1026],\"type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"simple_slider_prev_button\":[1],\"simple_slider_next_button\":[1],\"buttons_prev_button\":[1],\"buttons_next_button\":[1],\"text_prev_button\":[1],\"text_next_button\":[1],\"text_pages_prev_button\":[1],\"text_pages_next_button\":[1],\"button_text_prev_button\":[1],\"button_text_next_button\":[1],\"buttons_pages_prev_button\":[1],\"buttons_pages_next_button\":[1],\"buttons_pages_id\":[1]},null,{\"total_pages\":[\"validateTotalPages\"],\"current_page\":[\"validateCurrentPage\"]}]]],[\"dda-phonefield.cjs\",[[0,\"dda-phonefield\",{\"label\":[1],\"placeholder\":[1],\"helper_text\":[1],\"max_length\":[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],\"value\":[1],\"country_code\":[32],\"country_flag\":[32],\"internalValue\":[32],\"is_focused\":[32],\"dropdown_open\":[32],\"countries\":[32],\"hostElement\":[32],\"getValue\":[64],\"validatePhoneField\":[64]},null,{\"value\":[\"watchHandler\"]}]]],[\"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],\"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],\"button_text\":[1],\"value\":[1],\"hasInputValue\":[32],\"internalValue\":[32],\"reset\":[64],\"setValue\":[64]},null,{\"value\":[\"watchValue\"]}]]],[\"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],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"main_aria_label\":[1],\"input_name\":[1],\"is_open\":[32],\"selectedId\":[32],\"selectedText\":[32],\"setSelected\":[64],\"getSelectedText\":[64]},null,{\"selected\":[\"watchSelected\"]}]]],[\"dda-slider.cjs\",[[1,\"dda-slider\",{\"slides\":[16],\"interval\":[2],\"autoplay\":[4],\"currentSlide\":[32],\"isPaused\":[32]},null,{\"currentSlide\":[\"watchCurrentSlide\"]}]]],[\"dda-split-button.cjs\",[[0,\"dda-split-button\",{\"button_type\":[1],\"disabled\":[4],\"start_icon_family\":[1],\"start_icon\":[1],\"button_text\":[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],\"value\":[1]}]]],[\"dda-tabs.cjs\",[[0,\"dda-tabs\",{\"type\":[1],\"hover_style\":[1],\"border_bottom\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_ids\":[1],\"tab_value\":[1],\"tab_texts\":[1],\"tab_icons\":[1],\"button_name\":[1],\"tab_type\":[1],\"button_values\":[1],\"active_tab\":[32]}]]],[\"dda-team-member-card.cjs\",[[4,\"dda-team-member-card\",{\"image_src\":[1],\"image_alt\":[1],\"team_member_name\":[1],\"team_member_position\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-teamsection-card.cjs\",[[0,\"dda-teamsection-card\",{\"image_src\":[1],\"header_text\":[1],\"profession\":[1],\"body_text\":[1],\"body_text_two\":[1],\"sajin\":[1],\"custom_class\":[1],\"component_mode\":[1],\"card_type\":[1],\"useNavigator\":[1,\"use-navigator\"],\"social_icons\":[8],\"parsedSocialIcons\":[32]},null,{\"social_icons\":[\"parseSocialIcons\"]}]]],[\"dda-textarea.cjs\",[[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],\"internalValue\":[32],\"getValue\":[64]}]]],[\"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-vertical-stepper.cjs\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[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],\"show_options\":[4],\"options\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_name\":[1],\"dropdown_enabled\":[4],\"isOpen\":[32]}]]],[\"dda-banner-card.cjs\",[[0,\"dda-banner-card\",{\"banner_card_type\":[1],\"banner_card_id\":[1],\"banner_card_url\":[1],\"image_src\":[1],\"image_alt\":[1],\"banner_card_title\":[1],\"banner_card_description\":[1],\"custom_class\":[513],\"banner_card_value\":[513],\"banner_card_name\":[513],\"component_mode\":[1]}]]],[\"dda-scroll-icon.cjs\",[[1,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-chip.cjs\",[[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-tooltip.cjs\",[[4,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-header-menu_3.cjs\",[[0,\"dda-header-menu\",{\"showQuickLinksIcon\":[4,\"show-quick-links-icon\"],\"useNavigator\":[1,\"use-navigator\"],\"quickLinks\":[1,\"quick-links\"],\"openIndex\":[32],\"openSubIndex\":[32]},[[8,\"keydown\",\"handleKeydown\"]]],[0,\"dda-input\",{\"label\":[1],\"placeholder\":[1],\"value\":[1],\"type\":[1],\"input_role\":[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],\"required\":[4],\"internalValue\":[32],\"getValue\":[64],\"setValue\":[64],\"reset\":[64]},null,{\"value\":[\"watchValue\"]}],[0,\"dda-radiobutton\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[1540],\"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-link-button.cjs\",[[0,\"dda-link-button\",{\"disabled\":[4],\"start_icon\":[1],\"link_button_text\":[1],\"link_button_title\":[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],\"target\":[1],\"rel\":[1],\"data_fancybox\":[1],\"clickHandler\":[16]}]]],[\"dda-button.cjs\",[[0,\"dda-button\",{\"button_type\":[1],\"disabled\":[4],\"start_icon_family\":[1],\"start_icon\":[1],\"button_text\":[1],\"end_icon_family\":[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],\"value\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"dda-header.cjs\",[[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\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"sideMainMenuTitle\":[1,\"side-main-menu-title\"],\"sideOtherMenuTitle\":[1,\"side-other-menu-title\"],\"header_submenu_type\":[1],\"sideMenuItems\":[1,\"side-menu-items\"],\"header_default_submenu\":[4],\"read_speaker_link\":[1],\"searchText\":[1,\"search-text\"],\"loginLink\":[1,\"login-link\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"language_text\":[1],\"language_tooltip\":[1],\"login_tooltip\":[1],\"accessibility_tooltip\":[1],\"search_tooltip\":[1],\"hamburger_menu_button_name\":[1],\"accessibility_button_text\":[1],\"accessibility_button_id\":[1],\"accessibility_button_icon_family\":[1],\"accessibility_button_icon_name\":[1],\"search_button_name\":[1],\"search_input_name\":[1],\"search_value\":[1],\"language_button_name\":[1],\"close_menu_button_name\":[1],\"close_accessibility_button_name\":[1],\"toggle_accessibility_button_name\":[1],\"usePredesignedAccessibilityMenu\":[4,\"use-predesigned-accessibility-menu\"],\"useNavigator\":[1,\"use-navigator\"],\"search_input_placeholder\":[1],\"mobileMenuSearchId\":[1,\"mobile-menu-search-id\"],\"mobileMenuSearchUrl\":[1,\"mobile-menu-search-url\"],\"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],\"selected_contrast\":[1],\"selected_text_size\":[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\"],\"quickLinks\":[1,\"quick-links\"],\"showQuickLinksIcon\":[4,\"show-quick-links-icon\"],\"useLoginPopup\":[4,\"use-login-popup\"],\"loginPopupLinks\":[1,\"login-popup-links\"],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"isMobileAccessibiltyOpen\":[32],\"openMenus\":[32],\"parsedOtherMenuItems\":[32],\"parsedDropDownMenuItems\":[32],\"isDesktopLoginPopupOpen\":[32],\"isMobileLoginPopupOpen\":[32]}]]],[\"dda-event-card.cjs\",[[0,\"dda-event-card\",{\"card_header_text\":[1],\"card_header_icon\":[1],\"card_header_icon_id\":[1],\"image_src\":[1],\"event_month\":[1],\"event_date\":[1],\"header_text\":[1],\"body_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16],\"chip_list\":[1040],\"avatar_list\":[1040]}]]],[\"dda-pricing-card.cjs\",[[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],\"card_header_icon_id\":[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.cjs\",[[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_header_end_icon\":[1],\"accordion_id\":[1],\"default_open\":[4],\"isOpen\":[32],\"openAccordion\":[64],\"closeAccordion\":[64],\"getIsOpen\":[64]}]]],[\"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],\"secondary_button\":[1],\"secondary_button_link\":[1],\"primary_button\":[1],\"primary_button_link\":[1],\"close_button_name\":[1]}]]],[\"dda-centered-image-card.cjs\",[[0,\"dda-centered-image-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"info_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button_id\":[1],\"right_button_id\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-custom-card.cjs\",[[4,\"dda-custom-card\",{\"card_header_text\":[1],\"card_header_icon\":[1],\"card_header_icon_id\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"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-home-banner.cjs\",[[4,\"dda-home-banner\",{\"autoplay\":[4],\"interval\":[2],\"currentSlide\":[32],\"slides\":[32],\"autoPlayActive\":[32]},null,{\"currentSlide\":[\"onSlideChanged\"]}]]],[\"dda-home-carousel.cjs\",[[0,\"dda-home-carousel\",{\"custom_class\":[1],\"component_mode\":[1],\"items_in_view\":[2],\"bannercardlist\":[1]},null,{\"bannercardlist\":[\"parseBannerCardList\"]}]]],[\"dda-image-card.cjs\",[[4,\"dda-image-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"body_text\":[1],\"date_text\":[1],\"left_button_color\":[1],\"left_button_name\":[1],\"left_button_href\":[1],\"left_button_rel\":[1],\"left_button_data_fancybox\":[1],\"left_button_start_icon\":[1],\"left_button_end_icon\":[1],\"left_button_target\":[1],\"right_button_color\":[1],\"right_button_name\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"right_button_target\":[1],\"left_button\":[1],\"right_button\":[1],\"custom_class\":[1],\"component_mode\":[1],\"file_size\":[1],\"file_type\":[1],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-information-card.cjs\",[[4,\"dda-information-card\",{\"image_src\":[1],\"image_alt\":[1],\"header_text\":[1],\"body_text\":[1],\"left_button_name\":[1],\"left_button_href\":[1],\"left_button_rel\":[1],\"left_button_data_fancybox\":[1],\"left_button_start_icon\":[1],\"left_button_end_icon\":[1],\"left_button_target\":[1],\"right_button_name\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"right_button_target\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-sticky-footer.cjs\",[[0,\"dda-sticky-footer\",{\"colorTheme\":[1,\"color-theme\"],\"happinessIconHref\":[1,\"happiness-icon-href\"],\"happinessIconId\":[1,\"happiness-icon-id\"],\"happinessIconSrc\":[1,\"happiness-icon-src\"],\"happinessIconSrcDark\":[1,\"happiness-icon-src-dark\"],\"happinessIconAlt\":[1,\"happiness-icon-alt\"],\"happinessIconTooltip\":[1,\"happiness-icon-tooltip\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconId\":[1,\"accessibility-icon-id\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconSrcDark\":[1,\"accessibility-icon-src-dark\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"servicesIconHref\":[1,\"services-icon-href\"],\"servicesIconId\":[1,\"services-icon-id\"],\"servicesIconSrc\":[1,\"services-icon-src\"],\"servicesIconSrcDark\":[1,\"services-icon-src-dark\"],\"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\"],\"aiIconId\":[1,\"ai-icon-id\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconSrcDark\":[1,\"ai-icon-src-dark\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"dubaiaeIconHref\":[1,\"dubaiae-icon-href\"],\"dubaiaeIconId\":[1,\"dubaiae-icon-id\"],\"dubaiaeIconSrc\":[1,\"dubaiae-icon-src\"],\"dubaiaeIconSrcDark\":[1,\"dubaiae-icon-src-dark\"],\"dubaiaeIconSmallSrc\":[1,\"dubaiae-icon-small-src\"],\"dubaiaeIconAlt\":[1,\"dubaiae-icon-alt\"],\"dubaiaeIconTooltip\":[1,\"dubaiae-icon-tooltip\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconId\":[1,\"chat-icon-id\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconSrcDark\":[1,\"chat-icon-src-dark\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"moreIconFamily\":[1,\"more-icon-family\"],\"moreIcon\":[1,\"more-icon\"],\"isHidden\":[32]}]]],[\"dda-attach-file.cjs\",[[0,\"dda-attach-file\",{\"label\":[1],\"place_holder\":[1],\"upload_button_text\":[1],\"helper_text\":[1],\"success_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],\"input_name\":[1],\"button_id\":[1],\"delete_button_id\":[1],\"button_name\":[1],\"accept\":[1],\"disabled\":[4],\"max_file_size\":[2],\"file_size_error_message\":[1],\"file\":[32],\"isFileUploaded\":[32],\"internalErrorMessage\":[32],\"getFile\":[64]}]]],[\"dda-breadcrumb.cjs\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"aria_label\":[1],\"custom_class\":[1],\"component_mode\":[1],\"dataBreadcrumbs\":[1,\"data-breadcrumbs\"],\"useNavigator\":[1,\"use-navigator\"]}]]],[\"dda-checkbox.cjs\",[[0,\"dda-checkbox\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"checkbox_status\":[1],\"style_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"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],\"validation_id\":[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],\"error_message\":[1],\"helper_text\":[1],\"validation_id\":[1],\"size\":[1],\"icon_mode\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"main_aria_label\":[1],\"is_open\":[32],\"selectedId\":[32],\"selectedText\":[32]}]]],[\"dda-horizontal-stepper.cjs\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"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],\"setValue\":[64]}]]],[\"dda-pagination.cjs\",[[0,\"dda-pagination\",{\"total_pages\":[2],\"current_page\":[1026],\"type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"simple_slider_prev_button\":[1],\"simple_slider_next_button\":[1],\"buttons_prev_button\":[1],\"buttons_next_button\":[1],\"text_prev_button\":[1],\"text_next_button\":[1],\"text_pages_prev_button\":[1],\"text_pages_next_button\":[1],\"button_text_prev_button\":[1],\"button_text_next_button\":[1],\"buttons_pages_prev_button\":[1],\"buttons_pages_next_button\":[1],\"buttons_pages_id\":[1]},null,{\"total_pages\":[\"validateTotalPages\"],\"current_page\":[\"validateCurrentPage\"]}]]],[\"dda-phonefield.cjs\",[[0,\"dda-phonefield\",{\"label\":[1],\"placeholder\":[1],\"helper_text\":[1],\"max_length\":[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],\"value\":[1],\"country_code\":[32],\"country_flag\":[32],\"internalValue\":[32],\"is_focused\":[32],\"dropdown_open\":[32],\"countries\":[32],\"hostElement\":[32],\"getValue\":[64],\"validatePhoneField\":[64]},null,{\"value\":[\"watchHandler\"]}]]],[\"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],\"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],\"button_text\":[1],\"value\":[1],\"hasInputValue\":[32],\"internalValue\":[32],\"reset\":[64],\"setValue\":[64]},null,{\"value\":[\"watchValue\"]}]]],[\"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],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"placeholder\":[1],\"main_aria_label\":[1],\"input_name\":[1],\"is_open\":[32],\"selectedId\":[32],\"selectedText\":[32],\"setSelected\":[64],\"getSelectedText\":[64]},null,{\"selected\":[\"watchSelected\"]}]]],[\"dda-slider.cjs\",[[1,\"dda-slider\",{\"slides\":[16],\"interval\":[2],\"autoplay\":[4],\"currentSlide\":[32],\"isPaused\":[32]},null,{\"currentSlide\":[\"watchCurrentSlide\"]}]]],[\"dda-split-button.cjs\",[[4,\"dda-split-button\",{\"text_button_type\":[1],\"disabled\":[4],\"start_icon_family\":[1],\"start_icon\":[1],\"button_text\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"toggle_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"component_mode\":[1],\"text_button_id\":[1],\"text_button_name\":[1],\"value\":[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_ids\":[1],\"tab_value\":[1],\"tab_texts\":[1],\"tab_icons\":[1],\"button_name\":[1],\"tab_type\":[1],\"button_values\":[1],\"active_tab\":[32]}]]],[\"dda-team-member-card.cjs\",[[4,\"dda-team-member-card\",{\"image_src\":[1],\"image_alt\":[1],\"team_member_name\":[1],\"team_member_position\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-teamsection-card.cjs\",[[0,\"dda-teamsection-card\",{\"image_src\":[1],\"header_text\":[1],\"profession\":[1],\"body_text\":[1],\"body_text_two\":[1],\"sajin\":[1],\"custom_class\":[1],\"component_mode\":[1],\"card_type\":[1],\"useNavigator\":[1,\"use-navigator\"],\"social_icons\":[8],\"parsedSocialIcons\":[32]},null,{\"social_icons\":[\"parseSocialIcons\"]}]]],[\"dda-textarea.cjs\",[[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],\"internalValue\":[32],\"getValue\":[64]}]]],[\"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-vertical-stepper.cjs\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[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],\"show_options\":[4],\"options\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_name\":[1],\"dropdown_enabled\":[4],\"isOpen\":[32]}]]],[\"dda-banner-card.cjs\",[[0,\"dda-banner-card\",{\"banner_card_type\":[1],\"banner_card_id\":[1],\"banner_card_url\":[1],\"image_src\":[1],\"image_alt\":[1],\"banner_card_title\":[1],\"banner_card_description\":[1],\"custom_class\":[513],\"banner_card_value\":[513],\"banner_card_name\":[513],\"component_mode\":[1]}]]],[\"dda-scroll-icon.cjs\",[[1,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-chip.cjs\",[[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-tooltip.cjs\",[[4,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-header-menu_3.cjs\",[[0,\"dda-header-menu\",{\"showQuickLinksIcon\":[4,\"show-quick-links-icon\"],\"useNavigator\":[1,\"use-navigator\"],\"quickLinks\":[1,\"quick-links\"],\"openIndex\":[32],\"openSubIndex\":[32]},[[8,\"keydown\",\"handleKeydown\"]]],[0,\"dda-input\",{\"label\":[1],\"placeholder\":[1],\"value\":[1],\"type\":[1],\"input_role\":[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],\"required\":[4],\"internalValue\":[32],\"getValue\":[64],\"setValue\":[64],\"reset\":[64]},null,{\"value\":[\"watchValue\"]}],[0,\"dda-radiobutton\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[1540],\"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-link-button.cjs\",[[0,\"dda-link-button\",{\"disabled\":[4],\"start_icon\":[1],\"link_button_text\":[1],\"link_button_title\":[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],\"target\":[1],\"rel\":[1],\"data_fancybox\":[1],\"clickHandler\":[16]}]]],[\"dda-button.cjs\",[[0,\"dda-button\",{\"button_type\":[1],\"disabled\":[4],\"start_icon_family\":[1],\"start_icon\":[1],\"button_text\":[1],\"end_icon_family\":[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],\"value\":[1]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/dda-header/dda-header.stories.js

@@ -150,6 +150,7 @@ To use the \`dda-header\` component, pass the following props:
     redcontrast="() => console.log('Red Text')"
     greencontrast="() => console.log('Green Text')">
     usePredesignedAccessibilityMenu="true"
+    useLoginPopup="true"
     searchfunctionality="() => console.log('Search Functionality')"
 </dda-header>
   \`\`\`
@@ -222,6 +223,7 @@ const Template = args => `
       login-text="${args.loginText}"
       login-link="${args.loginLink}"
       login-icon="${args.loginIcon}"
+      
 
       hamburger_menu_button_name="${args.hamburger_menu_button_name}"
       side-main-menu-title="${args.sideMainMenuTitle}"
@@ -324,6 +326,11 @@ Default.args = {
     loginText: "Login",
     loginLink: "/Login",
     loginIcon: "account_circle",
+    useLoginPopup: "true",
+    loginPopupLinks: [
+        { popupItemLabel: 'About', url: 'about.html' },
+        { popupItemLabel: 'Profile', url: 'profile.html' }
+    ],
     hamburger_menu_button_name: "Menu",
     sideMainMenuTitle: "Main Menu",
     sideMenuItems: [

package/dist/collection/components/dda-header/dda-header.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"dda-header.stories.js","sourceRoot":"","sources":["../../../src/components/dda-header/dda-header.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE;QACR,0BAA0B,EAAE;YAC1B,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,oCAAoC;SAClD;QACD,yBAAyB,EAAE;YACzB,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,mCAAmC;SACjD;QACD,uBAAuB,EAAE;YACvB,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,iCAAiC;SAC/C;QACD,gCAAgC,EAAE;YAChC,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,iCAAiC;SAC/C;QACD,8BAA8B,EAAE;YAC9B,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,iCAAiC;SAC/C;QAED,kBAAkB,EAAE;YAClB,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,4BAA4B;SAC1C;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,2BAA2B;SACzC;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,4BAA4B;SAC1C;QACD,oBAAoB,EAAE;YACpB,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,8BAA8B;SAC5C;QACD,aAAa,EAAE;YACb,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,8BAA8B;SAC5C;QACD,sBAAsB,EAAE;YACtB,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,gCAAgC;SAC9C;QACD,+BAA+B,EAAE;YAC/B,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,yCAAyC;SACvD;QAED,gCAAgC,EAAE;YAChC,OAAO,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC;YACvB,WAAW,EAAE,0CAA0C;SACxD;QACD,+BAA+B,EAAE;YAC/B,OAAO,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;YAC1B,WAAW,EAAE,oCAAoC;SAClD;QACD,eAAe,EAAE;YACf,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,gCAAgC;SAC9C;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,iCAAiC;SAC/C;QACD,aAAa,EAAE;YACb,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YAC5B,WAAW,EAAE,wCAAwC;SACtD;QACA,cAAc,EAAE;YACf,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,WAAW,EAAE,mDAAmD;SACjE;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,2BAA2B;SACzC;QACD,wBAAwB,EAAE;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,QAAQ;SACtB;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,QAAQ;SACtB;QACD,aAAa,EAAE;YACb,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,QAAQ;SACtB;QACD,qBAAqB,EAAE;YACrB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,QAAQ;SACtB;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,QAAQ;SACtB;QAED,SAAS,EAAE;YACT,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,QAAQ;SACtB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,8DAA8D;SAC5E;KAEF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ClB;aACM;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC;;yBAEA,IAAI,CAAC,eAAe;wBACrB,IAAI,CAAC,YAAY;8BACX,IAAI,CAAC,iBAAiB;wBAC5B,IAAI,CAAC,YAAY;;0BAEf,IAAI,CAAC,gBAAgB;yBACtB,IAAI,CAAC,aAAa;+BACZ,IAAI,CAAC,kBAAkB;yBAC7B,IAAI,CAAC,aAAa;;4BAEf,IAAI,CAAC,kBAAkB;2BACxB,IAAI,CAAC,iBAAiB;sBAC3B,IAAI,CAAC,YAAY;kCACL,IAAI,CAAC,wBAAwB;6BAClC,IAAI,CAAC,mBAAmB;wBAC7B,IAAI,CAAC,cAAc;+BACZ,IAAI,CAAC,kBAAkB;gCACtB,IAAI,CAAC,mBAAmB;;4CAEZ,IAAI,CAAC,+BAA+B;+BACjD,IAAI,CAAC,qBAAqB;0CACf,IAAI,CAAC,gCAAgC;mCAC5C,IAAI,CAAC,yBAAyB;iCAChC,IAAI,CAAC,uBAAuB;0CACnB,IAAI,CAAC,gCAAgC;wCACvC,IAAI,CAAC,8BAA8B;wCACnC,IAAI,CAAC,8BAA8B;yCAClC,IAAI,CAAC,+BAA+B;;wBAErD,IAAI,CAAC,cAAc;8BACb,IAAI,CAAC,oBAAoB;8BACzB,IAAI,CAAC,oBAAoB;mCACpB,IAAI,CAAC,yBAAyB;oCAC7B,IAAI,CAAC,0BAA0B;sCAC7B,IAAI,CAAC,4BAA4B;;;;;;6BAM1C,IAAI,CAAC,mBAAmB;mCAClB,IAAI,CAAC,yBAAyB;2BACtC,IAAI,CAAC,iBAAiB;;yBAExB,IAAI,CAAC,eAAe;+BACd,IAAI,CAAC,qBAAqB;;;;;0BAK/B,IAAI,CAAC,gBAAgB;uBACxB,IAAI,CAAC,aAAa;8BACX,IAAI,CAAC,oBAAoB;;;sBAGjC,IAAI,CAAC,YAAY;;;uBAGhB,IAAI,CAAC,aAAa;oBACrB,IAAI,CAAC,SAAS;oBACd,IAAI,CAAC,SAAS;oBACd,IAAI,CAAC,SAAS;;oCAEE,IAAI,CAAC,0BAA0B;8BACrC,IAAI,CAAC,iBAAiB;yBAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;yBAClC,IAAI,CAAC,aAAa;+BACZ,IAAI,CAAC,kBAAkB;0BAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;gCAC7B,IAAI,CAAC,sBAAsB;;qBAEtC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;oDAyBA,IAAI,CAAC,cAAc;oDACnB,IAAI,CAAC,cAAc;gDACvB,IAAI,CAAC,UAAU;kDACb,IAAI,CAAC,YAAY;gDACnB,IAAI,CAAC,UAAU;oDACX,IAAI,CAAC,cAAc;mDACpB,IAAI,CAAC,aAAa;iDACpB,IAAI,CAAC,WAAW;mDACd,IAAI,CAAC,aAAa;oEACD,IAAI,CAAC,8BAA8B;yDAC9C,IAAI,CAAC,mBAAmB;;;GAG9E,CAAC;AAKJ,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,eAAe,EAAE,0BAA0B;IAC3C,YAAY,EAAE,uDAAuD;IACrE,iBAAiB,EAAE,6DAA6D;IAChF,YAAY,EAAE,yBAAyB;IAEvC,gBAAgB,EAAE,0BAA0B;IAC5C,aAAa,EAAE,gFAAgF;IAC/F,kBAAkB,EAAE,sFAAsF;IAC1G,aAAa,EAAE,yBAAyB;IAEzC,kBAAkB,EAAC,oBAAoB;IACvC,iBAAiB,EAAC,mBAAmB;IACrC,YAAY,EAAC,EAAE;IACf,wBAAwB,EAAC,QAAQ;IACjC,mBAAmB,EAAE,2CAA2C;IAChE,cAAc,EAAC,QAAQ;IACvB,kBAAkB,EAAE,cAAc;IAClC,mBAAmB,EAAE,oBAAoB;IAEzC,+BAA+B,EAAE,IAAI;IACrC,qBAAqB,EAAC,eAAe;IACrC,gCAAgC,EAAC,kCAAkC;IAClE,yBAAyB,EAAC,2BAA2B;IACrD,uBAAuB,EAAC,yBAAyB;IACjD,gCAAgC,EAAC,2CAA2C;IAC5E,8BAA8B,EAAC,oBAAoB;IACpD,8BAA8B,EAAE,uDAAuD;IACtF,+BAA+B,EAAC,iCAAiC;IAEjE,cAAc,EAAC,UAAU;IACzB,oBAAoB,EAAC,wCAAwC;IAC7D,oBAAoB,EAAC,QAAQ;IAC7B,yBAAyB,EAAC,eAAe;IACzC,0BAA0B,EAAC,cAAc;IACzC,4BAA4B,EAAC,gBAAgB;IAC7C,cAAc,EAAE,sCAAsC;IACtD,aAAa,EAAE,qCAAqC;IACpD,WAAW,EAAE,mCAAmC;IAChD,aAAa,EAAE,qCAAqC;IAErD,mBAAmB,EAAC,eAAe;IAClC,yBAAyB,EAAC,8DAA8D;IACzF,iBAAiB,EAAE,wBAAwB;IAE3C,eAAe,EAAC,WAAW;IAC1B,qBAAqB,EAAC,6DAA6D;IACnF,UAAU,EAAE,iCAAiC;IAC7C,YAAY,EAAE,gCAAgC;IAC9C,UAAU,EAAE,iCAAiC;IAE7C,gBAAgB,EAAC,UAAU;IAC3B,aAAa,EAAE,SAAS;IACxB,oBAAoB,EAAC,sBAAsB;IAC3C,cAAc,EAAE,wCAAwC;IAExD,cAAc,EAAE,gCAAgC;IAEhD,aAAa,EAAC,OAAO;IACrB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,gBAAgB;IAE3B,0BAA0B,EAAC,MAAM;IACjC,iBAAiB,EAAE,WAAW;IAC9B,aAAa,EAAE;QACb,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;QACzD;YACE,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,GAAG;YACT,OAAO,EAAE;gBACP,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE;wBACtF,EAAG,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE;gCACvF,EAAG,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE;6BACjF,EAAE;wBACH,EAAG,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE;qBACjF,EAAE;gBACH,EAAG,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE;wBACvF,EAAC,WAAW,EAAE,aAAa,EAAG,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE;gCACtF,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE;6BAChF,EAAE;wBACH,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE;qBAChF,EAAE;aACJ;SACF;QACD,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE;gBACvC,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC3E,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE;aAC5E,EAAC;QACF,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;QACzC,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;QACxD,EAAE,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;QACvD,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;QAC9C,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;QAC7C,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE;KAChD;IAED,aAAa,EAAE,KAAK;IACpB,kBAAkB,EAAE,OAAO;IAC3B,cAAc,EAAE;QACd,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE;QAC9C,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE;QAC9B,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE;KAC/B;IAED,sBAAsB,EAAC,wBAAwB;IAE/C,mBAAmB;IACnB,UAAU,EAAE;QACV,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE;QAErD,uBAAuB;QACvB;YACE,eAAe,EAAE,UAAU,EAAE,GAAG,EAAE,oBAAoB;YACtD,IAAI,EAAE,qBAAqB;YAC3B,QAAQ,EAAE;gBACR,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG;oBACpC,mBAAmB,EAAE,iBAAiB;oBACtC,QAAQ,EAAE;wBACN,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE;wBAC7C,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE;qBAChD;iBACJ;gBACD,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG;oBACpC,mBAAmB,EAAE,iBAAiB;oBACtC,QAAQ,EAAE;wBACN,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE;wBAC7C,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE;qBAChD;iBACJ;gBACD,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE;aAC3C;SACF;QAED,WAAW;QACX;YACE,eAAe,EAAE,UAAU,EAAE,GAAG,EAAE,oBAAoB;YACtD,IAAI,EAAE,mBAAmB;YACzB,QAAQ,EAAE;gBACR;oBACE,KAAK,EAAE,eAAe;oBACtB,KAAK,EAAE;wBACL,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,qBAAqB,EAAE;wBAC9E,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE;wBAC1C,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE;qBAC3C;iBACF;gBACD;oBACE,KAAK,EAAE,eAAe;oBACtB,KAAK,EAAE;wBACL,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE;wBAC1C,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE;wBAC1C,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE;qBAC3C;iBACF;gBACD;oBACE,KAAK,EAAE,eAAe;oBACtB,KAAK,EAAE,CAAC,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;iBACpD;gBACD;oBACE,KAAK,EAAE,eAAe;oBACtB,KAAK,EAAE,CAAC,EAAE,eAAe,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;iBACpD;aACF;SACF;QAED,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE;KACzC;CAIF,CAAC","sourcesContent":["export default {\r\n  title: 'Components/Header',\r\n  tags: ['autodocs'],\r\n  component: 'dda-header',\r\n  argTypes: {\r\n    hamburger_menu_button_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the hamburger menu button',\r\n    },\r\n    accessibility_button_text: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the accessibility button',\r\n    },\r\n    accessibility_button_id: {\r\n      control: {type: 'text'},\r\n      description: 'ID for the accessibility button',\r\n    },\r\n    accessibility_button_icon_family: {\r\n      control: {type: 'text'},\r\n      description: 'ID for the accessibility button',\r\n    },\r\n    accessibility_button_icon_name: {\r\n      control: {type: 'text'},\r\n      description: 'ID for the accessibility button',\r\n    },\r\n\r\n    search_button_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the search button',\r\n    },\r\n    search_input_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the search input',\r\n    },\r\n    search_value: {\r\n      control: {type: 'text'},\r\n      description: 'Value for the search input',\r\n    },\r\n    language_button_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the language button',\r\n    },\r\n    language_text: {\r\n      control: {type: 'text'},\r\n      description: 'Text for the language button',\r\n    },\r\n    close_menu_button_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the close menu button',\r\n    },\r\n    close_accessibility_button_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the close accessibility button',\r\n    },\r\n    \r\n    toggle_accessibility_button_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the toggle accessibility button',\r\n    },\r\n    usePredesignedAccessibilityMenu: {\r\n      control: {type: 'boolean'},\r\n      description: 'Use predesigned accessibility menu',\r\n    },\r\n    first_logo_href: {\r\n      control: { type: 'text' },\r\n      description: 'Href for the first logo anchor',\r\n    },\r\n    second_logo_href: {\r\n      control: { type: 'text' },\r\n      description: 'Href for the Second logo anchor',\r\n    },\r\n    hideOtherMenu: {\r\n      control: { type: 'boolean' },\r\n      description: 'Hides the middle section of the footer',\r\n    },\r\n     otherMenuItems: {\r\n      control: { type: 'object' },\r\n      description: 'List of items to render in the Other Menu section',\r\n    },\r\n    read_speaker_link: {\r\n      control: { type: 'text' },\r\n      description: 'Href for the Read Speaker',\r\n    },\r\n    search_input_placeholder: {\r\n      control: { type: 'text' },\r\n      description: 'Search',\r\n    },\r\n    language_tooltip: {\r\n      control: { type: 'text' },\r\n      description: 'Search',\r\n    },\r\n    login_tooltip: {\r\n      control: { type: 'text' },\r\n      description: 'Search',\r\n    },\r\n    accessibility_tooltip: {\r\n      control: { type: 'text' },\r\n      description: 'Search',\r\n    },\r\n    search_tooltip: {\r\n      control: { type: 'text' },\r\n      description: 'Search',\r\n    },\r\n\r\n    loginIcon: {\r\n      control: { type: 'text' },\r\n      description: 'Search',\r\n    },\r\n    quickLinks: {\r\n      control: 'object',\r\n      description: 'Optional quickLinks to render a dda-header-menu inside alert',\r\n    },\r\n\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-header\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-header\r\n    first-logo-href=\"https://www.dubai.gov.ae\"\r\n    first-logo-src=\"assets/img/government-of-dubai.svg\"\r\n    first-logo-white-src=\"assets/img/government-of-dubai-white.svg\"\r\n    first-logo-alt=\"Dubai-Digital-Authority\"\r\n    second-logo-href=\"https://www.dubai.gov.ae\"\r\n    second-logo-src=\"digital-logo.svg\"\r\n    second-logo-white-src=\"digital-logo-white.svg\"\r\n    second-logo-alt=\"Dubai-Digital-Authority\"\r\n    login-link=\"/login\"\r\n    read-speaker-link=\"\"\r\n    language_text=\"العربية\"\r\n    hamburger_menu_button_name=\"hamburger_menu_button_name\"\r\n    accessibility_button_text=\"accessibility_button_text\"\r\n    accessibility_button_id=\"accessibility_button_id\"\r\n    accessibility_button_icon_family=\"material-icons  material-symbols-outlined\"\r\n    accessibility_button_icon_name=\"accessible_forward\"\r\n    search_button_name=\"search_button_name\"\r\n    search_input_name=\"search_input_name\"\r\n    search_value=\"search_value\"\r\n    language_button_name=\"language_button_name\"\r\n    close_menu_button_name=\"close_menu_button_name\"\r\n    close_accessibility_button_name=\"close_accessibility_button_name\"\r\n    toggle_accessibility_button_name=\"toggle_accessibility_button_name\"\r\n    languageswitch=\"() => console.log('Language Switcher')\"\r\n    useNavigator=\"true\"\r\n    navigatorClick=\"() => console.log('Navigator')\"\r\n    smtextsize=\"() => console.log('Small Text')\"\r\n    basetextsize=\"() => console.log('Base Text')\"\r\n    lgtextsize=\"() => console.log('Large Text')\"\r\n    normalcontrast=\"() => console.log('Normal Text')\"\r\n    blindcontrast=\"() => console.log('Blind Text')\"\r\n    redcontrast=\"() => console.log('Red Text')\"\r\n    greencontrast=\"() => console.log('Green Text')\">\r\n    usePredesignedAccessibilityMenu=\"true\"\r\n    searchfunctionality=\"() => console.log('Search Functionality')\"\r\n</dda-header>\r\n  \\`\\`\\`\r\n`,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = args => `\r\n    <dda-header \r\n      first-logo-href=\"${args.first_logo_href}\"\r\n      first-logo-src=\"${args.firstlogoSrc}\"\r\n      first-logo-white-src=\"${args.firstLogoWhiteSrc}\"\r\n      first-logo-alt=\"${args.firstLogoAlt}\"\r\n\r\n      second-logo-href=\"${args.second_logo_href}\"\r\n      second-logo-src=\"${args.secondLogoSrc}\"\r\n      second-logo-white-src=\"${args.secondLogoWhiteSrc}\"\r\n      second-logo-alt=\"${args.secondLogoAlt}\"\r\n\r\n      search_button_name=\"${args.search_button_name}\"\r\n      search_input_name=\"${args.search_input_name}\"\r\n      search_value=\"${args.search_value}\"\r\n      search_input_placeholder=\"${args.search_input_placeholder}\"\r\n      searchfunctionality=\"${args.searchfunctionality}\"\r\n      search_tooltip=\"${args.search_tooltip}\"\r\n      mobile-menu-search-id=\"${args.mobileMenuSearchId}\"\r\n      mobile-menu-search-url=\"${args.mobileMenuSearchUrl}\"\r\n\r\n      use-predesigned-accessibility-menu=\"${args.usePredesignedAccessibilityMenu}\"\r\n      accessibility_tooltip=\"${args.accessibility_tooltip}\"\r\n      toggle_accessibility_button_name=\"${args.toggle_accessibility_button_name}\"\r\n      accessibility_button_text=\"${args.accessibility_button_text}\"\r\n      accessibility_button_id=\"${args.accessibility_button_id}\"\r\n      accessibility_button_icon_family=\"${args.accessibility_button_icon_family}\"\r\n      accessibility_button_icon_name=\"${args.accessibility_button_icon_name}\"\r\n      accessibilitymenufunctionality=\"${args.accessibilitymenufunctionality}\"\r\n      close_accessibility_button_name=\"${args.close_accessibility_button_name}\"\r\n\r\n      contrast_title=\"${args.contrast_title}\"\r\n      contrast_description=\"${args.contrast_description}\"\r\n      contrast_noraml_text=\"${args.contrast_noraml_text}\"\r\n      contrast_color_blind_text=\"${args.contrast_color_blind_text}\"\r\n      contrast_red_weakness_text=\"${args.contrast_red_weakness_text}\"\r\n      contrast_green_weakness_text=\"${args.contrast_green_weakness_text}\"\r\n      normalContrast=\"() => console.log('Normal Text')\"\r\n      blindContrast=\"() => console.log('Blind Text')\"\r\n      redContrast=\"() => console.log('Red Text')\"\r\n      greenContrast=\"() => console.log('Green Text')\"\r\n\r\n      screen_reader_title=\"${args.screen_reader_title}\"\r\n      screen_reader_description=\"${args.screen_reader_description}\"\r\n      read_speaker_link=\"${args.read_speaker_link}\"\r\n\r\n      text_size_title=\"${args.text_size_title}\"\r\n      text_size_description=\"${args.text_size_description}\"\r\n      smTextSize=\"() => console.log('Small Text')\"\r\n      baseTextSize=\"() => console.log('Base Text')\"\r\n      lgTextSize=\"() => console.log('Large Text')\"\r\n\r\n      language_tooltip=\"${args.language_tooltip}\"\r\n      language_text=\"${args.language_text}\"\r\n      language_button_name=\"${args.language_button_name}\"\r\n      languageSwitch=\"() => console.log('Language Switcher')\"\r\n\r\n      useNavigator=\"${args.useNavigator}\"\r\n      navigatorClick=\"() => console.log('Navigator')\"\r\n\r\n      login_tooltip=\"${args.login_tooltip}\"\r\n      login-text=\"${args.loginText}\"\r\n      login-link=\"${args.loginLink}\"\r\n      login-icon=\"${args.loginIcon}\"\r\n\r\n      hamburger_menu_button_name=\"${args.hamburger_menu_button_name}\"\r\n      side-main-menu-title=\"${args.sideMainMenuTitle}\"\r\n      side-menu-items='${JSON.stringify(args.sideMenuItems)}'\r\n      hide-other-menu=\"${args.hideOtherMenu}\"\r\n      side-other-menu-title=\"${args.sideOtherMenuTitle}\"\r\n      other-menu-items='${JSON.stringify(args.otherMenuItems)}'\r\n      close_menu_button_name=\"${args.close_menu_button_name}\"\r\n\r\n      quick-links='${JSON.stringify(args.quickLinks)}'\r\n      \r\n    ></dda-header>\r\n    <script>\r\n      (function () {\r\n        const args = {\r\n          languageSwitch: () => console.log('Language Switch'),\r\n          navigatorClick: () => console.log('Navigator'),\r\n          smTextSize: () => console.log('Small Text'),\r\n          baseTextSize: () => console.log('Base Text'),\r\n          lgTextSize: () => console.log('Large Text'),\r\n          normalContrast: () => console.log('Normal Contrast'),\r\n          blindContrast: () => console.log('Blind Contrast'),\r\n          redContrast: () => console.log('Red Contrast'),\r\n          greenContrast: () => console.log('Green Contrast'),\r\n          accessibilitymenufunctionality: () => console.log('Accessibility Menu'),\r\n          searchfunctionality: () => console.log('Search Functionality'),\r\n        };\r\n\r\n        const header = document.querySelector('dda-header');\r\n        if (!header) {\r\n          console.warn('dda-header element not found');\r\n          return;\r\n        }\r\n\r\n        header.addEventListener('languageSwitch', ${args.languageSwitch});\r\n        header.addEventListener('navigatorClick', ${args.navigatorClick});\r\n        header.addEventListener('smTextSize', ${args.smTextSize});\r\n        header.addEventListener('baseTextSize', ${args.baseTextSize});\r\n        header.addEventListener('lgTextSize', ${args.lgTextSize});\r\n        header.addEventListener('normalContrast', ${args.normalContrast});\r\n        header.addEventListener('blindContrast', ${args.blindContrast});\r\n        header.addEventListener('redContrast', ${args.redContrast});\r\n        header.addEventListener('greenContrast', ${args.greenContrast});\r\n        header.addEventListener('accessibilitymenufunctionality', ${args.accessibilitymenufunctionality});\r\n        header.addEventListener('searchfunctionality', ${args.searchfunctionality});\r\n      })();\r\n    </script>\r\n  `;\r\n\r\n\r\n\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  first_logo_href: \"https://www.dubai.gov.ae\",\r\n  firstlogoSrc: \"https://www.dof.gov.ae/Style Library/img/gov-logo.svg\",\r\n  firstLogoWhiteSrc: \"https://www.dof.gov.ae/Style Library/img/gov-logo-white.svg\",\r\n  firstLogoAlt: \"Dubai-Digital-Authority\",\r\n  \r\n  second_logo_href: \"https://www.dubai.gov.ae\",\r\n  secondLogoSrc: \"https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg\",\r\n  secondLogoWhiteSrc: \"https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo-white.svg\",\r\n  secondLogoAlt: \"Dubai-Digital-Authority\",\r\n\r\n\tsearch_button_name:\"search_button_name\",\r\n\tsearch_input_name:\"search_input_name\",\r\n\tsearch_value:\"\",\r\n\tsearch_input_placeholder:\"Search\",\r\n\tsearchfunctionality: \"() => console.log('Search Functionality')\",\r\n\tsearch_tooltip:\"Search\",\r\n\tmobileMenuSearchId: \"mobileSearch\",\r\n\tmobileMenuSearchUrl: \"javascript:void(0)\",\r\n\t\r\n\tusePredesignedAccessibilityMenu: true,\r\n\taccessibility_tooltip:\"Accessibility\",\r\n\ttoggle_accessibility_button_name:\"toggle_accessibility_button_name\",\r\n  accessibility_button_text:\"accessibility_button_text\",\r\n  accessibility_button_id:\"accessibility_button_id\",\r\n  accessibility_button_icon_family:\"material-icons  material-symbols-outlined\",\r\n  accessibility_button_icon_name:\"accessible_forward\",\r\n\taccessibilitymenufunctionality: \"() => console.log('Accessibility Menu Functionality')\",\r\n  close_accessibility_button_name:\"close_accessibility_button_name\",\r\n  \r\n  contrast_title:\"Contrast\",\r\n  contrast_description:\"Select your preferred contrast setting\",\r\n  contrast_noraml_text:\"Normal\",\r\n  contrast_color_blind_text:\"Colours Blind\",\r\n  contrast_red_weakness_text:\"Red Weakness\",\r\n  contrast_green_weakness_text:\"Green Weakness\",\r\n  normalContrast: \"() => console.log('Normal Contrast')\",\r\n  blindContrast: \"() => console.log('Blind Contrast')\",\r\n  redContrast: \"() => console.log('Red Contrast')\",\r\n  greenContrast: \"() => console.log('Green Contrast')\",\r\n  \r\n\tscreen_reader_title:\"Screen Reader\",\r\n  screen_reader_description:\"Listen to the content of the page by clicking play or listen\",\r\n\tread_speaker_link: \"app-eu.readspeaker.com\",\r\n\t\r\n\ttext_size_title:\"Text Size\",\r\n  text_size_description:\"Use the buttons below to increase or decrease the text size\",\r\n  smTextSize: \"() => console.log('Small Text')\",\r\n  baseTextSize: \"() => console.log('Base Text')\",\r\n  lgTextSize: \"() => console.log('Large Text')\",\r\n  \t\r\n  language_tooltip:\"Language\",\r\n  language_text: \"العربية\",\r\n  language_button_name:\"language_button_name\",\r\n  languageSwitch: \"() => console.log('Language Switcher')\",\r\n  \r\n  navigatorClick: \"() => console.log('Navigator')\",\r\n\r\n  login_tooltip:\"Login\",\r\n  loginText: \"Login\",\r\n  loginLink: \"/Login\",\r\n  loginIcon: \"account_circle\",\r\n  \r\n  hamburger_menu_button_name:\"Menu\",\r\n  sideMainMenuTitle: \"Main Menu\",\r\n  sideMenuItems: [\r\n    { label: 'Home', active: 'true', href: '#', subMenu: [] },\r\n    {\r\n      label: 'Initiatives',\r\n      href: '#',\r\n      subMenu: [\r\n        { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-1', href: '#', subMenu: [\r\n          {  headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-2', href: '#', subMenu: [\r\n            {  headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-4', href: '#' }\r\n          ] },\r\n          {  headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-3', href: '#' }\r\n        ] },\r\n        {  headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-1', href: '#', subMenu: [\r\n          {headerLabel: 'Initiatives',  subLinkClass: '', label: 'Submenu-2', href: '#', subMenu: [\r\n            { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-4', href: '#' }\r\n          ] },\r\n          { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-3', href: '#' }\r\n        ] },\r\n      ],\r\n    },\r\n    { label: 'Services', href: '#', subMenu: [\r\n      { headerLabel: 'Service', subLinkClass: '', label: 'Service-1', href: '#' },\r\n      { headerLabel: 'Service', subLinkClass: '', label: 'Service-2', href: '#' },\r\n    ]},\r\n    { label: 'Data', href: '#', subMenu: [] },\r\n    { label: 'Government Services', href: '#', subMenu: [] },\r\n    { label: 'Investor Relations', href: '#', subMenu: [] },\r\n    { label: 'Locations', href: '#', subMenu: [] },\r\n    { label: 'Newsroom', href: '#', subMenu: [] },\r\n    { label: 'Contact Us', href: '#', subMenu: [] },\r\n  ],\r\n\r\n  hideOtherMenu: false,\r\n  sideOtherMenuTitle: \"Other\",\r\n  otherMenuItems: [\r\n    { label: 'Menu 1', active: 'true', href: '#' },\r\n    { label: 'Menu 2', href: '#' },\r\n    { label: 'Menu 3', href: '#' },\r\n  ],\r\n\r\n  close_menu_button_name:\"close_menu_button_name\",\r\n\r\n  //Header Menu Items\r\n  quickLinks: [\r\n    { headerMenuLabel: 'Home', active: 'true', url: '#' },\r\n    \r\n    //default dropdown menu\r\n    {\r\n      headerMenuLabel: 'About Us', url: 'javascript:void(0)',\r\n      type: 'dda_default_submenu',\r\n      children: [\r\n        { headerMenuLabel: 'Submenu 1', url: '#',\r\n            defaultSubMenuTitle: 'Submenu 1 Title',\r\n            children: [\r\n                { headerMenuLabel: 'SubSubmenu 1', url: '#' },\r\n                { headerMenuLabel: 'SubSubmenu 1', url: '#' },\r\n            ]\r\n        },\r\n        { headerMenuLabel: 'Submenu 2', url: '#',\r\n            defaultSubMenuTitle: 'Submenu 2 Title',\r\n            children: [\r\n                { headerMenuLabel: 'SubSubmenu 2', url: '#' },\r\n                { headerMenuLabel: 'SubSubmenu 2', url: '#' },\r\n            ]\r\n        },\r\n        { headerMenuLabel: 'Submenu 3', url: '#' },\r\n      ],\r\n    },\r\n\r\n    //mega menu\r\n    {\r\n      headerMenuLabel: 'Services', url: 'javascript:void(0)', \r\n      type: 'dda_main_megamenu',\r\n      children: [\r\n        {\r\n          title: 'QUICK LINKS 1',\r\n          items: [\r\n            { headerMenuLabel: 'Service 1', url: '#', description: 'Service Description' },\r\n            { headerMenuLabel: 'Service 2', url: '#' },\r\n            { headerMenuLabel: 'Service 3', url: '#' },\r\n          ],\r\n        },\r\n        {\r\n          title: 'QUICK LINKS 2',\r\n          items: [\r\n            { headerMenuLabel: 'Service 1', url: '#' },\r\n            { headerMenuLabel: 'Service 2', url: '#' },\r\n            { headerMenuLabel: 'Service 3', url: '#' },\r\n          ],\r\n        },\r\n        {\r\n          title: 'QUICK LINKS 3',\r\n          items: [{ headerMenuLabel: 'Service 3', url: '#' }],\r\n        },\r\n        {\r\n          title: 'QUICK LINKS 4',\r\n          items: [{ headerMenuLabel: 'Service 4', url: '#' }],\r\n        },\r\n      ],\r\n    },\r\n\r\n    { headerMenuLabel: 'Contact', url: '#' },\r\n  ],\r\n\r\n  \r\n  \r\n};\r\n"]}
+{"version":3,"file":"dda-header.stories.js","sourceRoot":"","sources":["../../../src/components/dda-header/dda-header.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Header',\r\n  tags: ['autodocs'],\r\n  component: 'dda-header',\r\n  argTypes: {\r\n    hamburger_menu_button_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the hamburger menu button',\r\n    },\r\n    accessibility_button_text: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the accessibility button',\r\n    },\r\n    accessibility_button_id: {\r\n      control: {type: 'text'},\r\n      description: 'ID for the accessibility button',\r\n    },\r\n    accessibility_button_icon_family: {\r\n      control: {type: 'text'},\r\n      description: 'ID for the accessibility button',\r\n    },\r\n    accessibility_button_icon_name: {\r\n      control: {type: 'text'},\r\n      description: 'ID for the accessibility button',\r\n    },\r\n\r\n    search_button_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the search button',\r\n    },\r\n    search_input_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the search input',\r\n    },\r\n    search_value: {\r\n      control: {type: 'text'},\r\n      description: 'Value for the search input',\r\n    },\r\n    language_button_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the language button',\r\n    },\r\n    language_text: {\r\n      control: {type: 'text'},\r\n      description: 'Text for the language button',\r\n    },\r\n    close_menu_button_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the close menu button',\r\n    },\r\n    close_accessibility_button_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the close accessibility button',\r\n    },\r\n    \r\n    toggle_accessibility_button_name: {\r\n      control: {type: 'text'},\r\n      description: 'Name for the toggle accessibility button',\r\n    },\r\n    usePredesignedAccessibilityMenu: {\r\n      control: {type: 'boolean'},\r\n      description: 'Use predesigned accessibility menu',\r\n    },\r\n    first_logo_href: {\r\n      control: { type: 'text' },\r\n      description: 'Href for the first logo anchor',\r\n    },\r\n    second_logo_href: {\r\n      control: { type: 'text' },\r\n      description: 'Href for the Second logo anchor',\r\n    },\r\n    hideOtherMenu: {\r\n      control: { type: 'boolean' },\r\n      description: 'Hides the middle section of the footer',\r\n    },\r\n     otherMenuItems: {\r\n      control: { type: 'object' },\r\n      description: 'List of items to render in the Other Menu section',\r\n    },\r\n    read_speaker_link: {\r\n      control: { type: 'text' },\r\n      description: 'Href for the Read Speaker',\r\n    },\r\n    search_input_placeholder: {\r\n      control: { type: 'text' },\r\n      description: 'Search',\r\n    },\r\n    language_tooltip: {\r\n      control: { type: 'text' },\r\n      description: 'Search',\r\n    },\r\n    login_tooltip: {\r\n      control: { type: 'text' },\r\n      description: 'Search',\r\n    },\r\n    accessibility_tooltip: {\r\n      control: { type: 'text' },\r\n      description: 'Search',\r\n    },\r\n    search_tooltip: {\r\n      control: { type: 'text' },\r\n      description: 'Search',\r\n    },\r\n\r\n    loginIcon: {\r\n      control: { type: 'text' },\r\n      description: 'Search',\r\n    },\r\n\r\n    quickLinks: {\r\n      control: 'object',\r\n      description: 'Optional quickLinks to render a dda-header-menu inside alert',\r\n    },\r\n\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-header\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-header\r\n    first-logo-href=\"https://www.dubai.gov.ae\"\r\n    first-logo-src=\"assets/img/government-of-dubai.svg\"\r\n    first-logo-white-src=\"assets/img/government-of-dubai-white.svg\"\r\n    first-logo-alt=\"Dubai-Digital-Authority\"\r\n    second-logo-href=\"https://www.dubai.gov.ae\"\r\n    second-logo-src=\"digital-logo.svg\"\r\n    second-logo-white-src=\"digital-logo-white.svg\"\r\n    second-logo-alt=\"Dubai-Digital-Authority\"\r\n    login-link=\"/login\"\r\n    read-speaker-link=\"\"\r\n    language_text=\"العربية\"\r\n    hamburger_menu_button_name=\"hamburger_menu_button_name\"\r\n    accessibility_button_text=\"accessibility_button_text\"\r\n    accessibility_button_id=\"accessibility_button_id\"\r\n    accessibility_button_icon_family=\"material-icons  material-symbols-outlined\"\r\n    accessibility_button_icon_name=\"accessible_forward\"\r\n    search_button_name=\"search_button_name\"\r\n    search_input_name=\"search_input_name\"\r\n    search_value=\"search_value\"\r\n    language_button_name=\"language_button_name\"\r\n    close_menu_button_name=\"close_menu_button_name\"\r\n    close_accessibility_button_name=\"close_accessibility_button_name\"\r\n    toggle_accessibility_button_name=\"toggle_accessibility_button_name\"\r\n    languageswitch=\"() => console.log('Language Switcher')\"\r\n    useNavigator=\"true\"\r\n    navigatorClick=\"() => console.log('Navigator')\"\r\n    smtextsize=\"() => console.log('Small Text')\"\r\n    basetextsize=\"() => console.log('Base Text')\"\r\n    lgtextsize=\"() => console.log('Large Text')\"\r\n    normalcontrast=\"() => console.log('Normal Text')\"\r\n    blindcontrast=\"() => console.log('Blind Text')\"\r\n    redcontrast=\"() => console.log('Red Text')\"\r\n    greencontrast=\"() => console.log('Green Text')\">\r\n    usePredesignedAccessibilityMenu=\"true\"\r\n    useLoginPopup=\"true\"\r\n    searchfunctionality=\"() => console.log('Search Functionality')\"\r\n</dda-header>\r\n  \\`\\`\\`\r\n`,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst Template = args => `\r\n    <dda-header \r\n      first-logo-href=\"${args.first_logo_href}\"\r\n      first-logo-src=\"${args.firstlogoSrc}\"\r\n      first-logo-white-src=\"${args.firstLogoWhiteSrc}\"\r\n      first-logo-alt=\"${args.firstLogoAlt}\"\r\n\r\n      second-logo-href=\"${args.second_logo_href}\"\r\n      second-logo-src=\"${args.secondLogoSrc}\"\r\n      second-logo-white-src=\"${args.secondLogoWhiteSrc}\"\r\n      second-logo-alt=\"${args.secondLogoAlt}\"\r\n\r\n      search_button_name=\"${args.search_button_name}\"\r\n      search_input_name=\"${args.search_input_name}\"\r\n      search_value=\"${args.search_value}\"\r\n      search_input_placeholder=\"${args.search_input_placeholder}\"\r\n      searchfunctionality=\"${args.searchfunctionality}\"\r\n      search_tooltip=\"${args.search_tooltip}\"\r\n      mobile-menu-search-id=\"${args.mobileMenuSearchId}\"\r\n      mobile-menu-search-url=\"${args.mobileMenuSearchUrl}\"\r\n\r\n      use-predesigned-accessibility-menu=\"${args.usePredesignedAccessibilityMenu}\"\r\n      accessibility_tooltip=\"${args.accessibility_tooltip}\"\r\n      toggle_accessibility_button_name=\"${args.toggle_accessibility_button_name}\"\r\n      accessibility_button_text=\"${args.accessibility_button_text}\"\r\n      accessibility_button_id=\"${args.accessibility_button_id}\"\r\n      accessibility_button_icon_family=\"${args.accessibility_button_icon_family}\"\r\n      accessibility_button_icon_name=\"${args.accessibility_button_icon_name}\"\r\n      accessibilitymenufunctionality=\"${args.accessibilitymenufunctionality}\"\r\n      close_accessibility_button_name=\"${args.close_accessibility_button_name}\"\r\n\r\n      contrast_title=\"${args.contrast_title}\"\r\n      contrast_description=\"${args.contrast_description}\"\r\n      contrast_noraml_text=\"${args.contrast_noraml_text}\"\r\n      contrast_color_blind_text=\"${args.contrast_color_blind_text}\"\r\n      contrast_red_weakness_text=\"${args.contrast_red_weakness_text}\"\r\n      contrast_green_weakness_text=\"${args.contrast_green_weakness_text}\"\r\n      normalContrast=\"() => console.log('Normal Text')\"\r\n      blindContrast=\"() => console.log('Blind Text')\"\r\n      redContrast=\"() => console.log('Red Text')\"\r\n      greenContrast=\"() => console.log('Green Text')\"\r\n\r\n      screen_reader_title=\"${args.screen_reader_title}\"\r\n      screen_reader_description=\"${args.screen_reader_description}\"\r\n      read_speaker_link=\"${args.read_speaker_link}\"\r\n\r\n      text_size_title=\"${args.text_size_title}\"\r\n      text_size_description=\"${args.text_size_description}\"\r\n      smTextSize=\"() => console.log('Small Text')\"\r\n      baseTextSize=\"() => console.log('Base Text')\"\r\n      lgTextSize=\"() => console.log('Large Text')\"\r\n\r\n      language_tooltip=\"${args.language_tooltip}\"\r\n      language_text=\"${args.language_text}\"\r\n      language_button_name=\"${args.language_button_name}\"\r\n      languageSwitch=\"() => console.log('Language Switcher')\"\r\n\r\n      useNavigator=\"${args.useNavigator}\"\r\n      navigatorClick=\"() => console.log('Navigator')\"\r\n\r\n      login_tooltip=\"${args.login_tooltip}\"\r\n      login-text=\"${args.loginText}\"\r\n      login-link=\"${args.loginLink}\"\r\n      login-icon=\"${args.loginIcon}\"\r\n      \r\n\r\n      hamburger_menu_button_name=\"${args.hamburger_menu_button_name}\"\r\n      side-main-menu-title=\"${args.sideMainMenuTitle}\"\r\n      side-menu-items='${JSON.stringify(args.sideMenuItems)}'\r\n      hide-other-menu=\"${args.hideOtherMenu}\"\r\n      side-other-menu-title=\"${args.sideOtherMenuTitle}\"\r\n      other-menu-items='${JSON.stringify(args.otherMenuItems)}'\r\n      close_menu_button_name=\"${args.close_menu_button_name}\"\r\n\r\n      quick-links='${JSON.stringify(args.quickLinks)}'\r\n      \r\n    ></dda-header>\r\n    <script>\r\n      (function () {\r\n        const args = {\r\n          languageSwitch: () => console.log('Language Switch'),\r\n          navigatorClick: () => console.log('Navigator'),\r\n          smTextSize: () => console.log('Small Text'),\r\n          baseTextSize: () => console.log('Base Text'),\r\n          lgTextSize: () => console.log('Large Text'),\r\n          normalContrast: () => console.log('Normal Contrast'),\r\n          blindContrast: () => console.log('Blind Contrast'),\r\n          redContrast: () => console.log('Red Contrast'),\r\n          greenContrast: () => console.log('Green Contrast'),\r\n          accessibilitymenufunctionality: () => console.log('Accessibility Menu'),\r\n          searchfunctionality: () => console.log('Search Functionality'),\r\n        };\r\n\r\n        const header = document.querySelector('dda-header');\r\n        if (!header) {\r\n          console.warn('dda-header element not found');\r\n          return;\r\n        }\r\n\r\n        header.addEventListener('languageSwitch', ${args.languageSwitch});\r\n        header.addEventListener('navigatorClick', ${args.navigatorClick});\r\n        header.addEventListener('smTextSize', ${args.smTextSize});\r\n        header.addEventListener('baseTextSize', ${args.baseTextSize});\r\n        header.addEventListener('lgTextSize', ${args.lgTextSize});\r\n        header.addEventListener('normalContrast', ${args.normalContrast});\r\n        header.addEventListener('blindContrast', ${args.blindContrast});\r\n        header.addEventListener('redContrast', ${args.redContrast});\r\n        header.addEventListener('greenContrast', ${args.greenContrast});\r\n        header.addEventListener('accessibilitymenufunctionality', ${args.accessibilitymenufunctionality});\r\n        header.addEventListener('searchfunctionality', ${args.searchfunctionality});\r\n      })();\r\n    </script>\r\n  `;\r\n\r\n\r\n\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  first_logo_href: \"https://www.dubai.gov.ae\",\r\n  firstlogoSrc: \"https://www.dof.gov.ae/Style Library/img/gov-logo.svg\",\r\n  firstLogoWhiteSrc: \"https://www.dof.gov.ae/Style Library/img/gov-logo-white.svg\",\r\n  firstLogoAlt: \"Dubai-Digital-Authority\",\r\n  \r\n  second_logo_href: \"https://www.dubai.gov.ae\",\r\n  secondLogoSrc: \"https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo.svg\",\r\n  secondLogoWhiteSrc: \"https://www.digitaldubai.ae/ResourcePackages/Theme/assets/dist/images/logo-white.svg\",\r\n  secondLogoAlt: \"Dubai-Digital-Authority\",\r\n\r\n\tsearch_button_name:\"search_button_name\",\r\n\tsearch_input_name:\"search_input_name\",\r\n\tsearch_value:\"\",\r\n\tsearch_input_placeholder:\"Search\",\r\n\tsearchfunctionality: \"() => console.log('Search Functionality')\",\r\n\tsearch_tooltip:\"Search\",\r\n\tmobileMenuSearchId: \"mobileSearch\",\r\n\tmobileMenuSearchUrl: \"javascript:void(0)\",\r\n\t\r\n\tusePredesignedAccessibilityMenu: true,\r\n\taccessibility_tooltip:\"Accessibility\",\r\n\ttoggle_accessibility_button_name:\"toggle_accessibility_button_name\",\r\n  accessibility_button_text:\"accessibility_button_text\",\r\n  accessibility_button_id:\"accessibility_button_id\",\r\n  accessibility_button_icon_family:\"material-icons  material-symbols-outlined\",\r\n  accessibility_button_icon_name:\"accessible_forward\",\r\n\taccessibilitymenufunctionality: \"() => console.log('Accessibility Menu Functionality')\",\r\n  close_accessibility_button_name:\"close_accessibility_button_name\",\r\n  \r\n  contrast_title:\"Contrast\",\r\n  contrast_description:\"Select your preferred contrast setting\",\r\n  contrast_noraml_text:\"Normal\",\r\n  contrast_color_blind_text:\"Colours Blind\",\r\n  contrast_red_weakness_text:\"Red Weakness\",\r\n  contrast_green_weakness_text:\"Green Weakness\",\r\n  normalContrast: \"() => console.log('Normal Contrast')\",\r\n  blindContrast: \"() => console.log('Blind Contrast')\",\r\n  redContrast: \"() => console.log('Red Contrast')\",\r\n  greenContrast: \"() => console.log('Green Contrast')\",\r\n  \r\n\tscreen_reader_title:\"Screen Reader\",\r\n  screen_reader_description:\"Listen to the content of the page by clicking play or listen\",\r\n\tread_speaker_link: \"app-eu.readspeaker.com\",\r\n\t\r\n\ttext_size_title:\"Text Size\",\r\n  text_size_description:\"Use the buttons below to increase or decrease the text size\",\r\n  smTextSize: \"() => console.log('Small Text')\",\r\n  baseTextSize: \"() => console.log('Base Text')\",\r\n  lgTextSize: \"() => console.log('Large Text')\",\r\n  \t\r\n  language_tooltip:\"Language\",\r\n  language_text: \"العربية\",\r\n  language_button_name:\"language_button_name\",\r\n  languageSwitch: \"() => console.log('Language Switcher')\",\r\n  \r\n  navigatorClick: \"() => console.log('Navigator')\",\r\n\r\n  login_tooltip:\"Login\",\r\n  loginText: \"Login\",\r\n  loginLink: \"/Login\",\r\n  loginIcon: \"account_circle\",\r\n  useLoginPopup: \"true\",\r\n  loginPopupLinks:[\r\n    { popupItemLabel :'About', url :'about.html'},\r\n    { popupItemLabel :'Profile', url :'profile.html'}\r\n  ],\r\n  \r\n  hamburger_menu_button_name:\"Menu\",\r\n  sideMainMenuTitle: \"Main Menu\",\r\n  sideMenuItems: [\r\n    { label: 'Home', active: 'true', href: '#', subMenu: [] },\r\n    {\r\n      label: 'Initiatives',\r\n      href: '#',\r\n      subMenu: [\r\n        { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-1', href: '#', subMenu: [\r\n          {  headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-2', href: '#', subMenu: [\r\n            {  headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-4', href: '#' }\r\n          ] },\r\n          {  headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-3', href: '#' }\r\n        ] },\r\n        {  headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-1', href: '#', subMenu: [\r\n          {headerLabel: 'Initiatives',  subLinkClass: '', label: 'Submenu-2', href: '#', subMenu: [\r\n            { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-4', href: '#' }\r\n          ] },\r\n          { headerLabel: 'Initiatives', subLinkClass: '', label: 'Submenu-3', href: '#' }\r\n        ] },\r\n      ],\r\n    },\r\n    { label: 'Services', href: '#', subMenu: [\r\n      { headerLabel: 'Service', subLinkClass: '', label: 'Service-1', href: '#' },\r\n      { headerLabel: 'Service', subLinkClass: '', label: 'Service-2', href: '#' },\r\n    ]},\r\n    { label: 'Data', href: '#', subMenu: [] },\r\n    { label: 'Government Services', href: '#', subMenu: [] },\r\n    { label: 'Investor Relations', href: '#', subMenu: [] },\r\n    { label: 'Locations', href: '#', subMenu: [] },\r\n    { label: 'Newsroom', href: '#', subMenu: [] },\r\n    { label: 'Contact Us', href: '#', subMenu: [] },\r\n  ],\r\n\r\n  hideOtherMenu: false,\r\n  sideOtherMenuTitle: \"Other\",\r\n  otherMenuItems: [\r\n    { label: 'Menu 1', active: 'true', href: '#' },\r\n    { label: 'Menu 2', href: '#' },\r\n    { label: 'Menu 3', href: '#' },\r\n  ],\r\n\r\n  close_menu_button_name:\"close_menu_button_name\",\r\n\r\n  //Header Menu Items\r\n  quickLinks: [\r\n    { headerMenuLabel: 'Home', active: 'true', url: '#' },\r\n    \r\n    //default dropdown menu\r\n    {\r\n      headerMenuLabel: 'About Us', url: 'javascript:void(0)',\r\n      type: 'dda_default_submenu',\r\n      children: [\r\n        { headerMenuLabel: 'Submenu 1', url: '#',\r\n            defaultSubMenuTitle: 'Submenu 1 Title',\r\n            children: [\r\n                { headerMenuLabel: 'SubSubmenu 1', url: '#' },\r\n                { headerMenuLabel: 'SubSubmenu 1', url: '#' },\r\n            ]\r\n        },\r\n        { headerMenuLabel: 'Submenu 2', url: '#',\r\n            defaultSubMenuTitle: 'Submenu 2 Title',\r\n            children: [\r\n                { headerMenuLabel: 'SubSubmenu 2', url: '#' },\r\n                { headerMenuLabel: 'SubSubmenu 2', url: '#' },\r\n            ]\r\n        },\r\n        { headerMenuLabel: 'Submenu 3', url: '#' },\r\n      ],\r\n    },\r\n\r\n    //mega menu\r\n    {\r\n      headerMenuLabel: 'Services', url: 'javascript:void(0)', \r\n      type: 'dda_main_megamenu',\r\n      children: [\r\n        {\r\n          title: 'QUICK LINKS 1',\r\n          items: [\r\n            { headerMenuLabel: 'Service 1', url: '#', description: 'Service Description' },\r\n            { headerMenuLabel: 'Service 2', url: '#' },\r\n            { headerMenuLabel: 'Service 3', url: '#' },\r\n          ],\r\n        },\r\n        {\r\n          title: 'QUICK LINKS 2',\r\n          items: [\r\n            { headerMenuLabel: 'Service 1', url: '#' },\r\n            { headerMenuLabel: 'Service 2', url: '#' },\r\n            { headerMenuLabel: 'Service 3', url: '#' },\r\n          ],\r\n        },\r\n        {\r\n          title: 'QUICK LINKS 3',\r\n          items: [{ headerMenuLabel: 'Service 3', url: '#' }],\r\n        },\r\n        {\r\n          title: 'QUICK LINKS 4',\r\n          items: [{ headerMenuLabel: 'Service 4', url: '#' }],\r\n        },\r\n      ],\r\n    },\r\n\r\n    { headerMenuLabel: 'Contact', url: '#' },\r\n  ],\r\n\r\n  \r\n  \r\n};\r\n"]}

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

@@ -76,11 +76,16 @@
   margin-left: -10px;
   /* transition: 0.3s; */
 }
-.dda-home-carousel .dda-banner-card:hover::after{
+.dda-home-carousel .dda-banner-card:hover::after,
+.dda-home-carousel .dda-banner-card.active::after{
   bottom: -9px;
 }
+.dda-home-carousel .dda-banner-card.active {
+    box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.05);
+}
 @media (min-width: 1024px) {
-  .dda-home-carousel-item:hover .dda-banner-card {
+  .dda-home-carousel-item:hover .dda-banner-card,
+  .dda-home-carousel-item .dda-banner-card.active {
       transform: translate(0, -25px);
   }
 }

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

@@ -51,6 +51,17 @@ export class DdaHomeCarousel {
         this.containerRef.querySelectorAll('img').forEach((img) => {
             img.addEventListener('dragstart', (e) => e.preventDefault());
         });
+        // ===== Add single-active click behavior =====
+        // this.containerRef.querySelectorAll('button.dda-banner-card').forEach((btn) => {
+        //   btn.addEventListener('click', (e) => {
+        //     // Remove .active from all buttons
+        //     this.containerRef.querySelectorAll('button.dda-banner-card.active').forEach((activeBtn) => {
+        //       activeBtn.classList.remove('active');
+        //     });
+        //     // Add .active to clicked button
+        //     (e.currentTarget as HTMLElement).classList.add('active');
+        //   });
+        // });
     }
     disconnectedCallback() {
         var _a, _b;
@@ -58,7 +69,13 @@ export class DdaHomeCarousel {
         (_b = this.containerRef) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', this.handleMouseLeave);
     }
     handleCardClick(item) {
+        var _a, _b;
         console.log('Card clicked from carousel:', item);
+        // Remove .active from all banner cards
+        (_a = this.containerRef) === null || _a === void 0 ? void 0 : _a.querySelectorAll('button.dda-banner-card.active').forEach((btn) => btn.classList.remove('active'));
+        // Add .active to the clicked banner card
+        const clickedBtn = (_b = this.containerRef) === null || _b === void 0 ? void 0 : _b.querySelector(`button#${item.banner_card_id}`);
+        clickedBtn === null || clickedBtn === void 0 ? void 0 : clickedBtn.classList.add('active');
         this.el.dispatchEvent(new CustomEvent('cardClick', {
             detail: item,
             bubbles: true,
@@ -70,7 +87,7 @@ export class DdaHomeCarousel {
             .filter(Boolean)
             .join(' ');
         const itemWidth = 100 / this.items_in_view;
-        return (h(Host, { key: '7bb946882d9d406a933091c202fed37046a03c63' }, h("div", { key: 'f3f3edf9dc72ce44f4a3b353b04a9abcd38e6e05', class: cardClass, role: "region", "aria-roledescription": "carousel", "aria-label": "Banner cards carousel" }, h("div", { key: 'bb6514c726cb1b1ca88fd2ca635467d2aed7fea2', class: "dda-home-carousel-track", ref: (el) => (this.containerRef = el), role: "list", tabIndex: 0, "aria-live": "polite" }, this.parsedCardList.map((item, index) => (h("div", { class: "dda-home-carousel-item", key: item.banner_card_id || index, style: { flex: `0 0 ${itemWidth}%` }, role: "listitem", tabIndex: -1, "aria-label": `${item.banner_card_title || 'Carousel item'} ${index + 1} of ${this.parsedCardList.length}` }, h("dda-banner-card", { image_src: item.image_src, image_alt: item.image_alt, banner_card_title: item.banner_card_title, banner_card_description: item.banner_card_description, banner_card_id: item.banner_card_id || `card-${index}`, banner_card_value: item.banner_card_value, banner_card_name: item.banner_card_name, custom_class: item.custom_class || '', component_mode: item.component_mode || '', onClick: () => this.handleCardClick(item) }))))))));
+        return (h(Host, { key: '832b69a58fb907c8e0bbf08027e4aab4341b23ab' }, h("div", { key: '7d0d1e756a5c145cc945457d1a5343f04e0a65f4', class: cardClass, role: "region", "aria-roledescription": "carousel", "aria-label": "Banner cards carousel" }, h("div", { key: '1e85de80e92acd116c76b2a5269b0c20c40c0386', class: "dda-home-carousel-track", ref: (el) => (this.containerRef = el), role: "list", tabIndex: 0, "aria-live": "polite" }, this.parsedCardList.map((item, index) => (h("div", { class: "dda-home-carousel-item", key: item.banner_card_id || index, style: { flex: `0 0 ${itemWidth}%` }, role: "listitem", tabIndex: -1, "aria-label": `${item.banner_card_title || 'Carousel item'} ${index + 1} of ${this.parsedCardList.length}` }, h("dda-banner-card", { image_src: item.image_src, image_alt: item.image_alt, banner_card_title: item.banner_card_title, banner_card_description: item.banner_card_description, banner_card_id: item.banner_card_id || `card-${index}`, banner_card_value: item.banner_card_value, banner_card_name: item.banner_card_name, custom_class: item.custom_class || '', component_mode: item.component_mode || '', onClick: () => this.handleCardClick(item) }))))))));
     }
     static get is() { return "dda-home-carousel"; }
     static get originalStyleUrls() {

package/dist/collection/components/dda-home-carousel/dda-home-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"dda-home-carousel.js","sourceRoot":"","sources":["../../../src/components/dda-home-carousel/dda-home-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOzE,MAAM,OAAO,eAAe;IAL5B;QAMU,iBAAY,GAAY,EAAE,CAAC;QAE3B,kBAAa,GAAW,CAAC,CAAC;QAC1B,mBAAc,GAAmB,EAAE,CAAC;QAKpC,mBAAc,GAAU,EAAE,CAAC;QAoCnC,oBAAe,GAAG,CAAC,CAAa,EAAE,EAAE;YAClC,IAAI,CAAC,IAAI,CAAC,YAAY;gBAAE,OAAO;YAE/B,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC;YACvD,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;YACrC,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;YACvC,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;YAChF,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC;YAEtE,MAAM,YAAY,GAAG,KAAK;gBACxB,CAAC,CAAC,SAAS,GAAG,UAAU,GAAG,SAAS;gBACpC,CAAC,CAAC,UAAU,GAAG,SAAS,CAAC;YAE3B,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;QACtE,CAAC,CAAC;QAEF,qBAAgB,GAAG,GAAG,EAAE;YACtB,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;YAC7E,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;YACnE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC9E,CAAC,CAAC;KA+DH;IApHC,mBAAmB,CAAC,QAAwB;QAC1C,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,IAAI,CAAC;gBACH,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC7C,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,CAAC,CAAC,CAAC;gBACrD,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAChD,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QACtE,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACtE,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACxE,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACxD,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC;QAC/D,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,YAAY,0CAAE,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAC1E,MAAA,IAAI,CAAC,YAAY,0CAAE,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC9E,CAAC;IAwBD,eAAe,CAAC,IAAS;QACvB,OAAO,CAAC,GAAG,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAC;QAEjD,IAAI,CAAC,EAAE,CAAC,aAAa,CACnB,IAAI,WAAW,CAAC,WAAW,EAAE;YAC3B,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GAAG,CAAC,mBAAmB,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC;aAC5E,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;QACb,MAAM,SAAS,GAAG,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;QAE3C,OAAO,CACL,EAAC,IAAI;YACH,4DACE,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,QAAQ,0BACQ,UAAU,gBACpB,uBAAuB;gBAElC,4DACE,KAAK,EAAC,yBAAyB,EAC/B,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,EACrC,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,eACD,QAAQ,IAEjB,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxC,WACE,KAAK,EAAC,wBAAwB,EAC9B,GAAG,EAAE,IAAI,CAAC,cAAc,IAAI,KAAK,EACjC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,SAAS,GAAG,EAAE,EACpC,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,gBACA,GAAG,IAAI,CAAC,iBAAiB,IAAI,eAAe,IAAI,KAAK,GAAG,CAAC,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;oBAExG,uBACE,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,uBAAuB,EAAE,IAAI,CAAC,uBAAuB,EACrD,cAAc,EAAE,IAAI,CAAC,cAAc,IAAI,QAAQ,KAAK,EAAE,EACtD,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,EAAE,EACrC,cAAc,EAAE,IAAI,CAAC,cAAc,IAAI,EAAE,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GACxB,CACf,CACP,CAAC,CACE,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Element, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-home-carousel',\r\n  styleUrls: ['dda-home-carousel.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaHomeCarousel {\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() items_in_view: number = 5;\r\n  @Prop() bannercardlist: string | any[] = [];\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  private containerRef: HTMLElement;\r\n  private parsedCardList: any[] = [];\r\n\r\n  @Watch('bannercardlist')\r\n  parseBannerCardList(newValue: string | any[]) {\r\n    if (typeof newValue === 'string') {\r\n      try {\r\n        this.parsedCardList = JSON.parse(newValue);\r\n      } catch (e) {\r\n        console.error('Invalid JSON for bannercardlist:', e);\r\n        this.parsedCardList = [];\r\n      }\r\n    } else if (Array.isArray(newValue)) {\r\n      this.parsedCardList = newValue;\r\n    } else {\r\n      this.parsedCardList = [];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.parseBannerCardList(this.bannercardlist);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.containerRef = this.el.querySelector('.dda-home-carousel-track');\r\n    this.containerRef.addEventListener('mousemove', this.handleMouseMove);\r\n    this.containerRef.addEventListener('mouseleave', this.handleMouseLeave);\r\n    this.containerRef.querySelectorAll('img').forEach((img) => {\r\n      img.addEventListener('dragstart', (e) => e.preventDefault());\r\n    });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.containerRef?.removeEventListener('mousemove', this.handleMouseMove);\r\n    this.containerRef?.removeEventListener('mouseleave', this.handleMouseLeave);\r\n  }\r\n\r\n  handleMouseMove = (e: MouseEvent) => {\r\n    if (!this.containerRef) return;\r\n\r\n    const rect = this.containerRef.getBoundingClientRect();\r\n    const mouseX = e.clientX - rect.left;\r\n    const percentage = mouseX / rect.width;\r\n    const maxScroll = this.containerRef.scrollWidth - this.containerRef.clientWidth;\r\n    const isRTL = getComputedStyle(this.containerRef).direction === 'rtl';\r\n\r\n    const targetScroll = isRTL\r\n      ? maxScroll - percentage * maxScroll\r\n      : percentage * maxScroll;\r\n\r\n    this.containerRef.scrollLeft = isRTL ? -targetScroll : targetScroll;\r\n  };\r\n\r\n  handleMouseLeave = () => {\r\n    const itemWidth = this.containerRef.scrollWidth / this.parsedCardList.length;\r\n    const index = Math.round(this.containerRef.scrollLeft / itemWidth);\r\n    this.containerRef.scrollTo({ left: index * itemWidth, behavior: 'smooth' });\r\n  };\r\n\r\n  handleCardClick(item: any) {\r\n    console.log('Card clicked from carousel:', item);\r\n\r\n    this.el.dispatchEvent(\r\n      new CustomEvent('cardClick', {\r\n        detail: item,\r\n        bubbles: true,\r\n        composed: true,\r\n      })\r\n    );\r\n  }\r\n\r\n  render() {\r\n    const cardClass = ['dda-home-carousel', this.custom_class, this.component_mode]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n    const itemWidth = 100 / this.items_in_view;\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={cardClass}\r\n          role=\"region\"\r\n          aria-roledescription=\"carousel\"\r\n          aria-label=\"Banner cards carousel\"\r\n        >\r\n          <div\r\n            class=\"dda-home-carousel-track\"\r\n            ref={(el) => (this.containerRef = el)}\r\n            role=\"list\"\r\n            tabIndex={0}\r\n            aria-live=\"polite\"\r\n          >\r\n            {this.parsedCardList.map((item, index) => (\r\n              <div\r\n                class=\"dda-home-carousel-item\"\r\n                key={item.banner_card_id || index}\r\n                style={{ flex: `0 0 ${itemWidth}%` }}\r\n                role=\"listitem\"\r\n                tabIndex={-1}\r\n                aria-label={`${item.banner_card_title || 'Carousel item'} ${index + 1} of ${this.parsedCardList.length}`}\r\n              >\r\n                <dda-banner-card\r\n                  image_src={item.image_src}\r\n                  image_alt={item.image_alt}\r\n                  banner_card_title={item.banner_card_title}\r\n                  banner_card_description={item.banner_card_description}\r\n                  banner_card_id={item.banner_card_id || `card-${index}`}\r\n                  banner_card_value={item.banner_card_value}\r\n                  banner_card_name={item.banner_card_name}\r\n                  custom_class={item.custom_class || ''}\r\n                  component_mode={item.component_mode || ''}\r\n                  onClick={() => this.handleCardClick(item)}\r\n                ></dda-banner-card>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"dda-home-carousel.js","sourceRoot":"","sources":["../../../src/components/dda-home-carousel/dda-home-carousel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Element, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-home-carousel',\r\n  styleUrls: ['dda-home-carousel.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaHomeCarousel {\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() items_in_view: number = 5;\r\n  @Prop() bannercardlist: string | any[] = [];\r\n\r\n  @Element() el: HTMLElement;\r\n\r\n  private containerRef: HTMLElement;\r\n  private parsedCardList: any[] = [];\r\n\r\n  @Watch('bannercardlist')\r\n  parseBannerCardList(newValue: string | any[]) {\r\n    if (typeof newValue === 'string') {\r\n      try {\r\n        this.parsedCardList = JSON.parse(newValue);\r\n      } catch (e) {\r\n        console.error('Invalid JSON for bannercardlist:', e);\r\n        this.parsedCardList = [];\r\n      }\r\n    } else if (Array.isArray(newValue)) {\r\n      this.parsedCardList = newValue;\r\n    } else {\r\n      this.parsedCardList = [];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.parseBannerCardList(this.bannercardlist);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.containerRef = this.el.querySelector('.dda-home-carousel-track');\r\n    this.containerRef.addEventListener('mousemove', this.handleMouseMove);\r\n    this.containerRef.addEventListener('mouseleave', this.handleMouseLeave);\r\n    this.containerRef.querySelectorAll('img').forEach((img) => {\r\n      img.addEventListener('dragstart', (e) => e.preventDefault());\r\n    });\r\n\r\n    // ===== Add single-active click behavior =====\r\n    // this.containerRef.querySelectorAll('button.dda-banner-card').forEach((btn) => {\r\n    //   btn.addEventListener('click', (e) => {\r\n    //     // Remove .active from all buttons\r\n    //     this.containerRef.querySelectorAll('button.dda-banner-card.active').forEach((activeBtn) => {\r\n    //       activeBtn.classList.remove('active');\r\n    //     });\r\n    //     // Add .active to clicked button\r\n    //     (e.currentTarget as HTMLElement).classList.add('active');\r\n    //   });\r\n    // });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.containerRef?.removeEventListener('mousemove', this.handleMouseMove);\r\n    this.containerRef?.removeEventListener('mouseleave', this.handleMouseLeave);\r\n  }\r\n\r\n  handleMouseMove = (e: MouseEvent) => {\r\n    if (!this.containerRef) return;\r\n\r\n    const rect = this.containerRef.getBoundingClientRect();\r\n    const mouseX = e.clientX - rect.left;\r\n    const percentage = mouseX / rect.width;\r\n    const maxScroll = this.containerRef.scrollWidth - this.containerRef.clientWidth;\r\n    const isRTL = getComputedStyle(this.containerRef).direction === 'rtl';\r\n\r\n    const targetScroll = isRTL\r\n      ? maxScroll - percentage * maxScroll\r\n      : percentage * maxScroll;\r\n\r\n    this.containerRef.scrollLeft = isRTL ? -targetScroll : targetScroll;\r\n  };\r\n\r\n  handleMouseLeave = () => {\r\n    const itemWidth = this.containerRef.scrollWidth / this.parsedCardList.length;\r\n    const index = Math.round(this.containerRef.scrollLeft / itemWidth);\r\n    this.containerRef.scrollTo({ left: index * itemWidth, behavior: 'smooth' });\r\n  };\r\n\r\n  handleCardClick(item: any) {\r\n    console.log('Card clicked from carousel:', item);\r\n\r\n\r\n    \r\n    // Remove .active from all banner cards\r\n    this.containerRef\r\n      ?.querySelectorAll('button.dda-banner-card.active')\r\n      .forEach((btn) => btn.classList.remove('active'));\r\n\r\n    // Add .active to the clicked banner card\r\n    const clickedBtn = this.containerRef?.querySelector(\r\n      `button#${item.banner_card_id}`\r\n    );\r\n    clickedBtn?.classList.add('active');\r\n\r\n\r\n\r\n    this.el.dispatchEvent(\r\n      new CustomEvent('cardClick', {\r\n        detail: item,\r\n        bubbles: true,\r\n        composed: true,\r\n      })\r\n    );\r\n  }\r\n\r\n  render() {\r\n    const cardClass = ['dda-home-carousel', this.custom_class, this.component_mode]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n    const itemWidth = 100 / this.items_in_view;\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={cardClass}\r\n          role=\"region\"\r\n          aria-roledescription=\"carousel\"\r\n          aria-label=\"Banner cards carousel\"\r\n        >\r\n          <div\r\n            class=\"dda-home-carousel-track\"\r\n            ref={(el) => (this.containerRef = el)}\r\n            role=\"list\"\r\n            tabIndex={0}\r\n            aria-live=\"polite\"\r\n          >\r\n            {this.parsedCardList.map((item, index) => (\r\n              <div\r\n                class=\"dda-home-carousel-item\"\r\n                key={item.banner_card_id || index}\r\n                style={{ flex: `0 0 ${itemWidth}%` }}\r\n                role=\"listitem\"\r\n                tabIndex={-1}\r\n                aria-label={`${item.banner_card_title || 'Carousel item'} ${index + 1} of ${this.parsedCardList.length}`}\r\n              >\r\n                <dda-banner-card\r\n                  image_src={item.image_src}\r\n                  image_alt={item.image_alt}\r\n                  banner_card_title={item.banner_card_title}\r\n                  banner_card_description={item.banner_card_description}\r\n                  banner_card_id={item.banner_card_id || `card-${index}`}\r\n                  banner_card_value={item.banner_card_value}\r\n                  banner_card_name={item.banner_card_name}\r\n                  custom_class={item.custom_class || ''}\r\n                  component_mode={item.component_mode || ''}\r\n                  onClick={() => this.handleCardClick(item)}\r\n                ></dda-banner-card>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -119,14 +119,24 @@ export class Ddaselect {
     render() {
         const labelId = `${this.button_id}-label`;
         const valueId = `${this.button_id}-value`;
-        return (h(Host, { key: 'ecf43cd602ef0f98974d1c76cfd50ac7357b6a08' }, h("div", { key: '4c15c3048ad62d235b7259cbf3f39921909ce5e5', class: `
+        return (h(Host, { key: '1695d610ca724cf642bf21a10e5fd449719e7148' }, h("div", { key: '262e8921a9993aaae454624119a6b5382e15b7bf', class: `
             dda-input-container ${this.custom_class} 
             ${this.component_mode} 
             ${this.disabled ? 'dda-input-disabled' : ''} 
             dda-input-size-${this.size} dda-validation-${this.validation_type}
-          ` }, this.label && (h("span", { key: 'e58cda1941ef732a951dc06f7c01f7d904a1c8c3', id: labelId, class: "dda-input-label" }, this.label)), h("div", { key: '6885ef524717d3b8f9850b3995f56ae5194e748a', class: "dda-dropdown-container" }, h("button", { key: 'a4e6e30acdf55e12aa4742f9dc824c9e1eec0b57', name: this.toggle_button_name, id: this.button_id, type: "button", class: "dda-input-field dda-select-header", "aria-labelledby": `${labelId} ${this.button_id}`, disabled: this.disabled, onClick: () => this.toggleSelect(), onBlur: this.handleBlur }, h("span", { key: '8f67e50593affdb2b558200091c2aecd53e9c387', id: valueId, class: "dda-select-button-label" }, this.selectedText || this.placeholder), h("i", { key: '423ca7dcd2b51118ffa5e5cddaa86d05ae981e5d', class: "material-icons", "aria-hidden": "true" }, this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.is_open && (h("div", { key: 'ffcefb669f4400f26ffff871092cf22ac977a2d4', class: "dda-input-dropdown-list dda-select-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map((option, index) => (h("button", { name: `option${this.numberToWord(index + 1)}`, type: "button", class: `dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`, role: "option", "aria-selected": this.selectedId === option.id ? 'true' : 'false', onClick: () => this.selectOption(option) }, option.text)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert" }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
+          ` }, this.label && (h("span", { key: '3de023aee88b99523b18072bdd523232b4541203', id: labelId, class: "dda-input-label" }, this.label)), h("div", { key: 'e47bc1b665903cdda4432c59aea76fa33350de9c', class: "dda-dropdown-container" }, h("button", { key: '31ee45ed59da1db07ba971e3fee6b0766a96762b', name: this.toggle_button_name, id: this.button_id, type: "button", class: "dda-input-field dda-select-header", "aria-labelledby": `${labelId} ${this.button_id}`, disabled: this.disabled, onClick: () => this.toggleSelect(), onBlur: this.handleBlur }, h("span", { key: '50c26dcecd11aa6c98ee98cf0cba349a430b3bd2', id: valueId, class: "dda-select-button-label" }, this.selectedText || this.placeholder), h("i", { key: 'aceb250923afa0e5e18ca7622d96a192c04a8a7c', class: "material-icons", "aria-hidden": "true" }, this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), this.is_open && (h("div", { key: '9e7514e189fa2f61c5b6b45f03e9d11b64b1aeea', class: "dda-input-dropdown-list dda-select-list" }, this.parsedOptions.length > 0 ? (this.parsedOptions.map((option, index) => (h("button", { name: `option${this.numberToWord(index + 1)}`, type: "button", class: `dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`, role: "option", "aria-selected": this.selectedId === option.id ? 'true' : 'false', onClick: () => this.selectOption(option) }, option.text)))) : (h("div", { class: "dda-input-dropdown-item" }, "No options available"))))), this.validation_type === 'error' && this.error_message ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert" }, this.error_message)) : (this.helper_text && (h("span", { class: "dda-helper-text", id: this.validation_id }, this.helper_text))))));
     }
     static get is() { return "dda-select"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../../global/input.css", "../../global/global.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../../global/input.css", "../../global/global.css"]
+        };
+    }
     static get properties() {
         return {
             "label": {

package/dist/collection/components/dda-select/dda-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"dda-select.js","sourceRoot":"","sources":["../../../src/components/dda-select/dda-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host, Element, Event, EventEmitter, Watch, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-select',\r\n  // styleUrls: ['../../global/input.css', '../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class Ddaselect {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() label: string;\r\n  @Prop() options: string;\r\n  @Prop() selected: string; // can be id or text\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() error?: string;\r\n  @Prop() error_message: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() toggle_button_name: string;\r\n  @Prop() option_select_button_name: string;\r\n  @Prop() placeholder: string = '';\r\n  @Prop() main_aria_label: string = '';\r\n  @Prop() input_name: string = '';\r\n\r\n  @State() is_open: boolean = false;\r\n  @State() selectedId: number;\r\n  @State() selectedText: string;\r\n\r\n  @Event() selectChanged: EventEmitter<{ id: number; text: string }>;\r\n  @Event() onChanged: EventEmitter<any>;\r\n\r\n  @Event() selectBlurred: EventEmitter<{ name: string; value: string }>;\r\n  @Event() onBlurred: EventEmitter<any>;\r\n\r\n  private get parsedOptions(): { id: number; text: string }[] {\r\n    try {\r\n      return JSON.parse(this.options);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === this.selected || opt.text === this.selected);\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    }\r\n    if (this.selected) {\r\n      this.watchSelected(this.selected);\r\n    }\r\n  }\r\n\r\n  toggleSelect() {\r\n    if (!this.disabled) {\r\n      this.is_open = !this.is_open;\r\n    }\r\n  }\r\n\r\n  selectOption(option: { id: any; text: string }) {\r\n    if (!this.disabled) {\r\n      this.selectedId = option.id;\r\n      this.selectedText = option.text;\r\n      this.is_open = false;\r\n      this.selectChanged.emit(option);\r\n      this.onChanged.emit(option.id);\r\n\r\n      this.el.dispatchEvent(\r\n        new InputEvent('input', {\r\n          bubbles: true,\r\n          composed: true,\r\n          data: option.id,\r\n          inputType: 'select',\r\n        }),\r\n      );\r\n    }\r\n  }\r\n\r\n  handleClickOutside = (event: MouseEvent) => {\r\n    if (this.is_open && !this.el.contains(event.target as Node)) {\r\n      this.is_open = false;\r\n    }\r\n  };\r\n\r\n  handleBlur = () => {\r\n    this.selectBlurred.emit({\r\n      name: this.input_name || this.button_id,\r\n      value: this.selectedText || '',\r\n    });\r\n    this.onBlurred.emit(this.selectedId);\r\n\r\n    this.el.dispatchEvent(\r\n      new FocusEvent('blur', {\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n  };\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  @Method()\r\n  async setSelected(value: string | number) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() || opt.text === value);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n      this.selected = selectedOption.id.toString();\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n      this.selected = '';\r\n    }\r\n  }\r\n\r\n  async setValue(value: string | number) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() || opt.text === value);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n      this.selected = selectedOption.id.toString();\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n      this.selected = '';\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async getSelectedText() {\r\n    return this.selectedText;\r\n  }\r\n\r\n  async getValue() {\r\n    return this.selectedText || '';\r\n  }\r\n\r\n  @Watch('selected')\r\n  watchSelected(newVal: string) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === newVal || opt.text === newVal);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n    }\r\n  }\r\n\r\n  private numberToWord(num: number): string {\r\n    const words = ['One', 'Two', 'Three', 'Four', 'Five'];\r\n    return words[num - 1] || num.toString();\r\n  }\r\n\r\n  render() {\r\n    const labelId = `${this.button_id}-label`;\r\n    const valueId = `${this.button_id}-value`;\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`\r\n            dda-input-container ${this.custom_class} \r\n            ${this.component_mode} \r\n            ${this.disabled ? 'dda-input-disabled' : ''} \r\n            dda-input-size-${this.size} dda-validation-${this.validation_type}\r\n          `}\r\n        >\r\n          {this.label && (\r\n            <span id={labelId} class=\"dda-input-label\">\r\n              {this.label}\r\n            </span>\r\n          )}\r\n          <div class=\"dda-dropdown-container\">\r\n            <button\r\n              name={this.toggle_button_name}\r\n              id={this.button_id}\r\n              type=\"button\"\r\n              class=\"dda-input-field dda-select-header\"\r\n              aria-labelledby={`${labelId} ${this.button_id}`}\r\n              disabled={this.disabled}\r\n              onClick={() => this.toggleSelect()}\r\n              onBlur={this.handleBlur}\r\n            >\r\n              <span id={valueId} class=\"dda-select-button-label\">\r\n                {this.selectedText || this.placeholder}\r\n              </span>\r\n              <i class=\"material-icons\" aria-hidden=\"true\">\r\n                {this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n              </i>\r\n            </button>\r\n\r\n            {this.is_open && (\r\n              <div class=\"dda-input-dropdown-list dda-select-list\">\r\n                {this.parsedOptions.length > 0 ? (\r\n                  this.parsedOptions.map((option, index) => (\r\n                    <button\r\n                      name={`option${this.numberToWord(index + 1)}`}\r\n                      type=\"button\"\r\n                      class={`dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`}\r\n                      role=\"option\"\r\n                      aria-selected={this.selectedId === option.id ? 'true' : 'false'}\r\n                      onClick={() => this.selectOption(option)}\r\n                    >\r\n                      {option.text}\r\n                    </button>\r\n                  ))\r\n                ) : (\r\n                  <div class=\"dda-input-dropdown-item\">No options available</div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {this.validation_type === 'error' && this.error_message ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n              {this.error_message}\r\n            </span>\r\n          ) : (\r\n            this.helper_text && (\r\n              <span class=\"dda-helper-text\" id={this.validation_id}>\r\n                {this.helper_text}\r\n              </span>\r\n            )\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"dda-select.js","sourceRoot":"","sources":["../../../src/components/dda-select/dda-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host, Element, Event, EventEmitter, Watch, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-select',\r\n  styleUrls: ['../../global/input.css', '../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class Ddaselect {\r\n  @Element() el: HTMLElement;\r\n\r\n  @Prop() label: string;\r\n  @Prop() options: string;\r\n  @Prop() selected: string; // can be id or text\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() error?: string;\r\n  @Prop() error_message: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() size?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() toggle_button_name: string;\r\n  @Prop() option_select_button_name: string;\r\n  @Prop() placeholder: string = '';\r\n  @Prop() main_aria_label: string = '';\r\n  @Prop() input_name: string = '';\r\n\r\n  @State() is_open: boolean = false;\r\n  @State() selectedId: number;\r\n  @State() selectedText: string;\r\n\r\n  @Event() selectChanged: EventEmitter<{ id: number; text: string }>;\r\n  @Event() onChanged: EventEmitter<any>;\r\n\r\n  @Event() selectBlurred: EventEmitter<{ name: string; value: string }>;\r\n  @Event() onBlurred: EventEmitter<any>;\r\n\r\n  private get parsedOptions(): { id: number; text: string }[] {\r\n    try {\r\n      return JSON.parse(this.options);\r\n    } catch {\r\n      return [];\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === this.selected || opt.text === this.selected);\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    }\r\n    if (this.selected) {\r\n      this.watchSelected(this.selected);\r\n    }\r\n  }\r\n\r\n  toggleSelect() {\r\n    if (!this.disabled) {\r\n      this.is_open = !this.is_open;\r\n    }\r\n  }\r\n\r\n  selectOption(option: { id: any; text: string }) {\r\n    if (!this.disabled) {\r\n      this.selectedId = option.id;\r\n      this.selectedText = option.text;\r\n      this.is_open = false;\r\n      this.selectChanged.emit(option);\r\n      this.onChanged.emit(option.id);\r\n\r\n      this.el.dispatchEvent(\r\n        new InputEvent('input', {\r\n          bubbles: true,\r\n          composed: true,\r\n          data: option.id,\r\n          inputType: 'select',\r\n        }),\r\n      );\r\n    }\r\n  }\r\n\r\n  handleClickOutside = (event: MouseEvent) => {\r\n    if (this.is_open && !this.el.contains(event.target as Node)) {\r\n      this.is_open = false;\r\n    }\r\n  };\r\n\r\n  handleBlur = () => {\r\n    this.selectBlurred.emit({\r\n      name: this.input_name || this.button_id,\r\n      value: this.selectedText || '',\r\n    });\r\n    this.onBlurred.emit(this.selectedId);\r\n\r\n    this.el.dispatchEvent(\r\n      new FocusEvent('blur', {\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n  };\r\n\r\n  connectedCallback() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  @Method()\r\n  async setSelected(value: string | number) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() || opt.text === value);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n      this.selected = selectedOption.id.toString();\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n      this.selected = '';\r\n    }\r\n  }\r\n\r\n  async setValue(value: string | number) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === value.toString() || opt.text === value);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n      this.selected = selectedOption.id.toString();\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n      this.selected = '';\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async getSelectedText() {\r\n    return this.selectedText;\r\n  }\r\n\r\n  async getValue() {\r\n    return this.selectedText || '';\r\n  }\r\n\r\n  @Watch('selected')\r\n  watchSelected(newVal: string) {\r\n    const selectedOption = this.parsedOptions.find(opt => opt.id.toString() === newVal || opt.text === newVal);\r\n\r\n    if (selectedOption) {\r\n      this.selectedId = selectedOption.id;\r\n      this.selectedText = selectedOption.text;\r\n    } else {\r\n      this.selectedId = undefined;\r\n      this.selectedText = '';\r\n    }\r\n  }\r\n\r\n  private numberToWord(num: number): string {\r\n    const words = ['One', 'Two', 'Three', 'Four', 'Five'];\r\n    return words[num - 1] || num.toString();\r\n  }\r\n\r\n  render() {\r\n    const labelId = `${this.button_id}-label`;\r\n    const valueId = `${this.button_id}-value`;\r\n\r\n    return (\r\n      <Host>\r\n        <div\r\n          class={`\r\n            dda-input-container ${this.custom_class} \r\n            ${this.component_mode} \r\n            ${this.disabled ? 'dda-input-disabled' : ''} \r\n            dda-input-size-${this.size} dda-validation-${this.validation_type}\r\n          `}\r\n        >\r\n          {this.label && (\r\n            <span id={labelId} class=\"dda-input-label\">\r\n              {this.label}\r\n            </span>\r\n          )}\r\n          <div class=\"dda-dropdown-container\">\r\n            <button\r\n              name={this.toggle_button_name}\r\n              id={this.button_id}\r\n              type=\"button\"\r\n              class=\"dda-input-field dda-select-header\"\r\n              aria-labelledby={`${labelId} ${this.button_id}`}\r\n              disabled={this.disabled}\r\n              onClick={() => this.toggleSelect()}\r\n              onBlur={this.handleBlur}\r\n            >\r\n              <span id={valueId} class=\"dda-select-button-label\">\r\n                {this.selectedText || this.placeholder}\r\n              </span>\r\n              <i class=\"material-icons\" aria-hidden=\"true\">\r\n                {this.is_open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\r\n              </i>\r\n            </button>\r\n\r\n            {this.is_open && (\r\n              <div class=\"dda-input-dropdown-list dda-select-list\">\r\n                {this.parsedOptions.length > 0 ? (\r\n                  this.parsedOptions.map((option, index) => (\r\n                    <button\r\n                      name={`option${this.numberToWord(index + 1)}`}\r\n                      type=\"button\"\r\n                      class={`dda-input-dropdown-item ${this.selectedId === option.id ? 'selected' : ''}`}\r\n                      role=\"option\"\r\n                      aria-selected={this.selectedId === option.id ? 'true' : 'false'}\r\n                      onClick={() => this.selectOption(option)}\r\n                    >\r\n                      {option.text}\r\n                    </button>\r\n                  ))\r\n                ) : (\r\n                  <div class=\"dda-input-dropdown-item\">No options available</div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {this.validation_type === 'error' && this.error_message ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\">\r\n              {this.error_message}\r\n            </span>\r\n          ) : (\r\n            this.helper_text && (\r\n              <span class=\"dda-helper-text\" id={this.validation_id}>\r\n                {this.helper_text}\r\n              </span>\r\n            )\r\n          )}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}