@sapudex/web-components 0.172.0 → 0.176.0

package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../../../../src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,uEAAuE,EAAC,OAAO,EAAC;CAC5J,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts\",content:`:root{--browser_scrollbar_border_radius: var(--udexRadiusM, 8px);--_ui5-v1-24-17_popup_header_font_family: var(--sapFontFamily);--_ui5-v1-24-17_popup_header_font_weight: var(--udexTypographyFontWeightRegular);--_ui5-v1-24-17_checkbox_inner_background: var(--sapBackgroundColor);--_ui5-v1-24-17_checkbox_inner_border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_checkmark_color: var(--udexColorBlue7);--_ui5-v1-24-17_checkbox_inner_hover_checked_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_checkbox_inner_hover_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_checkbox_hover_background: var(--sapInformationBackground, #EBF8FF);--_ui5-v1-24-17_checkbox_inner_active_border_color: var(--sapSelectedColor);--_ui5-v1-24-17_checkbox_label_color: var(--sapField_TextColor);--_ui5-v1-24-17_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_disabled_label_color: var(--sapField_TextColor);--_ui5-v1-24-17_checkbox_inner_width_height: 24px;--_ui5-v1-24-17_checkbox_width_height: 42px;--_ui5-v1-24-17_checkbox_icon_size: 16px;--_ui5-v1-24-17_checkbox_partially_icon_size: 16px;--_ui5-v1-24-17_checkbox_inner_border_radius: 4px;--_ui5-v1-24-17_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v1-24-17_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;--_ui5-v1-24-17_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--udexCoreSemanticSuccess6);--_ui5-v1-24-17_checkbox_inner_success_background_hover: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-17_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--udexCoreSemanticError5);--_ui5-v1-24-17_checkbox_inner_error_background_hover: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-17_checkbox_label_offset: .563rem;--_ui5-v1-24-17_checkbox_right_focus_distance: var(--udexSpacer8);--_ui5-v1-24-17_radio_button_outer_ring_bg: var(--sapField_Background, #ffffff);--_ui5-v1-24-17_radio_button_inner_size: 24px;--_ui5-v1-24-17_radio_button_checked_fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_height: 42px;--_ui5-v1-24-17_radio_button_svg_size: 24px;--_ui5-v1-24-17_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-17_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-17_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-17_radio_button_label_offset: 0;--_ui5-v1-24-17_radio_button_hover_fill: #EBF8FF;--_ui5-v1-24-17_radio_button_outer_ring_checked_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_outer_ring_checked_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_outer_ring_color: var(--sapField_BorderColor, #5b738b);--_ui5-v1-24-17_radio_button_outer_ring_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_read_only_inner_ring_color: var(--sapField_ReadOnly_BorderColor, #5B738B);--_ui5-v1-24-17_radio_button_hover_fill_success: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-17_radio_button_hover_fill_error: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-17_link_focus_background_color: transparent;--_ui5-v1-24-17_link_focus_color: var(--sapLinkColor);--_ui5-v1-24-17_link_focus_text_decoration: underline;--_ui5-v1-24-17_link_focused_hover_text_color: var(--sapLink_Hover_Color);--_ui5-v1-24-17_link_focused_hover_text_decoration: underline;--_ui5-v1-24-17_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-17_progress_indicator_root_height: .5rem;--_ui5-v1-24-17_progress_indicator_bar_height: .75rem;--_ui5-v1-24-17_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-17_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-17_progress_indicator_padding_end: 24px;--_ui5-v1-24-17_toast_vertical_offset: 2.5rem;--_ui5-v1-24-17_toast_background: var(--udexColorNeutralWhite);--_ui5-v1-24-17_toast_shadow: var(--sapContent_Shadow2);--_ui5-v1-24-17_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4);--_ui5-v1-24-17_message_strip_padding_inline_no_icon: var(--udexSpacer12, 12px);--_ui5-v1-24-17_message_strip_padding_block_no_icon: var(--udexSpacer8, 8px);--_ui5-v1-24-17_message_strip_padding: var(--udexSpacer8, 8px) 36px;--_ui5-v1-24-17_message_strip_icon_top:calc(50% - 8px);--_ui5-v1-24-17_daypicker_daynames_container_height: 42px;--_ui5-v1-24-17_daypicker_dayname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-17_daypicker_weekname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-17_daypicker_item_now_border_color: var(--udexColorPink8, #A100C2);--_ui5-v1-24-17_daypicker_item_weeekend_filter: none;--_ui5-v1-24-17_daypicker_item_select_between_border: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-17_calendar_header_middle_button_focus_outline: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-17_calendar_header_arrow_button_box_shadow: none;--ui5-v1-24-17_carousel_active_dot_background: var(--udexColorBlue9);--_ui5-v1-24-17_tokenizer_padding: var(--udexSpacer12, 12px);--_ui5-v1-24-17_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-17_slider_handle_width: 2.75rem;--_ui5-v1-24-17_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_handle_top: -.875rem;--_ui5-v1-24-17_slider_label_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-17_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tickmark_bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor, #0070f2);--_ui5-v1-24-17_slider_start_end_point_left: -.875rem;--_ui5-v1-24-17_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-17_slider_tooltip_border: 1px solid var(--sapField_BorderColor, #5B738B);--_ui5-v1-24-17_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-17_slider_tooltip_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tooltip_fontsize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5-v1-24-17_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-17_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}udex-phone-number-field{--_ui5-v1-24-17_button_border_radius: var(--udexRadiusXS)}udex-search,udex-password-field,udex-select-box,udex-filter-menu,udex-country-selector{--_ui5-v1-24-17_button_pressed_focused_border_color: transparent}udex-password-field{--_ui5-v1-24-17_icon_transform_scale: none}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5-v1-24-17_button_base_height: 3rem;--_ui5-v1-24-17_button_base_padding: 3rem;--_ui5-v1-24-17_checkbox_inner_width_height: 24px;--_ui5-v1-24-17_checkbox_width_height: 42px;--_ui5-v1-24-17_checkbox_icon_size: 16px;--_ui5-v1-24-17_checkbox_partially_icon_size: 16px;--_ui5-v1-24-17_radio_button_min_width: 42px;--_ui5-v1-24-17_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-17_radio_button_inner_size: 24px;--_ui5-v1-24-17_radio_button_height: 42px;--_ui5-v1-24-17_radio_button_svg_size: 24px;--_ui5-v1-24-17_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-17_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-17_radio_button_label_offset: 0;--_ui5-v1-24-17_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-17_progress_indicator_root_height: .5rem;--_ui5-v1-24-17_progress_indicator_bar_height: .75rem;--_ui5-v1-24-17_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-17_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-17_progress_indicator_padding_end: 24px;--_ui5-v1-24-17_toast_vertical_offset: 2.5rem;--_ui5-v1-24-17_tc_item_text_line_height: 1.25rem;--_ui5-v1-24-17_calendar_top_bottom_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-17_calendar_left_right_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-17_day_picker_item_width: 42px;--_ui5-v1-24-17_day_picker_item_height: 42px;--_ui5-v1-24-17_calendar_width: 371px;--_ui5-v1-24-17_calendar_height: auto;--_ui5-v1-24-17_calendar_header_height: 42px;--_ui5-v1-24-17_calendar_header_arrow_button_width: 42px;--_ui5-v1-24-17_month_picker_item_height: 36px;--_ui5-v1-24-17_monthpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-17_year_picker_item_height: 36px;--_ui5-v1-24-17_yearpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-17_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-17_slider_handle_width: 2.75rem;--_ui5-v1-24-17_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_handle_top: -.875rem;--_ui5-v1-24-17_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-17_slider_start_end_point_left: -.875rem;--_ui5-v1-24-17_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-17_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-17_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-17_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}\n`};\nexport default styleData;\n\t"]}
+{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../../../../src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,uEAAuE,EAAC,OAAO,EAAC;CAC5J,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts\",content:`:root{--browser_scrollbar_border_radius: var(--udexRadiusM, 8px);--_ui5-v1-24-20_popup_header_font_family: var(--sapFontFamily);--_ui5-v1-24-20_popup_header_font_weight: var(--udexTypographyFontWeightRegular);--_ui5-v1-24-20_checkbox_inner_background: var(--sapBackgroundColor);--_ui5-v1-24-20_checkbox_inner_border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--_ui5-v1-24-20_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5-v1-24-20_checkbox_checkmark_color: var(--udexColorBlue7);--_ui5-v1-24-20_checkbox_inner_hover_checked_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_checkbox_inner_hover_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_checkbox_hover_background: var(--sapInformationBackground, #EBF8FF);--_ui5-v1-24-20_checkbox_inner_active_border_color: var(--sapSelectedColor);--_ui5-v1-24-20_checkbox_label_color: var(--sapField_TextColor);--_ui5-v1-24-20_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5-v1-24-20_checkbox_disabled_label_color: var(--sapField_TextColor);--_ui5-v1-24-20_checkbox_inner_width_height: 24px;--_ui5-v1-24-20_checkbox_width_height: 42px;--_ui5-v1-24-20_checkbox_icon_size: 16px;--_ui5-v1-24-20_checkbox_partially_icon_size: 16px;--_ui5-v1-24-20_checkbox_inner_border_radius: 4px;--_ui5-v1-24-20_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v1-24-20_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;--_ui5-v1-24-20_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--udexCoreSemanticSuccess6);--_ui5-v1-24-20_checkbox_inner_success_background_hover: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-20_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--udexCoreSemanticError5);--_ui5-v1-24-20_checkbox_inner_error_background_hover: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-20_checkbox_label_offset: .563rem;--_ui5-v1-24-20_checkbox_right_focus_distance: var(--udexSpacer8);--_ui5-v1-24-20_radio_button_outer_ring_bg: var(--sapField_Background, #ffffff);--_ui5-v1-24-20_radio_button_inner_size: 24px;--_ui5-v1-24-20_radio_button_checked_fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_height: 42px;--_ui5-v1-24-20_radio_button_svg_size: 24px;--_ui5-v1-24-20_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-20_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-20_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-20_radio_button_label_offset: 0;--_ui5-v1-24-20_radio_button_hover_fill: #EBF8FF;--_ui5-v1-24-20_radio_button_outer_ring_checked_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_outer_ring_checked_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_outer_ring_color: var(--sapField_BorderColor, #5b738b);--_ui5-v1-24-20_radio_button_outer_ring_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_read_only_inner_ring_color: var(--sapField_ReadOnly_BorderColor, #5B738B);--_ui5-v1-24-20_radio_button_hover_fill_success: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-20_radio_button_hover_fill_error: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-20_link_focus_background_color: transparent;--_ui5-v1-24-20_link_focus_color: var(--sapLinkColor);--_ui5-v1-24-20_link_focus_text_decoration: underline;--_ui5-v1-24-20_link_focused_hover_text_color: var(--sapLink_Hover_Color);--_ui5-v1-24-20_link_focused_hover_text_decoration: underline;--_ui5-v1-24-20_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-20_progress_indicator_root_height: .5rem;--_ui5-v1-24-20_progress_indicator_bar_height: .75rem;--_ui5-v1-24-20_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-20_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-20_progress_indicator_padding_end: 24px;--_ui5-v1-24-20_toast_vertical_offset: 2.5rem;--_ui5-v1-24-20_toast_background: var(--udexColorNeutralWhite);--_ui5-v1-24-20_toast_shadow: var(--sapContent_Shadow2);--_ui5-v1-24-20_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4);--_ui5-v1-24-20_message_strip_padding_inline_no_icon: var(--udexSpacer12, 12px);--_ui5-v1-24-20_message_strip_padding_block_no_icon: var(--udexSpacer8, 8px);--_ui5-v1-24-20_message_strip_padding: var(--udexSpacer8, 8px) 36px;--_ui5-v1-24-20_message_strip_icon_top:calc(50% - 8px);--_ui5-v1-24-20_daypicker_daynames_container_height: 42px;--_ui5-v1-24-20_daypicker_dayname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-20_daypicker_weekname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-20_daypicker_item_now_border_color: var(--udexColorPink8, #A100C2);--_ui5-v1-24-20_daypicker_item_weeekend_filter: none;--_ui5-v1-24-20_daypicker_item_select_between_border: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-20_calendar_header_middle_button_focus_outline: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-20_calendar_header_arrow_button_box_shadow: none;--ui5-v1-24-20_carousel_active_dot_background: var(--udexColorBlue9);--_ui5-v1-24-20_tokenizer_padding: var(--udexSpacer12, 12px);--_ui5-v1-24-20_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-20_slider_handle_width: 2.75rem;--_ui5-v1-24-20_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_handle_top: -.875rem;--_ui5-v1-24-20_slider_label_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-20_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_slider_tickmark_bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor, #0070f2);--_ui5-v1-24-20_slider_start_end_point_left: -.875rem;--_ui5-v1-24-20_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-20_slider_tooltip_border: 1px solid var(--sapField_BorderColor, #5B738B);--_ui5-v1-24-20_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-20_slider_tooltip_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_slider_tooltip_fontsize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5-v1-24-20_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-20_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}udex-phone-number-field{--_ui5-v1-24-20_button_border_radius: var(--udexRadiusXS)}udex-search,udex-password-field,udex-select-box,udex-filter-menu,udex-country-selector{--_ui5-v1-24-20_button_pressed_focused_border_color: transparent}udex-password-field{--_ui5-v1-24-20_icon_transform_scale: none}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5-v1-24-20_button_base_height: 3rem;--_ui5-v1-24-20_button_base_padding: 3rem;--_ui5-v1-24-20_checkbox_inner_width_height: 24px;--_ui5-v1-24-20_checkbox_width_height: 42px;--_ui5-v1-24-20_checkbox_icon_size: 16px;--_ui5-v1-24-20_checkbox_partially_icon_size: 16px;--_ui5-v1-24-20_radio_button_min_width: 42px;--_ui5-v1-24-20_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-20_radio_button_inner_size: 24px;--_ui5-v1-24-20_radio_button_height: 42px;--_ui5-v1-24-20_radio_button_svg_size: 24px;--_ui5-v1-24-20_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-20_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-20_radio_button_label_offset: 0;--_ui5-v1-24-20_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-20_progress_indicator_root_height: .5rem;--_ui5-v1-24-20_progress_indicator_bar_height: .75rem;--_ui5-v1-24-20_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-20_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-20_progress_indicator_padding_end: 24px;--_ui5-v1-24-20_toast_vertical_offset: 2.5rem;--_ui5-v1-24-20_tc_item_text_line_height: 1.25rem;--_ui5-v1-24-20_calendar_top_bottom_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-20_calendar_left_right_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-20_day_picker_item_width: 42px;--_ui5-v1-24-20_day_picker_item_height: 42px;--_ui5-v1-24-20_calendar_width: 371px;--_ui5-v1-24-20_calendar_height: auto;--_ui5-v1-24-20_calendar_header_height: 42px;--_ui5-v1-24-20_calendar_header_arrow_button_width: 42px;--_ui5-v1-24-20_month_picker_item_height: 36px;--_ui5-v1-24-20_monthpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-20_year_picker_item_height: 36px;--_ui5-v1-24-20_yearpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-20_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-20_slider_handle_width: 2.75rem;--_ui5-v1-24-20_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_handle_top: -.875rem;--_ui5-v1-24-20_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-20_slider_start_end_point_left: -.875rem;--_ui5-v1-24-20_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-20_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-20_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-20_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}\n`};\nexport default styleData;\n\t"]}

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "0.172.0",
+  "version": "0.176.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapudex/web-components",
-  "version": "0.172.0",
+  "version": "0.176.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -30,16 +30,16 @@
   "dependencies": {
     "@types/vimeo__player": "^2.18.3",
     "@types/youtube": "^0.1.0",
-    "@ui5/webcomponents": "1.24.17",
-    "@ui5/webcomponents-base": "1.24.17",
-    "@ui5/webcomponents-fiori": "1.24.17",
-    "@ui5/webcomponents-icons": "1.24.17",
-    "@ui5/webcomponents-theming": "1.24.17",
+    "@ui5/webcomponents": "1.24.20",
+    "@ui5/webcomponents-base": "1.24.20",
+    "@ui5/webcomponents-fiori": "1.24.20",
+    "@ui5/webcomponents-icons": "1.24.20",
+    "@ui5/webcomponents-theming": "1.24.20",
     "@vimeo/player": "^2.24.0",
     "video.js": "8.22.0"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "1.24.17",
+    "@ui5/webcomponents-tools": "1.24.20",
     "chromedriver": "132.0.2",
     "cross-env": "^7.0.3",
     "typescript": "^4.9.4",

package/src/AvatarGroup.ts

@@ -104,7 +104,6 @@ class UDExAvatarGroup extends AvatarGroup {
   _prepareAvatars() {
     this._colorIndex = 0;
     const visibleColors = Object.values(AvatarColorScheme);
-    let avatarInitials = "";
 
     this.items.forEach((avatar, index) => {
       if (++this._colorIndex > visibleColors.length - 3) {
@@ -112,8 +111,6 @@ class UDExAvatarGroup extends AvatarGroup {
       }
       avatar.interactive = !this._isGroup;
       avatar.toggleAttribute("ui5-avatar", true);
-      avatarInitials += this._isGroup && avatar.hasAttribute("initials") && !avatar.shadowRoot?.firstElementChild?.hasAttribute("_has-image")
-        ? `${avatar.getAttribute("initials")} ` : "";
 
       if (!avatar.getAttribute("color-scheme")) {
         avatar.setAttribute("color-scheme", visibleColors[this._colorIndex]);
@@ -123,10 +120,6 @@ class UDExAvatarGroup extends AvatarGroup {
         avatar.style.marginInlineEnd = avatarOffsets[avatar.effectiveSize][this.type];
       }
     });
-
-    if (avatarInitials) {
-      this.shadowRoot?.querySelector(".ui5-avatar-group-items")?.setAttribute("aria-label", `${avatarInitials}${this._ariaLabelText}`);
-    }
   }
 }
 

package/src/Badge.ts

@@ -87,7 +87,7 @@ class UDExBadge extends UI5Element {
   * @default "End"
   * @public
   */
-    @property({ type: IconPlacement, defaultValue: IconPlacement.End })
+  @property({ type: IconPlacement, defaultValue: IconPlacement.End })
     iconPlacement? : `${IconPlacement}`;
   /**
    * Defines icon name

package/src/RatingBar.hbs

@@ -5,7 +5,7 @@
         <div class="udex-rating-bar__progress"></div>
     </div>
     {{#if showPercentage}}
-        <div role="note" class="udex-rating-bar__percentage">{{validatedPercentage}}</div>
+        <div role="note" class="udex-rating-bar__percentage" aria-label="{{validatedPercentage}}">{{validatedPercentage}}</div>
     {{/if}}
     <span id="ratingDescription" class="hidden-text">{{_ratingDescription}}</span>
 </div>

package/src/ReviewItem.hbs

@@ -10,7 +10,7 @@
         <div class="udex-review-item__text-wrapper">
             <p class="udex-review-item__text" id="udex-review-item__text">{{_completeText}}</p>
             {{#if _showTextExpander}}
-                <udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Small" @click="{{_toggleText}}">{{buttonText}}</udex-button>
+                <udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="{{_toggleText}}">{{buttonText}}</udex-button>
             {{/if}}
         </div>
         {{#if author}}

package/src/Search.hbs

@@ -1,6 +1,6 @@
-<div class="udex-search__root {{classWithPrefix}}">
+<div class="udex-search__root {{searchClasses}}">
     {{#if isShowSearchHomePrefix}}
-        <div class="udex-search__prefix">
+        <div class="udex-search__prefix {{prefixWrapperClasses}}">
             <button
                 type="button"
                 role="combobox"
@@ -14,7 +14,7 @@
             </button>
             <ui5-popover
                 id="udex-search-prefix"
-                class="udex-search__prefix-popover"
+                class="{{prefixPopoverClasses}}"
                 hide-arrow
                 placement-type="Bottom"
                 horizontal-align="Left"

package/src/Search.ts

@@ -88,6 +88,8 @@ export enum Mode {
   HomeSearch = "Home Search"
 }
 
+export type PopoverPlacement = "Bottom" | "Top";
+
 /**
  * @class
  *
@@ -214,6 +216,15 @@ class UDExSearch extends UI5Element {
   @property({ type: Boolean, noAttribute: true })
     showResetButton!: boolean;
 
+  /**
+   * Defines where the SuggestionPopover is currently placed.
+   *
+   * @default "Bottom"
+   * @private
+   */
+  @property({ type: String, noAttribute: true, defaultValue: "Bottom" })
+    _popoverPlacement!: PopoverPlacement;
+
   /**
    * Defines display the submit button for the search field.
    *
@@ -709,7 +720,7 @@ class UDExSearch extends UI5Element {
     return this.shadowRoot!.querySelector(".udex-search__prefix") as HTMLElement;
   }
 
-  getPrefixPopover() {
+  getPrefixPopover(): Popover {
     return this.shadowRoot!.querySelector<Popover>("[ui5-popover]")!;
   }
 
@@ -726,8 +737,9 @@ class UDExSearch extends UI5Element {
       this._prefixDropdownExpanded = true;
       dropdown.showAt(this.getPrefixButton());
       dropdown.style.width = `${button.offsetWidth + 1}px`;
+      dropdown.classList.add(this.prefixPopoverClasses);
       button.classList.add("udex-search__prefix-button--active");
-      wrapper.classList.add("udex-search__prefix--show-popover");
+      wrapper.classList.add(this.prefixWrapperClasses);
       this.dropdownPrefix[0].addEventListener("item-press", this.handleItemClick);
     }
   }
@@ -750,8 +762,7 @@ class UDExSearch extends UI5Element {
   handleAfterClosePrefixPopover() {
     const wrapper = this.getPrefixWrapper();
     const button = this.getPrefixButton();
-
-    wrapper.classList.remove("udex-search__prefix--show-popover");
+    wrapper.classList.remove("udex-search__prefix--show-popover", "udex-search__prefix--show-popover-top");
     button.classList.remove("udex-search__prefix-button--active");
   }
 
@@ -790,10 +801,9 @@ class UDExSearch extends UI5Element {
             console.warn(error.message);
           });
       } else {
+        this.open = true;
         this.Suggestion.open();
       }
-
-      this.handleClassToRoot();
       this.handleAriaExpanded();
     }
   }
@@ -801,9 +811,8 @@ class UDExSearch extends UI5Element {
   onClosePopover(): void {
     if (this.showSuggestedPopover) {
       this.Suggestion!.close();
-      this.handleClassToRoot();
       this.handleAriaExpanded();
-      this.openSuggestionPopup = false;
+      this.open = false;
     }
   }
 
@@ -811,16 +820,11 @@ class UDExSearch extends UI5Element {
     this.Suggestion?.handleKeyPress(e);
   }
 
-  handleClassToRoot() {
-    const hasAdditionRootClass = !this.shadowRoot?.querySelector(".udex-search__root")?.classList.contains("udex-search__root--show-popover");
-
-    if (this.mode === Mode.HomeSearch && hasAdditionRootClass && this.open) {
-      this.shadowRoot?.querySelector(".udex-search__root")?.classList.add("udex-search__root--show-popover");
-    }
-
-    if (this.mode === Mode.HomeSearch && !hasAdditionRootClass && !this.open) {
-      this.shadowRoot?.querySelector(".udex-search__root")?.classList.remove("udex-search__root--show-popover");
+  get rootClasses(): string {
+    if (this.mode === Mode.HomeSearch && this.showSuggestedPopover && this.open) {
+      return this.isSuggestionPopoverTop ? "udex-search__root--show-popover-top" : "udex-search__root--show-popover";
     }
+    return "";
   }
 
   onBeforeRendering(): void {
@@ -875,8 +879,39 @@ class UDExSearch extends UI5Element {
     }
   }
 
+  private _createObserver(popover: Popover, ingoreOpenState: boolean = false): MutationObserver {
+    return new MutationObserver(mutationList => {
+      mutationList.forEach(mutation => {
+        const newValue = popover?.actualPlacementType;
+        const oldValue = mutation.oldValue;
+
+        if (mutation.attributeName === "actual-placement-type" && newValue !== oldValue) {
+          this._popoverPlacement = newValue as PopoverPlacement;
+        }
+
+        if (mutation.attributeName === "open" && newValue !== oldValue && !ingoreOpenState) {
+          this.open = popover?.open || false;
+        }
+      });
+    });
+  }
+
   onAfterRendering(): void {
     if (this.showSuggestedPopover) {
+      const prefixPopover = this.getPrefixPopover();
+
+      if (this.Suggestion?.popover) {
+        const suggestionObserver = this._createObserver(this.Suggestion.popover);
+        const popoverNode = this.Suggestion?.popover as Node;
+        suggestionObserver.observe(popoverNode, { attributes: true, attributeOldValue: true });
+      }
+
+      if (prefixPopover) {
+        const prefixObserver = this._createObserver(prefixPopover, true);
+        const popoverNode = prefixPopover as Node;
+        prefixObserver.observe(popoverNode, { attributes: true, attributeOldValue: true });
+      }
+
       this.handleOutsideClick();
       this.handleOpenSuggestionPopover();
       this.setSearchWidth();
@@ -957,7 +992,6 @@ class UDExSearch extends UI5Element {
     if (isEscape(e)) {
       if (this.open) {
         this.Suggestion?.onEscape(e);
-        this.handleClassToRoot();
       }
       this.fireEvent("handle-close-search");
     }
@@ -976,7 +1010,6 @@ class UDExSearch extends UI5Element {
   handleTabKeyList(e: KeyboardEvent) {
     if (isTabNext(e)) {
       this.Suggestion?.onKeyTabList(e);
-      this.handleClassToRoot();
     }
   }
 
@@ -1156,6 +1189,16 @@ class UDExSearch extends UI5Element {
     return this._recommendLabel;
   }
 
+  get isSuggestionPopoverTop(): boolean {
+    const suggestionPopover = this.Suggestion?.popover;
+    return suggestionPopover! && suggestionPopover.open && this._popoverPlacement === "Top";
+  }
+
+  get isPrefixSuggestionPopoverTop(): boolean {
+    const prefixSuggestionPopover = this.getPrefixPopover();
+    return prefixSuggestionPopover && prefixSuggestionPopover.open && this._popoverPlacement === "Top";
+  }
+
   get isShowSearchHomePrefix(): boolean {
     return this.isHomeSearchWithPrefixMode && !!this.dropdownPrefix.length;
   }
@@ -1168,12 +1211,31 @@ class UDExSearch extends UI5Element {
     return this.mode === Mode.HomeSearch && !!this.dropdownPrefix.length;
   }
 
+  get searchClasses(): string {
+    return `${this.classWithPrefix}  ${this.rootClasses}`;
+  }
+
+  get prefixWrapperClasses(): string {
+    const prefixPopover = this.getPrefixPopover();
+    if (prefixPopover && prefixPopover.open) {
+      return this._popoverPlacement === "Top" ? "udex-search__prefix--show-popover-top" : "udex-search__prefix--show-popover";
+    }
+    return "";
+  }
+
+  get prefixPopoverClasses(): string {
+    return this.isPrefixSuggestionPopoverTop ? "udex-search__prefix-popover-top" : "udex-search__prefix-popover";
+  }
+
   get classWithPrefix(): string {
     return this.isHomeSearchWithPrefixMode ? "udex-search-prefix" : "";
   }
 
   get homeSearchPopoverClass(): string {
-    return this.isHomeSearchMode || this.isHomeSearchWithPrefixMode ? "udex-search-suggestions__root--home" : "";
+    if (this.isHomeSearchMode || this.isHomeSearchWithPrefixMode) {
+      return this.isSuggestionPopoverTop ? "udex-search-suggestions__root-top--home" : "udex-search-suggestions__root--home";
+    }
+    return "";
   }
 
   get homeSearchWithPrefixPopoverClass(): string {

package/src/TabHeader.hbs

@@ -45,7 +45,7 @@
             {{/if}}
         </span>
     {{/if}}
-    <span class="udex-tab-navigation__button-text {{classWithIcon}}">
+    <p class="udex-tab-navigation__button-text {{classWithIcon}}">
         {{text}}
         {{#if numberBadge}}
             <udex-badge
@@ -56,7 +56,7 @@
                 {{numberBadge}}
             </udex-badge>
         {{/if}}
-    </span>
+    </p>
     {{#if hasNotIcon}}
         <span class="udex-tab-navigation__button-badge"></span>
     {{/if}}

package/src/generated/templates/RatingBarTemplate.lit.ts

@@ -5,7 +5,7 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 	
 function block0 (this: RatingBar, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${ifDefined(this.validatedRating)}</div><${scopeTag("ui5-icon", tags, suffix)} role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></${scopeTag("ui5-icon", tags, suffix)}><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${ this.showPercentage ? block1.call(this, context, tags, suffix) : undefined }<span id="ratingDescription" class="hidden-text">${ifDefined(this._ratingDescription)}</span></div>` : html`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${ifDefined(this.validatedRating)}</div><ui5-icon role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></ui5-icon><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${ this.showPercentage ? block1.call(this, context, tags, suffix) : undefined }<span id="ratingDescription" class="hidden-text">${ifDefined(this._ratingDescription)}</span></div>`;}
-function block1 (this: RatingBar, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role="note" class="udex-rating-bar__percentage">${ifDefined(this.validatedPercentage)}</div>`;}
+function block1 (this: RatingBar, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role="note" class="udex-rating-bar__percentage" aria-label="${ifDefined(this.validatedPercentage)}">${ifDefined(this.validatedPercentage)}</div>`;}
 
 
 export default block0;

package/src/generated/templates/ReviewItemTemplate.lit.ts

@@ -6,7 +6,7 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	
 function block0 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="${ifDefined(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><${scopeTag("udex-rating-indicator", tags, suffix)}  value="${ifDefined(this.validatedRating)}" max="${ifDefined(this._maxRating)}" readonly></${scopeTag("udex-rating-indicator", tags, suffix)}>${ this.date ? block1.call(this, context, tags, suffix) : undefined }</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${ifDefined(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${ifDefined(this._completeText)}</p>${ this._showTextExpander ? block2.call(this, context, tags, suffix) : undefined }</div>${ this.author ? block3.call(this, context, tags, suffix) : undefined }</div></div>` : html`<div class="${ifDefined(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><udex-rating-indicator  value="${ifDefined(this.validatedRating)}" max="${ifDefined(this._maxRating)}" readonly></udex-rating-indicator>${ this.date ? block1.call(this, context, tags, suffix) : undefined }</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${ifDefined(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${ifDefined(this._completeText)}</p>${ this._showTextExpander ? block2.call(this, context, tags, suffix) : undefined }</div>${ this.author ? block3.call(this, context, tags, suffix) : undefined }</div></div>`;}
 function block1 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="date" name="date" class="udex-review-item__date"></slot>`;}
-function block2 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Small" @click="${this._toggleText}">${ifDefined(this.buttonText)}</${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Small" @click="${this._toggleText}">${ifDefined(this.buttonText)}</udex-button>`;}
+function block2 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${ifDefined(this.buttonText)}</${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${ifDefined(this.buttonText)}</udex-button>`;}
 function block3 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="author" name="author" class="udex-review-item__author"></slot>`;}
 
 

package/src/generated/templates/SearchTemplate.lit.ts

@@ -4,8 +4,8 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	import type Search from "../../Search.js";
 	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 	
-function block0 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search__root ${ifDefined(this.classWithPrefix)}">${ this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined }<form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${ this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }<div class="udex-search__icons">${ this.isShowResetButton ? block5.call(this, context, tags, suffix) : undefined }${ this.isVoiceButton ? block6.call(this, context, tags, suffix) : undefined }${ this.showSubmitButton ? block7.call(this, context, tags, suffix) : undefined }</div></form></div>`;}
-function block1 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-search__prefix"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><${scopeTag("ui5-icon", tags, suffix)} class="udex-search__prefix-icon" name="slim-arrow-down"></${scopeTag("ui5-icon", tags, suffix)}></button><${scopeTag("ui5-popover", tags, suffix)} id="udex-search-prefix" class="udex-search__prefix-popover" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${styleMap(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></${scopeTag("ui5-popover", tags, suffix)}></div>` : html`<div class="udex-search__prefix"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down"></ui5-icon></button><ui5-popover id="udex-search-prefix" class="udex-search__prefix-popover" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${styleMap(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></ui5-popover></div>`;}
+function block0 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search__root ${ifDefined(this.searchClasses)}">${ this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined }<form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${ this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }<div class="udex-search__icons">${ this.isShowResetButton ? block5.call(this, context, tags, suffix) : undefined }${ this.isVoiceButton ? block6.call(this, context, tags, suffix) : undefined }${ this.showSubmitButton ? block7.call(this, context, tags, suffix) : undefined }</div></form></div>`;}
+function block1 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><${scopeTag("ui5-icon", tags, suffix)} class="udex-search__prefix-icon" name="slim-arrow-down"></${scopeTag("ui5-icon", tags, suffix)}></button><${scopeTag("ui5-popover", tags, suffix)} id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${styleMap(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></${scopeTag("ui5-popover", tags, suffix)}></div>` : html`<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down"></ui5-icon></button><ui5-popover id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${styleMap(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></ui5-popover></div>`;}
 function block2 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<input id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-haspopup="${ifDefined(this.getAriaHasPopup)}" aria-label="Search" placeholder="${ifDefined(this.label)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`;}
 function block3 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.label ? block4.call(this, context, tags, suffix) : undefined }<input id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-haspopup="${ifDefined(this.getAriaHasPopup)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`;}
 function block4 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label for="search-input" class="${ifDefined(this.labelClasses)}">${ifDefined(this.label)}</label>`;}

package/src/generated/templates/TabHeaderTemplate.lit.ts

@@ -5,12 +5,12 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 	
 function block0 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.hasNotHref ? block1.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix) } `;}
-function block1 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" tabindex="${ifDefined(this._tabIndex)}" type="button" role="tab" aria-describedby="udex-tab-navigation__${ifDefined(this._id)}__accessible-name" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" aria-controls="${ifDefined(this._contentId)}" aria-selected="${ifDefined(this.effectiveSelected)}" aria-labelledby="${ifDefined(this.ariaLabelledBy)}" ._realTab="${ifDefined(this)}" style="width: ${ifDefined(this._width)};">${ this.hasIcon ? block2.call(this, context, tags, suffix) : undefined }<span class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${ this.numberBadge ? block4.call(this, context, tags, suffix) : undefined }</span>${ this.hasNotIcon ? block5.call(this, context, tags, suffix) : undefined }<span aria-hidden="true" class="hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span></button>`;}
+function block1 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" tabindex="${ifDefined(this._tabIndex)}" type="button" role="tab" aria-describedby="udex-tab-navigation__${ifDefined(this._id)}__accessible-name" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" aria-controls="${ifDefined(this._contentId)}" aria-selected="${ifDefined(this.effectiveSelected)}" aria-labelledby="${ifDefined(this.ariaLabelledBy)}" ._realTab="${ifDefined(this)}" style="width: ${ifDefined(this._width)};">${ this.hasIcon ? block2.call(this, context, tags, suffix) : undefined }<p class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${ this.numberBadge ? block4.call(this, context, tags, suffix) : undefined }</p>${ this.hasNotIcon ? block5.call(this, context, tags, suffix) : undefined }<span aria-hidden="true" class="hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span></button>`;}
 function block2 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ this.showAttentionBadge ? block3.call(this, context, tags, suffix) : undefined }</span>` : html`<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><ui5-icon class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></ui5-icon>${ this.showAttentionBadge ? block3.call(this, context, tags, suffix) : undefined }</span>`;}
 function block3 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-navigation__button-badge"></span>`;}
 function block4 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</udex-badge>`;}
 function block5 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-navigation__button-badge"></span>`;}
-function block6 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" tabindex="-1" role="tab" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" href="${ifDefined(this.href)}" target="${ifDefined(this.target)}" style="max-width: ${ifDefined(this._maxWidth)}px; width: ${ifDefined(this._width)};" ._realTab="${ifDefined(this)}">${ this.hasIcon ? block7.call(this, context, tags, suffix) : undefined }<span class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${ this.numberBadge ? block9.call(this, context, tags, suffix) : undefined }</span>${ this.hasNotIcon ? block10.call(this, context, tags, suffix) : undefined }<span aria-hidden="true" class="hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span></a>`;}
+function block6 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" tabindex="-1" role="tab" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" href="${ifDefined(this.href)}" target="${ifDefined(this.target)}" style="max-width: ${ifDefined(this._maxWidth)}px; width: ${ifDefined(this._width)};" ._realTab="${ifDefined(this)}">${ this.hasIcon ? block7.call(this, context, tags, suffix) : undefined }<p class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${ this.numberBadge ? block9.call(this, context, tags, suffix) : undefined }</p>${ this.hasNotIcon ? block10.call(this, context, tags, suffix) : undefined }<span aria-hidden="true" class="hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span></a>`;}
 function block7 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ this.showAttentionBadge ? block8.call(this, context, tags, suffix) : undefined }</span>` : html`<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><ui5-icon class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></ui5-icon>${ this.showAttentionBadge ? block8.call(this, context, tags, suffix) : undefined }</span>`;}
 function block8 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-navigation__button-badge"></span>`;}
 function block9 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</udex-badge>`;}