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

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea26aeb9.js');
+const index = require('./index-0ab6de2d.js');
 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\"],\"sideMainMenuTitle\":[1,\"side-main-menu-title\"],\"sideOtherMenuTitle\":[1,\"side-other-menu-title\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"sideMenuItems\":[1,\"side-menu-items\"],\"quickLinks\":[1,\"quick-links\"],\"readSpeakerLink\":[1,\"read-speaker-link\"],\"searchText\":[1,\"search-text\"],\"loginLink\":[1,\"login-link\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"language_text\":[1],\"hamburger_menu_button_name\":[1],\"accessibility_button_text\":[1],\"search_button_name\":[1],\"search_input_name\":[1],\"language_button_name\":[1],\"close_menu_button_name\":[1],\"close_accessibility_button_name\":[1],\"close_sidebar_button_name\":[1],\"toggle_accessibility_button_name\":[1],\"usePredesignedAccessibilityMenu\":[4,\"use-predesigned-accessibility-menu\"],\"search_input_placeholder\":[1],\"contrast_title\":[1],\"contrast_description\":[1],\"contrast_noraml_text\":[1],\"contrast_color_blind_text\":[1],\"contrast_red_weakness_text\":[1],\"contrast_green_weakness_text\":[1],\"screen_reader_title\":[1],\"screen_reader_description\":[1],\"text_size_title\":[1],\"text_size_description\":[1],\"hideOtherMenu\":[4,\"hide-other-menu\"],\"otherMenuItems\":[1,\"other-menu-items\"],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"openMenus\":[32],\"activeMenuIndex\":[32],\"SearchValue\":[32],\"parsedOtherMenuItems\":[32]}]]],[\"dda-image-card.cjs\",[[0,\"dda-image-card\",{\"image_src\":[1],\"header_text\":[1],\"body_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"file_size\":[1],\"file_type\":[1]}]]],[\"dda-information-card.cjs\",[[0,\"dda-information-card\",{\"image_src\":[1],\"header_text\":[1],\"body_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1]}]]],[\"dda-pricing-card.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],\"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],\"isOpen\":[32]}]]],[\"dda-alert.cjs\",[[0,\"dda-alert\",{\"type\":[1],\"variation\":[1],\"title_text\":[1],\"description\":[1],\"button_text\":[1],\"custom_class\":[1],\"component_mode\":[1],\"component_id\":[1],\"secondary_button\":[1],\"secondary_button_link\":[1],\"primary_button\":[1],\"primary_button_link\":[1],\"close_button_name\":[1],\"clickHandler\":[16]}]]],[\"dda-centered-image-card.cjs\",[[0,\"dda-centered-image-card\",{\"image_src\":[1],\"header_text\":[1],\"info_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-footer.cjs\",[[1,\"dda-footer\",{\"footerTitle\":[1,\"footer-title\"],\"description\":[1],\"signUpButtonText\":[1,\"sign-up-button-text\"],\"loginButtonText\":[1,\"login-button-text\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"copyrightText\":[1,\"copyright-text\"],\"footerSections\":[1,\"footer-sections\"],\"socialIcons\":[1,\"social-icons\"]}]]],[\"dda-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-sticky-footer.cjs\",[[1,\"dda-sticky-footer\",{\"happinessIconHref\":[1,\"happiness-icon-href\"],\"happinessIconSrc\":[1,\"happiness-icon-src\"],\"happinessIconAlt\":[1,\"happiness-icon-alt\"],\"happinessIconTooltip\":[1,\"happiness-icon-tooltip\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"servicesIconHref\":[1,\"services-icon-href\"],\"servicesIconSrc\":[1,\"services-icon-src\"],\"servicesIconAlt\":[1,\"services-icon-alt\"],\"servicesIconTooltip\":[1,\"services-icon-tooltip\"],\"servicesIconText\":[1,\"services-icon-text\"],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"middleLink\":[1,\"middle-link\"],\"rightLink\":[1,\"right-link\"],\"aiIconHref\":[1,\"ai-icon-href\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"moreIcon\":[1,\"more-icon\"],\"isHidden\":[32]}]]],[\"dda-attach-file.cjs\",[[0,\"dda-attach-file\",{\"label\":[1],\"helper_text\":[1],\"error_message\":[1],\"size\":[1],\"validation_type\":[1],\"validation_id\":[1],\"input_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"input_id\":[1],\"button_id\":[1],\"button_name\":[1],\"input_name\":[1],\"file\":[32]}]]],[\"dda-avatar.cjs\",[[0,\"dda-avatar\",{\"type\":[1],\"size\":[1],\"design\":[1],\"rounded\":[1],\"src\":[1],\"icon\":[1],\"text\":[1],\"notification_number\":[2],\"custom_class\":[1],\"selected\":[1],\"options\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_name\":[1],\"isOpen\":[32]}]]],[\"dda-banner.cjs\",[[1,\"dda-banner\",{\"slides\":[1],\"slider_width\":[1],\"slider_height\":[1],\"parsedSlides\":[32]}]]],[\"dda-breadcrumb.cjs\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-checkbox.cjs\",[[0,\"dda-checkbox\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"checkbox_status\":[1],\"size\":[1],\"style_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-credit-card.cjs\",[[0,\"dda-credit-card\",{\"balance\":[1],\"name\":[1],\"card_number\":[1],\"card_type\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-creditcard-field.cjs\",[[0,\"dda-creditcard-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"card_icon\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_type\":[1],\"helper_text\":[1],\"disabled\":[4],\"custom_class\":[1],\"restrict_input\":[4],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"formattedValue\":[32]}]]],[\"dda-dropdown.cjs\",[[0,\"dda-dropdown\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"helper_text\":[1],\"validation_id\":[1],\"type\":[1],\"size\":[1],\"icon_mode\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"aria_label\":[1],\"arrow_button_name\":[1],\"dropdown_button_name\":[1],\"isopen\":[32]}]]],[\"dda-horizontal-stepper.cjs\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"dda-input.cjs\",[[0,\"dda-input\",{\"label\":[1],\"placeholder\":[1],\"value\":[1],\"type\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1]}]]],[\"dda-number-field.cjs\",[[0,\"dda-number-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_status\":[1],\"currencies\":[1],\"selected_currency\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"toggle_button_name\":[1],\"currency_button_name\":[1],\"is_focused\":[32],\"isCurrencyDropdownOpen\":[32]}]]],[\"dda-pagination.cjs\",[[0,\"dda-pagination\",{\"total_pages\":[2],\"current_page\":[2],\"type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"simple_slider_prev_button\":[1],\"simple_slider_next_button\":[1],\"buttons_prev_button\":[1],\"buttons_next_button\":[1],\"text_prev_button\":[1],\"text_next_button\":[1],\"text_pages_prev_button\":[1],\"text_pages_next_button\":[1],\"button_text_prev_button\":[1],\"button_text_next_button\":[1],\"buttons_pages_prev_button\":[1],\"buttons_pages_next_button\":[1]},null,{\"total_pages\":[\"validateTotalPages\"],\"current_page\":[\"validateCurrentPage\"]}]]],[\"dda-phonefield.cjs\",[[0,\"dda-phonefield\",{\"label\":[1],\"placeholder\":[1],\"helper_text\":[1],\"validation_type\":[1],\"error_message\":[1],\"validation_id\":[1],\"disabled\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_aria_label\":[1],\"toggle_button_name\":[1],\"country_select_button_name\":[1],\"phone_input_name\":[1],\"country_code\":[32],\"country_flag\":[32],\"phone_number\":[32],\"is_focused\":[32],\"dropdown_open\":[32],\"countries\":[32],\"hostElement\":[32]}]]],[\"dda-progressbar.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]}]]],[\"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_id\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"selectedId\":[2,\"selected-id\"],\"selectedText\":[1,\"selected-text\"],\"is_open\":[32]}]]],[\"dda-slider.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],\"aria_label\":[1],\"tab_texts\":[1],\"tab_icons\":[1],\"button_name\":[1],\"active_tab\":[32]}]]],[\"dda-team-member-card.cjs\",[[0,\"dda-team-member-card\",{\"image_src\":[1],\"team_member_name\":[1],\"team_member_position\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-textarea.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]}]]],[\"dda-toggle.cjs\",[[0,\"dda-toggle\",{\"checked\":[4],\"size\":[1],\"custom_class\":[1],\"group_name\":[1],\"input_id\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-ui-card.cjs\",[[4,\"dda-ui-card\",{\"type\":[1],\"icon\":[1],\"image\":[1],\"maintitle\":[1],\"subtitle\":[1],\"link\":[1],\"linktext\":[1],\"linkicon\":[1]}]]],[\"dda-vertical-stepper.cjs\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"dda-banner-card.cjs\",[[0,\"dda-banner-card\",{\"image_src\":[1],\"banner_card_title\":[1],\"banner_card_description\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-chip.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-radiobutton.cjs\",[[0,\"dda-radiobutton\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"radio_status\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"variants\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"contrast_noraml_text\":[1]}]]],[\"dda-scroll-icon.cjs\",[[1,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-tooltip.cjs\",[[4,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-link-button.cjs\",[[0,\"dda-link-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"link_button_text\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"href\":[1],\"component_mode\":[1],\"button_id\":[1],\"rel\":[1],\"data_fancybox\":[1]}]]],[\"dda-button.cjs\",[[0,\"dda-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"button_text\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"button_name\":[1],\"clickHandler\":[16]}]]]]"), options);
