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

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],\"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-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\",[[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);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -37,6 +37,7 @@
     "components/dda-scroll-icon/dda-scroll-icon.js",
     "components/dda-search-input/dda-search-input.js",
     "components/dda-select/dda-select.js",
+    "components/dda-split-button/dda-split-button.js",
     "components/dda-sticky-footer/dda-sticky-footer.js",
     "components/dda-tabs/dda-tabs.js",
     "components/dda-textarea/dda-textarea.js",

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

@@ -37,6 +37,7 @@ export class DdaAttachFile {
     }
     handleFileInput(event) {
         var _a;
+        console.log(this.fileInputRef.value);
         const files = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files;
         if (files && files.length > 0) {
             const selectedFile = files[0];
@@ -66,7 +67,9 @@ export class DdaAttachFile {
     removeFile() {
         this.file = null;
         this.isFileUploaded = false;
-        this.fileInputRef.value = '';
+        if (this.fileInputRef) {
+            this.fileInputRef.value = null;
+        }
         this.internalErrorMessage = '';
         this.validation_type = 'normal';
         this.fileChanged.emit(null);
@@ -86,7 +89,7 @@ export class DdaAttachFile {
             this.component_mode,
         ].filter(Boolean).join(' ');
         const shouldShowError = this.validation_type === 'error' && (this.internalErrorMessage || this.error_message);
-        return (h(Host, { key: '758e2884e019a1bb891616769c55674342bfab8f' }, h("div", { key: '66cf79b88609deedf5e628c85d73b495c552e436', class: inputClass }, this.label && (h("span", { key: 'f4afd4b20b6b5dfaaef91156917d18fc016f90df', class: "dda-input-label", id: `${this.input_id}-label` }, this.label)), h("div", { key: 'f31f4732a006f4ca2c690582bab7283581b443ae', class: "dda-input-field-group dda-attach-file" }, this.file ? (h("div", { class: "dda-file-details" }, h("div", { class: "dda-items" }, h("img", { src: this.getFileIcon(this.file.name), alt: "File Icon", class: "dda-file-icon" }), h("span", { class: "dda-file-name" }, this.file.name)), h("button", { type: "button", class: "remove-file", name: this.button_name, id: this.button_id, role: "button", tabIndex: 0, "aria-label": this.button_aria_label || 'Remove file', onClick: () => this.removeFile(), disabled: this.disabled }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")))) : (h("div", { class: "dda-file-input" }, h("span", null, this.place_holder || 'No File Selected'), h("button", { type: "button", class: "dda-file-choose", name: this.button_name, id: this.button_id, tabIndex: 0, "aria-labelledby": `${this.button_id}-label`, onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); }, disabled: this.disabled }, this.upload_button_text || 'Choose File'), h("span", { id: `${this.button_id}-label`, class: "visually-hidden" }, this.upload_button_text || 'Choose File'), h("label", { htmlFor: this.input_id, class: "visually-hidden" }, this.label), h("input", { id: this.input_id, name: this.input_name, type: "file", accept: this.accept, disabled: this.disabled, hidden: true, ref: (el) => (this.fileInputRef = el), onInput: (event) => this.handleFileInput(event) })))), shouldShowError ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert", "aria-live": "assertive" }, h("span", { class: "dda-d-flex dda-align-items-start dda-gap-2" }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "info"), h("span", null, this.internalErrorMessage || this.error_message)))) : this.isFileUploaded && this.success_text ? (h("span", { class: "dda-success-text", id: this.validation_id, role: "status", "aria-live": "polite" }, h("span", { class: "dda-d-flex dda-align-items-start dda-gap-2" }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "check"), h("span", null, this.success_text)))) : this.helper_text ? (h("span", { class: "dda-helper-text", id: this.validation_id }, h("span", { class: "dda-d-flex dda-align-items-start dda-gap-2" }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "info"), h("span", null, this.helper_text)))) : null)));
+        return (h(Host, { key: 'a3af07f7c3cf84bbddd821adeb10c409dd00d049' }, h("div", { key: '08e612545cd7728e2c022b36e6b30334d5d8e07c', class: inputClass }, this.label && (h("span", { key: '95739b39f9672aac5bfdda980cafa85771c51d5a', class: "dda-input-label", id: `${this.input_id}-label` }, this.label)), h("div", { key: '167789dcacf1bdccb85148168f63d81785e780c9', class: "dda-input-field-group dda-attach-file" }, this.file ? (h("div", { class: "dda-file-details" }, h("div", { class: "dda-items" }, h("img", { src: this.getFileIcon(this.file.name), alt: "File Icon", class: "dda-file-icon" }), h("span", { class: "dda-file-name" }, this.file.name)), h("button", { type: "button", class: "remove-file", name: this.button_name, id: this.delete_button_id, role: "button", tabIndex: 0, "aria-label": this.button_aria_label || 'Remove file', onClick: () => this.removeFile(), disabled: this.disabled }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")))) : (h("div", { class: "dda-file-input" }, h("span", null, this.place_holder || 'No File Selected'), h("button", { type: "button", class: "dda-file-choose", name: this.button_name, id: this.button_id, tabIndex: 0, "aria-labelledby": `${this.button_id}-label`, onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); }, disabled: this.disabled }, this.upload_button_text || 'Choose File'), h("span", { id: `${this.button_id}-label`, class: "visually-hidden" }, this.upload_button_text || 'Choose File'), h("label", { htmlFor: this.input_id, class: "visually-hidden" }, this.label), h("input", { id: this.input_id, name: this.input_name, type: "file", accept: this.accept, disabled: this.disabled, hidden: true, ref: (el) => (this.fileInputRef = el), onInput: (event) => this.handleFileInput(event) })))), shouldShowError ? (h("span", { class: "dda-error-message", id: this.validation_id, role: "alert", "aria-live": "assertive" }, h("span", { class: "dda-d-flex dda-align-items-start dda-gap-2" }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "info"), h("span", null, this.internalErrorMessage || this.error_message)))) : this.isFileUploaded && this.success_text ? (h("span", { class: "dda-success-text", id: this.validation_id, role: "status", "aria-live": "polite" }, h("span", { class: "dda-d-flex dda-align-items-start dda-gap-2" }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "check"), h("span", null, this.success_text)))) : this.helper_text ? (h("span", { class: "dda-helper-text", id: this.validation_id }, h("span", { class: "dda-d-flex dda-align-items-start dda-gap-2" }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "info"), h("span", null, this.helper_text)))) : null)));
     }
     static get is() { return "dda-attach-file"; }
     static get properties() {
@@ -418,6 +421,25 @@ export class DdaAttachFile {
                 "attribute": "button_id",
                 "reflect": false
             },
+            "delete_button_id": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "delete_button_id",
+                "reflect": false
+            },
             "button_name": {
                 "type": "string",
                 "mutable": false,

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

@@ -1 +1 @@
-{"version":3,"file":"dda-attach-file.js","sourceRoot":"","sources":["../../../src/components/dda-attach-file/dda-attach-file.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, Method, h, Host } from '@stencil/core';\r\nimport pdfIcon from '../../assets/img/icn/file_icons/icn-PDF.svg';\r\nimport pptIcon from '../../assets/img/icn/file_icons/icn-PowerPoint.svg';\r\nimport wordIcon from '../../assets/img/icn/file_icons/icn-Word.svg';\r\nimport excelIcon from '../../assets/img/icn/file_icons/icn-Excel.svg';\r\nimport imageIcon from '../../assets/img/icn/file_icons/icn-Image.svg';\r\nimport videoIcon from '../../assets/img/icn/file_icons/icn-Video.svg';\r\nimport onenoteIcon from '../../assets/img/icn/file_icons/icn-OneNote.svg';\r\nimport defaultIcon from '../../assets/img/icn/file_icons/icn-default.svg';\r\n\r\n@Component({\r\n  tag: 'dda-attach-file',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaAttachFile {\r\n  @Prop() label: string;\r\n  @Prop() place_holder: string;\r\n  @Prop() upload_button_text: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() success_text: string;\r\n  @Prop() error_message: string;\r\n  @Prop() size?: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() input_type?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() button_aria_label?: string = '';\r\n  @Prop() input_id: string;\r\n  @Prop() input_name?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() button_name?: string;\r\n  @Prop() accept?: string;\r\n  @Prop() disabled: boolean = false;\r\n\r\n  @Prop() max_file_size: number = 5; // in MB\r\n  @Prop() file_size_error_message: string = 'File size should not exceed {max} MB';\r\n  \r\n  @State() file: File | null = null;\r\n  @State() isFileUploaded: boolean = false;\r\n  @State() internalErrorMessage: string = '';\r\n\r\n  private fileInputRef: HTMLInputElement;\r\n\r\n  @Event() fileChanged: EventEmitter<File | null>;\r\n\r\n  @Method()\r\n  async getFile(): Promise<File | null> {\r\n    return this.file;\r\n  }\r\n\r\n  private fileIcons = {\r\n    pdf: pdfIcon,\r\n    pptx: pptIcon,\r\n    docx: wordIcon,\r\n    xlsx: excelIcon,\r\n    png: imageIcon,\r\n    jpg: imageIcon,\r\n    jpeg: imageIcon,\r\n    mp4: videoIcon,\r\n    mkv: videoIcon,\r\n    one: onenoteIcon,\r\n  };\r\n\r\n  handleFileInput(event: Event) {\r\n    const files = (event.target as HTMLInputElement)?.files;\r\n    if (files && files.length > 0) {\r\n      const selectedFile = files[0];\r\n      const fileSizeInMB = selectedFile.size / (1024 * 1024);\r\n\r\n      if (this.max_file_size && fileSizeInMB > this.max_file_size) {\r\n        this.file = null;\r\n        this.isFileUploaded = false;\r\n        this.internalErrorMessage = this.file_size_error_message.replace('{max}', this.max_file_size.toString());\r\n        this.validation_type = 'error';\r\n        this.fileChanged.emit(null);\r\n        return;\r\n      }\r\n\r\n      this.file = selectedFile;\r\n      this.isFileUploaded = true;\r\n      this.internalErrorMessage = '';\r\n      this.validation_type = 'normal';\r\n      this.fileChanged.emit(this.file);\r\n    } else {\r\n      this.file = null;\r\n      this.isFileUploaded = false;\r\n      this.internalErrorMessage = '';\r\n      this.validation_type = 'normal';\r\n      this.fileChanged.emit(null);\r\n    }\r\n  }\r\n\r\n  removeFile() {\r\n    this.file = null;\r\n    this.isFileUploaded = false;\r\n    this.fileInputRef.value = '';\r\n    this.internalErrorMessage = '';\r\n    this.validation_type = 'normal';\r\n    this.fileChanged.emit(null);\r\n  }\r\n\r\n  getFileIcon(fileName: string) {\r\n    const extension = fileName.split('.').pop()?.toLowerCase();\r\n    return this.fileIcons[extension] || defaultIcon;\r\n  }\r\n\r\n  render() {\r\n    const inputClass = [\r\n      'dda-input-container',\r\n      this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n      this.size ? `dda-input-size-${this.size}` : '',\r\n      this.input_type ? `dda-input-${this.input_type}` : '',\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    const shouldShowError = this.validation_type === 'error' && (this.internalErrorMessage || this.error_message);\r\n\r\n    return (\r\n      <Host>\r\n        <div class={inputClass}>\r\n          {this.label && (\r\n            <span class=\"dda-input-label\" id={`${this.input_id}-label`}>\r\n              {this.label}\r\n            </span>\r\n          )}\r\n\r\n          <div class=\"dda-input-field-group dda-attach-file\">\r\n            {this.file ? (\r\n              <div class=\"dda-file-details\">\r\n                <div class=\"dda-items\">\r\n                  <img src={this.getFileIcon(this.file.name)} alt=\"File Icon\" class=\"dda-file-icon\" />\r\n                  <span class=\"dda-file-name\">{this.file.name}</span>\r\n                </div>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"remove-file\"\r\n                  name={this.button_name}\r\n                  id={this.button_id}\r\n                  role=\"button\"\r\n                  tabIndex={0}\r\n                  aria-label={this.button_aria_label || 'Remove file'}\r\n                  onClick={() => this.removeFile()}\r\n                  disabled={this.disabled}\r\n                >\r\n                  <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n                </button>\r\n              </div>\r\n            ) : (\r\n              <div class=\"dda-file-input\">\r\n                <span>{this.place_holder || 'No File Selected'}</span>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"dda-file-choose\"\r\n                  name={this.button_name}\r\n                  id={this.button_id}\r\n                  tabIndex={0}\r\n                  aria-labelledby={`${this.button_id}-label`}\r\n                  onClick={() => this.fileInputRef?.click()}\r\n                  disabled={this.disabled}\r\n                >\r\n                  {this.upload_button_text || 'Choose File'}\r\n                </button>\r\n                <span id={`${this.button_id}-label`} class=\"visually-hidden\">\r\n                  {this.upload_button_text || 'Choose File'}\r\n                </span>\r\n\r\n                <label htmlFor={this.input_id} class=\"visually-hidden\">\r\n                  {this.label}\r\n                </label>\r\n                <input\r\n                  id={this.input_id}\r\n                  name={this.input_name}\r\n                  type=\"file\"\r\n                  accept={this.accept}\r\n                  disabled={this.disabled}\r\n                  hidden\r\n                  ref={(el) => (this.fileInputRef = el as HTMLInputElement)}\r\n                  onInput={(event) => this.handleFileInput(event)}\r\n                />\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {shouldShowError ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\" aria-live=\"assertive\">\r\n              <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n                <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n                <span>{this.internalErrorMessage || this.error_message}</span>\r\n              </span>\r\n            </span>\r\n          ) : this.isFileUploaded && this.success_text ? (\r\n            <span class=\"dda-success-text\" id={this.validation_id} role=\"status\" aria-live=\"polite\">\r\n              <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n                <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">check</i>\r\n                <span>{this.success_text}</span>\r\n              </span>\r\n            </span>\r\n          ) : this.helper_text ? (\r\n            <span class=\"dda-helper-text\" id={this.validation_id}>\r\n              <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n                <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n                <span>{this.helper_text}</span>\r\n              </span>\r\n            </span>\r\n          ) : null}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"dda-attach-file.js","sourceRoot":"","sources":["../../../src/components/dda-attach-file/dda-attach-file.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, Method, h, Host } from '@stencil/core';\r\nimport pdfIcon from '../../assets/img/icn/file_icons/icn-PDF.svg';\r\nimport pptIcon from '../../assets/img/icn/file_icons/icn-PowerPoint.svg';\r\nimport wordIcon from '../../assets/img/icn/file_icons/icn-Word.svg';\r\nimport excelIcon from '../../assets/img/icn/file_icons/icn-Excel.svg';\r\nimport imageIcon from '../../assets/img/icn/file_icons/icn-Image.svg';\r\nimport videoIcon from '../../assets/img/icn/file_icons/icn-Video.svg';\r\nimport onenoteIcon from '../../assets/img/icn/file_icons/icn-OneNote.svg';\r\nimport defaultIcon from '../../assets/img/icn/file_icons/icn-default.svg';\r\n\r\n@Component({\r\n  tag: 'dda-attach-file',\r\n  styleUrls: [],\r\n  shadow: false,\r\n})\r\nexport class DdaAttachFile {\r\n  @Prop() label: string;\r\n  @Prop() place_holder: string;\r\n  @Prop() upload_button_text: string;\r\n  @Prop() helper_text: string;\r\n  @Prop() success_text: string;\r\n  @Prop() error_message: string;\r\n  @Prop() size?: string;\r\n  @Prop() validation_type?: string;\r\n  @Prop() validation_id: string = 'text';\r\n  @Prop() input_type?: string;\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() aria_label?: string = '';\r\n  @Prop() button_aria_label?: string = '';\r\n  @Prop() input_id: string;\r\n  @Prop() input_name?: string;\r\n  @Prop() button_id: string;\r\n  @Prop() delete_button_id: string;\r\n  @Prop() button_name?: string;\r\n  @Prop() accept?: string;\r\n  @Prop() disabled: boolean = false;\r\n\r\n  @Prop() max_file_size: number = 5; // in MB\r\n  @Prop() file_size_error_message: string = 'File size should not exceed {max} MB';\r\n  \r\n  @State() file: File | null = null;\r\n  @State() isFileUploaded: boolean = false;\r\n  @State() internalErrorMessage: string = '';\r\n\r\n  private fileInputRef: HTMLInputElement;\r\n\r\n  @Event() fileChanged: EventEmitter<File | null>;\r\n\r\n  @Method()\r\n  async getFile(): Promise<File | null> {\r\n    return this.file;\r\n  }\r\n\r\n  private fileIcons = {\r\n    pdf: pdfIcon,\r\n    pptx: pptIcon,\r\n    docx: wordIcon,\r\n    xlsx: excelIcon,\r\n    png: imageIcon,\r\n    jpg: imageIcon,\r\n    jpeg: imageIcon,\r\n    mp4: videoIcon,\r\n    mkv: videoIcon,\r\n    one: onenoteIcon,\r\n  };\r\n\r\n  handleFileInput(event: Event) {\r\n    console.log(this.fileInputRef.value);\r\n    \r\n    const files = (event.target as HTMLInputElement)?.files;\r\n    if (files && files.length > 0) {\r\n      const selectedFile = files[0];\r\n      const fileSizeInMB = selectedFile.size / (1024 * 1024);\r\n\r\n      if (this.max_file_size && fileSizeInMB > this.max_file_size) {\r\n        this.file = null;\r\n        this.isFileUploaded = false;\r\n        this.internalErrorMessage = this.file_size_error_message.replace('{max}', this.max_file_size.toString());\r\n        this.validation_type = 'error';\r\n        this.fileChanged.emit(null);\r\n        return;\r\n      }\r\n\r\n      this.file = selectedFile;\r\n      this.isFileUploaded = true;\r\n      this.internalErrorMessage = '';\r\n      this.validation_type = 'normal';\r\n      this.fileChanged.emit(this.file);\r\n    } else {\r\n      this.file = null;\r\n      this.isFileUploaded = false;\r\n      this.internalErrorMessage = '';\r\n      this.validation_type = 'normal';\r\n      this.fileChanged.emit(null);\r\n    }\r\n  }\r\n\r\n  removeFile() {\r\n    this.file = null;\r\n    this.isFileUploaded = false;\r\n   if (this.fileInputRef) {\r\n  this.fileInputRef.value = null;\r\n}\r\n    this.internalErrorMessage = '';\r\n    this.validation_type = 'normal';\r\n    this.fileChanged.emit(null);\r\n  }\r\n\r\n  getFileIcon(fileName: string) {\r\n    const extension = fileName.split('.').pop()?.toLowerCase();\r\n    return this.fileIcons[extension] || defaultIcon;\r\n  }\r\n\r\n  render() {\r\n    const inputClass = [\r\n      'dda-input-container',\r\n      this.validation_type ? `dda-validation-${this.validation_type}` : '',\r\n      this.size ? `dda-input-size-${this.size}` : '',\r\n      this.input_type ? `dda-input-${this.input_type}` : '',\r\n      this.custom_class,\r\n      this.component_mode,\r\n    ].filter(Boolean).join(' ');\r\n\r\n    const shouldShowError = this.validation_type === 'error' && (this.internalErrorMessage || this.error_message);\r\n\r\n    return (\r\n      <Host>\r\n        <div class={inputClass}>\r\n          {this.label && (\r\n            <span class=\"dda-input-label\" id={`${this.input_id}-label`}>\r\n              {this.label}\r\n            </span>\r\n          )}\r\n\r\n          <div class=\"dda-input-field-group dda-attach-file\">\r\n            {this.file ? (\r\n              <div class=\"dda-file-details\">\r\n                <div class=\"dda-items\">\r\n                  <img src={this.getFileIcon(this.file.name)} alt=\"File Icon\" class=\"dda-file-icon\" />\r\n                  <span class=\"dda-file-name\">{this.file.name}</span>\r\n                </div>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"remove-file\"\r\n                  name={this.button_name}\r\n                  id={this.delete_button_id}\r\n                  role=\"button\"\r\n                  tabIndex={0}\r\n                  aria-label={this.button_aria_label || 'Remove file'}\r\n                  onClick={() => this.removeFile()}\r\n                  disabled={this.disabled}\r\n                >\r\n                  <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">close</i>\r\n                </button>\r\n              </div>\r\n            ) : (\r\n              <div class=\"dda-file-input\">\r\n                <span>{this.place_holder || 'No File Selected'}</span>\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"dda-file-choose\"\r\n                  name={this.button_name}\r\n                  id={this.button_id}\r\n                  tabIndex={0}\r\n                  aria-labelledby={`${this.button_id}-label`}\r\n                  onClick={() => this.fileInputRef?.click()}\r\n                  disabled={this.disabled}\r\n                >\r\n                  {this.upload_button_text || 'Choose File'}\r\n                </button>\r\n                <span id={`${this.button_id}-label`} class=\"visually-hidden\">\r\n                  {this.upload_button_text || 'Choose File'}\r\n                </span>\r\n\r\n                <label htmlFor={this.input_id} class=\"visually-hidden\">\r\n                  {this.label}\r\n                </label>\r\n                <input\r\n                  id={this.input_id}\r\n                  name={this.input_name}\r\n                  type=\"file\"\r\n                  accept={this.accept}\r\n                  disabled={this.disabled}\r\n                  hidden\r\n                  ref={(el) => (this.fileInputRef = el as HTMLInputElement)}\r\n                  onInput={(event) => this.handleFileInput(event)}\r\n                />\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {shouldShowError ? (\r\n            <span class=\"dda-error-message\" id={this.validation_id} role=\"alert\" aria-live=\"assertive\">\r\n              <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n                <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n                <span>{this.internalErrorMessage || this.error_message}</span>\r\n              </span>\r\n            </span>\r\n          ) : this.isFileUploaded && this.success_text ? (\r\n            <span class=\"dda-success-text\" id={this.validation_id} role=\"status\" aria-live=\"polite\">\r\n              <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n                <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">check</i>\r\n                <span>{this.success_text}</span>\r\n              </span>\r\n            </span>\r\n          ) : this.helper_text ? (\r\n            <span class=\"dda-helper-text\" id={this.validation_id}>\r\n              <span class=\"dda-d-flex dda-align-items-start dda-gap-2\">\r\n                <i class=\"material-icons material-symbols-outlined\" aria-hidden=\"true\">info</i>\r\n                <span>{this.helper_text}</span>\r\n              </span>\r\n            </span>\r\n          ) : null}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -24,6 +24,7 @@ To use the \`dda-attach-file\` component, pass the following props:
   component_mode=""
   input_id="input"
   button_id="button"
+  delete_button_id="deleteFile"
   aria_label="input"
   button_aria_label="button"
   button_name="button"
@@ -69,6 +70,7 @@ The component emits a \`fileChanged\` event when a file is selected or removed.
         },
         input_id: { control: 'text', description: 'Input id for file input' },
         button_id: { control: 'text', description: 'Button id for file upload button' },
+        delete_button_id: { control: 'text', description: 'Button id for file delete button' },
         aria_label: { control: 'text', description: 'ARIA label for input' },
         button_aria_label: { control: 'text', description: 'ARIA label for upload button' },
         button_name: { control: 'text', description: 'Name for the upload button' },
@@ -113,6 +115,7 @@ Default.args = {
     input_type: 'normal',
     input_id: 'choose-File',
     button_id: 'choose-File-button',
+    delete_button_id: 'delete-File-button',
     aria_label: 'input',
     button_aria_label: 'button',
     button_name: 'button',

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

@@ -1 +1 @@
-{"version":3,"file":"dda-attach-file.stories.js","sourceRoot":"","sources":["../../../src/components/dda-attach-file/dda-attach-file.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Attach File',\r\n  tags: ['autodocs'],\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-attach-file\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-attach-file\r\n  label=\"Attach File\"\r\n  place_holder=\"No File Selected\"\r\n  upload_button_text=\"Choose File\"\r\n  helper_text=\"Helper or footer text\"\r\n  success_text=\"Successfully uploaded\"\r\n  error_message=\"Error message\"\r\n  file_size_error_message=\"File size should not exceed {max} MB\"\r\n  max_file_size=\"2\"\r\n  size=\"default\"\r\n  validation_type=\"normal\"\r\n  input_type=\"normal\"\r\n  custom_class=\"\"\r\n  component_mode=\"\"\r\n  input_id=\"input\"\r\n  button_id=\"button\"\r\n  aria_label=\"input\"\r\n  button_aria_label=\"button\"\r\n  button_name=\"button\"\r\n  input_name=\"input\"\r\n  accept=\".pdf,.docx\"\r\n></dda-attach-file>\r\n\\`\\`\\`\r\n\r\nThe component emits a \\`fileChanged\\` event when a file is selected or removed.\r\n        `,\r\n      },\r\n    },\r\n  },\r\n\r\n  argTypes: {\r\n    label: { control: 'text', description: 'Label for the attach file component' },\r\n    place_holder: { control: 'text', description: 'Default place holder text' },\r\n    upload_button_text: { control: 'text', description: 'Button text for upload file' },\r\n    helper_text: { control: 'text', description: 'Helper text for the attach file component' },\r\n    success_text: { control: 'text', description: 'Success message text' },\r\n    error_message: { control: 'text', description: 'Error message displayed below the component' },\r\n    file_size_error_message: { control: 'text', description: 'File size limit exceed warning message. Use {max} as a placeholder for max size' },\r\n    validation_id: { control: 'text', description: 'ID used for error/helper message' },\r\n    size: {\r\n      control: { type: 'select' },\r\n      options: ['default', 'small'],\r\n      description: 'Size of the attach file component',\r\n    },\r\n    validation_type: {\r\n      control: { type: 'select' },\r\n      options: ['normal', 'error'],\r\n      description: 'Validation type of the component',\r\n    },\r\n    input_type: {\r\n      control: { type: 'select' },\r\n      options: ['normal', 'disabled'],\r\n      description: 'Input type (used for visual class only)',\r\n    },\r\n    custom_class: { control: 'text', description: 'Custom class to be applied' },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the attach file component',\r\n    },\r\n    input_id: { control: 'text', description: 'Input id for file input' },\r\n    button_id: { control: 'text', description: 'Button id for file upload button' },\r\n    aria_label: { control: 'text', description: 'ARIA label for input' },\r\n    button_aria_label: { control: 'text', description: 'ARIA label for upload button' },\r\n    button_name: { control: 'text', description: 'Name for the upload button' },\r\n    input_name: { control: 'text', description: 'Name for the input field' },\r\n    accept: { control: 'text', description: 'Accept attribute for file types (e.g., .pdf,.docx)' },\r\n    max_file_size: { control: 'number', description: 'Maximum file size allowed in MB' },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const attributes = Object.entries(args)\r\n    .filter(([key, value]) => value !== undefined && key !== 'text')\r\n    .map(([key, value]) => {\r\n      if (typeof value === 'boolean') return value ? key : '';\r\n      return `${key}=\"${value}\"`;\r\n    })\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return `\r\n    <dda-attach-file ${attributes}></dda-attach-file>\r\n    <script>\r\n      const fileComponent = document.querySelector('dda-attach-file');\r\n      fileComponent?.addEventListener('fileChanged', (e) => {\r\n        console.log('fileChanged:', e.detail);\r\n      });\r\n    </script>\r\n  `;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  label: 'Attach File',\r\n  place_holder: 'No File Selected',\r\n  upload_button_text: 'Choose File',\r\n  helper_text: 'Helper or footer text',\r\n  success_text: 'Successfully uploaded',\r\n  error_message: 'Error Message',\r\n  validation_id: 'validationId',\r\n  file_size_error_message: 'File size should not exceed {max} MB',\r\n  max_file_size: 200,\r\n  size: 'default',\r\n  validation_type: 'normal',\r\n  input_type: 'normal',\r\n  input_id: 'choose-File',\r\n  button_id: 'choose-File-button',\r\n  aria_label: 'input',\r\n  button_aria_label: 'button',\r\n  button_name: 'button',\r\n  input_name: 'input',\r\n  accept: '.pdf,.docx',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  onInput: '',\r\n};\r\n\r\nexport const Small = Template.bind({});\r\nSmall.args = {\r\n  ...Default.args,\r\n  size: 'small',\r\n};\r\n\r\nexport const ErrorState = Template.bind({});\r\nErrorState.args = {\r\n  ...Default.args,\r\n  validation_type: 'error',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n  ...Default.args,\r\n  input_type: 'disabled',\r\n};\r\n"]}
+{"version":3,"file":"dda-attach-file.stories.js","sourceRoot":"","sources":["../../../src/components/dda-attach-file/dda-attach-file.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Attach File',\r\n  tags: ['autodocs'],\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-attach-file\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-attach-file\r\n  label=\"Attach File\"\r\n  place_holder=\"No File Selected\"\r\n  upload_button_text=\"Choose File\"\r\n  helper_text=\"Helper or footer text\"\r\n  success_text=\"Successfully uploaded\"\r\n  error_message=\"Error message\"\r\n  file_size_error_message=\"File size should not exceed {max} MB\"\r\n  max_file_size=\"2\"\r\n  size=\"default\"\r\n  validation_type=\"normal\"\r\n  input_type=\"normal\"\r\n  custom_class=\"\"\r\n  component_mode=\"\"\r\n  input_id=\"input\"\r\n  button_id=\"button\"\r\n  delete_button_id=\"deleteFile\"\r\n  aria_label=\"input\"\r\n  button_aria_label=\"button\"\r\n  button_name=\"button\"\r\n  input_name=\"input\"\r\n  accept=\".pdf,.docx\"\r\n></dda-attach-file>\r\n\\`\\`\\`\r\n\r\nThe component emits a \\`fileChanged\\` event when a file is selected or removed.\r\n        `,\r\n      },\r\n    },\r\n  },\r\n\r\n  argTypes: {\r\n    label: { control: 'text', description: 'Label for the attach file component' },\r\n    place_holder: { control: 'text', description: 'Default place holder text' },\r\n    upload_button_text: { control: 'text', description: 'Button text for upload file' },\r\n    helper_text: { control: 'text', description: 'Helper text for the attach file component' },\r\n    success_text: { control: 'text', description: 'Success message text' },\r\n    error_message: { control: 'text', description: 'Error message displayed below the component' },\r\n    file_size_error_message: { control: 'text', description: 'File size limit exceed warning message. Use {max} as a placeholder for max size' },\r\n    validation_id: { control: 'text', description: 'ID used for error/helper message' },\r\n    size: {\r\n      control: { type: 'select' },\r\n      options: ['default', 'small'],\r\n      description: 'Size of the attach file component',\r\n    },\r\n    validation_type: {\r\n      control: { type: 'select' },\r\n      options: ['normal', 'error'],\r\n      description: 'Validation type of the component',\r\n    },\r\n    input_type: {\r\n      control: { type: 'select' },\r\n      options: ['normal', 'disabled'],\r\n      description: 'Input type (used for visual class only)',\r\n    },\r\n    custom_class: { control: 'text', description: 'Custom class to be applied' },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the attach file component',\r\n    },\r\n    input_id: { control: 'text', description: 'Input id for file input' },\r\n    button_id: { control: 'text', description: 'Button id for file upload button' },\r\n    delete_button_id: { control: 'text', description: 'Button id for file delete button' },\r\n    aria_label: { control: 'text', description: 'ARIA label for input' },\r\n    button_aria_label: { control: 'text', description: 'ARIA label for upload button' },\r\n    button_name: { control: 'text', description: 'Name for the upload button' },\r\n    input_name: { control: 'text', description: 'Name for the input field' },\r\n    accept: { control: 'text', description: 'Accept attribute for file types (e.g., .pdf,.docx)' },\r\n    max_file_size: { control: 'number', description: 'Maximum file size allowed in MB' },\r\n  },\r\n};\r\n\r\nconst Template = (args) => {\r\n  const attributes = Object.entries(args)\r\n    .filter(([key, value]) => value !== undefined && key !== 'text')\r\n    .map(([key, value]) => {\r\n      if (typeof value === 'boolean') return value ? key : '';\r\n      return `${key}=\"${value}\"`;\r\n    })\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return `\r\n    <dda-attach-file ${attributes}></dda-attach-file>\r\n    <script>\r\n      const fileComponent = document.querySelector('dda-attach-file');\r\n      fileComponent?.addEventListener('fileChanged', (e) => {\r\n        console.log('fileChanged:', e.detail);\r\n      });\r\n    </script>\r\n  `;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  label: 'Attach File',\r\n  place_holder: 'No File Selected',\r\n  upload_button_text: 'Choose File',\r\n  helper_text: 'Helper or footer text',\r\n  success_text: 'Successfully uploaded',\r\n  error_message: 'Error Message',\r\n  validation_id: 'validationId',\r\n  file_size_error_message: 'File size should not exceed {max} MB',\r\n  max_file_size: 200,\r\n  size: 'default',\r\n  validation_type: 'normal',\r\n  input_type: 'normal',\r\n  input_id: 'choose-File',\r\n  button_id: 'choose-File-button',\r\n  delete_button_id: 'delete-File-button',\r\n  aria_label: 'input',\r\n  button_aria_label: 'button',\r\n  button_name: 'button',\r\n  input_name: 'input',\r\n  accept: '.pdf,.docx',\r\n  custom_class: '',\r\n  component_mode: '',\r\n  onInput: '',\r\n};\r\n\r\nexport const Small = Template.bind({});\r\nSmall.args = {\r\n  ...Default.args,\r\n  size: 'small',\r\n};\r\n\r\nexport const ErrorState = Template.bind({});\r\nErrorState.args = {\r\n  ...Default.args,\r\n  validation_type: 'error',\r\n};\r\n\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n  ...Default.args,\r\n  input_type: 'disabled',\r\n};\r\n"]}

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

@@ -346,13 +346,16 @@ export class DdaHeader {
                 active: itemlist['active'] === 'true',
             }, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(itemlist.href) : '') }, itemlist.label))))))), h("div", { key: 'b4a6bad345a6c30469714a12c1ac0e08a36d0232', class: "dda-sidemenu-bottom" }, h("div", { key: '89d304f277b2fdb2477d9a57080c094ae9d92265', class: "dda-sidemenu-gov-logo" }, h("a", { key: '827000661949876ee2ef140665243ee3e5cd3571', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.firstLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.firstLogoHref) : ''), class: "govt-logo dda-mb-2" }, h("img", { key: '420d364a247b50cbeb590338bde2203e54797ee4', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'c791779a7b204b807c9ed497717a3e91c1835439', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: '91cb1fd161897559a85eb632d2d77c7d5ca49c7d' }, this.accessibility_button_id && (h("li", { key: '927a4045d6ee032c3b95d0c7a19e300cadf0c6b9' }, h("button", { key: '4af8d8eed00a40ed281b8efc81281ea62baaa3f6', name: this.toggle_accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", onClick: this.toggleMobileAccessibilty, id: this.accessibility_button_id }, h("i", { key: '0bd5daf86009b0a6f895b1a56974e5c36a50ec7e', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: 'd702a07e54f3ba8800880b5883a457a39ab081f6', class: "visually-hidden" }, this.accessibility_button_text)))), this.language_text && (h("li", { key: '93f6a4161a7a960ee94144bb5474f5f76d4b28d0' }, h("button", { key: '3cd59d02e08967a810b4cc9b20a76ec1b4ead1ba', name: this.language_button_name, class: "tool-btn", type: "button", onClick: this.languagehandler }, this.language_text))), this.loginText && (h("li", { key: '2d93126df5228944ce934ab3b06e396cb4699b69' }, h("dda-link-button", { key: '19c32bb297878743d379bfebb2972d3888e854bc', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, onClick: this.toggleLogin,
             // href={this.loginLink}
-            href: this.useLoginPopup ? 'javascript:void(0)' : this.loginLink, button_shape: "circle", size: "sm" })))))), h("button", { key: '1f2df4dc3905ddb948e8bb55abb764238e131298', type: "button", name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: 'ba70e57cb7cffa77ee5dad748611f8e204ca943f', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isMobileAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "mobile-accessibility-content" }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ? (h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: this.selected_contrast == 'normal', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalThemeMobile", group_name: "themeselectionMobile", input_id: "NormalThemeMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "hydrated" })) : null, this.contrast_color_blind_text ? (h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: this.selected_contrast == 'colorblind', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlindMobile", group_name: "themeselectionMobile", input_id: "ColoursBlindMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })) : null, this.contrast_red_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: this.selected_contrast == 'redweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeaknessMobile", group_name: "themeselectionMobile", input_id: "RedWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })) : null, this.contrast_green_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: this.selected_contrast == 'greenweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeaknessMobile", group_name: "themeselectionMobile", input_id: "GreenWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })) : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: this.selected_text_size == 'normal' ? 'default-primary' : 'default-secondary', button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'large' ? 'default-primary' : 'default-secondary', button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'small' ? 'default-primary' : 'default-secondary', button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }))))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleMobileAccessibilty }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")))) : null), this.quickLinks && (h("dda-header-menu", { key: '8ce70c1329af918f148a721b446749f95726466c', "use-navigator": this.useNavigator, "navigator-click": this.navigatorClick, "show-Quick-Links-Icon": this.showQuickLinksIcon, "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) }))), h("div", { key: '6ade94ce121e760e02dbc7b3c9f95b9b055d4c62', class: "dda-mobile-entt-logo" }, h("a", { key: 'd6dbcd698634f25bcfe7a5797caa52db31ece40b', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.secondLogoHref) : ''), class: "entt-logo" }, h("img", { key: '5247234ab6d0e4ef3e725bb6fb8e681d796da37b', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '2adc2e0fecae54e51a825d83883c728ed6d33d64', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '6188b81b90ee5d93334862fb5657b4b2bb50472b', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: '563bfd7e62ca7249cff9363451afa622d21e7ec7', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.mobileMenuSearchUrl, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.mobileMenuSearchUrl) : ''), class: "tool-btn", id: this.mobileMenuSearchId }, h("span", { key: '98773ae4ea5cc8b14e526013114f5a2daf329cbd', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: 'c3ece4911b5d9342544c5a7a815cdf6b0dc7828f', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: '9e4a5228941be09ae4c18dfe0507ef213a8ae7ff', class: "dda-toolbar-menu" }, h("ul", { key: 'ae73001a8659b0dcee9c6c3e461bd4503f31ee3e' }, this.search_input_name && (h("li", { key: '301c3ca831b60722f8a37f9fbdf45a6b34bd6af8' }, h("dda-tooltip", { key: 'c7422723142be2307bb5de6c9081fb85037be4fa', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: '6ef5d28bb31736f71de9d84948723a30242082bb', class: "dda-search dda-header-search" }, h("label", { key: 'e548283a91365210457a77267c6962f7857bc1c6', id: "ddaSearch-label", class: "visualy-hidden", "aria-hidden": "true" }, this.searchText || 'Search'), h("i", { key: '1e4df1482d119718cb0f6b14ebadec67e6972ce9', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: 'dfe13ea20eb058532ba8558c574fcf9b1a470b37', placeholder: this.search_input_placeholder || 'Search', type: "text", input_id: "ddaSearch", value: this.search_value, input_name: this.search_input_name, aria_label: "input", input_role: "search", error_message: "Error text", validation_type: "normal", validation_id: "validationId", input_status: "normal", size: "default", custom_class: "dda-header-search-input tool-btn", component_mode: "",
-            // handleInput={(event) => console.log(event.target.value,"")}
-            onKeyPress: e => {
+            href: this.useLoginPopup ? 'javascript:void(0)' : this.loginLink, button_shape: "circle", size: "sm" })))))), h("button", { key: '1f2df4dc3905ddb948e8bb55abb764238e131298', type: "button", name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: 'ba70e57cb7cffa77ee5dad748611f8e204ca943f', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isMobileAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "mobile-accessibility-content" }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ? (h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: this.selected_contrast == 'normal', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalThemeMobile", group_name: "themeselectionMobile", input_id: "NormalThemeMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "hydrated" })) : null, this.contrast_color_blind_text ? (h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: this.selected_contrast == 'colorblind', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlindMobile", group_name: "themeselectionMobile", input_id: "ColoursBlindMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })) : null, this.contrast_red_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: this.selected_contrast == 'redweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeaknessMobile", group_name: "themeselectionMobile", input_id: "RedWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })) : null, this.contrast_green_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: this.selected_contrast == 'greenweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeaknessMobile", group_name: "themeselectionMobile", input_id: "GreenWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })) : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: this.selected_text_size == 'normal' ? 'default-primary' : 'default-secondary', button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'large' ? 'default-primary' : 'default-secondary', button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'small' ? 'default-primary' : 'default-secondary', button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }))))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleMobileAccessibilty }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close")))) : null), this.quickLinks && (h("dda-header-menu", { key: '8ce70c1329af918f148a721b446749f95726466c', "use-navigator": this.useNavigator, "navigator-click": this.navigatorClick, "show-Quick-Links-Icon": this.showQuickLinksIcon, "quick-links": typeof this.quickLinks === 'string' ? this.quickLinks : JSON.stringify(this.quickLinks) }))), h("div", { key: '6ade94ce121e760e02dbc7b3c9f95b9b055d4c62', class: "dda-mobile-entt-logo" }, h("a", { key: 'd6dbcd698634f25bcfe7a5797caa52db31ece40b', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.secondLogoHref, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.secondLogoHref) : ''), class: "entt-logo" }, h("img", { key: '5247234ab6d0e4ef3e725bb6fb8e681d796da37b', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '2adc2e0fecae54e51a825d83883c728ed6d33d64', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: '6188b81b90ee5d93334862fb5657b4b2bb50472b', class: "dda-mobile-search" }, this.mobileMenuSearchId && (h("a", { key: '563bfd7e62ca7249cff9363451afa622d21e7ec7', href: this.useNavigator == 'true' ? 'javascript:void(0)' : this.mobileMenuSearchUrl, onClick: () => (this.useNavigator == 'true' ? this.navigatorClick.emit(this.mobileMenuSearchUrl) : ''), class: "tool-btn", id: this.mobileMenuSearchId }, h("span", { key: '98773ae4ea5cc8b14e526013114f5a2daf329cbd', class: "visualy-hidden" }, this.searchText || 'Search'), h("i", { key: 'c3ece4911b5d9342544c5a7a815cdf6b0dc7828f', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search")))), h("div", { key: '9e4a5228941be09ae4c18dfe0507ef213a8ae7ff', class: "dda-toolbar-menu" }, h("ul", { key: 'ae73001a8659b0dcee9c6c3e461bd4503f31ee3e' }, this.search_input_name && (h("li", { key: '301c3ca831b60722f8a37f9fbdf45a6b34bd6af8' }, h("dda-tooltip", { key: 'c7422723142be2307bb5de6c9081fb85037be4fa', title_text: this.search_tooltip || 'Search', description: "", position: "top" }, h("div", { key: '6ef5d28bb31736f71de9d84948723a30242082bb', class: "dda-search dda-header-search" }, h("label", { key: 'e548283a91365210457a77267c6962f7857bc1c6', id: "ddaSearch-label", class: "visualy-hidden", "aria-hidden": "true" }, this.searchText || 'Search'), h("i", { key: '1e4df1482d119718cb0f6b14ebadec67e6972ce9', class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "search"), h("dda-input", { key: '981a10ddb29d5a42633c05f40dfff5e6e482105a', placeholder: this.search_input_placeholder || 'Search', type: "text", input_id: "ddaSearch", value: this.search_value, input_name: this.search_input_name, aria_label: "input", input_role: "search", error_message: "Error text", validation_type: "normal", validation_id: "validationId", input_status: "normal", size: "default", custom_class: "dda-header-search-input tool-btn", component_mode: "", onInputChanged: (e) => {
+                this.searchhandler(e.detail.target.value);
+                console.log(e.detail.target.value);
+            }, onKeyPress: e => {
                 if (e.key === 'Enter') {
-                    this.searchhandler(e.target.value); // Pass the value to the searchhandler
+                    this.searchhandler(e.target.value);
+                    console.log(e.target.value);
+                    // Pass the value to the searchhandler
                 }
-            } }), h("span", { key: 'bbd9ba0cb19e35cb55131e501d0ecc8db1d1d78b', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: 'ba5daef408a4e62e5de995120da79c298e09e261' }, h("dda-tooltip", { key: '2c30e312db252a119a5d10e34290cd8ea59b9236', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: 'df5f622b45c938efc370aa2da396881ff3d19a7e', name: this.toggle_accessibility_button_name, class: "tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn", type: "button", onClick: this.toggleAccessibilty, id: this.accessibility_button_id }, h("i", { key: '900722b19eece12242382e4d6670a6298d102a9c', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: 'c60cf2232f5856ef39a69f4a22bb23f3f9290574', class: "visually-hidden" }, this.accessibility_button_text))), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility-wrap" }, h("div", { class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ? (h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: this.selected_contrast == 'normal', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalTheme", group_name: "themeselection", input_id: "NormalTheme", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "" })) : null, this.contrast_color_blind_text ? (h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: this.selected_contrast == 'colorblind', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlind", group_name: "themeselection", input_id: "ColoursBlind", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })) : null, this.contrast_red_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: this.selected_contrast == 'redweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeakness", group_name: "themeselection", input_id: "RedWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })) : null, this.contrast_green_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: this.selected_contrast == 'greenweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeakness", group_name: "themeselection", input_id: "GreenWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })) : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: this.selected_text_size == 'normal' ? 'default-primary' : 'default-secondary', button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'large' ? 'default-primary' : 'default-secondary', button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'small' ? 'default-primary' : 'default-secondary', button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler })))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))))) : null)), this.language_text && (h("li", { key: '966aa43db152dad8c71bff787d184cd9e55021ae' }, h("dda-tooltip", { key: 'f4d03817adc85b557d3139560c23a2baaa5244fd', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: '3cb66d8904d8819263660a3d03d1d7dbec958455', button_color: "onsurface-secondary", custom_class: "tool-btn", button_text: this.language_text, button_shape: "circle", size: "sm", onClick: this.languagehandler })))), this.loginText && (h("li", { key: '0758d5790051c654618e3d959943d2020c13838c' }, h("dda-tooltip", { key: '2ea71290da3ea6530acadd5229f5908a9331971b', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: '0521688ddf1da1f7cf68eab00e91a51b2b79fb3a', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, onClick: this.toggleLogin,
+            } }), h("span", { key: '0de101ccc8ccebb8a0d8d356f6d94f0bf108dd80', id: "validationId", class: "visually-hidden" }, "Enter keywords to search the site."))))), this.accessibility_button_id && (h("li", { key: 'c705eb3deb4523c13f32d951fba22f970c03ab96' }, h("dda-tooltip", { key: '2083496f38241f8f69f3c652fdfba2c85d30841a', title_text: this.accessibility_tooltip, position: "top" }, h("button", { key: '3ddf04f54d8bacfee1c2a917cdee10b7a8744c9e', name: this.toggle_accessibility_button_name, class: "tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn", type: "button", onClick: this.toggleAccessibilty, id: this.accessibility_button_id }, h("i", { key: 'a98e5c2278a528fa888a42132a6c2b83587847b2', class: this.accessibility_button_icon_family }, this.accessibility_button_icon_name), h("span", { key: 'da98b2ffe669c369ba2cc25a4114000aadd3a94e', class: "visually-hidden" }, this.accessibility_button_text))), this.usePredesignedAccessibilityMenu ? (h("div", { class: "dda-accessibility-wrap" }, h("div", { class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.contrast_title), h("form", null, h("fieldset", { class: "dda-theme-list" }, h("legend", null, h("p", { class: "body Regular dda-mb-3" }, this.contrast_description)), this.contrast_noraml_text ? (h("dda-radiobutton", { title_text: this.contrast_noraml_text, checked: this.selected_contrast == 'normal', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "NormalTheme", group_name: "themeselection", input_id: "NormalTheme", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.normalContrasthandler, class: "" })) : null, this.contrast_color_blind_text ? (h("dda-radiobutton", { title_text: this.contrast_color_blind_text, checked: this.selected_contrast == 'colorblind', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "ColoursBlind", group_name: "themeselection", input_id: "ColoursBlind", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.blindContrasthandler, class: "hydrated" })) : null, this.contrast_red_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_red_weakness_text, checked: this.selected_contrast == 'redweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "RedWeakness", group_name: "themeselection", input_id: "RedWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.redContrasthandler, class: "hydrated" })) : null, this.contrast_green_weakness_text ? (h("dda-radiobutton", { title_text: this.contrast_green_weakness_text, checked: this.selected_contrast == 'greenweakness', size: "default", variants: "normal", supporting: "", error_message: "", validation_id: "GreenWeakness", group_name: "themeselection", input_id: "GreenWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", validation_type: "normal", onChange: this.greenContrasthandler, class: "hydrated" })) : null))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.screen_reader_title), h("p", { class: "body Regular dda-mb-3" }, this.screen_reader_description), h("div", { class: "rs_skip rsbtn rs_preserve rs_mobile", id: "readspeaker_button1" }, h("a", { rel: "nofollow", href: this.read_speaker_link, role: "button", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker", "data-rsshortcut": "play", "aria-haspopup": "menu", "data-rs-lang": "en_uk" }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "volume_up")))), h("div", { class: "dda-col-md-4 dda-accessibility-item" }, h("h6", { class: "h6 Regular dda-mb-1" }, this.text_size_title), h("p", { class: "body Regular dda-mb-3" }, this.text_size_description), h("div", { class: "dda-d-flex dda-gap-4" }, h("dda-button", { button_color: this.selected_text_size == 'normal' ? 'default-primary' : 'default-secondary', button_text: "A", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'large' ? 'default-primary' : 'default-secondary', button_text: "A+", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }), h("dda-button", { button_color: this.selected_text_size == 'small' ? 'default-primary' : 'default-secondary', button_text: "A-", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler })))), h("button", { type: "button", name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { class: "material-icons  material-symbols-outlined", "aria-hidden": "true" }, "close"))))) : null)), this.language_text && (h("li", { key: '15eddf34c2eb73a72b6d633530aa2edc249f9512' }, h("dda-tooltip", { key: '21ce610efc413d210398a2ea5c4b0482b754a470', title_text: this.language_tooltip, position: "top" }, h("dda-button", { key: '503cf5a80aea409f1967dc1ffd86eaf2dd7d95f5', button_color: "onsurface-secondary", custom_class: "tool-btn", button_text: this.language_text, button_shape: "circle", size: "sm", onClick: this.languagehandler })))), this.loginText && (h("li", { key: 'ee9a43754dc37c468dbe2a99d18a347fa8306de4' }, h("dda-tooltip", { key: 'fdff803e1f99c328381dd7ae8a63b739c511440e', title_text: this.login_tooltip, position: "top" }, h("dda-link-button", { key: 'c80994085de187ad14e594eb60c442e3c5fe5e43', button_color: "onsurface-secondary", start_icon: this.loginIcon, custom_class: "tool-btn login-button", link_button_text: this.loginText, onClick: this.toggleLogin,
             // href={this.loginLink}
             href: this.useLoginPopup ? 'javascript:void(0)' : this.loginLink, button_shape: "circle", size: "sm" })))))), this.useLoginPopup ? (h("div", { class: "dda-login-popup desktop", style: { display: this.isDesktopLoginPopupOpen ? 'block' : 'none' } }, this.renderLoginPopup())) : null, this.useLoginPopup ? (h("div", { class: "dda-login-popup mobile", style: { display: this.isMobileLoginPopupOpen ? 'block' : 'none' } }, this.renderLoginPopup())) : null)));
     }