+  return 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\"],\"sideMainMenuTitle\":[1,\"side-main-menu-title\"],\"sideOtherMenuTitle\":[1,\"side-other-menu-title\"],\"secondLogoWhiteSrc\":[1,\"second-logo-white-src\"],\"secondLogoAlt\":[1,\"second-logo-alt\"],\"sideMenuItems\":[1,\"side-menu-items\"],\"quickLinks\":[1,\"quick-links\"],\"header_menu_dropdown_type\":[1],\"readSpeakerLink\":[1,\"read-speaker-link\"],\"searchText\":[1,\"search-text\"],\"loginLink\":[1,\"login-link\"],\"loginIcon\":[1,\"login-icon\"],\"loginText\":[1,\"login-text\"],\"language_text\":[1],\"hamburger_menu_button_name\":[1],\"accessibility_button_text\":[1],\"accessibility_button_id\":[1],\"search_button_name\":[1],\"search_input_name\":[1],\"language_button_name\":[1],\"close_menu_button_name\":[1],\"close_accessibility_button_name\":[1],\"close_sidebar_button_name\":[1],\"toggle_accessibility_button_name\":[1],\"usePredesignedAccessibilityMenu\":[4,\"use-predesigned-accessibility-menu\"],\"search_input_placeholder\":[1],\"contrast_title\":[1],\"contrast_description\":[1],\"contrast_noraml_text\":[1],\"contrast_color_blind_text\":[1],\"contrast_red_weakness_text\":[1],\"contrast_green_weakness_text\":[1],\"screen_reader_title\":[1],\"screen_reader_description\":[1],\"text_size_title\":[1],\"text_size_description\":[1],\"hideOtherMenu\":[4,\"hide-other-menu\"],\"otherMenuItems\":[1,\"other-menu-items\"],\"isMenuOpen\":[32],\"isSubMenuOpen\":[32],\"isSideSubMenuOpen\":[32],\"isAccessibiltyOpen\":[32],\"openMenus\":[32],\"activeMenuIndex\":[32],\"SearchValue\":[32],\"parsedOtherMenuItems\":[32]}]]],[\"dda-image-card.cjs\",[[0,\"dda-image-card\",{\"image_src\":[1],\"header_text\":[1],\"body_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1],\"right_button_start_icon\":[1],\"right_button_end_icon\":[1],\"file_size\":[1],\"file_type\":[1]}]]],[\"dda-information-card.cjs\",[[0,\"dda-information-card\",{\"image_src\":[1],\"header_text\":[1],\"body_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"right_button_href\":[1],\"right_button_rel\":[1],\"right_button_data_fancybox\":[1]}]]],[\"dda-pricing-card.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],\"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_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],\"clickHandler\":[16]}]]],[\"dda-centered-image-card.cjs\",[[0,\"dda-centered-image-card\",{\"image_src\":[1],\"header_text\":[1],\"info_text\":[1],\"date_text\":[1],\"left_button_name\":[1],\"right_button_name\":[1],\"left_button\":[1],\"right_button\":[1],\"single_button\":[4],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-footer.cjs\",[[1,\"dda-footer\",{\"footerTitle\":[1,\"footer-title\"],\"description\":[1],\"signUpButtonText\":[1,\"sign-up-button-text\"],\"loginButtonText\":[1,\"login-button-text\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"copyrightText\":[1,\"copyright-text\"],\"footerSections\":[1,\"footer-sections\"],\"socialIcons\":[1,\"social-icons\"]}]]],[\"dda-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-sticky-footer.cjs\",[[1,\"dda-sticky-footer\",{\"happinessIconHref\":[1,\"happiness-icon-href\"],\"happinessIconSrc\":[1,\"happiness-icon-src\"],\"happinessIconAlt\":[1,\"happiness-icon-alt\"],\"happinessIconTooltip\":[1,\"happiness-icon-tooltip\"],\"accessibilityIconHref\":[1,\"accessibility-icon-href\"],\"accessibilityIconSrc\":[1,\"accessibility-icon-src\"],\"accessibilityIconAlt\":[1,\"accessibility-icon-alt\"],\"accessibilityIconTooltip\":[1,\"accessibility-icon-tooltip\"],\"servicesIconHref\":[1,\"services-icon-href\"],\"servicesIconSrc\":[1,\"services-icon-src\"],\"servicesIconAlt\":[1,\"services-icon-alt\"],\"servicesIconTooltip\":[1,\"services-icon-tooltip\"],\"servicesIconText\":[1,\"services-icon-text\"],\"hideMiddleSection\":[4,\"hide-middle-section\"],\"middleLink\":[1,\"middle-link\"],\"rightLink\":[1,\"right-link\"],\"aiIconHref\":[1,\"ai-icon-href\"],\"aiIconSrc\":[1,\"ai-icon-src\"],\"aiIconAlt\":[1,\"ai-icon-alt\"],\"aiIconTooltip\":[1,\"ai-icon-tooltip\"],\"dubaiaeIconHref\":[1,\"dubaiae-icon-href\"],\"dubaiaeIconSrc\":[1,\"dubaiae-icon-src\"],\"dubaiaeIconSmallSrc\":[1,\"dubaiae-icon-small-src\"],\"dubaiaeIconAlt\":[1,\"dubaiae-icon-alt\"],\"dubaiaeIconTooltip\":[1,\"dubaiae-icon-tooltip\"],\"chatIconHref\":[1,\"chat-icon-href\"],\"chatIconSrc\":[1,\"chat-icon-src\"],\"chatIconAlt\":[1,\"chat-icon-alt\"],\"chatIconTooltip\":[1,\"chat-icon-tooltip\"],\"moreIcon\":[1,\"more-icon\"],\"isHidden\":[32]}]]],[\"dda-attach-file.cjs\",[[0,\"dda-attach-file\",{\"label\":[1],\"helper_text\":[1],\"error_message\":[1],\"size\":[1],\"validation_type\":[1],\"validation_id\":[1],\"input_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_aria_label\":[1],\"input_id\":[1],\"button_id\":[1],\"button_name\":[1],\"input_name\":[1],\"file\":[32]}]]],[\"dda-avatar.cjs\",[[0,\"dda-avatar\",{\"type\":[1],\"size\":[1],\"design\":[1],\"rounded\":[1],\"src\":[1],\"icon\":[1],\"text\":[1],\"notification_number\":[2],\"custom_class\":[1],\"selected\":[1],\"options\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_name\":[1],\"isOpen\":[32]}]]],[\"dda-banner.cjs\",[[1,\"dda-banner\",{\"slides\":[1],\"slider_width\":[1],\"slider_height\":[1],\"parsedSlides\":[32]}]]],[\"dda-breadcrumb.cjs\",[[0,\"dda-breadcrumb\",{\"design\":[1],\"separator\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-checkbox.cjs\",[[0,\"dda-checkbox\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"checkbox_status\":[1],\"size\":[1],\"style_type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-credit-card.cjs\",[[0,\"dda-credit-card\",{\"balance\":[1],\"name\":[1],\"card_number\":[1],\"card_type\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-creditcard-field.cjs\",[[0,\"dda-creditcard-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"card_icon\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_type\":[1],\"helper_text\":[1],\"disabled\":[4],\"custom_class\":[1],\"restrict_input\":[4],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"formattedValue\":[32]}]]],[\"dda-dropdown.cjs\",[[0,\"dda-dropdown\",{\"label\":[1],\"options\":[1],\"selected\":[1],\"disabled\":[4],\"error\":[1],\"helper_text\":[1],\"validation_id\":[1],\"type\":[1],\"size\":[1],\"icon_mode\":[4],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"aria_label\":[1],\"arrow_button_name\":[1],\"dropdown_button_name\":[1],\"isopen\":[32]}]]],[\"dda-horizontal-stepper.cjs\",[[0,\"dda-horizontal-stepper\",{\"steps\":[1],\"current_step\":[2],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"dda-input.cjs\",[[0,\"dda-input\",{\"label\":[1],\"placeholder\":[1],\"value\":[1],\"type\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"input_status\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1]}]]],[\"dda-number-field.cjs\",[[0,\"dda-number-field\",{\"placeholder\":[1],\"label\":[1],\"value\":[1],\"helper_text\":[1],\"error_message\":[1],\"validation_type\":[1],\"size\":[1],\"input_status\":[1],\"currencies\":[1],\"selected_currency\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"input_name\":[1],\"toggle_button_name\":[1],\"currency_button_name\":[1],\"is_focused\":[32],\"isCurrencyDropdownOpen\":[32]}]]],[\"dda-pagination.cjs\",[[0,\"dda-pagination\",{\"total_pages\":[2],\"current_page\":[2],\"type\":[1],\"custom_class\":[1],\"component_mode\":[1],\"simple_slider_prev_button\":[1],\"simple_slider_next_button\":[1],\"buttons_prev_button\":[1],\"buttons_next_button\":[1],\"text_prev_button\":[1],\"text_next_button\":[1],\"text_pages_prev_button\":[1],\"text_pages_next_button\":[1],\"button_text_prev_button\":[1],\"button_text_next_button\":[1],\"buttons_pages_prev_button\":[1],\"buttons_pages_next_button\":[1]},null,{\"total_pages\":[\"validateTotalPages\"],\"current_page\":[\"validateCurrentPage\"]}]]],[\"dda-phonefield.cjs\",[[0,\"dda-phonefield\",{\"label\":[1],\"placeholder\":[1],\"helper_text\":[1],\"validation_type\":[1],\"error_message\":[1],\"validation_id\":[1],\"disabled\":[4],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"input_id\":[1],\"aria_label\":[1],\"button_id\":[1],\"button_aria_label\":[1],\"toggle_button_name\":[1],\"country_select_button_name\":[1],\"phone_input_name\":[1],\"country_code\":[32],\"country_flag\":[32],\"phone_number\":[32],\"is_focused\":[32],\"dropdown_open\":[32],\"countries\":[32],\"hostElement\":[32]}]]],[\"dda-progressbar.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],\"hasInputValue\":[32]}]]],[\"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_id\":[1],\"size\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"button_id\":[1],\"toggle_button_name\":[1],\"option_select_button_name\":[1],\"selectedId\":[2,\"selected-id\"],\"selectedText\":[1,\"selected-text\"],\"is_open\":[32]}]]],[\"dda-slider.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],\"aria_label\":[1],\"tab_texts\":[1],\"tab_icons\":[1],\"button_name\":[1],\"active_tab\":[32]}]]],[\"dda-team-member-card.cjs\",[[0,\"dda-team-member-card\",{\"image_src\":[1],\"team_member_name\":[1],\"team_member_position\":[1],\"design\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-textarea.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]}]]],[\"dda-toggle.cjs\",[[0,\"dda-toggle\",{\"checked\":[4],\"size\":[1],\"custom_class\":[1],\"group_name\":[1],\"input_id\":[1],\"component_mode\":[1],\"aria_label\":[1]}]]],[\"dda-ui-card.cjs\",[[4,\"dda-ui-card\",{\"type\":[1],\"icon\":[1],\"image\":[1],\"maintitle\":[1],\"subtitle\":[1],\"link\":[1],\"linktext\":[1],\"linkicon\":[1]}]]],[\"dda-vertical-stepper.cjs\",[[0,\"dda-vertical-stepper\",{\"steps\":[1],\"current_Step\":[2,\"current_-step\"],\"custom_class\":[1],\"component_mode\":[1],\"parsedSteps\":[32]}]]],[\"dda-banner-card.cjs\",[[0,\"dda-banner-card\",{\"image_src\":[1],\"banner_card_title\":[1],\"banner_card_description\":[1],\"custom_class\":[1],\"component_mode\":[1],\"clickHandler\":[16]}]]],[\"dda-chip.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-radiobutton.cjs\",[[0,\"dda-radiobutton\",{\"title_text\":[1],\"supporting\":[1],\"group_name\":[1],\"input_id\":[1],\"checked\":[4],\"radio_status\":[1],\"error_message\":[1],\"validation_type\":[1],\"validation_id\":[1],\"size\":[1],\"variants\":[1],\"custom_class\":[1],\"component_mode\":[1],\"aria_label\":[1],\"contrast_noraml_text\":[1]}]]],[\"dda-scroll-icon.cjs\",[[1,\"dda-scroll-icon\",{\"scroll_icon_size\":[1],\"scroll_icon_color\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-tooltip.cjs\",[[4,\"dda-tooltip\",{\"title_text\":[1],\"description\":[1],\"position\":[1],\"custom_class\":[1],\"component_mode\":[1]}]]],[\"dda-link-button.cjs\",[[0,\"dda-link-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"link_button_text\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"href\":[1],\"component_mode\":[1],\"button_id\":[1],\"rel\":[1],\"data_fancybox\":[1]}]]],[\"dda-button.cjs\",[[0,\"dda-button\",{\"type\":[1],\"disabled\":[4],\"start_icon\":[1],\"button_text\":[1],\"end_icon\":[1],\"aria_label\":[1],\"button_color\":[1],\"size\":[1],\"button_shape\":[1],\"icon_button_shape\":[1],\"gap\":[2],\"custom_class\":[1],\"component_mode\":[1],\"button_id\":[1],\"button_name\":[1],\"clickHandler\":[16]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -1,21 +1,34 @@
 import { h, Host } from "@stencil/core";
 export class DdaAccordion {
     constructor() {
-        this.design = 'bg-border'; // Default to background and border design
-        this.header_text = 'Accordion Header'; // Default header text
-        this.sub_title = ''; // Default body description
-        this.body_description = ''; // Default body description
+        this.design = 'bg-border';
+        this.header_text = 'Accordion Header';
+        this.sub_title = '';
+        this.body_description = '';
         this.custom_class = '';
         this.link_button_text = '';
         this.accordion_icon_class = '';
-        this.accordion_icon_text = ''; // Default Material icon
-        this.isOpen = false;
+        this.accordion_icon_text = '';
+        this.accordion_id = '';
+        this.default_open = false; // ✅ new prop
+    }
+    componentWillLoad() {
+        this.isOpen = this.default_open; // ✅ set state from prop on load
     }
     toggleAccordion() {
         this.isOpen = !this.isOpen;
     }
+    async openAccordion() {
+        this.isOpen = true;
+    }
+    async closeAccordion() {
+        this.isOpen = false;
+    }
+    async getIsOpen() {
+        return this.isOpen;
+    }
     render() {
-        return (h(Host, { key: 'aa641ffeb90fce855eaa623a99ef3cd9d9a08547' }, h("div", { key: '6668662ae287daf341de99111bb1aab3ae0c2e38', class: `accordion-container ${this.design} ${this.custom_class} ${this.component_mode}` }, h("div", { key: '26a7d76dd60941f9bad52040e37bdee93c4a400e', class: "accordion-header", onClick: () => this.toggleAccordion() }, h("div", { key: '4ce51a62b1b0d3ebbaebe2de862bccb689124adc', class: "header-content" }, this.accordion_icon_text ? h("i", { class: this.accordion_icon_class }, this.accordion_icon_text) : null, this.header_text ? h("span", { class: "header-text" }, this.header_text) : null), h("i", { key: '8a1c95cee069185f3e1b8eb9f2cd44fd18fc73d6', class: `material-icons arrow-icon` }, this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), h("div", { key: 'b69130197714099c8536ba7a55574b79e68c6b8b', class: this.isOpen ? 'accordion-body' : 'dda-d-none' }, h("div", { key: 'f81d0e338591570fdb1f3945452b7d3ae689ed8e', class: "dda-d-flex dda-flex-column dda-gap-lg" }, h("div", { key: '480726274642a1e3279b36080917a0805b013c34', class: "dda-d-flex dda-flex-column dda-gap-xs" }, this.sub_title ? h("p", { class: "subtitle" }, this.sub_title) : null, this.body_description ? h("p", { class: "body-description" }, this.body_description) : null), this.link_button_text ? h("dda-link-button", { button_color: "default-link", end_icon: "arrow_forward", custom_class: "", link_button_text: this.link_button_text, href: "", component_mode: "", button_id: "link-button", aria_label: "link-Button", class: "hydrated" }) : null), h("slot", { key: 'e94442488adef7edd4ac79cdaf92ccf1b10a61d9' })))));
+        return (h(Host, { key: 'ef3323a5fe26f23ac5789f2de2b2d3cea0e77cc0' }, h("div", { key: '341948b62528cda7b81c77ce86637a5a38b542f4', class: `accordion-container ${this.design} ${this.custom_class} ${this.component_mode}` }, h("div", { key: '828c7ab6810f56036c0d6c4865cad946a0114968', class: "accordion-header", id: this.accordion_id, onClick: () => this.toggleAccordion() }, h("div", { key: '7ce83710388ecedeef8917a542586417b35b96d9', class: "header-content" }, this.accordion_icon_text ? h("i", { class: this.accordion_icon_class }, this.accordion_icon_text) : null, this.header_text ? h("span", { class: "header-text" }, this.header_text) : null), h("i", { key: '8ee91b65dd276597526786ae7281595b711e75f4', class: `material-icons arrow-icon` }, this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down')), h("div", { key: '8667285987994ad28d276bc3926951b72060856e', class: this.isOpen ? 'accordion-body' : 'dda-d-none' }, h("div", { key: '4ac6d0c7338bcd5c1386ab6774db783d23b7ed23', class: "dda-d-flex dda-flex-column dda-gap-lg" }, h("div", { key: '955748d34c68169f47abe4a5f1c5418ee30416c9', class: "dda-d-flex dda-flex-column dda-gap-xs" }, this.sub_title ? h("p", { class: "subtitle" }, this.sub_title) : null, this.body_description ? h("p", { class: "body-description" }, this.body_description) : null), this.link_button_text ? (h("dda-link-button", { button_color: "default-link", end_icon: "arrow_forward", custom_class: "", link_button_text: this.link_button_text, href: "", component_mode: "", button_id: "link-button", aria_label: "link-Button" })) : null), h("slot", { key: 'd86d1d68327b1e30cfc35c0dcdfffce1648cdecb' })))));
     }
     static get is() { return "dda-accordion"; }
     static get originalStyleUrls() {
@@ -208,6 +221,46 @@ export class DdaAccordion {
                 "attribute": "accordion_icon_text",
                 "reflect": false,
                 "defaultValue": "''"
+            },
+            "accordion_id": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "accordion_id",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "default_open": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "default_open",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }
@@ -216,5 +269,60 @@ export class DdaAccordion {
             "isOpen": {}
         };
     }
+    static get methods() {
+        return {
+            "openAccordion": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "closeAccordion": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "getIsOpen": {
+                "complexType": {
+                    "signature": "() => Promise<boolean>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<boolean>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
 }
 //# sourceMappingURL=dda-accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dda-accordion.js","sourceRoot":"","sources":["../../../src/components/dda-accordion/dda-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOhE,MAAM,OAAO,YAAY;IALzB;QAMU,WAAM,GAA8B,WAAW,CAAC,CAAC,0CAA0C;QAC3F,gBAAW,GAAW,kBAAkB,CAAC,CAAC,sBAAsB;QAChE,cAAS,GAAW,EAAE,CAAC,CAAC,2BAA2B;QACnD,qBAAgB,GAAW,EAAE,CAAC,CAAC,2BAA2B;QAC1D,iBAAY,GAAY,EAAE,CAAC;QAC3B,qBAAgB,GAAY,EAAE,CAAC;QAE/B,yBAAoB,GAAY,EAAE,CAAC;QACnC,wBAAmB,GAAW,EAAE,CAAC,CAAC,wBAAwB;QAEzD,WAAM,GAAY,KAAK,CAAC;KA0ClC;IAxCC,eAAe;QACb,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,uBAAuB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,EAAE;gBAC1F,4DAAK,KAAK,EAAC,kBAAkB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;oBACjE,4DAAK,KAAK,EAAC,gBAAgB;wBACxB,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAG,KAAK,EAAE,IAAI,CAAC,oBAAoB,IAAG,IAAI,CAAC,mBAAmB,CAAK,CAAC,CAAC,CAAC,IAAI;wBACrG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,YAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,WAAW,CAAQ,CAAC,CAAC,CAAC,IAAI,CAC1E;oBACN,0DAAG,KAAK,EAAE,2BAA2B,IAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,CAAK,CAClG;gBACN,4DAAK,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY;oBACvD,4DAAK,KAAK,EAAC,uCAAuC;wBAChD,4DAAK,KAAK,EAAC,uCAAuC;4BAC/C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAG,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,SAAS,CAAK,CAAC,CAAC,CAAC,IAAI;4BAChE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAG,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,gBAAgB,CAAK,CAAC,CAAC,CAAC,IAAI,CACnF;wBACL,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,uBACvB,YAAY,EAAC,cAAc,EAC3B,QAAQ,EAAC,eAAe,EACxB,YAAY,EAAC,EAAE,EACf,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,IAAI,EAAC,EAAE,EACP,cAAc,EAAC,EAAE,EACjB,SAAS,EAAC,aAAa,EACvB,UAAU,EAAC,aAAa,EACxB,KAAK,EAAC,UAAU,GAEA,CAAC,CAAC,CAAC,IAAI,CACrB;oBACN,8DAAa,CACT,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-accordion',\r\n  styleUrls: ['dda-accordion.css', '../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaAccordion {\r\n  @Prop() design: 'bg-border' | 'no-border' = 'bg-border'; // Default to background and border design\r\n  @Prop() header_text: string = 'Accordion Header'; // Default header text\r\n  @Prop() sub_title: string = ''; // Default body description\r\n  @Prop() body_description: string = ''; // Default body description\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() link_button_text?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() accordion_icon_class?: string = '';\r\n  @Prop() accordion_icon_text: string = ''; // Default Material icon\r\n\r\n  @State() isOpen: boolean = false;\r\n\r\n  toggleAccordion() {\r\n    this.isOpen = !this.isOpen;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`accordion-container ${this.design} ${this.custom_class} ${this.component_mode}`}>\r\n          <div class=\"accordion-header\" onClick={() => this.toggleAccordion()}>\r\n            <div class=\"header-content\">\r\n              {this.accordion_icon_text ? <i class={this.accordion_icon_class}>{this.accordion_icon_text}</i> : null}\r\n              {this.header_text ? <span class=\"header-text\">{this.header_text}</span> : null}\r\n            </div>\r\n            <i class={`material-icons arrow-icon`}>{this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</i>\r\n          </div>\r\n          <div class={this.isOpen ? 'accordion-body' : 'dda-d-none'}>\r\n            <div class=\"dda-d-flex dda-flex-column dda-gap-lg\">\r\n              <div class=\"dda-d-flex dda-flex-column dda-gap-xs\">\r\n                {this.sub_title ? <p class=\"subtitle\">{this.sub_title}</p> : null}\r\n                {this.body_description ? <p class=\"body-description\">{this.body_description}</p> : null}\r\n              </div>\r\n              {this.link_button_text ? <dda-link-button\r\n                button_color=\"default-link\"\r\n                end_icon=\"arrow_forward\"\r\n                custom_class=\"\"\r\n                link_button_text={this.link_button_text}\r\n                href=\"\"\r\n                component_mode=\"\"\r\n                button_id=\"link-button\"\r\n                aria_label=\"link-Button\"\r\n                class=\"hydrated\"\r\n                >\r\n              </dda-link-button> : null}\r\n            </div>\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"dda-accordion.js","sourceRoot":"","sources":["../../../src/components/dda-accordion/dda-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Host, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'dda-accordion',\r\n  styleUrls: ['dda-accordion.css', '../../global/global.css'],\r\n  shadow: false,\r\n})\r\nexport class DdaAccordion {\r\n  @Prop() design: 'bg-border' | 'no-border' = 'bg-border';\r\n  @Prop() header_text: string = 'Accordion Header';\r\n  @Prop() sub_title: string = '';\r\n  @Prop() body_description: string = '';\r\n  @Prop() custom_class?: string = '';\r\n  @Prop() link_button_text?: string = '';\r\n  @Prop() component_mode?: string;\r\n  @Prop() accordion_icon_class?: string = '';\r\n  @Prop() accordion_icon_text: string = '';\r\n  @Prop() accordion_id: string = '';\r\n\r\n  @Prop() default_open: boolean = false; // ✅ new prop\r\n\r\n  @State() isOpen: boolean;\r\n\r\n  componentWillLoad() {\r\n    this.isOpen = this.default_open; // ✅ set state from prop on load\r\n  }\r\n\r\n  toggleAccordion() {\r\n    this.isOpen = !this.isOpen;\r\n  }\r\n\r\n  @Method() async openAccordion() {\r\n    this.isOpen = true;\r\n  }\r\n\r\n  @Method() async closeAccordion() {\r\n    this.isOpen = false;\r\n  }\r\n\r\n  @Method() async getIsOpen() {\r\n    return this.isOpen;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class={`accordion-container ${this.design} ${this.custom_class} ${this.component_mode}`}>\r\n          <div class=\"accordion-header\" id={this.accordion_id} onClick={() => this.toggleAccordion()}>\r\n            <div class=\"header-content\">\r\n              {this.accordion_icon_text ? <i class={this.accordion_icon_class}>{this.accordion_icon_text}</i> : null}\r\n              {this.header_text ? <span class=\"header-text\">{this.header_text}</span> : null}\r\n            </div>\r\n            <i class={`material-icons arrow-icon`}>{this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}</i>\r\n          </div>\r\n          <div class={this.isOpen ? 'accordion-body' : 'dda-d-none'}>\r\n            <div class=\"dda-d-flex dda-flex-column dda-gap-lg\">\r\n              <div class=\"dda-d-flex dda-flex-column dda-gap-xs\">\r\n                {this.sub_title ? <p class=\"subtitle\">{this.sub_title}</p> : null}\r\n                {this.body_description ? <p class=\"body-description\">{this.body_description}</p> : null}\r\n              </div>\r\n              {this.link_button_text ? (\r\n                <dda-link-button\r\n                  button_color=\"default-link\"\r\n                  end_icon=\"arrow_forward\"\r\n                  custom_class=\"\"\r\n                  link_button_text={this.link_button_text}\r\n                  href=\"\"\r\n                  component_mode=\"\"\r\n                  button_id=\"link-button\"\r\n                  aria_label=\"link-Button\"\r\n                ></dda-link-button>\r\n              ) : null}\r\n            </div>\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -15,6 +15,10 @@ export default {
             control: 'text',
             description: 'Material icon to display in the header',
         },
+        accordion_id: {
+            control: 'text',
+            description: 'Material icon to display in the header',
+        },
         header_text: {
             control: 'text',
             description: 'Header text of the accordion',
@@ -40,6 +44,10 @@ export default {
             options: ['light-mode'],
             description: 'Mode of the accordion component',
         },
+        default_open: {
+            control: { type: 'boolean' },
+            description: 'If true, accordion will be open by default',
+        },
     },
     parameters: {
         docs: {
@@ -77,23 +85,27 @@ BgBorder.args = {
     design: 'bg-border',
     accordion_icon_class: 'material-icons  material-symbols-outlined',
     accordion_icon_text: 'home',
+    accordion_id: 'accordionOne',
     header_text: 'Accordion Header',
     sub_title: 'Sub Title',
     body_description: 'This is the accordion body content.',
     link_button_text: "Button",
     custom_class: '',
     component_mode: '',
+    default_open: 'false',
 };
 export const NoBorder = Template.bind({});
 NoBorder.args = {
     design: 'no-border',
     accordion_icon_class: 'material-icons  material-symbols-outlined',
     accordion_icon_text: 'home',
+    accordion_id: 'accordionOne',
     header_text: 'Accordion Header',
     sub_title: 'Sub Title',
     body_description: 'This is the accordion body content.',
     link_button_text: "Button",
     custom_class: '',
     component_mode: '',
+    default_open: 'false',
 };
 //# sourceMappingURL=dda-accordion.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dda-accordion.stories.js","sourceRoot":"","sources":["../../../src/components/dda-accordion/dda-accordion.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;YACnC,WAAW,EAAE,gEAAgE;SAC9E;QACD,oBAAoB,EAAE;YACpB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,kDAAkD;SAChE;QACD,mBAAmB,EAAE;YACnB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,wCAAwC;SACtD;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,8BAA8B;SAC5C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,mCAAmC;SACjD;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,mCAAmC;SACjD;QACD,gBAAgB,EAAE;YAChB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,kDAAkD;SAChE;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,WAAW,EAAE,6CAA6C;SAC3D;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,WAAW,EAAE,iCAAiC;SAC/C;KAGF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;;;;;;;CAgBlB;aACM;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SACpC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,IAAI,GAAG,KAAK,MAAM,CAAC;SAC/D,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;SAC1C,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,kBAAkB,UAAU,mBAAmB,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,WAAW;IACnB,oBAAoB,EAAE,2CAA2C;IACjE,mBAAmB,EAAE,MAAM;IAC3B,WAAW,EAAE,kBAAkB;IAC/B,SAAS,EAAE,WAAW;IACtB,gBAAgB,EAAE,qCAAqC;IACvD,gBAAgB,EAAE,QAAQ;IAC1B,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CAEnB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,WAAW;IACnB,oBAAoB,EAAE,2CAA2C;IACjE,mBAAmB,EAAE,MAAM;IAC3B,WAAW,EAAE,kBAAkB;IAC/B,SAAS,EAAE,WAAW;IACtB,gBAAgB,EAAE,qCAAqC;IACvD,gBAAgB,EAAE,QAAQ;IAC1B,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export default {\r\n  title: 'Components/Accordion',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    design: {\r\n      control: { type: 'select' },\r\n      options: ['bg-border', 'no-border'],\r\n      description: 'Choice of design between two options: bg-border and no-border.',\r\n    },\r\n    accordion_icon_class: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class to be applied to the accordion icon',\r\n    },\r\n    accordion_icon_text: {\r\n      control: 'text',\r\n      description: 'Material icon to display in the header',\r\n    },\r\n    header_text: {\r\n      control: 'text',\r\n      description: 'Header text of the accordion',\r\n    },\r\n    sub_title: {\r\n      control: 'text',\r\n      description: 'Body description of the accordion',\r\n    },\r\n    body_description: {\r\n      control: 'text',\r\n      description: 'Body description of the accordion',\r\n    },\r\n    link_button_text: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class to be applied to the accordion icon',\r\n    },\r\n    custom_class: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class to be applied to the accordion',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the accordion component',\r\n    },\r\n    \r\n    \r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-accordion\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-accordion \r\n  design=\"bg-border\" \r\n  accordion_icon_class=\"material-icons  material-symbols-outlined\"\r\n  accordion_icon_text=\"home\">\r\n  header_text=\"Accordion Header\" \r\n  sub_title=\"Sub Title\"\r\n  body_description=\"This is the accordion body content.\" \r\n  custom_class=\"\" \r\n  component_mode=\"\"\r\n  \r\n</dda-accordion>\r\n\\`\\`\\`\r\n`,\r\n      },\r\n    },\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]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  return `<dda-accordion ${attributes}></dda-accordion>`;\r\n};\r\n\r\nexport const BgBorder = Template.bind({});\r\nBgBorder.args = {\r\n  design: 'bg-border',\r\n  accordion_icon_class: 'material-icons  material-symbols-outlined',\r\n  accordion_icon_text: 'home',\r\n  header_text: 'Accordion Header',\r\n  sub_title: 'Sub Title',\r\n  body_description: 'This is the accordion body content.',\r\n  link_button_text: \"Button\",\r\n  custom_class: '',\r\n  component_mode: '',\r\n  \r\n};\r\n\r\nexport const NoBorder = Template.bind({});\r\nNoBorder.args = {\r\n  design: 'no-border',\r\n  accordion_icon_class: 'material-icons  material-symbols-outlined',\r\n  accordion_icon_text: 'home',\r\n  header_text: 'Accordion Header',\r\n  sub_title: 'Sub Title',\r\n  body_description: 'This is the accordion body content.',\r\n  link_button_text: \"Button\",\r\n  custom_class: '',\r\n  component_mode: '',\r\n};\r\n"]}
+{"version":3,"file":"dda-accordion.stories.js","sourceRoot":"","sources":["../../../src/components/dda-accordion/dda-accordion.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["export default {\r\n  title: 'Components/Accordion',\r\n  tags: ['autodocs'],\r\n  argTypes: {\r\n    design: {\r\n      control: { type: 'select' },\r\n      options: ['bg-border', 'no-border'],\r\n      description: 'Choice of design between two options: bg-border and no-border.',\r\n    },\r\n    accordion_icon_class: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class to be applied to the accordion icon',\r\n    },\r\n    accordion_icon_text: {\r\n      control: 'text',\r\n      description: 'Material icon to display in the header',\r\n    },\r\n    accordion_id: {\r\n      control: 'text',\r\n      description: 'Material icon to display in the header',\r\n    },\r\n    \r\n    header_text: {\r\n      control: 'text',\r\n      description: 'Header text of the accordion',\r\n    },\r\n    sub_title: {\r\n      control: 'text',\r\n      description: 'Body description of the accordion',\r\n    },\r\n    body_description: {\r\n      control: 'text',\r\n      description: 'Body description of the accordion',\r\n    },\r\n    link_button_text: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class to be applied to the accordion icon',\r\n    },\r\n    custom_class: {\r\n      control: { type: 'text' },\r\n      description: 'Custom class to be applied to the accordion',\r\n    },\r\n    component_mode: {\r\n      control: { type: 'check' },\r\n      options: ['light-mode'],\r\n      description: 'Mode of the accordion component',\r\n    },\r\n    default_open: {\r\n      control: { type: 'boolean' },\r\n      description: 'If true, accordion will be open by default',\r\n    },\r\n    \r\n    \r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\nTo use the \\`dda-accordion\\` component, pass the following props:\r\n\r\n\\`\\`\\`html\r\n<dda-accordion \r\n  design=\"bg-border\" \r\n  accordion_icon_class=\"material-icons  material-symbols-outlined\"\r\n  accordion_icon_text=\"home\">\r\n  header_text=\"Accordion Header\" \r\n  sub_title=\"Sub Title\"\r\n  body_description=\"This is the accordion body content.\" \r\n  custom_class=\"\" \r\n  component_mode=\"\"\r\n  \r\n</dda-accordion>\r\n\\`\\`\\`\r\n`,\r\n      },\r\n    },\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]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  return `<dda-accordion ${attributes}></dda-accordion>`;\r\n};\r\n\r\nexport const BgBorder = Template.bind({});\r\nBgBorder.args = {\r\n  design: 'bg-border',\r\n  accordion_icon_class: 'material-icons  material-symbols-outlined',\r\n  accordion_icon_text: 'home',\r\n  accordion_id: 'accordionOne',\r\n  header_text: 'Accordion Header',\r\n  sub_title: 'Sub Title',\r\n  body_description: 'This is the accordion body content.',\r\n  link_button_text: \"Button\",\r\n  custom_class: '',\r\n  component_mode: '',\r\n  default_open:'false',\r\n};\r\n\r\nexport const NoBorder = Template.bind({});\r\nNoBorder.args = {\r\n  design: 'no-border',\r\n  accordion_icon_class: 'material-icons  material-symbols-outlined',\r\n  accordion_icon_text: 'home',\r\n  accordion_id: 'accordionOne',\r\n  header_text: 'Accordion Header',\r\n  sub_title: 'Sub Title',\r\n  body_description: 'This is the accordion body content.',\r\n  link_button_text: \"Button\",\r\n  custom_class: '',\r\n  component_mode: '',\r\n  default_open:'false',\r\n};\r\n"]}

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

@@ -9,7 +9,10 @@
     left: 0;
     z-index: 6;
 }
-
+body.transparent .dda-header{
+    background: transparent;
+    box-shadow: none;
+}
 .dda-header.white{
     background: var(--dda-surface-100) !important;
 }
@@ -18,14 +21,10 @@
     position: relative;
 }
 
-.dda-header.transparent {
-    background: transparent;
-    box-shadow: none;
-}
-.dda-header.transparent.white{
+body.transparent .dda-header.white{
     box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.13);
 }
-.dda-header.transparent::before {
+body.transparent .dda-header::before {
     content: "";
     width: 100%;
     height: 250px;
@@ -54,13 +53,13 @@
 .entt-logo img {
     height: 50px;
 }
-.transparent .logo-colored{
+body.transparent .logo-colored{
     display: none;
 }
 .logo-white{
     display: none;
 }
-.transparent .logo-white{
+body.transparent .logo-white{
     display: block;
 }
 .dda-header.white .dda-head-logo .logo-white,
@@ -178,9 +177,9 @@
     background-color: var(--dda-color-primary-40);
 }
 
-.transparent .hamburger-menu-btn::before,
-.transparent .hamburger-menu-btn::after,
-.transparent .hamburger-line {
+body.transparent .hamburger-menu-btn::before,
+body.transparent .hamburger-menu-btn::after,
+body.transparent .hamburger-line {
     background-color: var(--dda-neutral-100) !important;
 }
 
@@ -239,7 +238,7 @@
     color: var(--dda-color-primary-40);
 }
 
-.transparent .dda-mega-menu>li>a {
+body.transparent .dda-mega-menu>li>a {
     color: var(--dda-neutral-100);
 }
 
@@ -256,7 +255,7 @@
     transition: all 0.25s ease-in-out;
 }
 
-.transparent .dda-mega-menu>li>a::after {
+body.transparent .dda-mega-menu>li>a::after {
     background-color: var(--dda-neutral-100);
 }
 
@@ -266,15 +265,14 @@
     width: calc(100% - 32px);
 }
 
-.megamenu-content{
-    display: none;
+.dda-header-megamenu{
     width: 100%;
     padding: 0 15px;
     position: fixed;
-    top: 150px;
+    top: 175px;
     left: 0;
 }
-.megamenu-item{
+.dda-header-submenu-item{
     min-height: 350px;
     background: var(--dda-surface-100);
     border-radius: 8px;
@@ -283,7 +281,7 @@
     box-shadow: 0px 10px 15px -3px rgba(16, 24, 40, 0.1);
     position: relative;
 }
-.megamenu-item .mega-menu-title{
+.dda-header-submenu-item .dda-header-submenu-title{
     font-size: var(--font-h6);
     font-weight: var(--font-weight-regular);
     color: var(--dda-on-surface-0);
@@ -292,7 +290,7 @@
     margin-bottom: 10px;
 }
 
-.megamenu-item ul{
+.dda-header-submenu-item ul{
     display: flex;
     flex-direction: column;
     gap: 8px;
@@ -385,15 +383,15 @@
 }
 
 @media only screen and (min-width: 768px){
-    .transparent .dda-toolbar-menu ul li .tool-btn,
-    .transparent .dda-toolbar-menu-sidemenu ul li .tool-btn {
+    body.transparent .dda-toolbar-menu ul li .tool-btn,
+    body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn {
         background-color: rgb(41 42 45 / 14%);
         color: var(--dda-neutral-100);
     }
-    .transparent .dda-toolbar-menu ul li .tool-btn i,
-    .transparent .dda-toolbar-menu ul li .tool-btn svg,
-    .transparent .dda-toolbar-menu-sidemenu ul li .tool-btn i,
-    .transparent .dda-toolbar-menu-sidemenu ul li .tool-btn svg {
+    body.transparent .dda-toolbar-menu ul li .tool-btn i,
+    body.transparent .dda-toolbar-menu ul li .tool-btn svg,
+    body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn i,
+    body.transparent .dda-toolbar-menu-sidemenu ul li .tool-btn svg {
         color: var(--dda-neutral-100);
     }
 }
@@ -432,10 +430,10 @@
 .dda-search input[type="text"]::placeholder{
     color: var(--dda-on-surface-0);
 }
-.transparent .dda-search input[type="text"]::-ms-input-placeholder {
+body.transparent .dda-search input[type="text"]::-ms-input-placeholder {
     color: var(--dda-neutral-100);
 }
-.transparent .dda-search input[type="text"]::placeholder{
+body.transparent .dda-search input[type="text"]::placeholder{
     color: var(--dda-neutral-100);
 }
 
@@ -721,8 +719,8 @@ ul.main_side_menu .main_sub_menu .main_sub_menu .main_sub_menu {
     fill: var(--dda-on-surface-variant-30);
 }
 
-.transparent .dda-mobile-search button i,
-.transparent .dda-mobile-search button svg {
+body.transparent .dda-mobile-search button i,
+body.transparent .dda-mobile-search button svg {
     color: var(--dda-neutral-100);
 }
 
@@ -733,7 +731,7 @@ ul.main_side_menu .main_sub_menu .main_sub_menu .main_sub_menu {
 
 
 @media screen and (max-width: 767px) {
-    .transparent .dda-header::before {
+    body.transparent .dda-header::before {
         height: 130px;
     }
     .dda-header{