@ui5/webcomponents 0.0.0-db2be6526 → 0.0.0-dc3ccac50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. package/csp.js +7 -0
  2. package/dist/CheckBox.js +4 -0
  3. package/dist/ColorPalettePopover.js +0 -1
  4. package/dist/ColorPicker.js +1 -1
  5. package/dist/ComboBox.js +31 -1
  6. package/dist/DateTimePicker.js +2 -1
  7. package/dist/DayPicker.js +5 -0
  8. package/dist/FileUploader.js +14 -0
  9. package/dist/Icon.js +1 -0
  10. package/dist/Input.js +68 -18
  11. package/dist/List.js +2 -2
  12. package/dist/MultiComboBox.js +32 -7
  13. package/dist/MultiComboBoxItem.js +4 -10
  14. package/dist/Option.js +4 -10
  15. package/dist/Popup.js +2 -7
  16. package/dist/RangeSlider.js +1 -1
  17. package/dist/Select.js +27 -8
  18. package/dist/SliderBase.js +2 -1
  19. package/dist/Switch.js +4 -0
  20. package/dist/Tab.js +26 -12
  21. package/dist/TabContainer.js +5 -8
  22. package/dist/Table.js +2 -1
  23. package/dist/TableRow.js +1 -1
  24. package/dist/TextArea.js +14 -0
  25. package/dist/Token.js +21 -1
  26. package/dist/Tokenizer.js +4 -1
  27. package/dist/WheelSlider.js +9 -9
  28. package/dist/api.json +14 -28
  29. package/dist/features/InputSuggestions.js +100 -15
  30. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  31. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  32. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  33. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  34. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  35. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  36. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  37. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  38. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  39. package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js +3 -3
  40. package/dist/generated/templates/ComboBoxTemplate.lit.js +4 -3
  41. package/dist/generated/templates/CustomListItemTemplate.lit.js +1 -1
  42. package/dist/generated/templates/FileUploaderPopoverTemplate.lit.js +1 -1
  43. package/dist/generated/templates/GroupHeaderListItemTemplate.lit.js +1 -1
  44. package/dist/generated/templates/InputPopoverTemplate.lit.js +3 -3
  45. package/dist/generated/templates/InputTemplate.lit.js +6 -5
  46. package/dist/generated/templates/ListItemTemplate.lit.js +1 -1
  47. package/dist/generated/templates/ListTemplate.lit.js +1 -1
  48. package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js +4 -4
  49. package/dist/generated/templates/MultiComboBoxTemplate.lit.js +4 -3
  50. package/dist/generated/templates/MultiInputTemplate.lit.js +7 -6
  51. package/dist/generated/templates/SelectPopoverTemplate.lit.js +3 -3
  52. package/dist/generated/templates/SliderTemplate.lit.js +1 -1
  53. package/dist/generated/templates/StandardListItemTemplate.lit.js +1 -1
  54. package/dist/generated/templates/SuggestionListItemTemplate.lit.js +1 -1
  55. package/dist/generated/templates/SwitchTemplate.lit.js +3 -1
  56. package/dist/generated/templates/TabContainerPopoverTemplate.lit.js +1 -1
  57. package/dist/generated/templates/TabContainerTemplate.lit.js +1 -1
  58. package/dist/generated/templates/TabInStripTemplate.lit.js +2 -4
  59. package/dist/generated/templates/TextAreaPopoverTemplate.lit.js +1 -1
  60. package/dist/generated/templates/TokenTemplate.lit.js +1 -1
  61. package/dist/generated/templates/TreeListItemTemplate.lit.js +1 -1
  62. package/dist/generated/themes/Avatar.css.js +1 -1
  63. package/dist/generated/themes/AvatarGroup.css.js +1 -1
  64. package/dist/generated/themes/Badge.css.js +1 -1
  65. package/dist/generated/themes/Breadcrumbs.css.js +1 -1
  66. package/dist/generated/themes/BreadcrumbsPopover.css.js +1 -1
  67. package/dist/generated/themes/BrowserScrollbar.css.js +1 -1
  68. package/dist/generated/themes/BusyIndicator.css.js +1 -1
  69. package/dist/generated/themes/Button.css.js +1 -1
  70. package/dist/generated/themes/Button.ie11.css.js +1 -1
  71. package/dist/generated/themes/Calendar.css.js +1 -1
  72. package/dist/generated/themes/CalendarHeader.css.js +1 -1
  73. package/dist/generated/themes/Card.css.js +1 -1
  74. package/dist/generated/themes/CardHeader.css.js +1 -1
  75. package/dist/generated/themes/Carousel.css.js +1 -1
  76. package/dist/generated/themes/CheckBox.css.js +1 -1
  77. package/dist/generated/themes/ColorPalette.css.js +1 -1
  78. package/dist/generated/themes/ColorPaletteItem.css.js +1 -1
  79. package/dist/generated/themes/ColorPalettePopover.css.js +1 -1
  80. package/dist/generated/themes/ColorPaletteStaticArea.css.js +1 -1
  81. package/dist/generated/themes/ColorPicker.css.js +1 -1
  82. package/dist/generated/themes/ComboBox.css.js +1 -1
  83. package/dist/generated/themes/ComboBoxPopover.css.js +1 -1
  84. package/dist/generated/themes/CustomListItem.css.js +1 -1
  85. package/dist/generated/themes/DatePicker.css.js +1 -1
  86. package/dist/generated/themes/DatePickerPopover.css.js +1 -1
  87. package/dist/generated/themes/DateRangePicker.css.js +1 -1
  88. package/dist/generated/themes/DateTimePicker.css.js +1 -1
  89. package/dist/generated/themes/DateTimePickerPopover.css.js +1 -1
  90. package/dist/generated/themes/DayPicker.css.js +1 -1
  91. package/dist/generated/themes/Dialog.css.js +1 -1
  92. package/dist/generated/themes/FileUploader.css.js +1 -1
  93. package/dist/generated/themes/GroupHeaderListItem.css.js +1 -1
  94. package/dist/generated/themes/GrowingButton.css.js +1 -1
  95. package/dist/generated/themes/Icon.css.js +1 -1
  96. package/dist/generated/themes/Input.css.js +1 -1
  97. package/dist/generated/themes/InputIcon.css.js +1 -1
  98. package/dist/generated/themes/InvisibleTextStyles.css.js +1 -1
  99. package/dist/generated/themes/Label.css.js +1 -1
  100. package/dist/generated/themes/Link.css.js +1 -1
  101. package/dist/generated/themes/List.css.js +1 -1
  102. package/dist/generated/themes/ListItem.css.js +1 -1
  103. package/dist/generated/themes/ListItemBase.css.js +1 -1
  104. package/dist/generated/themes/MessageStrip.css.js +1 -1
  105. package/dist/generated/themes/MonthPicker.css.js +1 -1
  106. package/dist/generated/themes/MultiComboBox.css.js +1 -1
  107. package/dist/generated/themes/MultiInput.css.js +1 -1
  108. package/dist/generated/themes/Panel.css.js +1 -1
  109. package/dist/generated/themes/Popover.css.js +1 -1
  110. package/dist/generated/themes/Popup.css.js +1 -1
  111. package/dist/generated/themes/PopupGlobal.css.js +8 -0
  112. package/dist/generated/themes/PopupStaticAreaStyles.css.js +1 -1
  113. package/dist/generated/themes/PopupsCommon.css.js +1 -1
  114. package/dist/generated/themes/ProgressIndicator.css.js +1 -1
  115. package/dist/generated/themes/RadioButton.css.js +1 -1
  116. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  117. package/dist/generated/themes/ResponsivePopover.css.js +1 -1
  118. package/dist/generated/themes/ResponsivePopoverCommon.css.js +1 -1
  119. package/dist/generated/themes/SegmentedButton.css.js +1 -1
  120. package/dist/generated/themes/Select.css.js +1 -1
  121. package/dist/generated/themes/SelectPopover.css.js +1 -1
  122. package/dist/generated/themes/SliderBase.css.js +1 -1
  123. package/dist/generated/themes/StepInput.css.js +1 -1
  124. package/dist/generated/themes/Suggestions.css.js +8 -0
  125. package/dist/generated/themes/Switch.css.js +1 -1
  126. package/dist/generated/themes/Tab.css.js +1 -1
  127. package/dist/generated/themes/TabContainer.css.js +1 -1
  128. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  129. package/dist/generated/themes/TabInStrip.css.js +1 -1
  130. package/dist/generated/themes/Table.css.js +1 -1
  131. package/dist/generated/themes/TableCell.css.js +1 -1
  132. package/dist/generated/themes/TableColumn.css.js +1 -1
  133. package/dist/generated/themes/TableGroupRow.css.js +1 -1
  134. package/dist/generated/themes/TableRow.css.js +1 -1
  135. package/dist/generated/themes/TapHighlightColor.css.js +1 -1
  136. package/dist/generated/themes/TextArea.css.js +1 -1
  137. package/dist/generated/themes/TimePicker.css.js +1 -1
  138. package/dist/generated/themes/TimePickerPopover.css.js +1 -1
  139. package/dist/generated/themes/TimeSelection.css.js +1 -1
  140. package/dist/generated/themes/Title.css.js +1 -1
  141. package/dist/generated/themes/Toast.css.js +1 -1
  142. package/dist/generated/themes/ToggleButton.css.js +1 -1
  143. package/dist/generated/themes/ToggleButton.ie11.css.js +1 -1
  144. package/dist/generated/themes/Token.css.js +1 -1
  145. package/dist/generated/themes/Tokenizer.css.js +1 -1
  146. package/dist/generated/themes/Tree.css.js +1 -1
  147. package/dist/generated/themes/TreeListItem.css.js +1 -1
  148. package/dist/generated/themes/ValueStateMessage.css.js +1 -1
  149. package/dist/generated/themes/WheelSlider.css.js +1 -1
  150. package/dist/generated/themes/YearPicker.css.js +1 -1
  151. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  152. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  153. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  154. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  155. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  156. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  157. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  158. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  159. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  160. package/package.json +8 -8
  161. package/src/CheckBox.js +4 -0
  162. package/src/ColorPalettePopover.js +0 -1
  163. package/src/ColorPicker.js +1 -1
  164. package/src/ComboBox.hbs +4 -0
  165. package/src/ComboBox.js +31 -1
  166. package/src/ComboBoxPopover.hbs +3 -0
  167. package/src/DateTimePicker.js +2 -1
  168. package/src/DayPicker.js +5 -0
  169. package/src/FileUploader.js +14 -0
  170. package/src/FileUploaderPopover.hbs +1 -0
  171. package/src/GroupHeaderListItem.hbs +1 -0
  172. package/src/Icon.js +1 -0
  173. package/src/Input.hbs +4 -0
  174. package/src/Input.js +68 -18
  175. package/src/InputPopover.hbs +4 -1
  176. package/src/List.hbs +1 -1
  177. package/src/List.js +2 -2
  178. package/src/ListItem.hbs +1 -0
  179. package/src/MultiComboBox.hbs +4 -0
  180. package/src/MultiComboBox.js +32 -7
  181. package/src/MultiComboBoxItem.js +4 -10
  182. package/src/MultiComboBoxPopover.hbs +4 -1
  183. package/src/Option.js +4 -10
  184. package/src/Popup.js +2 -7
  185. package/src/RangeSlider.js +1 -1
  186. package/src/Select.js +27 -8
  187. package/src/SelectPopover.hbs +4 -1
  188. package/src/Slider.hbs +1 -1
  189. package/src/SliderBase.js +2 -1
  190. package/src/Switch.hbs +12 -2
  191. package/src/Switch.js +4 -0
  192. package/src/Tab.js +26 -12
  193. package/src/TabContainer.hbs +6 -1
  194. package/src/TabContainer.js +5 -8
  195. package/src/TabContainerPopover.hbs +1 -0
  196. package/src/TabInStrip.hbs +1 -5
  197. package/src/Table.js +2 -1
  198. package/src/TableRow.js +1 -1
  199. package/src/TextArea.js +14 -0
  200. package/src/TextAreaPopover.hbs +1 -0
  201. package/src/Token.hbs +2 -0
  202. package/src/Token.js +21 -1
  203. package/src/Tokenizer.js +4 -1
  204. package/src/WheelSlider.js +9 -9
  205. package/src/features/InputSuggestions.js +100 -15
package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json CHANGED
@@ -1 +1 @@
1
- {"_":":root{--_ui5_calendar_height:24.5rem;--_ui5_calendar_width:20.5rem;--_ui5_calendar_padding:0.75rem;--_ui5_calendar_header_height:3rem;--_ui5_calendar_header_arrow_button_width:2.5rem;--_ui5_calendar_header_padding:0.25rem 0;--_ui5_checkbox_root_side_padding:.6875rem;--_ui5_checkbox_icon_size:1rem;--_ui5_checkbox_partially_icon_size:.75rem;--_ui5_custom_list_item_height:3rem;--_ui5_custom_list_item_rb_min_width:2.75rem;--_ui5_day_picker_item_width:2.25rem;--_ui5_day_picker_item_height:2.875rem;--_ui5_day_picker_empty_height:3rem;--_ui5_color-palette-item-height:1.75rem;--_ui5_color-palette-item-hover-height:2.375rem;--_ui5_color-palette-item-margin:calc(var(--_ui5_color-palette-item-hover-height)/2 - var(--_ui5_color-palette-item-height)/2);--_ui5_color-palette-row-width:12rem;--_ui5_datetime_picker_width:40.0625rem;--_ui5_datetime_picker_height:25rem;--_ui5_datetime_timeview_phonemode_width:19.5rem;--_ui5_datetime_timeview_padding:1rem;--_ui5_dialog_content_min_height:2.75rem;--_ui5_input_inner_padding:0 0.625rem;--_ui5_input_inner_padding_with_icon:0 0.25rem 0 0.625rem;--_ui5_input_value_state_icon_padding:var(--_ui5-input-icon-padding);--_ui5_list_no_data_height:3rem;--_ui5_list_item_cb_margin_right:0;--_ui5_list_item_title_size:var(--sapFontLargeSize);--_ui5_list_item_img_size:3rem;--_ui5_list_item_img_margin:0.5rem 0.75rem 0.5rem 0rem;--_ui5_list_item_base_height:2.75rem;--_ui5_list_item_icon_size:1.125rem;--_ui5_group_header_list_item_height:2.75rem;--_ui5_list_busy_row_height:3rem;--_ui5_month_picker_item_height:3rem;--_ui5_popup_default_header_height:2.75rem;--_ui5_year_picker_item_height:3rem;--_ui5_tokenizer_root_padding:0.1875rem;--_ui5_token_height:1.625rem;--_ui5_token_icon_padding:0.25rem 0.5rem;--_ui5_token_wrapper_right_padding:0.3125rem;--_ui5_tl_bubble_padding:1rem;--_ui5_tl_indicator_before_bottom:-1.625rem;--_ui5_tl_padding:1rem 1rem 1rem .5rem;--_ui5_tl_li_margin_bottom:1.625rem;--_ui5_switch_text_on_left:calc(-100% + 1.9125rem);--_ui5_switch_slide_transform:translateX(100%) translateX(-1.875rem);--_ui5_switch_rtl_transform:translateX(1.875rem) translateX(-100%);--_ui5_switch_text_right:calc(-100% + 1.9125rem);--_ui5_tc_item_text:3rem;--_ui5_tc_item_text_only_height:3rem;--_ui5_tc_item_text_only_with_additional_text_height:var(--_ui5_tc_item_text_only_height);--_ui5_tc_item_text_line_height:normal;--_ui5_tc_item_icon_size:1.5rem;--_ui5_tc_item_add_text_margin_top:0.625rem;--_ui5_textarea_padding:0.5625rem 0.6875rem;--_ui5_radio_button_height:2.75rem;--_ui5_radio_button_label_side_padding:.875rem;--_ui5_radio_button_focus_dist:.5rem;--_ui5_radio_button_inner_size:2.75rem;--_ui5_radio_button_svg_size:1.375rem;--_ui5_radio_button_label_width:calc(100% - 2.75rem);--_ui5_radio_button_rtl_focus_right:0.5rem;--_ui5-responsive_popover_header_height:2.75rem;--_ui5_shellbar_logo_outline_offset:-0.0625rem;--ui5_side_navigation_item_height:2.75rem;--_ui5_load_more_text_height:2.75rem;--_ui5_load_more_text_font_size:var(--sapFontMediumSize);--_ui5_load_more_desc_padding:0.375rem 2rem 0.875rem 2rem;--_ui5-tree-indent-step:1.5rem;--_ui5-tree-toggle-box-width:2.75rem;--_ui5-tree-toggle-box-height:2.25rem;--_ui5-tree-toggle-icon-size:1.0625rem;--_ui5_timeline_tli_indicator_before_bottom:-1.625rem;--_ui5_timeline_tli_indicator_before_right:-1.625rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom:-1.875rem;--_ui5_timeline_tli_indicator_before_without_icon_right:-1.9375rem;--_ui5_segmented_btn_border_radius:0.375rem}.sapUiSizeCompact,.ui5-content-density-compact,:root,[data-ui5-compact-size]{--_ui5_datetime_timeview_width:17rem;--_ui5_list_item_selection_btn_margin_top:calc(var(--_ui5_checkbox_wrapper_padding)*-1);--_ui5_token_icon_size:.75rem;--_ui5_token_wrapper_left_padding:0}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_button_base_height:1.625rem;--_ui5_button_base_padding:0.4375rem;--_ui5_button_base_min_width:2rem;--_ui5_button_icon_font_size:1rem;--_ui5_calendar_height:18rem;--_ui5_calendar_width:17.75rem;--_ui5_calendar_padding:0.5rem;--_ui5_calendar_header_height:2rem;--_ui5_calendar_header_arrow_button_width:2rem;--_ui5_calendar_header_padding:0;--_ui5_checkbox_root_side_padding:var(--_ui5_checkbox_wrapped_focus_padding);--_ui5_checkbox_wrapped_content_margin_top:var(--_ui5_checkbox_compact_wrapped_label_margin_top);--_ui5_checkbox_wrapped_focus_left_top_bottom_position:var(--_ui5_checkbox_compact_focus_position);--_ui5_checkbox_width_height:var(--_ui5_checkbox_compact_width_height);--_ui5_checkbox_wrapper_padding:var(--_ui5_checkbox_compact_wrapper_padding);--_ui5_checkbox_focus_position:var(--_ui5_checkbox_compact_focus_position);--_ui5_checkbox_inner_width_height:var(--_ui5_checkbox_compact_inner_size);--_ui5_checkbox_icon_size:.75rem;--_ui5_checkbox_partially_icon_size:.5rem;--_ui5_color-palette-item-height:1.25rem;--_ui5_color-palette-item-focus-height:1rem;--_ui5_color-palette-item-container-sides-padding:0.1875rem;--_ui5_color-palette-item-container-rows-padding:0.8125rem;--_ui5_color-palette-item-hover-height:1.625rem;--_ui5_color-palette-item-margin:calc(var(--_ui5_color-palette-item-hover-height)/2 - var(--_ui5_color-palette-item-height)/2);--_ui5_color-palette-row-width:8.125rem;--_ui5_color-palette-item-hover-margin:0;--_ui5_color-palette-row-height:7.5rem;--_ui5_color-palette-button-height:2rem;--_ui5_custom_list_item_height:2rem;--_ui5_custom_list_item_rb_min_width:2rem;--_ui5_daypicker_weeknumbers_container_padding_top:2rem;--_ui5_day_picker_item_width:2rem;--_ui5_day_picker_item_height:2rem;--_ui5_day_picker_empty_height:2.125rem;--_ui5_datetime_picker_height:17rem;--_ui5_datetime_picker_width:34.0625rem;--_ui5_datetime_timeview_phonemode_width:18.5rem;--_ui5_datetime_timeview_padding:0.5rem;--_ui5_dialog_content_min_height:2.5rem;--_ui5_input_height:var(--_ui5_input_compact_height);--_ui5_input_inner_padding:0 0.5rem;--_ui5_input_icon_min_width:var(--_ui5_input_compact_min_width);--_ui5_input_icon_padding:.25rem .5rem;--_ui5_input_value_state_icon_padding:.1875rem .5rem;--_ui5_popup_default_header_height:2.5rem;--_ui5_textarea_padding:.1875rem .5rem;--_ui5_list_no_data_height:2rem;--_ui5_list_item_cb_margin_right:.5rem;--_ui5_list_item_title_size:var(--sapFontSize);--_ui5_list_item_img_margin:0.55rem 0.75rem 0.5rem 0rem;--_ui5_list_item_base_height:2rem;--_ui5_list_item_icon_size:1rem;--_ui5_list_busy_row_height:2rem;--_ui5_month_picker_item_height:2rem;--_ui5_panel_header_height:2rem;--_ui5_year_picker_item_height:2rem;--_ui5_tokenizer_root_padding:0.125rem;--_ui5_token_height:1.125rem;--_ui5_token_icon_padding:0.1rem 0.25rem;--_ui5_token_wrapper_right_padding:0.25rem;--_ui5_tl_bubble_padding:.5rem;--_ui5_tl_indicator_before_bottom:-.5rem;--_ui5_tl_padding:.5rem;--_ui5_tl_li_margin_bottom:.5rem;--_ui5_wheelslider_item_width:64px;--_ui5_wheelslider_item_height:32px;--_ui5_wheelslider_height:224px;--_ui5_wheelslider_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*2);--_ui5_wheelslider_arrows_visibility:visible;--_ui5_wheelslider_mobile_selection_frame_margin_top:128px;--_ui5_switch_height:var(--_ui5_switch_compact_height);--_ui5_switch_width:var(--_ui5_switch_compact_width);--_ui5_switch_handle_height:var(--_ui5_switch_handle_compact_height);--_ui5_switch_handle_width:var(--_ui5_switch_handle_compact_width);--_ui5_switch_text_on_left:calc(-100% + 1.5625rem);--_ui5_switch_slide_transform:translateX(100%) translateX(-1.5rem);--_ui5_switch_no_label_width:var(--_ui5_switch_compact_no_label_width);--_ui5_switch_track_no_label_height:var(--_ui5_switch_track_compact_no_label_height);--_ui5_switch_rtl_transform:translateX(-100%) translateX(1.5rem);--_ui5_switch_text_right:calc(-100% + 1.5625rem);--_ui5_tc_item_text:2rem;--_ui5_tc_item_text_line_height:1.325rem;--_ui5_tc_item_icon_size:1rem;--_ui5_tc_item_add_text_margin_top:0.3125rem;--_ui5_tc_header_height:var(--_ui5_tc_header_height_compact);--_ui5_radio_button_min_width:var(--_ui5_radio_button_min_width_compact);--_ui5_radio_button_height:2rem;--_ui5_radio_button_label_side_padding:.5rem;--_ui5_radio_button_focus_dist:.375rem;--_ui5_radio_button_inner_size:2rem;--_ui5_radio_button_svg_size:1rem;--_ui5_radio_button_label_width:calc(100% - 2rem + 1px);--_ui5_radio_button_rtl_focus_right:0.375rem;--_ui5-responsive_popover_header_height:2.5rem;--ui5_side_navigation_item_height:2rem;--_ui5_slider_handle_height:1.25rem;--_ui5_slider_handle_width:1.25rem;--_ui5_slider_handle_top:-0.6425rem;--_ui5_slider_handle_margin_left:-0.7825rem;--_ui5_slider_tooltip_height:1rem;--_ui5_slider_tooltip_padding:0.25rem;--_ui5_slider_tooltip_bottom:1.825rem;--_ui5_slider_progress_outline_offset:-0.625rem;--_ui5_slider_outer_height:1.3125rem;--_ui5_load_more_text_height:2.625rem;--_ui5_load_more_text_font_size:var(--sapFontSize);--_ui5_load_more_desc_padding:0 2rem 0.875rem 2rem;--_ui5-tree-indent-step:0.5rem;--_ui5-tree-toggle-box-width:2rem;--_ui5-tree-toggle-box-height:1.5rem;--_ui5-tree-toggle-icon-size:0.8125rem;--_ui5_timeline_tli_indicator_before_bottom:-0.5rem;--_ui5_timeline_tli_indicator_before_right:-0.5rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom:-0.75rem;--_ui5_timeline_tli_indicator_before_without_icon_right:-0.8125rem}:root{--ui5-avatar-initials-color:var(--sapContent_ImagePlaceholderForegroundColor);--ui5-avatar-initials-border:none;--ui5-avatar-accent1:var(--sapAccentColor1);--ui5-avatar-accent2:var(--sapAccentColor2);--ui5-avatar-accent3:var(--sapAccentColor3);--ui5-avatar-accent4:var(--sapAccentColor4);--ui5-avatar-accent5:var(--sapAccentColor5);--ui5-avatar-accent6:var(--sapAccentColor6);--ui5-avatar-accent7:var(--sapAccentColor7);--ui5-avatar-accent8:var(--sapAccentColor8);--ui5-avatar-accent9:var(--sapAccentColor9);--ui5-avatar-accent10:var(--sapAccentColor10);--ui5-avatar-placeholder:var(--sapContent_ImagePlaceholderBackground);--_ui5_avatar_outline:1px dotted var(--sapContent_FocusColor);--_ui5_avatar_focus_offset:1px;--_ui5_avatar_focus_width:1px;--_ui5_avatar_focus_color:var(--sapContent_FocusColor);--_ui5_avatar_fontsize_XS:0.75rem;--_ui5_avatar_fontsize_S:1.125rem;--_ui5_avatar_fontsize_M:1.625rem;--_ui5_avatar_fontsize_L:2rem;--_ui5_avatar_fontsize_XL:2.75rem;--ui5-badge-font-size:0.75em;--_ui5-badge-height:1rem;--_ui5-badge-border:0.0625em solid;--_ui5-badge-left-border:1px solid;--_ui5-badge-border-radius:0.5em;--_ui5-badge-text-transform:uppercase;--_ui5-badge-cursor:default;--_ui5_badge_pointer_events:none;--ui5-badge-color-scheme-1-background:var(--sapLegendBackgroundColor1);--ui5-badge-color-scheme-1-hover-background:var(--ui5-badge-color-scheme-1-background);--ui5-badge-color-scheme-1-border:var(--sapAccentColor1);--ui5-badge-color-scheme-1-color:var(--sapAccentColor1);--ui5-badge-color-scheme-2-background:var(--sapLegendBackgroundColor2);--ui5-badge-color-scheme-2-hover-background:var(--ui5-badge-color-scheme-2-background);--ui5-badge-color-scheme-2-border:var(--sapAccentColor2);--ui5-badge-color-scheme-2-color:var(--sapAccentColor2);--ui5-badge-color-scheme-3-background:var(--sapLegendBackgroundColor3);--ui5-badge-color-scheme-3-hover-background:var(--ui5-badge-color-scheme-3-background);--ui5-badge-color-scheme-3-border:var(--sapAccentColor3);--ui5-badge-color-scheme-3-color:var(--sapAccentColor3);--ui5-badge-color-scheme-4-background:var(--sapLegendBackgroundColor5);--ui5-badge-color-scheme-4-hover-background:var(--ui5-badge-color-scheme-4-background);--ui5-badge-color-scheme-4-border:var(--sapAccentColor4);--ui5-badge-color-scheme-4-color:var(--sapAccentColor4);--ui5-badge-color-scheme-5-background:var(--sapLegendBackgroundColor20);--ui5-badge-color-scheme-5-hover-background:var(--ui5-badge-color-scheme-5-background);--ui5-badge-color-scheme-5-border:var(--sapAccentColor5);--ui5-badge-color-scheme-5-color:var(--sapAccentColor5);--ui5-badge-color-scheme-6-background:var(--sapLegendBackgroundColor6);--ui5-badge-color-scheme-6-hover-background:var(--ui5-badge-color-scheme-6-background);--ui5-badge-color-scheme-6-border:var(--sapAccentColor6);--ui5-badge-color-scheme-6-color:var(--sapAccentColor6);--ui5-badge-color-scheme-7-background:var(--sapLegendBackgroundColor7);--ui5-badge-color-scheme-7-hover-background:var(--ui5-badge-color-scheme-7-background);--ui5-badge-color-scheme-7-border:var(--sapAccentColor7);--ui5-badge-color-scheme-7-color:var(--sapAccentColor7);--ui5-badge-color-scheme-8-background:var(--sapLegendBackgroundColor18);--ui5-badge-color-scheme-8-hover-background:var(--ui5-badge-color-scheme-8-background);--ui5-badge-color-scheme-8-border:var(--sapLegendColor18);--ui5-badge-color-scheme-8-color:var(--sapLegendColor18);--ui5-badge-color-scheme-9-background:var(--sapLegendBackgroundColor10);--ui5-badge-color-scheme-9-hover-background:var(--ui5-badge-color-scheme-9-background);--ui5-badge-color-scheme-9-border:var(--sapAccentColor10);--ui5-badge-color-scheme-9-color:var(--sapAccentColor10);--ui5-badge-color-scheme-10-background:var(--sapLegendBackgroundColor9);--ui5-badge-color-scheme-10-hover-background:var(--ui5-badge-color-scheme-10-background);--ui5-badge-color-scheme-10-border:var(--sapAccentColor9);--ui5-badge-color-scheme-10-color:var(--sapAccentColor9);--_ui5_button_base_min_width:2.5rem;--_ui5_button_base_min_compact_width:2rem;--_ui5_button_base_height:2.5rem;--_ui5_button_compact_height:1.625rem;--_ui5_button_border_radius:var(--sapButton_BorderCornerRadius);--_ui5_button_base_padding:0.6875rem;--_ui5_button_compact_padding:0.4375rem;--_ui5_button_base_icon_margin:0.563rem;--_ui5_button_icon_font_size:1.375rem;--_ui5_button_outline:1px dotted var(--sapContent_FocusColor);--_ui5_button_outline_offset:-0.1875rem;--_ui5_button_emphasized_font_weight:normal;--_ui5_button_text_shadow:var(--sapContent_TextShadow);--_ui5_button_focus_offset:1px;--_ui5_button_focus_width:1px;--_ui5_button_focus_color:var(--sapContent_FocusColor);--_ui5_button_positive_border_focus_hover_color:var(--sapContent_FocusColor);--_ui5_button_positive_focus_border_color:var(--sapButton_Accept_BorderColor);--_ui5_button_negative_focus_border_color:var(--sapButton_Reject_BorderColor);--_ui5_button_emphasized_focused_border_color:var(--sapButton_Emphasized_BorderColor);--_ui5_button_base_min_width:2.25rem;--_ui5_button_base_height:2.25rem;--_ui5_button_base_padding:0.5625rem;--_ui5_button_base_icon_only_padding:0.5625rem;--_ui5_button_base_icon_margin:0.375rem;--_ui5_button_icon_font_size:1rem;--_ui5_button_emphasized_font_weight:bold;--_ui5_button_text_shadow:none;--_ui5-badge-height:1.5rem;--_ui5-badge-border:none;--_ui5-badge-left-border:2px solid transparent;--_ui5-badge-border-radius:.25rem;--_ui5-badge-font-weight:bold;--_ui5-badge-font-weight:400;--_ui5-badge-text-transform:none;--_ui5-badge-cursor:pointer;--ui5-badge-color-scheme-1-background:var(--sapNeutralBackground);--ui5-badge-color-scheme-1-hover-background:#fff;--ui5-badge-color-scheme-1-border:var(--sapContent_ForegroundBorderColor);--ui5-badge-color-scheme-1-color:#4d5e71;--ui5-badge-color-scheme-1-shadow:0 0 2px var(--sapNeutralBackground),0 4px 8px var(--sapNeutralBackground);--ui5-badge-color-scheme-1-active-shadow:0 2px 4px rgba(131,150,168,0.16),0 0 2px 0 rgba(131,150,168,0.16);--ui5-badge-color-scheme-1-active-color:#354a5f;--ui5-badge-color-scheme-2-background:var(--sapInformationBackground);--ui5-badge-color-scheme-2-hover-background:#fff;--ui5-badge-color-scheme-2-border:#1890ff;--ui5-badge-color-scheme-2-color:var(--sapContent_Selected_TextColor);--ui5-badge-color-scheme-2-shadow:0 0 2px var(--sapInformationBackground),0 4px 8px var(--sapInformationBackground);--ui5-badge-color-scheme-2-active-shadow:0 2px 4px rgba(27,144,255,0.16),0 0 2px 0 rgba(27,144,255,0.16);--ui5-badge-color-scheme-2-active-color:#0040b0;--ui5-badge-color-scheme-3-background:#dafdf5;--ui5-badge-color-scheme-3-hover-background:#fff;--ui5-badge-color-scheme-3-border:var(--sapChart_Sequence_6);--ui5-badge-color-scheme-3-color:#046c7a;--ui5-badge-color-scheme-3-shadow:0 0 2px #dafdf5,0 4px 8px #dafdf5;--ui5-badge-color-scheme-3-active-shadow:0 2px 4px rgba(4,172,167,0.16),0 0 2px 0 rgba(4,172,167,0.16);--ui5-badge-color-scheme-3-active-color:#035663;--ui5-badge-color-scheme-4-background:var(--sapSuccessBackground);--ui5-badge-color-scheme-4-hover-background:#fff;--ui5-badge-color-scheme-4-border:var(--sapChart_Good);--ui5-badge-color-scheme-4-color:var(--sapButton_Accept_TextColor);--ui5-badge-color-scheme-4-shadow:0 0 2px var(--sapSuccessBackground),0 4px 8px var(--sapSuccessBackground);--ui5-badge-color-scheme-4-active-shadow:0 2px 4px rgba(93,193,34,0.16),0 0 2px 0 rgba(93,193,34,0.16);--ui5-badge-color-scheme-4-active-color:#1e592f;--ui5-badge-color-scheme-5-background:var(--sapWarningBackground);--ui5-badge-color-scheme-5-hover-background:#fff;--ui5-badge-color-scheme-5-border:var(--sapAccentColor1);--ui5-badge-color-scheme-5-color:var(--sapCriticalTextColor);--ui5-badge-color-scheme-5-shadow:0 0 2px var(--sapWarningBackground),0 4px 8px var(--sapWarningBackground);--ui5-badge-color-scheme-5-active-shadow:0 2px 4px rgba(255,179,0,0.16),0 0 2px 0 rgba(255,179,0,0.16);--ui5-badge-color-scheme-5-active-color:#8d2a00;--ui5-badge-color-scheme-6-background:var(--sapErrorBackground);--ui5-badge-color-scheme-6-hover-background:#fff;--ui5-badge-color-scheme-6-border:#ee3939;--ui5-badge-color-scheme-6-color:var(--sapButton_Reject_TextColor);--ui5-badge-color-scheme-6-shadow:0 0 2px var(--sapErrorBackground),0 4px 8px var(--sapErrorBackground);--ui5-badge-color-scheme-6-active-shadow:0 2px 4px rgba(245,40,40,0.16),0 0 2px 0 rgba(245,40,40,0.16);--ui5-badge-color-scheme-6-active-color:#840606;--ui5-badge-color-scheme-7-background:#fff0fa;--ui5-badge-color-scheme-7-hover-background:#fff;--ui5-badge-color-scheme-7-border:#f31ded;--ui5-badge-color-scheme-7-color:#a100c2;--ui5-badge-color-scheme-7-shadow:0 0 2px #fff0fa,0 4px 8px #fff0fa;--ui5-badge-color-scheme-7-active-shadow:0 2px 4px rgba(252,0,245,0.16),0 0 2px 0 rgba(252,0,245,0.16);--ui5-badge-color-scheme-7-active-color:#7800a4;--ui5-badge-color-scheme-8-background:#f1ecff;--ui5-badge-color-scheme-8-hover-background:#fff;--ui5-badge-color-scheme-8-border:#9b76ff;--ui5-badge-color-scheme-8-color:#5d36ff;--ui5-badge-color-scheme-8-shadow:0 0 2px #f1ecff,0 4px 8px #f1ecff;--ui5-badge-color-scheme-8-active-shadow:0 2px 4px rgba(155,118,255,0.16),0 0 2px 0 rgba(155,118,255,0.16);--ui5-badge-color-scheme-8-active-color:#470ced;--ui5-badge-color-scheme-9-background:var(--ui5-badge-color-scheme-1-background);--ui5-badge-color-scheme-9-hover-background:#fff;--ui5-badge-color-scheme-9-border:var(--ui5-badge-color-scheme-1-border);--ui5-badge-color-scheme-9-color:var(--ui5-badge-color-scheme-1-color);--ui5-badge-color-scheme-9-shadow:var(--ui5-badge-color-scheme-1-shadow);--ui5-badge-color-scheme-9-active-shadow:var(--ui5-badge-color-scheme-1-active-shadow);--ui5-badge-color-scheme-9-active-color:var(--ui5-badge-color-scheme-1-active-color);--ui5-badge-color-scheme-10-background:var(--ui5-badge-color-scheme-2-background);--ui5-badge-color-scheme-10-hover-background:#fff;--ui5-badge-color-scheme-10-border:var(--ui5-badge-color-scheme-2-border);--ui5-badge-color-scheme-10-color:var(--ui5-badge-color-scheme-2-color);--ui5-badge-color-scheme-10-shadow:var(--ui5-badge-color-scheme-2-shadow);--ui5-badge-color-scheme-10-active-shadow:var(--ui5-badge-color-scheme-2-active-shadow);--ui5-badge-color-scheme-10-active-color:var(--ui5-badge-color-scheme-2-active-color);--_ui5_card_box_shadow:var(--sapContent_Shadow0);--_ui5_card_border_color:var(--sapTile_BorderColor);--_ui5_card_content_padding:1rem;--_ui5_card_header_hover_bg:var(--sapList_Hover_Background);--_ui5_card_header_active_bg:var(--_ui5_card_header_hover_bg);--_ui5_card_header_border_color:var(--sapTile_SeparatorColor);--_ui5_card_header_focus_border:1px dotted var(--sapContent_FocusColor);--ui5_carousel_button_size:2.5rem;--ui5_carousel_height:0.25rem;--ui5_carousel_width:0.25rem;--ui5_carousel_margin:0 0.375rem;--ui5_carousel_border:1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_dot_border:none;--ui5_carousel_dot_background:var(--sapContent_NonInteractiveIconColor);--_ui5_checkbox_wrapper_padding:.8125rem;--_ui5_checkbox_width_height:3rem;--_ui5_checkbox_box_shadow:none;--_ui5_checkbox_transition:unset;--_ui5_checkbox_focus_border:none;--_ui5_checkbox_border_radius:0;--_ui5_checkbox_hover_background:var(--sapField_Hover_Background);--_ui5_checkbox_checkmark_warning_color:var(--sapField_TextColor);--_ui5_checkbox_checkmark_color:var(--sapSelectedColor);--_ui5_checkbox_focus_position:.6875rem;--_ui5_checkbox_focus_outline:1px dotted var(--sapContent_FocusColor);--_ui5_checkbox_outer_hover_background:transparent;--_ui5_checkbox_inner_width_height:1.375rem;--_ui5_checkbox_inner_border:solid .125rem var(--sapField_BorderColor);--_ui5_checkbox_inner_hover_border_color:var(--sapField_HoverBorderColor);--_ui5_checkbox_inner_hover_checked_border_color:var(--sapField_HoverBorderColor);--_ui5_checkbox_inner_selected_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_disabled_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_active_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_border_radius:0;--_ui5_checkbox_inner_error_border:0.125rem solid var(--sapField_InvalidColor);--_ui5_checkbox_inner_warning_border:0.125rem solid var(--sapField_WarningColor);--_ui5_checkbox_inner_information_border:0.125rem solid var(--sapField_InformationColor);--_ui5_checkbox_inner_success_border:var(--sapField_BorderWidth) solid var(--sapField_SuccessColor);--_ui5_checkbox_inner_background:var(--sapField_Background);--_ui5_checkbox_wrapped_focus_padding:.375rem;--_ui5_checkbox_wrapped_content_margin_top:.125rem;--_ui5_checkbox_wrapped_focus_left_top_bottom_position:.5625rem;--_ui5_checkbox_compact_wrapper_padding:.5rem;--_ui5_checkbox_compact_width_height:2rem;--_ui5_checkbox_compact_inner_size:1rem;--_ui5_checkbox_compact_focus_position:.375rem;--_ui5_checkbox_compact_wrapped_label_margin_top:-1px;--_ui5_checkbox_label_color:var(--sapContent_LabelColor);--_ui5_checkbox_label_offset:var(--_ui5_checkbox_wrapper_padding);--_ui5_checkbox_disabled_label_color:var(--sapContent_LabelColor);--_ui5_checkbox_default_focus_border:none;--_ui5_checkbox_focus_outline_display:block;--_ui5_checkbox_wrapper_padding:0.4375rem;--_ui5_checkbox_inner_width_height:1.25rem;--_ui5_checkbox_width_height:1.75rem;--_ui5_checkbox_icon_size:0.875rem;--_ui5_checkbox_partially_icon_size:.5rem;--_ui5_checkbox_checkmark_color:var(--sapContent_FocusColor);--_ui5_checkbox_focus_border:0.125rem solid var(--sapContent_FocusColor);--_ui5_checkbox_default_focus_border:0.125rem solid transparent;--_ui5_checkbox_box_shadow:0 0 2px rgb(131 150 168/16%),0 8px 16px rgb(131 150 168/16%);--_ui5_checkbox_border_radius:0.5rem;--_ui5_checkbox_transition:all 0.2s ease-in-out;--_ui5_checkbox_inner_border:0.125rem solid var(--sapNeutralColor);--_ui5_checkbox_hover_background:var(--sapHighlightTextColor);--_ui5_checkbox_outer_hover_background:var(--sapHighlightTextColor);--_ui5_checkbox_inner_hover_border_color:#475e75;--_ui5_checkbox_inner_hover_checked_border_color:var(--sapContent_FocusColor);--_ui5_checkbox_inner_disabled_border_color:#a9b4be;--_ui5_checkbox_inner_active_border_color:#354a5f;--_ui5_checkbox_focus_position:0.5625rem;--_ui5_checkbox_inner_border_radius:0.25rem;--_ui5_checkbox_inner_success_border:0.125rem solid var(--sapField_SuccessColor);--_ui5_checkbox_inner_readonly_border:0.125rem solid var(--sapField_ReadOnly_BorderColor);--_ui5_checkbox_inner_background:var(--sapHighlightTextColor);--_ui5_checkbox_inner_selected_border_color:var(--sapContent_FocusColor);--_ui5_checkbox_wrapped_content_margin_top:0;--_ui5_checkbox_wrapped_focus_padding:.5rem;--_ui5_checkbox_compact_wrapped_label_margin_top:-0.125rem;--_ui5_checkbox_label_color:var(--sapGroup_TitleTextColor);--_ui5_checkbox_disabled_label_color:#a9b4be;--_ui5_checkbox_label_offset:0.6875rem;--_ui5_checkbox_focus_outline_display:none;--_ui5_color-palette-item-container-sides-padding:0.3125rem;--_ui5_color-palette-item-container-rows-padding:0.6875rem;--_ui5_color-palette-item-focus-height:1.5rem;--_ui5_color-palette-item-container-padding:var(--_ui5_color-palette-item-container-sides-padding) var(--_ui5_color-palette-item-container-rows-padding);--_ui5_color-palette-item-hover-margin:0;--_ui5_color-palette-row-height:9.5rem;--_ui5_color-palette-button-height:3rem;--_ui5_datepicker_icon_border:none;--_ui5-datepicker_border_radius:0;--_ui5-datepicker_border_radius:8px;--_ui5-datepicker-hover-background:#fff;--_ui5_daypicker_item_margin:2px;--_ui5_daypicker_item_border:none;--_ui5_daypicker_item_selected_border_color:var(--sapList_Background);--_ui5_daypicker_daynames_container_height:2rem;--_ui5_daypicker_weeknumbers_container_padding_top:2rem;--_ui5_daypicker_item_othermonth_background_color:var(--sapList_Background);--_ui5_daypicker_item_othermonth_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_othermonth_hover_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_border_radius:0;--_ui5_daypicker_item_now_inner_border_radius:0;--_ui5_daypicker_dayname_color:var(--sapContent_LabelColor);--_ui5_daypicker_weekname_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_outline_width:1px;--_ui5_daypicker_item_outline_offset:1px;--_ui5_daypicker_item_now_outline_offset:1px;--_ui5_daypicker_item_now_selected_outline_offset:2px;--_ui5_daypicker_item_now_focus_after_width:calc(100% - 0.25rem);--_ui5_daypicker_item_now_focus_after_height:calc(100% - 0.25rem);--_ui5_daypicker_item_now_selected_focus_after_width:calc(100% - 0.375rem);--_ui5_daypicker_item_now_selected_focus_after_height:calc(100% - 0.375rem);--_ui5_daypicker_item_border_radius:0.25rem;--_ui5_daypicker_item_now_inner_border_radius:0.125rem;--_ui5_dialog_resize_handle_color:var(--sapButton_Lite_TextColor);--_ui5_dialog_header_focus_width:0.0625rem;--_ui5_dialog_header_focus_offset:-0.1875rem;--ui5-group-header-listitem-background-color:var(--sapList_GroupHeaderBackground);--_ui5_input_width:13.125rem;--_ui5_input_height:2.5rem;--_ui5_input_compact_height:1.625rem;--_ui5-input-hover-border:1px solid var(--sapField_Hover_BorderColor);--_ui5-input-hover-box-shadow:none;--_ui5-input-background-color:var(--sapField_Background);--_ui5-input-border-radius:var(--sapField_BorderCornerRadius);--_ui5-input-border:2px solid transparent;--_ui5-input-placeholder-style:italic;--_ui5-input-placeholder-color:var(--sapField_PlaceholderTextColor);--_ui5-input-bottom-border-height:0;--_ui5-input-bottom-border-color:transparent;--_ui5-input-focused-border-color:var(--sapField_Hover_BorderColor);--_ui5-input-focus-outline:var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5-input-focus-outline-offset:-3px;--_ui5_input_state_border_width:0.125rem;--_ui5-input-information_border_width:0.125rem;--_ui5_input_error_font_weight:normal;--_ui5_input_focus_border_width:1px;--_ui5_input_error_warning_border_style:solid;--_ui5_input_error_warning_font_style:inherit;--_ui5_input_disabled_color:var(--sapContent_DisabledTextColor);--_ui5_input_disabled_font_weight:normal;--_ui5_input_disabled_border_color:var(--sapField_ReadOnly_BorderColor);--_ui5-input-disabled-background:var(--sapField_ReadOnly_Background);--_ui5_input_readonly_border_color:var(--sapField_ReadOnly_BorderColor);--_ui5-input-readonly-background:var(--sapField_ReadOnly_Background);--_ui5_input_icon_padding:0.625rem .6875rem;--_ui5_input_disabled_opacity:0.5;--_ui5_input_icon_min_width:2.375rem;--_ui5_input_compact_min_width:2rem;--_ui5-input-value-state-outline:var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5-input-value-state-outline-offset:-4px;--_ui5-input-transition:none;--_ui5-input-value-state-icon-display:none;--_ui5-input-focused-value-state-error-background:var(--sapField_InvalidBackground);--_ui5-input-focused-value-state-warning-background:var(--sapField_WarningBackground);--_ui5-input-focused-value-state-success-background:var(--sapField_SuccessBackground);--_ui5-input-focused-value-state-information-background:var(--sapField_InformationBackground);--_ui5-input-value-state-error-border-color:var(--sapField_InvalidColor);--_ui5-input-focused-value-state-error-border-color:var(--sapField_InvalidColor);--_ui5-input-value-state-warning-border-color:var(--sapField_WarningColor);--_ui5-input-focused-value-state-warning-border-color:var(--sapField_WarningColor);--_ui5-input-value-state-success-border-color:var(--sapField_SuccessColor);--_ui5-input-focused-value-state-success-border-color:var(--sapField_SuccessColor);--_ui5-input-value-state-success-border-width:1px;--_ui5-input-value-state-information-border-color:var(--sapField_InformationColor);--_ui5-input-focused-value-state-information-border-color:var(--sapField_InformationColor);--_ui5-input-value-state-information-border-width:1px;--_ui5_input_height:2.25rem;--_ui5_input_disabled_opacity:0.4;--_ui5_input_disabled_border_color:transparent;--_ui5-input-disabled-background:var(--sapNeutralBackground);--_ui5-input-readonly-background:var(--sapNeutralBackground);--_ui5_input_readonly_border_color:transparent;--_ui5-input-hover-border:2px solid transparent;--_ui5-input-hover-box-shadow:0 0 2px rgb(131 150 168/16%),0 8px 16px rgb(131 150 168/16%);--_ui5-input-border-radius:8px;--_ui5-input-placeholder-style:normal;--_ui5-input-placeholder-color:var(--sapNeutralColor);--_ui5-input-bottom-border-height:2px;--_ui5-input-bottom-border-color:var(--sapNeutralColor);--_ui5-input-focused-border-color:#1890ff;--_ui5-input-focus-outline:none;--_ui5-input-focus-outline-offset:0;--_ui5-input-value-state-outline:none;--_ui5-input-value-state-outline-offset:none;--_ui5-input-transition:all .2s ease-in-out;--_ui5-input-focused-value-state-error-background:#fff;--_ui5-input-focused-value-state-warning-background:#fff;--_ui5-input-focused-value-state-success-background:#fff;--_ui5-input-focused-value-state-information-background:#fff;--_ui5-input-value-state-icon-display:flex;--_ui5-input-value-state-error-border-botom-color:#d20a0a;--_ui5-input-value-state-error-border-color:transparent;--_ui5-input-focused-value-state-error-border-color:var(--_ui5-input-focused-border-color);--_ui5-input-value-state-error-box-shadow:0 0 2px rgba(245,40,40,0.16),0 8px 16px rgba(245,40,40,0.16);--_ui5-input-value-state-warning-border-botom-color:#c35500;--_ui5-input-value-state-warning-border-color:transparent;--_ui5-input-focused-value-state-warning-border-color:var(--_ui5-input-focused-border-color);--_ui5-input-value-state-warning-box-shadow:0 0 2px rgba(255,179,0,0.16),0 8px 16px rgba(255,179,0,0.16);--_ui5-input-value-state-success-border-botom-color:#36a41d;--_ui5-input-value-state-success-border-color:transparent;--_ui5-input-focused-value-state-success-border-color:var(--_ui5-input-focused-border-color);--_ui5-input-value-state-success-box-shadow:0 0 2px rgba(131,150,168,0.16),0 8px 16px rgba(131,150,168,0.16);--_ui5-input-value-state-success-border-width:2px;--_ui5-input-value-success-information-border-botom-color:#0070f2;--_ui5-input-value-state-information-border-color:transparent;--_ui5-input-focused-value-state-information-border-color:var(--_ui5-input-focused-border-color);--_ui5-input-value-state-information-box-shadow:0 0 2px rgba(27,144,255,0.16),0 8px 16px rgba(27,144,255,0.16);--_ui5-input-value-state-information-border-width:2px;--_ui5_input_icon_padding:.5625rem .6875rem;--_ui5_input_icon_color:var(--sapContent_IconColor);--_ui5_input_icon_pressed_color:var(--sapButton_Active_TextColor);--_ui5_input_icon_pressed_bg:var(--sapButton_Selected_Background);--_ui5_input_icon_hover_bg:var(--sapButton_Lite_Hover_Background);--_ui5_input_icon_border_radius:0;--_ui5_input_icon_color:var(--sapNeutralColor);--_ui5_input_icon_pressed_color:var(--sapNeutralColor);--_ui5_input_icon_pressed_bg:transparent;--_ui5_input_icon_hover_bg:transparent;--_ui5_input_icon_border_radius:0.5rem;--_ui5_link_opacity:0.5;--_ui5_link_opacity:0.4;--_ui5_link_text_decoration:none;--_ui5_link_hover_text_decoration:underline;--ui5_list_footer_text_color:var(--sapPageFooter_TextColor);--ui5_list_footer_text_color:var(--sapTextColor);--ui5-listitem-background-color:var(--sapList_Background);--ui5-listitem-border-bottom:1px solid var(--sapList_BorderColor);--ui5-listitem-selected-border-bottom:1px solid var(--sapList_SelectionBorderColor);--_ui5_listitembase_focus_width:1px;--_ui5-listitembase_disabled_opacity:0.5;--_ui5_product_switch_item_border:none;--_ui5_monthpicker_item_border_radius:0;--_ui5_monthpicker_item_border:none;--_ui5_monthpicker_item_margin:1px;--_ui5_monthpicker_item_focus_after_width:calc(100% - 0.375rem);--_ui5_monthpicker_item_focus_after_height:calc(100% - 0.375rem);--_ui5_monthpicker_item_focus_after_border:1px dotted var(--sapContent_FocusColor);--_ui5_monthpicker_item_focus_after_offset:2px;--_ui5_monthpicker_item_border_radius:0.25rem;--_ui5_messagestrip_icon_width:2.5rem;--_ui5_messagestrip_border_radius:0.1875rem;--_ui5_messagestrip_button_border_width:0;--_ui5_messagestrip_button_border_style:none;--_ui5_messagestrip_button_border_color:transparent;--_ui5_messagestrip_button_border_radius:0;--_ui5_messagestrip_padding:0.4375rem 2.5rem 0.4375rem 2.5rem;--_ui5_messagestrip_padding_no_icon:0.4375rem 2.5rem 0.4375rem 1rem;--_ui5_messagestrip_button_height:1.625rem;--_ui5_messagestrip_border_width:1px;--_ui5_messagestrip_close_button_border:none;--_ui5_messagestrip_close_button_size:1.625rem;--_ui5_messagestrip_icon_top:0.4375rem;--_ui5_messagestrip_focus_width:1px;--_ui5_messagestrip_focus_offset:-2px;--_ui5_panel_focus_border:1px dotted var(--sapContent_FocusColor);--_ui5_panel_header_height:3rem;--_ui5_panel_button_root_width:3rem;--_ui5_panel_header_height:2.75rem;--_ui5_panel_button_root_width:2.75rem;--_ui5_popup_content_padding:.4375em;--_ui5_popup_viewport_margin:10px;--_ui5-popup-border-radius:0.25rem;--_ui5-popover-margin-top:8px;--_ui5-popover-margin-bottom:-8px;--_ui5-popup-border-radius:.5rem;--_ui5_progress_indicator_value_state_none:var(--sapNeutralElementColor);--_ui5_progress_indicator_value_state_error:var(--sapNegativeElementColor);--_ui5_progress_indicator_value_state_warning:var(--sapCriticalElementColor);--_ui5_progress_indicator_value_state_success:var(--sapPositiveElementColor);--_ui5_progress_indicator_value_state_information:var(--sapInformativeElementColor);--_ui5_progress_indicator_color:var(--sapTextColor);--_ui5_progress_indicator_bar_color:var(--sapContent_ContrastTextColor);--_ui5_progress_indicator_border:0.0625rem solid var(--sapField_BorderColor);--_ui5_progress_indicator_bar_border_max:none;--_ui5_progress_indicator_icon_visibility:none;--_ui5_radio_button_min_width:2.75rem;--_ui5_radio_button_min_width_compact:2rem;--_ui5_radio_button_hover_fill:var(--sapField_Hover_Background);--_ui5_radio_button_border_width:1px;--_ui5_radio_button_checked_fill:var(--sapSelectedColor);--_ui5_radio_button_checked_error_fill:var(--sapField_InvalidColor);--_ui5_radio_button_checked_warning_fill:var(--sapField_TextColor);--_ui5_radio_button_warning_error_border_dash:0;--_ui5_radio_button_outer_ring_color:var(--sapField_BorderColor);--_ui5_radio_button_outer_ring_width:1;--_ui5_radio_button_outer_ring_bg:var(--sapField_Background);--_ui5_radio_button_outer_ring_hover_color:var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_active_color:var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_checked_hover_color:var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_padding:0 0.625rem;--_ui5_radio_button_outer_ring_padding_with_label:0 0.625rem;--_ui5_radio_button_outer_ring_padding_rtl:0 0.625rem;--_ui5_radio_button_border_radius:0;--_ui5_radio_button_border:none;--_ui5_radio_button_focus_border:none;--_ui5_radio_button_focus_outline:block;--_ui5_radio_button_hover_shadow:none;--_ui5_radio_button_transition:none;--_ui5_radio_button_hover_background:inherit;--_ui5_radio_button_color:var(--sapField_BorderColor);--_ui5_radio_button_label_offset:1px;--_ui5_radio_button_label_color:var(--sapContent_LabelColor);--_ui5_radio_button_items_align:unset;--_ui5_radio_button_inner_width:initial;--_ui5_radio_button_height:2rem;--_ui5_radio_button_inner_size:100%;--_ui5_radio_button_svg_size:1.25rem;--_ui5_radio_button_checked_fill:var(--sapContent_FocusColor);--_ui5_radio_button_color:var(--sapNeutralColor);--_ui5_radio_button_outer_ring_color:var(--sapContent_FocusColor);--_ui5_radio_button_outer_ring_hover_color:#475e75;--_ui5_radio_button_outer_ring_active_color:#354a5f;--_ui5_radio_button_outer_ring_checked_hover_color:var(--sapContent_FocusColor);--_ui5_radio_button_outer_ring_width:2;--_ui5_radio_button_outer_ring_bg:var(--sapHighlightTextColor);--_ui5_radio_button_outer_ring_padding:0 0.375rem;--_ui5_radio_button_outer_ring_padding_with_label:0 0.625rem 0 0.375rem;--_ui5_radio_button_outer_ring_padding_rtl:0 0.375rem 0 0.625rem;--_ui5_radio_button_border_radius:1rem;--_ui5_radio_button_border:0.125rem solid transparent;--_ui5_radio_button_focus_border:0.125rem solid var(--sapContent_FocusColor);--_ui5_radio_button_focus_outline:none;--_ui5_radio_button_hover_shadow:0px 0px 2px rgba(131,150,168,0.16),0px 8px 16px rgba(131,150,168,0.16);--_ui5_radio_button_hover_background:var(--sapHighlightTextColor);--_ui5_radio_button_transition:all 0.2s ease-in-out;--_ui5_radio_button_label_offset:0.375rem;--_ui5_radio_button_label_color:var(--sapTitleColor);--_ui5_radio_button_items_align:center;--_ui5_radio_button_inner_width:100%;--_ui5_select_disabled_background:var(--sapField_Background);--_ui5_select_disabled_border_color:var(--sapField_BorderColor);--_ui5_select_state_error_warning_border_style:solid;--_ui5_select_state_error_warning_border_width:0.125rem;--_ui5_select_hover_icon_left_border:1px solid transparent;--_ui5_select_rtl_hover_icon_left_border:none;--_ui5_select_rtl_hover_icon_right_border:none;--_ui5_select_focus_width:1px;--_ui5_select_label_olor:var(--sapField_TextColor);--_ui5_select_label_olor:var(--sapTitleColor);--_ui5_switch_height:2.75rem;--_ui5_switch_width:3.875rem;--_ui5_switch_no_label_width:3.25rem;--_ui5_switch_outline:0;--_ui5_switch_compact_height:2rem;--_ui5_switch_compact_width:3.5rem;--_ui5_switch_compact_no_label_width:2.5rem;--_ui5_switch_focus_outline:1px dotted var(--sapContent_FocusColor);--_ui5-switch-root-border-radius:0;--_ui5-switch-root-box-shadow:none;--_ui5-switch-focus:\"\";--_ui5_switch_track_height:1.375rem;--_ui5_switch_track_no_label_height:1.25rem;--_ui5_switch_track_compact_no_label_height:1rem;--_ui5-switch-track-border:1px solid;--_ui5_switch_track_hover_border_color:var(--_ui5_switch_track_checked_border_color);--_ui5_switch_track_hover_background_color:var(--sapButton_Track_Background);--_ui5_switch_track_hover_checked_background_color:var(--sapButton_Track_Selected_Background);--_ui5-switch_track-on-hover-background:var(--_ui5-switch_track-on-background);--_ui5_switch_track_border_radius:0.75rem;--_ui5-switch_track-off-background:var(--sapButton_Track_Background);--_ui5-switch_track-on-background:var(--sapButton_Track_Selected_Background);--_ui5-switch_track-off-hover-color:var(--_ui5-switch_track-off-background);--_ui5-switch-track-transition:none;--_ui5_switch_disabled_opacity:.4;--_ui5_switch_track_disabled_checked_bg:var(--_ui5_switch_track_checked_bg);--_ui5_switch_track_disabled_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_track_disabled_semantic_checked_bg:var(--sapSuccessBackground);--_ui5_switch_track_disabled_semantic_checked_border_color:var(--sapSuccessBorderColor);--_ui5_switch_track_disabled_semantic_bg:var(--sapErrorBackground);--_ui5_switch_track_disabled_semantic_border_color:var(--sapErrorBorderColor);--_ui5_switch_handle_width:2rem;--_ui5_switch_handle_height:2rem;--_ui5_switch_handle_border_width:1px;--_ui5_switch_handle_border_radius:1rem;--_ui5_switch_handle_bg:var(--sapButton_TokenBackground);--_ui5_switch_handle_checked_bg:var(--sapButton_Selected_Background);--_ui5_switch_handle_checked_border_color:var(--sapButton_Selected_BorderColor);--_ui5_switch_handle_semantic_hover_bg:var(--sapErrorBackground);--_ui5_switch_handle_semantic_checked_hover_bg:var(--sapSuccessBackground);--_ui5_switch_handle_semantic_hover_border_color:var(--sapErrorBorderColor);--_ui5_switch_handle_semantic_checked_hover_border_color:var(--sapSuccessBorderColor);--_ui5_switch_handle_compact_width:1.625rem;--_ui5_switch_handle_compact_height:1.625rem;--_ui5-switch-handle-border:var(--_ui5_switch_handle_border_width) solid var(--sapContent_ForegroundBorderColor);--_ui5-switch-handle-left:-1px;--_ui5_switch_handle_disabled_bg:var(--_ui5_switch_handle_bg);--_ui5_switch_handle_disabled_checked_bg:var(--_ui5_switch_handle_checked_bg);--_ui5_switch_handle_disabled_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_handle_disabled_semantic_checked_bg:var(--sapButton_Background);--_ui5_switch_handle_disabled_semantic_checked_border_color:var(--sapSuccessBorderColor);--_ui5_switch_handle_disabled_semantic_border_color:var(--sapErrorBorderColor);--_ui5-switch-handle-icon-display:none;--_ui5-switch-slider-texts-display:inline;--_ui5_switch_text_on_semantic_color:var(--sapPositiveElementColor);--_ui5_switch_text_off_semantic_color:var(--sapNegativeElementColor);--_ui5_switch_text_disabled_color:var(--sapTextColor);--_ui5_switch_width:40px;--_ui5_switch_no_label_width:40px;--_ui5_switch_height:24px;--_ui5_switch_outline:-4px;--_ui5_switch_focus_size:calc(100% + 4px);--_ui5_switch_focus_outline:2px solid var(--sapContent_FocusColor);--_ui5-switch-root-border-radius:100px;--_ui5-switch-root-box-shadow:0 0 2px rgb(27 144 255/16%),0 8px 16px rgb(27 144 255/16%);--_ui5-switch-focus:none;--_ui5_switch_track_no_label_height:24px;--_ui5_switch_track_height:24px;--_ui5-switch-track-border:none;--_ui5-switch_track-off-background:var(--sapContent_ShadowColor);--_ui5-switch_track-on-background:#0070f2;--_ui5-switch-track-transition:all .2s ease-in-out;--_ui5_switch_track_disabled_checked_bg:var(--_ui5-switch_track-on-background);--_ui5-switch_track-on-hover-color:#0057d2;--_ui5_switch_disabled_opacity:1;--_ui5_switch_handle_width:25px;--_ui5_switch_handle_height:20px;--_ui5-switch-handle-border:none;--_ui5_switch_handle_bg:#fff;--_ui5-switch-handle-left:0.15625rem;--_ui5-switch-handle-icon-display:inline-block;--_ui5-switch-slider-texts-display:none;--_ui5-switch_track-off-hover-background:var(--sapNeutralColor);--_ui5-switch_track-on-hover-background:#0057d2;--_ui5-switch_track-off-active-background:var(--sapTile_TitleTextColor);--_ui5-switch_track-on-active-color:#0040b0;--_ui5_tc_header_height:4.6875rem;--_ui5_tc_header_height_compact:3.6875rem;--_ui5_tc_header_height_text_only:3rem;--_ui5_tc_header_height_text_with_additional_text:var(--_ui5_tc_header_height_text_only);--_ui5_tc_header_height_text_only_compact:2rem;--_ui5_tc_header_box_shadow:var(--sapContent_HeaderShadow);--_ui5_tc_header_border_bottom:0.125rem solid var(--sapObjectHeader_Background);--_ui5_tc_headeritem_padding:0 1rem;--_ui5_tc_headerItem_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_text_hover_color:var(--_ui5_tc_headerItem_color);--_ui5_tc_headeritem_text_selected_color:var(--sapSelectedColor);--_ui5_tc_headeritem_text_selected_hover_color:var(--sapSelectedColor);--_ui5_tc_headeritem_text_font_weight:normal;--_ui5_tc_headerItem_neutral_color:var(--sapNeutralColor);--_ui5_tc_headerItem_positive_color:var(--sapPositiveColor);--_ui5_tc_headerItem_negative_color:var(--sapNegativeColor);--_ui5_tc_headerItem_critical_color:var(--sapCriticalColor);--_ui5_tc_headerItem_neutral_border_color:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_border_color:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_border_color:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_border_color:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItem_neutral_selected_border_color:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_selected_border_color:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_selected_border_color:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_selected_border_color:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItem_transition:none;--_ui5_tc_headerItem_hover_border_visibility:hidden;--_ui5_tc_headerItemContent_border_radius:0;--_ui5_tc_headerItemContent_border_bottom:0.125rem solid var(--sapSelectedColor);--_ui5_tc_headerItemContent_border_bg:transparent;--_ui5_tc_headerItem_neutral_border_bg:transparent;--_ui5_tc_headerItem_positive_border_bg:transparent;--_ui5_tc_headerItem_negative_border_bg:transparent;--_ui5_tc_headerItem_critical_border_bg:transparent;--_ui5_tc_headerItem_hover_border_bg:transparent;--_ui5_tc_headerItem_hover_selected_hover_border_bg:transparent;--_ui5_tc_headerItemContent_border_height:0;--_ui5_tc_headerItemContent_offset:1rem;--_ui5_tc_headerItemContent_focus_offset:1rem;--_ui5_tc_headerItem_focus_border:1px dotted var(--sapContent_FocusColor);--_ui5_tc_headerItemContent_padding:0;--_ui5_tc_headerItemContent_focus_border:none;--_ui5_tc_headerItemContent_default_focus_border:none;--_ui5_tc_headerItemContent_focus_border_radius:0;--_ui5_tc_headerItemSemanticIcon_display:none;--_ui5_tc_overflowItem_neutral_color:var(--sapNeutralColor);--_ui5_tc_overflowItem_positive_color:var(--sapPositiveColor);--_ui5_tc_overflowItem_negative_color:var(--sapNegativeColor);--_ui5_tc_overflowItem_critical_color:var(--sapCriticalColor);--_ui5_tc_headerItemIcon_border:1px solid var(--sapHighlightColor);--_ui5_tc_headerItemIcon_color:var(--sapHighlightColor);--_ui5_tc_headerItemIcon_selected_background:var(--sapHighlightColor);--_ui5_tc_headerItemIcon_selected_color:var(--sapGroup_ContentBackground);--_ui5_tc_headerItemIcon_positive_selected_background:var(--sapPositiveColor);--_ui5_tc_headerItemIcon_negative_selected_background:var(--sapNegativeColor);--_ui5_tc_headerItemIcon_critical_selected_background:var(--sapCriticalColor);--_ui5_tc_headerItemIcon_neutral_selected_background:var(--sapNeutralColor);--_ui5_tc_headerItemIcon_semantic_selected_color:var(--sapGroup_ContentBackground);--_ui5_tc_content_border_bottom:0.125rem solid var(--sapObjectHeader_BorderColor);--_ui5_tc_header_height_text_with_additional_text:3.625rem;--_ui5_tc_header_box_shadow:none;--_ui5_tc_header_border_bottom:0.0625rem solid var(--sapObjectHeader_Background);--_ui5_tc_item_text_only_with_additional_text_height:3.625rem;--_ui5_tc_headeritem_padding:0;--_ui5_tc_headerItem_color:var(--sapNeutralTextColor);--_ui5_tc_headeritem_text_font_weight:bold;--_ui5_tc_headerItem_text_hover_color:var(--sapTile_TitleTextColor);--_ui5_tc_headeritem_text_selected_hover_color:var(--sapContent_Selected_TextColor);--_ui5_tc_headerItem_focus_border:none;--_ui5_tc_headerItem_transition:all 0.2s ease-in-out;--_ui5_tc_headerItemContent_border_radius:0.125rem;--_ui5_tc_headerItemContent_border_bottom:none;--_ui5_tc_headerItemContent_border_bg:var(--sapContent_FocusColor);--_ui5_tc_headerItem_neutral_border_bg:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_border_bg:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_border_bg:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_border_bg:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItem_hover_border_bg:var(--sapTile_TitleTextColor);--_ui5_tc_headerItem_hover_selected_hover_border_bg:var(--sapContent_Selected_TextColor);--_ui5_tc_headerItem_hover_border_visibility:visible;--_ui5_tc_headerItemContent_border_height:0.125rem;--_ui5_tc_headerItemContent_offset:0.25rem;--_ui5_tc_headerItemContent_focus_offset:0.25rem;--_ui5_tc_headerItemContent_padding:0.25rem 0.5rem;--_ui5_tc_headerItemContent_focus_border:0.125rem solid var(--sapContent_FocusColor);--_ui5_tc_headerItemContent_default_focus_border:0.125rem solid transparent;--_ui5_tc_headerItemContent_focus_border_radius:0.5rem;--_ui5_tc_overflowItem_default_color:var(--sapHighlightColor);--_ui5_tc_overflowItem_current_color:CurrentColor;--_ui5_tc_content_border_bottom:0.0625rem solid var(--sapObjectHeader_BorderColor);--_ui5_textarea_focus_after_width:1px;--_ui5_textarea_warning_border_style:solid;--_ui5_textarea_state_border_width:0.125rem;--_ui5_time_picker_border:0.0625rem solid transparent;--_ui5_toast_vertical_offset:3rem;--_ui5_toast_horizontal_offset:2rem;--_ui5_toast_background:var(--sapList_Background);--_ui5_toast_shadow:var(--sapContent_Shadow2);--_ui5_wheelslider_item_text_size:var(--sapFontSize);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapList_BorderColor);--_ui5_wheelslider_label_text_size:var(--sapFontSmallSize);--_ui5_wheelslider_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*2);--_ui5_wheelslider_mobile_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*4);--_ui5_wheelslider_label_text_color:var(--sapContent_LabelColor);--_ui5_wheelslider_height:240px;--_ui5_wheelslider_mobile_height:432px;--_ui5_wheelslider_item_width:48px;--_ui5_wheelslider_item_height:46px;--_ui5_wheelslider_arrows_visibility:hidden;--_ui5_wheelslider_item_background_color:var(--sapLegend_WorkingBackground);--_ui5_wheelslider_item_text_color:var(--sapTextColor);--_ui_wheelslider_item_hover_color:var(--sapButton_Emphasized_Hover_BorderColor);--_ui5_wheelslider_item_border_color:var(--sapList_Background);--_ui5_wheelslider_item_hovered_border_color:var(--sapList_Background);--_ui5_wheelslider_collapsed_item_text_color:var(--_ui5_wheelslider_item_border_color);--_ui5_wheelslider_selected_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapButton_Emphasized_Hover_BorderColor);--_ui5_wheelslider_active_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_active_item_text_color:var(--sapContent_Selected_TextColor);--_ui5_wheelslider_selection_frame_color:var(--sapList_SelectionBorderColor);--_ui_wheelslider_item_border_radius:var(--_ui5_button_border_radius);--_ui5_toggle_button_pressed_focussed:var(--sapButton_Selected_BorderColor);--_ui5_toggle_button_pressed_focussed_hovered:var(--sapButton_Selected_BorderColor);--_ui5_yearpicker_item_selected_focus:var(--sapContent_Selected_Background);--_ui5_yearpicker_item_border:none;--_ui5_yearpicker_item_border_radius:0;--_ui5_yearpicker_item_margin:1px;--_ui5_yearpicker_item_focus_after_width:calc(100% - 0.375rem);--_ui5_yearpicker_item_focus_after_height:calc(100% - 0.375rem);--_ui5_yearpicker_item_focus_after_border:1px dotted var(--sapContent_FocusColor);--_ui5_yearpicker_item_focus_after_offset:2px;--_ui5_yearpicker_item_border_radius:0.25rem;--_ui5_calendar_header_arrow_button_border:none;--_ui5_calendar_header_arrow_button_border_radius:0.25rem;--_ui5_calendar_header_middle_button_width:6.25rem;--_ui5_calendar_header_middle_button_flex:1 1 auto;--_ui5_calendar_header_middle_button_focus_border_radius:0.25rem;--_ui5_calendar_header_middle_button_focus_border:none;--_ui5_calendar_header_middle_button_focus_after_display:block;--_ui5_calendar_header_middle_button_focus_after_width:calc(100% - 0.25rem);--_ui5_calendar_header_middle_button_focus_after_height:calc(100% - 0.25rem);--_ui5_calendar_header_middle_button_focus_after_top_offset:1px;--_ui5_calendar_header_middle_button_focus_after_left_offset:1px;--_ui5_calendar_header_middle_button_focus_after_width:calc(100% - 0.375rem);--_ui5_calendar_header_middle_button_focus_after_height:calc(100% - 0.375rem);--_ui5_calendar_header_middle_button_focus_after_top_offset:0.125rem;--_ui5_calendar_header_middle_button_focus_after_left_offset:0.125rem;--ui5_table_header_row_outline_width:1px;--ui5_table_multiselect_column_width:2.75rem;--ui5_table_row_outline_width:1px;--_ui5_load_more_padding:0;--_ui5_load_more_border:1px top solid transparent;--_ui5_load_more_border_radius:none;--_ui5_load_more_outline_width:1px;--ui5_title_level_1Size:1.625rem;--ui5_title_level_2Size:1.375rem;--ui5_title_level_3Size:1.250rem;--ui5_title_level_4Size:1.125rem;--ui5_title_level_5Size:1rem;--ui5_title_level_6Size:0.875rem;--_ui5_token_background:var(--sapButton_Background);--_ui5_token_border_radius:0.125rem;--_ui5_token_text_color:var(--sapButton_TextColor);--_ui5_token_background:var(--sapButton_TokenBackground);--_ui5_token_border_radius:0.25rem;--_ui5_token_focus_outline_width:0.0625rem;--_ui5_token_text_color:var(--sapTextColor);--_ui5_token_icon_color:var(--sapContent_IconColor);--_ui5_value_state_message_border:none;--_ui5-multi_combobox_token_margin_top:3px;--_ui5-multi_combobox_token_margin_top:1px;--ui5-multi_bombobox_icon_border_top_right_radius:8px;--ui5-multi_bombobox_icon_border_bottom_right_radius:12px;--_ui5_slider_progress_container_background:var(--sapField_BorderColor);--_ui5_slider_progress_container_dot_display:none;--_ui5_slider_progress_border:none;--_ui5_slider_inner_height:0.25rem;--_ui5_slider_outer_height:1.6875rem;--_ui5_slider_progress_border_radius:0.25rem;--_ui5_slider_progress_background:var(--sapActiveColor);--_ui5_slider_handle_icon_display:none;--_ui5_slider_handle_height:1.625rem;--_ui5_slider_handle_width:1.625rem;--_ui5_slider_handle_border:solid 0.125rem var(--sapField_BorderColor);--_ui5_slider_handle_border_radius:1rem;--_ui5_slider_handle_box_shadow:none;--_ui5_slider_handle_box_shadow_focus:none;--_ui5_slider_handle_background:var(--sapButton_Background);--_ui5_slider_handle_top:-0.825rem;--_ui5_slider_handle_margin_left:-0.9725rem;--_ui5_slider_handle_hover_background:var(--sapButton_Hover_Background);--_ui5_slider_handle_hover_border:2px solid var(--sapButton_Hover_BorderColor);--_ui5_slider_handle_outline:1px dotted var(--sapContent_FocusColor);--_ui5_slider_handle_focus_border:var(--_ui5_slider_handle_hover_border);--_ui5_slider_handle_active_border:var(--_ui5_slider_handle_hover_border);--_ui5_slider_handle_outline_offset:0.075rem;--_ui5_range_slider_handle_hover_background:rgba(var(--sapButton_Background),0.25);--_ui5_slider_progress_outline:0.0625rem dotted var(--sapContent_FocusColor);--_ui5_slider_progress_outline_offset:-0.8125rem;--_ui5_slider_tickmark_color:#89919a;--_ui5_slider_tickmark_top:-0.375rem;--_ui5_slider_disabled_opacity:0.4;--_ui5_slider_tooltip_fontsize:var(--sapFontSmallSize);--_ui5_slider_tooltip_color:var(--sapContent_LabelColor);--_ui5_slider_tooltip_background:var(--sapField_Background);--_ui5_slider_tooltip_border_radius:var(--sapElement_BorderCornerRadius);--_ui5_slider_tooltip_border_color:var(--sapField_BorderColor);--_ui5_slider_tooltip_border:1px solid var(--_ui5_slider_tooltip_border_color);--_ui5_slider_tooltip_padding:0.4125rem;--_ui5_slider_tooltip_height:1rem;--_ui5_slider_tooltip_min_width:2rem;--_ui5_slider_tooltip_bottom:2rem;--_ui5_slider_label_fontsize:var(--sapFontSmallSize);--_ui5_slider_label_color:var(--sapContent_LabelColor);--_ui5_slider_progress_container_background:#d5dadd;--_ui5_slider_progress_container_dot_display:block;--_ui5_slider_inner_min_width:4rem;--_ui5_slider_progress_background:#1b90ff;--_ui5_slider_handle_background:#fff;--_ui5_range_slider_handle_background:#fff;--_ui5_range_slider_handle_hover_background:#fff;--_ui5_slider_handle_border:solid 1px rgba(27,144,255,0.12);--_ui5_slider_handle_border_radius:0.5rem;--_ui5_slider_handle_box_shadow:0 0.5rem 1rem rgba(27,144,255,0.16);--_ui5_slider_handle_top:-0.563rem;--_ui5_slider_handle_height:1.5rem;--_ui5_slider_handle_width:2rem;--_ui5_slider_handle_top:-0.75rem;--_ui5_slider_handle_hover_border:rgba(27,144,255,0.24);--_ui5_slider_tooltip_background:#fff;--_ui5_slider_tooltip_border:none;--_ui5_slider_tooltip_box_shadow:0 0.5rem 1rem 0 rgba(131,150,168,0.16),0 0 0.125rem 0 rgba(131,150,168,0.16);--_ui5_slider_tooltip_border_radius:0.75rem;--_ui5_slider_tooltip_color:#8396a8;--_ui5_slider_label_color:#8396a8}"}
1
+ {"_":{"packageName":"@ui5/webcomponents","fileName":"themes/sap_horizon_exp/parameters-bundle.css","content":":root{--_ui5_calendar_height:24.5rem;--_ui5_calendar_width:20.5rem;--_ui5_calendar_padding:0.75rem;--_ui5_calendar_header_height:3rem;--_ui5_calendar_header_arrow_button_width:2.5rem;--_ui5_calendar_header_padding:0.25rem 0;--_ui5_checkbox_root_side_padding:.6875rem;--_ui5_checkbox_icon_size:1rem;--_ui5_checkbox_partially_icon_size:.75rem;--_ui5_custom_list_item_height:3rem;--_ui5_custom_list_item_rb_min_width:2.75rem;--_ui5_day_picker_item_width:2.25rem;--_ui5_day_picker_item_height:2.875rem;--_ui5_day_picker_empty_height:3rem;--_ui5_day_picker_item_justify_content:space-between;--_ui5_color-palette-item-height:1.75rem;--_ui5_color-palette-item-hover-height:2.375rem;--_ui5_color-palette-item-margin:calc(var(--_ui5_color-palette-item-hover-height)/2 - var(--_ui5_color-palette-item-height)/2);--_ui5_color-palette-row-width:12rem;--_ui5_datetime_picker_width:40.0625rem;--_ui5_datetime_picker_height:25rem;--_ui5_datetime_timeview_phonemode_width:19.5rem;--_ui5_datetime_timeview_padding:1rem;--_ui5_dialog_content_min_height:2.75rem;--_ui5_input_inner_padding:0 0.625rem;--_ui5_input_inner_padding_with_icon:0 0.25rem 0 0.625rem;--_ui5_input_value_state_icon_padding:var(--_ui5-input-icon-padding);--_ui5_list_no_data_height:3rem;--_ui5_list_item_cb_margin_right:0;--_ui5_list_item_title_size:var(--sapFontLargeSize);--_ui5_list_item_img_size:3rem;--_ui5_list_item_img_margin:0.5rem 0.75rem 0.5rem 0rem;--_ui5_list_item_base_height:2.75rem;--_ui5_list_item_icon_size:1.125rem;--_ui5_group_header_list_item_height:2.75rem;--_ui5_list_busy_row_height:3rem;--_ui5_month_picker_item_height:3rem;--_ui5_popup_default_header_height:2.75rem;--_ui5_year_picker_item_height:3rem;--_ui5_tokenizer_root_padding:0.1875rem;--_ui5_token_height:1.625rem;--_ui5_token_icon_padding:0.25rem 0.5rem;--_ui5_token_wrapper_right_padding:0.3125rem;--_ui5_tl_bubble_padding:1rem;--_ui5_tl_indicator_before_bottom:-1.625rem;--_ui5_tl_padding:1rem 1rem 1rem .5rem;--_ui5_tl_li_margin_bottom:1.625rem;--_ui5_switch_focus_width_size_horizon_exp:calc(100% + 4px);--_ui5_switch_focus_height_size_horizon_exp:calc(100% + 4px);--_ui5_switch_text_on_left:calc(-100% + 1.9125rem);--_ui5_switch_slide_transform:translateX(100%) translateX(-1.875rem);--_ui5_switch_rtl_transform:translateX(1.875rem) translateX(-100%);--_ui5_switch_text_right:calc(-100% + 1.9125rem);--_ui5_tc_item_text:3rem;--_ui5_tc_item_height:4.75rem;--_ui5_tc_item_text_only_height:2.75rem;--_ui5_tc_item_text_only_with_additional_text_height:3.75rem;--_ui5_tc_item_text_line_height:normal;--_ui5_tc_item_icon_circle_size:2.75rem;--_ui5_tc_item_icon_size:1.25rem;--_ui5_tc_item_add_text_margin_top:0.375rem;--_ui5_textarea_padding:0.5625rem 0.6875rem;--_ui5_radio_button_height:2.75rem;--_ui5_radio_button_label_side_padding:.875rem;--_ui5_radio_button_focus_dist:.5rem;--_ui5_radio_button_inner_size:2.75rem;--_ui5_radio_button_svg_size:1.375rem;--_ui5_radio_button_label_width:calc(100% - 2.75rem);--_ui5_radio_button_rtl_focus_right:0.5rem;--_ui5-responsive_popover_header_height:2.75rem;--ui5_side_navigation_item_height:2.75rem;--_ui5_load_more_text_height:2.75rem;--_ui5_load_more_text_font_size:var(--sapFontMediumSize);--_ui5_load_more_desc_padding:0.375rem 2rem 0.875rem 2rem;--_ui5-tree-indent-step:1.5rem;--_ui5-tree-toggle-box-width:2.75rem;--_ui5-tree-toggle-box-height:2.25rem;--_ui5-tree-toggle-icon-size:1.0625rem;--_ui5_timeline_tli_indicator_before_bottom:-1.625rem;--_ui5_timeline_tli_indicator_before_right:-1.625rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom:-1.875rem;--_ui5_timeline_tli_indicator_before_without_icon_right:-1.9375rem;--_ui5_segmented_btn_border_radius:0.375rem}.sapUiSizeCompact,.ui5-content-density-compact,:root,[data-ui5-compact-size]{--_ui5_datetime_timeview_width:17rem;--_ui5_list_item_selection_btn_margin_top:calc(var(--_ui5_checkbox_wrapper_padding)*-1);--_ui5_token_icon_size:.75rem;--_ui5_token_wrapper_left_padding:0}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_button_base_height:1.625rem;--_ui5_button_base_padding:0.4375rem;--_ui5_button_base_min_width:2rem;--_ui5_button_icon_font_size:1rem;--_ui5_calendar_height:18rem;--_ui5_calendar_width:17.75rem;--_ui5_calendar_padding:0.5rem;--_ui5_calendar_header_height:2rem;--_ui5_calendar_header_arrow_button_width:2rem;--_ui5_calendar_header_padding:0;--_ui5_checkbox_root_side_padding:var(--_ui5_checkbox_wrapped_focus_padding);--_ui5_checkbox_wrapped_content_margin_top:var(--_ui5_checkbox_compact_wrapped_label_margin_top);--_ui5_checkbox_wrapped_focus_left_top_bottom_position:var(--_ui5_checkbox_compact_focus_position);--_ui5_checkbox_width_height:var(--_ui5_checkbox_compact_width_height);--_ui5_checkbox_wrapper_padding:var(--_ui5_checkbox_compact_wrapper_padding);--_ui5_checkbox_focus_position:var(--_ui5_checkbox_compact_focus_position);--_ui5_checkbox_inner_width_height:var(--_ui5_checkbox_compact_inner_size);--_ui5_checkbox_icon_size:.75rem;--_ui5_checkbox_partially_icon_size:.5rem;--_ui5_color-palette-item-height:1.25rem;--_ui5_color-palette-item-focus-height:1rem;--_ui5_color-palette-item-container-sides-padding:0.1875rem;--_ui5_color-palette-item-container-rows-padding:0.8125rem;--_ui5_color-palette-item-hover-height:1.625rem;--_ui5_color-palette-item-margin:calc(var(--_ui5_color-palette-item-hover-height)/2 - var(--_ui5_color-palette-item-height)/2);--_ui5_color-palette-row-width:8.125rem;--_ui5_color-palette-item-hover-margin:0;--_ui5_color-palette-row-height:7.5rem;--_ui5_color-palette-button-height:2rem;--_ui5_custom_list_item_height:2rem;--_ui5_custom_list_item_rb_min_width:2rem;--_ui5_daypicker_weeknumbers_container_padding_top:2rem;--_ui5_day_picker_item_width:2rem;--_ui5_day_picker_item_height:2rem;--_ui5_day_picker_empty_height:2.125rem;--_ui5_day_picker_item_justify_content:flex-end;--_ui5_datetime_picker_height:17rem;--_ui5_datetime_picker_width:34.0625rem;--_ui5_datetime_timeview_phonemode_width:18.5rem;--_ui5_datetime_timeview_padding:0.5rem;--_ui5_dialog_content_min_height:2.5rem;--_ui5_input_height:var(--_ui5_input_compact_height);--_ui5_input_inner_padding:0 0.5rem;--_ui5_input_icon_min_width:var(--_ui5_input_compact_min_width);--_ui5_input_icon_padding:.25rem .5rem;--_ui5_input_value_state_icon_padding:.1875rem .5rem;--_ui5_popup_default_header_height:2.5rem;--_ui5_textarea_padding:.1875rem .5rem;--_ui5_list_no_data_height:2rem;--_ui5_list_item_cb_margin_right:.5rem;--_ui5_list_item_title_size:var(--sapFontSize);--_ui5_list_item_img_margin:0.55rem 0.75rem 0.5rem 0rem;--_ui5_list_item_base_height:2rem;--_ui5_list_item_icon_size:1rem;--_ui5_list_busy_row_height:2rem;--_ui5_month_picker_item_height:2rem;--_ui5_panel_header_height:2rem;--_ui5_year_picker_item_height:2rem;--_ui5_tokenizer_root_padding:0.125rem;--_ui5_token_height:1.125rem;--_ui5_token_icon_padding:0.1rem 0.25rem;--_ui5_token_wrapper_right_padding:0.25rem;--_ui5_tl_bubble_padding:.5rem;--_ui5_tl_indicator_before_bottom:-.5rem;--_ui5_tl_padding:.5rem;--_ui5_tl_li_margin_bottom:.5rem;--_ui5_wheelslider_item_width:64px;--_ui5_wheelslider_item_height:32px;--_ui5_wheelslider_height:224px;--_ui5_wheelslider_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*2);--_ui5_wheelslider_arrows_visibility:visible;--_ui5_wheelslider_mobile_selection_frame_margin_top:128px;--_ui5_switch_height:var(--_ui5_switch_compact_height);--_ui5_switch_width:var(--_ui5_switch_compact_width);--_ui5_switch_handle_height:var(--_ui5_switch_handle_compact_height);--_ui5_switch_handle_width:var(--_ui5_switch_handle_compact_width);--_ui5_switch_text_on_left:calc(-100% + 1.5625rem);--_ui5_switch_slide_transform:translateX(100%) translateX(-1.5rem);--_ui5_switch_no_label_width:var(--_ui5_switch_compact_no_label_width);--_ui5_switch_no_label_width_horizon:var(--_ui5_switch_compact_no_label_width_horizon);--_ui5_switch_rtl_transform:translateX(-100%) translateX(1.5rem);--_ui5_switch_text_right:calc(-100% + 1.5625rem);--_ui5_switch_root_outline_top_bottom:var(--_ui5_switch_compact_root_outline_top_bottom);--_ui5_switch_root_outline_left_right:var(--_ui5_switch_compact_root_outline_left_right);--_ui5_switch_root_outline_top_bottom_horizon:var(--_ui5_switch_compact_root_outline_top_bottom_horizon);--_ui5_switch_root_outline_left_right_horizon:var(--_ui5_switch_compact_root_outline_left_right_horizon);--_ui5_switch_root_outline_top_bottom_hcb:var(--_ui5_switch_compact_root_outline_top_bottom_hcb);--_ui5_switch_root_outline_left_right_hcb:var(--_ui5_switch_compact_root_outline_left_right_hcb);--_ui5_tc_item_text:2rem;--_ui5_tc_item_text_line_height:1.325rem;--_ui5_tc_item_add_text_margin_top:0.3125rem;--_ui5_tc_header_height:var(--_ui5_tc_header_height_compact);--_ui5_tc_item_height:4rem;--_ui5_tc_item_icon_circle_size:2rem;--_ui5_tc_item_icon_size:1rem;--_ui5_radio_button_min_width:var(--_ui5_radio_button_min_width_compact);--_ui5_radio_button_height:2rem;--_ui5_radio_button_label_side_padding:.5rem;--_ui5_radio_button_focus_dist:.375rem;--_ui5_radio_button_inner_size:2rem;--_ui5_radio_button_svg_size:1rem;--_ui5_radio_button_label_width:calc(100% - 2rem + 1px);--_ui5_radio_button_rtl_focus_right:0.375rem;--_ui5-responsive_popover_header_height:2.5rem;--ui5_side_navigation_item_height:2rem;--_ui5_slider_handle_height:1.25rem;--_ui5_slider_handle_width:1.25rem;--_ui5_slider_handle_top:-0.6425rem;--_ui5_slider_handle_margin_left:-0.7825rem;--_ui5_slider_tooltip_height:1rem;--_ui5_slider_tooltip_padding:0.25rem;--_ui5_slider_tooltip_bottom:1.825rem;--_ui5_slider_progress_outline_offset:-0.625rem;--_ui5_slider_outer_height:1.3125rem;--_ui5_load_more_text_height:2.625rem;--_ui5_load_more_text_font_size:var(--sapFontSize);--_ui5_load_more_desc_padding:0 2rem 0.875rem 2rem;--_ui5-tree-indent-step:0.5rem;--_ui5-tree-toggle-box-width:2rem;--_ui5-tree-toggle-box-height:1.5rem;--_ui5-tree-toggle-icon-size:0.8125rem;--_ui5_timeline_tli_indicator_before_bottom:-0.5rem;--_ui5_timeline_tli_indicator_before_right:-0.5rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom:-0.75rem;--_ui5_timeline_tli_indicator_before_without_icon_right:-0.8125rem}:root{--ui5-avatar-initials-color:var(--sapContent_ImagePlaceholderForegroundColor);--ui5-avatar-initials-border:none;--ui5-avatar-accent1:var(--sapAccentColor1);--ui5-avatar-accent2:var(--sapAccentColor2);--ui5-avatar-accent3:var(--sapAccentColor3);--ui5-avatar-accent4:var(--sapAccentColor4);--ui5-avatar-accent5:var(--sapAccentColor5);--ui5-avatar-accent6:var(--sapAccentColor6);--ui5-avatar-accent7:var(--sapAccentColor7);--ui5-avatar-accent8:var(--sapAccentColor8);--ui5-avatar-accent9:var(--sapAccentColor9);--ui5-avatar-accent10:var(--sapAccentColor10);--ui5-avatar-placeholder:var(--sapContent_ImagePlaceholderBackground);--ui5-avatar-accent1-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent2-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent3-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent4-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent5-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent6-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent7-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent8-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent9-color:var(--ui5-avatar-initials-color);--ui5-avatar-accent10-color:var(--ui5-avatar-initials-color);--ui5-avatar-placeholder-color:var(--ui5-avatar-initials-color);--_ui5_avatar_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_avatar_focus_offset:1px;--_ui5_avatar_focus_width:1px;--_ui5_avatar_focus_color:var(--sapContent_FocusColor);--_ui5_avatar_fontsize_XS:0.75rem;--_ui5_avatar_fontsize_S:1.125rem;--_ui5_avatar_fontsize_M:1.625rem;--_ui5_avatar_fontsize_L:2rem;--_ui5_avatar_fontsize_XL:2.75rem;--ui5-badge-font-size:0.75em;--_ui5-badge-height:1rem;--_ui5-badge-border:0.0625em solid;--_ui5-badge-left-border:1px solid;--_ui5-badge-border-radius:0.5em;--_ui5-badge-text-transform:uppercase;--_ui5-badge-cursor:default;--_ui5_badge_pointer_events:none;--ui5-badge-color-scheme-1-background:var(--sapLegendBackgroundColor1);--ui5-badge-color-scheme-1-hover-background:var(--ui5-badge-color-scheme-1-background);--ui5-badge-color-scheme-1-border:var(--sapAccentColor1);--ui5-badge-color-scheme-1-color:var(--sapAccentColor1);--ui5-badge-color-scheme-2-background:var(--sapLegendBackgroundColor2);--ui5-badge-color-scheme-2-hover-background:var(--ui5-badge-color-scheme-2-background);--ui5-badge-color-scheme-2-border:var(--sapAccentColor2);--ui5-badge-color-scheme-2-color:var(--sapAccentColor2);--ui5-badge-color-scheme-3-background:var(--sapLegendBackgroundColor3);--ui5-badge-color-scheme-3-hover-background:var(--ui5-badge-color-scheme-3-background);--ui5-badge-color-scheme-3-border:var(--sapAccentColor3);--ui5-badge-color-scheme-3-color:var(--sapAccentColor3);--ui5-badge-color-scheme-4-background:var(--sapLegendBackgroundColor5);--ui5-badge-color-scheme-4-hover-background:var(--ui5-badge-color-scheme-4-background);--ui5-badge-color-scheme-4-border:var(--sapAccentColor4);--ui5-badge-color-scheme-4-color:var(--sapAccentColor4);--ui5-badge-color-scheme-5-background:var(--sapLegendBackgroundColor20);--ui5-badge-color-scheme-5-hover-background:var(--ui5-badge-color-scheme-5-background);--ui5-badge-color-scheme-5-border:var(--sapAccentColor5);--ui5-badge-color-scheme-5-color:var(--sapAccentColor5);--ui5-badge-color-scheme-6-background:var(--sapLegendBackgroundColor6);--ui5-badge-color-scheme-6-hover-background:var(--ui5-badge-color-scheme-6-background);--ui5-badge-color-scheme-6-border:var(--sapAccentColor6);--ui5-badge-color-scheme-6-color:var(--sapAccentColor6);--ui5-badge-color-scheme-7-background:var(--sapLegendBackgroundColor7);--ui5-badge-color-scheme-7-hover-background:var(--ui5-badge-color-scheme-7-background);--ui5-badge-color-scheme-7-border:var(--sapAccentColor7);--ui5-badge-color-scheme-7-color:var(--sapAccentColor7);--ui5-badge-color-scheme-8-background:var(--sapLegendBackgroundColor18);--ui5-badge-color-scheme-8-hover-background:var(--ui5-badge-color-scheme-8-background);--ui5-badge-color-scheme-8-border:var(--sapLegendColor18);--ui5-badge-color-scheme-8-color:var(--sapLegendColor18);--ui5-badge-color-scheme-9-background:var(--sapLegendBackgroundColor10);--ui5-badge-color-scheme-9-hover-background:var(--ui5-badge-color-scheme-9-background);--ui5-badge-color-scheme-9-border:var(--sapAccentColor10);--ui5-badge-color-scheme-9-color:var(--sapAccentColor10);--ui5-badge-color-scheme-10-background:var(--sapLegendBackgroundColor9);--ui5-badge-color-scheme-10-hover-background:var(--ui5-badge-color-scheme-10-background);--ui5-badge-color-scheme-10-border:var(--sapAccentColor9);--ui5-badge-color-scheme-10-color:var(--sapAccentColor9);--_ui5_button_base_min_width:2.5rem;--_ui5_button_base_min_compact_width:2rem;--_ui5_button_base_height:2.5rem;--_ui5_button_compact_height:1.625rem;--_ui5_button_border_radius:var(--sapButton_BorderCornerRadius);--_ui5_button_base_padding:0.6875rem;--_ui5_button_compact_padding:0.4375rem;--_ui5_button_base_icon_margin:0.563rem;--_ui5_button_icon_font_size:1.375rem;--_ui5_button_outline:1px dotted var(--sapContent_FocusColor);--_ui5_button_emphasized_outline:1px dotted var(--sapContent_FocusColor);--_ui5_button_outline_offset:-0.1875rem;--_ui5_button_emphasized_font_weight:normal;--_ui5_button_text_shadow:var(--sapContent_TextShadow);--_ui5_button_focus_offset:1px;--_ui5_button_focus_width:1px;--_ui5_button_focus_color:var(--sapContent_FocusColor);--_ui5_button_focus_outline_focus_color:var(--sapContent_ContrastFocusColor);--_ui5_button_positive_border_focus_hover_color:var(--sapContent_FocusColor);--_ui5_button_positive_focus_border_color:var(--sapButton_Accept_BorderColor);--_ui5_button_negative_focus_border_color:var(--sapButton_Reject_BorderColor);--_ui5_button_attention_focus_border_color:var(--sapButton_Negative_BorderColor);--_ui5_button_emphasized_focused_border_color:var(--sapButton_Emphasized_BorderColor);--_ui5_button_fontFamily:\"72override\",var(--sapFontFamily);--_ui5_button_emphasized_focused_border_radius:0;--_ui5_button_transparent_hover:transparent;--_ui5_button_base_min_width:2.25rem;--_ui5_button_base_height:2.25rem;--_ui5_button_base_padding:0.5625rem;--_ui5_button_base_icon_only_padding:0.5625rem;--_ui5_button_base_icon_margin:0.375rem;--_ui5_button_icon_font_size:1rem;--_ui5_button_emphasized_font_weight:bold;--_ui5_button_text_shadow:none;--_ui5-badge-height:1.5rem;--_ui5-badge-border:none;--_ui5-badge-left-border:2px solid transparent;--_ui5-badge-border-radius:.25rem;--_ui5-badge-font-weight:bold;--_ui5-badge-font-weight:400;--_ui5-badge-text-transform:none;--_ui5-badge-cursor:pointer;--ui5-badge-color-scheme-1-background:var(--sapNeutralBackground);--ui5-badge-color-scheme-1-hover-background:#fff;--ui5-badge-color-scheme-1-border:var(--sapContent_ForegroundBorderColor);--ui5-badge-color-scheme-1-color:#4d5e71;--ui5-badge-color-scheme-1-shadow:0 0 2px var(--sapNeutralBackground),0 4px 8px var(--sapNeutralBackground);--ui5-badge-color-scheme-1-active-shadow:0 2px 4px rgba(131,150,168,0.16),0 0 2px 0 rgba(131,150,168,0.16);--ui5-badge-color-scheme-1-active-color:#354a5f;--ui5-badge-color-scheme-2-background:var(--sapInformationBackground);--ui5-badge-color-scheme-2-hover-background:#fff;--ui5-badge-color-scheme-2-border:#1890ff;--ui5-badge-color-scheme-2-color:var(--sapContent_Selected_TextColor);--ui5-badge-color-scheme-2-shadow:0 0 2px var(--sapInformationBackground),0 4px 8px var(--sapInformationBackground);--ui5-badge-color-scheme-2-active-shadow:0 2px 4px rgba(27,144,255,0.16),0 0 2px 0 rgba(27,144,255,0.16);--ui5-badge-color-scheme-2-active-color:#0040b0;--ui5-badge-color-scheme-3-background:#dafdf5;--ui5-badge-color-scheme-3-hover-background:#fff;--ui5-badge-color-scheme-3-border:var(--sapChart_Sequence_6);--ui5-badge-color-scheme-3-color:#046c7a;--ui5-badge-color-scheme-3-shadow:0 0 2px #dafdf5,0 4px 8px #dafdf5;--ui5-badge-color-scheme-3-active-shadow:0 2px 4px rgba(4,172,167,0.16),0 0 2px 0 rgba(4,172,167,0.16);--ui5-badge-color-scheme-3-active-color:#035663;--ui5-badge-color-scheme-4-background:var(--sapSuccessBackground);--ui5-badge-color-scheme-4-hover-background:#fff;--ui5-badge-color-scheme-4-border:var(--sapChart_Good);--ui5-badge-color-scheme-4-color:var(--sapButton_Accept_TextColor);--ui5-badge-color-scheme-4-shadow:0 0 2px var(--sapSuccessBackground),0 4px 8px var(--sapSuccessBackground);--ui5-badge-color-scheme-4-active-shadow:0 2px 4px rgba(93,193,34,0.16),0 0 2px 0 rgba(93,193,34,0.16);--ui5-badge-color-scheme-4-active-color:#1e592f;--ui5-badge-color-scheme-5-background:var(--sapWarningBackground);--ui5-badge-color-scheme-5-hover-background:#fff;--ui5-badge-color-scheme-5-border:var(--sapAccentColor1);--ui5-badge-color-scheme-5-color:var(--sapCriticalTextColor);--ui5-badge-color-scheme-5-shadow:0 0 2px var(--sapWarningBackground),0 4px 8px var(--sapWarningBackground);--ui5-badge-color-scheme-5-active-shadow:0 2px 4px rgba(255,179,0,0.16),0 0 2px 0 rgba(255,179,0,0.16);--ui5-badge-color-scheme-5-active-color:#8d2a00;--ui5-badge-color-scheme-6-background:var(--sapErrorBackground);--ui5-badge-color-scheme-6-hover-background:#fff;--ui5-badge-color-scheme-6-border:#ee3939;--ui5-badge-color-scheme-6-color:var(--sapButton_Reject_TextColor);--ui5-badge-color-scheme-6-shadow:0 0 2px var(--sapErrorBackground),0 4px 8px var(--sapErrorBackground);--ui5-badge-color-scheme-6-active-shadow:0 2px 4px rgba(245,40,40,0.16),0 0 2px 0 rgba(245,40,40,0.16);--ui5-badge-color-scheme-6-active-color:#840606;--ui5-badge-color-scheme-7-background:#fff0fa;--ui5-badge-color-scheme-7-hover-background:#fff;--ui5-badge-color-scheme-7-border:#f31ded;--ui5-badge-color-scheme-7-color:#a100c2;--ui5-badge-color-scheme-7-shadow:0 0 2px #fff0fa,0 4px 8px #fff0fa;--ui5-badge-color-scheme-7-active-shadow:0 2px 4px rgba(252,0,245,0.16),0 0 2px 0 rgba(252,0,245,0.16);--ui5-badge-color-scheme-7-active-color:#7800a4;--ui5-badge-color-scheme-8-background:#f1ecff;--ui5-badge-color-scheme-8-hover-background:#fff;--ui5-badge-color-scheme-8-border:#9b76ff;--ui5-badge-color-scheme-8-color:#5d36ff;--ui5-badge-color-scheme-8-shadow:0 0 2px #f1ecff,0 4px 8px #f1ecff;--ui5-badge-color-scheme-8-active-shadow:0 2px 4px rgba(155,118,255,0.16),0 0 2px 0 rgba(155,118,255,0.16);--ui5-badge-color-scheme-8-active-color:#470ced;--ui5-badge-color-scheme-9-background:var(--ui5-badge-color-scheme-1-background);--ui5-badge-color-scheme-9-hover-background:#fff;--ui5-badge-color-scheme-9-border:var(--ui5-badge-color-scheme-1-border);--ui5-badge-color-scheme-9-color:var(--ui5-badge-color-scheme-1-color);--ui5-badge-color-scheme-9-shadow:var(--ui5-badge-color-scheme-1-shadow);--ui5-badge-color-scheme-9-active-shadow:var(--ui5-badge-color-scheme-1-active-shadow);--ui5-badge-color-scheme-9-active-color:var(--ui5-badge-color-scheme-1-active-color);--ui5-badge-color-scheme-10-background:var(--ui5-badge-color-scheme-2-background);--ui5-badge-color-scheme-10-hover-background:#fff;--ui5-badge-color-scheme-10-border:var(--ui5-badge-color-scheme-2-border);--ui5-badge-color-scheme-10-color:var(--ui5-badge-color-scheme-2-color);--ui5-badge-color-scheme-10-shadow:var(--ui5-badge-color-scheme-2-shadow);--ui5-badge-color-scheme-10-active-shadow:var(--ui5-badge-color-scheme-2-active-shadow);--ui5-badge-color-scheme-10-active-color:var(--ui5-badge-color-scheme-2-active-color);--_ui5_card_box_shadow:var(--sapContent_Shadow0);--_ui5_card_hover_box_shadow:var(--_ui5_card_box_shadow);--_ui5_card_border_color:var(--sapTile_BorderColor);--_ui5_card_border-radius:.25rem;--_ui5_card_content_padding:1rem;--_ui5_card_header_hover_bg:var(--sapList_Hover_Background);--_ui5_card_header_active_bg:var(--_ui5_card_header_hover_bg);--_ui5_card_header_border_color:var(--sapTile_SeparatorColor);--_ui5_card_header_focus_border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_card_header_focus_radius:0px;--_ui5_card_header_focus_bottom_radius:0px;--_ui5_card_header_focus_offset:1px;--_ui5_card_header_title_font_family:\"72override\",var(--sapFontFamily);--_ui5_card_header_title_font_size:var(--sapFontHeader5Size);--_ui5_card_header_title_font_weight:normal;--ui5_carousel_button_size:2.5rem;--ui5_carousel_height:0.25rem;--ui5_carousel_width:0.25rem;--ui5_carousel_margin:0 0.375rem;--ui5_carousel_border:1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_dot_border:none;--ui5_carousel_dot_background:var(--sapContent_NonInteractiveIconColor);--_ui5_checkbox_wrapper_padding:.8125rem;--_ui5_checkbox_width_height:3rem;--_ui5_checkbox_box_shadow:none;--_ui5_checkbox_transition:unset;--_ui5_checkbox_focus_border:none;--_ui5_checkbox_border_radius:0;--_ui5_checkbox_hover_background:var(--sapField_Hover_Background);--_ui5_checkbox_active_background:var(--sapField_Hover_Background);--_ui5_checkbox_checkmark_warning_color:var(--sapField_TextColor);--_ui5_checkbox_checkmark_color:var(--sapSelectedColor);--_ui5_checkbox_focus_position:.6875rem;--_ui5_checkbox_focus_outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_checkbox_focus_border_radius:0;--_ui5_checkbox_outer_hover_background:transparent;--_ui5_checkbox_inner_width_height:1.375rem;--_ui5_checkbox_inner_border:solid .125rem var(--sapField_BorderColor);--_ui5_checkbox_inner_hover_border_color:var(--sapField_HoverBorderColor);--_ui5_checkbox_inner_hover_checked_border_color:var(--sapField_HoverBorderColor);--_ui5_checkbox_inner_selected_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_disabled_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_active_border_color:var(--sapField_BorderColor);--_ui5_checkbox_inner_border_radius:0;--_ui5_checkbox_inner_error_border:0.125rem solid var(--sapField_InvalidColor);--_ui5_checkbox_inner_warning_border:0.125rem solid var(--sapField_WarningColor);--_ui5_checkbox_inner_information_border:0.125rem solid var(--sapField_InformationColor);--_ui5_checkbox_inner_information_box_shadow:none;--_ui5_checkbox_inner_warning_box_shadow:none;--_ui5_checkbox_inner_error_box_shadow:none;--_ui5_checkbox_inner_success_box_shadow:none;--_ui5_checkbox_inner_default_box_shadow:none;--_ui5_checkbox_inner_warning_background_hover:var(--sapField_WarningBackground);--_ui5_checkbox_inner_error_background_hover:var(--sapField_InvalidBackground);--_ui5_checkbox_inner_success_background_hover:var(--sapField_SuccessBackground);--_ui5_checkbox_inner_information_background_hover:var(--sapField_InformationBackground);--_ui5_checkbox_inner_success_border:var(--sapField_BorderWidth) solid var(--sapField_SuccessColor);--_ui5_checkbox_inner_background:var(--sapField_Background);--_ui5_checkbox_wrapped_focus_padding:.375rem;--_ui5_checkbox_wrapped_content_margin_top:.125rem;--_ui5_checkbox_wrapped_focus_left_top_bottom_position:.5625rem;--_ui5_checkbox_compact_wrapper_padding:.5rem;--_ui5_checkbox_compact_width_height:2rem;--_ui5_checkbox_compact_inner_size:1rem;--_ui5_checkbox_compact_focus_position:.375rem;--_ui5_checkbox_compact_wrapped_label_margin_top:-1px;--_ui5_checkbox_label_color:var(--sapContent_LabelColor);--_ui5_checkbox_label_offset_left:var(--_ui5_checkbox_wrapper_padding);--_ui5_checkbox_label_offset_right:0;--_ui5_checkbox_disabled_label_color:var(--sapContent_LabelColor);--_ui5_checkbox_default_focus_border:none;--_ui5_checkbox_focus_outline_display:block;--_ui5_checkbox_wrapper_padding:0.4375rem;--_ui5_checkbox_inner_width_height:1.25rem;--_ui5_checkbox_width_height:1.75rem;--_ui5_checkbox_icon_size:0.875rem;--_ui5_checkbox_partially_icon_size:.5rem;--_ui5_checkbox_checkmark_color:var(--sapContent_FocusColor);--_ui5_checkbox_focus_border:0.125rem solid var(--sapContent_FocusColor);--_ui5_checkbox_default_focus_border:0.125rem solid transparent;--_ui5_checkbox_box_shadow:0 0 2px rgb(131 150 168/16%),0 8px 16px rgb(131 150 168/16%);--_ui5_checkbox_border_radius:0.5rem;--_ui5_checkbox_transition:all 0.2s ease-in-out;--_ui5_checkbox_inner_border:0.125rem solid var(--sapNeutralColor);--_ui5_checkbox_hover_background:var(--sapHighlightTextColor);--_ui5_checkbox_outer_hover_background:var(--sapHighlightTextColor);--_ui5_checkbox_inner_hover_border_color:#475e75;--_ui5_checkbox_inner_hover_checked_border_color:var(--sapContent_FocusColor);--_ui5_checkbox_inner_disabled_border_color:#a9b4be;--_ui5_checkbox_inner_active_border_color:#354a5f;--_ui5_checkbox_focus_position:0.5625rem;--_ui5_checkbox_inner_border_radius:0.25rem;--_ui5_checkbox_inner_success_border:0.125rem solid var(--sapField_SuccessColor);--_ui5_checkbox_inner_readonly_border:0.125rem solid var(--sapField_ReadOnly_BorderColor);--_ui5_checkbox_inner_background:var(--sapHighlightTextColor);--_ui5_checkbox_inner_selected_border_color:var(--sapContent_FocusColor);--_ui5_checkbox_wrapped_content_margin_top:0;--_ui5_checkbox_wrapped_focus_padding:.5rem;--_ui5_checkbox_compact_wrapped_label_margin_top:-0.125rem;--_ui5_checkbox_label_color:var(--sapGroup_TitleTextColor);--_ui5_checkbox_disabled_label_color:#a9b4be;--_ui5_checkbox_label_offset:0.6875rem;--_ui5_checkbox_focus_outline_display:none;--_ui5_color-palette-item-container-sides-padding:0.3125rem;--_ui5_color-palette-item-container-rows-padding:0.6875rem;--_ui5_color-palette-item-focus-height:1.5rem;--_ui5_color-palette-item-container-padding:var(--_ui5_color-palette-item-container-sides-padding) var(--_ui5_color-palette-item-container-rows-padding);--_ui5_color-palette-item-hover-margin:0;--_ui5_color-palette-row-height:9.5rem;--_ui5_color-palette-button-height:3rem;--_ui5_color-palette-item-before-focus-color:0.0625rem solid #fff;--_ui5_color-palette-item-before-focus-offset:0.0625rem;--_ui5_color-palette-item-after-focus-color:0.0625rem dotted #000;--_ui5_color-palette-item-after-focus-offset:0.0625rem;--_ui5_color-palette-item-border-radius:0;--_ui5_datepicker_icon_border:none;--_ui5-datepicker_border_radius:0;--_ui5-datepicker_border_radius:8px;--_ui5-datepicker-hover-background:#fff;--_ui5_daypicker_item_box_shadow:inset 0 0 0 0.0625rem var(--sapContent_Selected_ForegroundColor);--_ui5_daypicker_item_margin:2px;--_ui5_daypicker_item_border:none;--_ui5_daypicker_item_selected_border_color:var(--sapList_Background);--_ui5_daypicker_daynames_container_height:2rem;--_ui5_daypicker_weeknumbers_container_padding_top:2rem;--_ui5_daypicker_item_othermonth_background_color:var(--sapList_Background);--_ui5_daypicker_item_othermonth_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_othermonth_hover_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_border_radius:0;--_ui5_daypicker_item_now_inner_border_radius:0;--_ui5_daypicker_dayname_color:var(--sapContent_LabelColor);--_ui5_daypicker_weekname_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_outline_width:1px;--_ui5_daypicker_item_outline_offset:1px;--_ui5_daypicker_item_now_selected_outline_offset:2px;--_ui5_daypicker_item_now_focus_after_width:calc(100% - 0.25rem);--_ui5_daypicker_item_now_focus_after_height:calc(100% - 0.25rem);--_ui5_daypicker_item_now_selected_focus_after_width:calc(100% - 0.375rem);--_ui5_daypicker_item_now_selected_focus_after_height:calc(100% - 0.375rem);--_ui5_daypicker_item_selected_background:transparent;--_ui5_daypicker_item_selected_box_shadow:var(--_ui5_daypicker_item_box_shadow),var(--_ui5_daypicker_item_box_shadow);--_ui5_daypicker_item_selected_daytext_hover_background:transparent;--_ui5_daypicker_item_outline_focus_after:none;--_ui5_daypicker_item_border_radius_focus_after:none;--_ui5_daypicker_item_border_focus_after:var(--_ui5_daypicker_item_outline_width) dotted var(--sapContent_FocusColor);--_ui5_daypicker_item_width_focus_after:calc(100% - 0.25rem);--_ui5_daypicker_item_height_focus_after:calc(100% - 0.25rem);--_ui5_daypicker_item_now_border:0.125rem solid var(--sapLegend_CurrentDateTime);--_ui5_daypicker_item_now_outline:none;--_ui5_daypicker_item_now_outline_offset:none;--_ui5_daypicker_item_now_outline_offset_focus_after:var(--_ui5_daypicker_item_now_outline_offset);--_ui5_daypicker_item_selected_between_border:5%;--_ui5_daypicker_item_selected_between_background:transparent;--_ui5_daypicker_item_selected_between_text_background:var(--sapList_SelectionBackgroundColor);--_ui5_daypicker_item_selected_between_text_font:inherit;--_ui5_daypicker_item_selected_between_hover_background:inherit;--_ui5_daypicker_item_now_box_shadow:inset 0 0 0 0.0625rem var(--_ui5_daypicker_item_selected_border_color);--_ui5_daypicker_item_selected_text_outline:none;--_ui5_daypicker_item_border_radius:0.25rem;--_ui5_daypicker_item_now_inner_border_radius:0.125rem;--_ui5_dialog_resize_handle_color:var(--sapButton_Lite_TextColor);--_ui5_dialog_header_focus_width:0.0625rem;--_ui5_dialog_header_focus_offset:-0.1875rem;--_ui5_dialog_outline:var(--_ui5_dialog_header_focus_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dialog_header_border_radius:0px;--_ui5_dialog_resize_handle_right:-0.25rem;--_ui5_dialog_resize_handle_bottom:-0.0625rem;--ui5-group-header-listitem-background-color:var(--sapList_GroupHeaderBackground);--_ui5_input_width:13.125rem;--_ui5_input_height:2.5rem;--_ui5_input_compact_height:1.625rem;--_ui5-input-hover-border:1px solid var(--sapField_Hover_BorderColor);--_ui5-input-hover-box-shadow:none;--_ui5-input-focus-box-shadow:none;--_ui5-input-background-color:var(--sapField_Background);--_ui5-input-border-radius:var(--sapField_BorderCornerRadius);--_ui5-input-border:2px solid transparent;--_ui5-input-placeholder-style:italic;--_ui5-input-placeholder-color:var(--sapField_PlaceholderTextColor);--_ui5-input-bottom-border-height:0;--_ui5-input-bottom-border-color:transparent;--_ui5-input-focused-border-color:var(--sapField_Hover_BorderColor);--_ui5-input-focus-outline:var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5-input-focus-outline-offset:-3px;--_ui5_input_state_border_width:0.125rem;--_ui5-input-information_border_width:0.125rem;--_ui5_input_error_font_weight:normal;--_ui5_input_focus_border_width:1px;--_ui5_input_error_warning_border_style:solid;--_ui5_input_error_warning_font_style:inherit;--_ui5_input_disabled_color:var(--sapContent_DisabledTextColor);--_ui5_input_disabled_font_weight:normal;--_ui5_input_disabled_border_color:var(--sapField_ReadOnly_BorderColor);--_ui5-input-disabled-background:var(--sapField_ReadOnly_Background);--_ui5_input_readonly_border_color:var(--sapField_ReadOnly_BorderColor);--_ui5-input-readonly-background:var(--sapField_ReadOnly_Background);--_ui5_input_icon_padding:0.625rem .6875rem;--_ui5_input_disabled_opacity:0.5;--_ui5_input_icon_min_width:2.375rem;--_ui5_input_compact_min_width:2rem;--_ui5-input-value-state-outline:var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5-input-value-state-outline-offset:-4px;--_ui5-input-transition:none;--_ui5-input-value-state-icon-display:none;--_ui5-input-focused-value-state-error-background:var(--sapField_InvalidBackground);--_ui5-input-focused-value-state-warning-background:var(--sapField_WarningBackground);--_ui5-input-focused-value-state-success-background:var(--sapField_SuccessBackground);--_ui5-input-focused-value-state-information-background:var(--sapField_InformationBackground);--_ui5-input-value-state-error-border-color:var(--sapField_InvalidColor);--_ui5-input-focused-value-state-error-border-color:var(--sapField_InvalidColor);--_ui5-input-value-state-warning-border-color:var(--sapField_WarningColor);--_ui5-input-focused-value-state-warning-border-color:var(--sapField_WarningColor);--_ui5-input-value-state-success-border-color:var(--sapField_SuccessColor);--_ui5-input-focused-value-state-success-border-color:var(--sapField_SuccessColor);--_ui5-input-value-state-success-border-width:1px;--_ui5-input-value-state-information-border-color:var(--sapField_InformationColor);--_ui5-input-focused-value-state-information-border-color:var(--sapField_InformationColor);--_ui5-input-value-state-information-border-width:1px;--_ui5-input-background-image:none;--_ui5-input-information-background-image:none;--_ui5-input-success-background-image:none;--_ui5-input-error-background-image:none;--_ui5-input-warning-background-image:none;--_ui5_input_readonly_icon_display:none;--_ui5_input_height:2.25rem;--_ui5_input_disabled_opacity:0.4;--_ui5_input_disabled_border_color:transparent;--_ui5-input-disabled-background:var(--sapNeutralBackground);--_ui5-input-readonly-background:var(--sapNeutralBackground);--_ui5_input_readonly_border_color:transparent;--_ui5-input-hover-border:2px solid transparent;--_ui5-input-hover-box-shadow:0 0 2px rgb(131 150 168/16%),0 8px 16px rgb(131 150 168/16%);--_ui5-input-border-radius:8px;--_ui5-input-placeholder-style:normal;--_ui5-input-placeholder-color:var(--sapNeutralColor);--_ui5-input-bottom-border-height:2px;--_ui5-input-bottom-border-color:var(--sapNeutralColor);--_ui5-input-focused-border-color:#1890ff;--_ui5-input-focus-outline:none;--_ui5-input-focus-outline-offset:0;--_ui5-input-value-state-outline:none;--_ui5-input-value-state-outline-offset:none;--_ui5-input-transition:all .2s ease-in-out;--_ui5-input-focused-value-state-error-background:#fff;--_ui5-input-focused-value-state-warning-background:#fff;--_ui5-input-focused-value-state-success-background:#fff;--_ui5-input-focused-value-state-information-background:#fff;--_ui5-input-value-state-icon-display:flex;--_ui5-input-value-state-error-border-botom-color:#d20a0a;--_ui5-input-value-state-error-border-color:transparent;--_ui5-input-focused-value-state-error-border-color:var(--_ui5-input-focused-border-color);--_ui5-input-value-state-error-hover-box-shadow:0 0 2px rgba(245,40,40,0.16),0 8px 16px rgba(245,40,40,0.16);--_ui5-input-value-state-warning-border-botom-color:#c35500;--_ui5-input-value-state-warning-border-color:transparent;--_ui5-input-focused-value-state-warning-border-color:var(--_ui5-input-focused-border-color);--_ui5-input-value-state-warning-hover-box-shadow:0 0 2px rgba(255,179,0,0.16),0 8px 16px rgba(255,179,0,0.16);--_ui5-input-value-state-success-border-botom-color:#36a41d;--_ui5-input-value-state-success-border-color:transparent;--_ui5-input-focused-value-state-success-border-color:var(--_ui5-input-focused-border-color);--_ui5-input-value-state-success-hover-box-shadow:0 0 2px rgba(131,150,168,0.16),0 8px 16px rgba(131,150,168,0.16);--_ui5-input-value-state-success-border-width:2px;--_ui5-input-value-success-information-border-botom-color:#0070f2;--_ui5-input-value-state-information-border-color:transparent;--_ui5-input-focused-value-state-information-border-color:var(--_ui5-input-focused-border-color);--_ui5-input-value-state-information-hover-box-shadow:0 0 2px rgba(27,144,255,0.16),0 8px 16px rgba(27,144,255,0.16);--_ui5-input-value-state-information-border-width:2px;--_ui5_input_icon_padding:.5625rem .6875rem;--_ui5_input_icon_color:var(--sapContent_IconColor);--_ui5_input_icon_pressed_color:var(--sapButton_Active_TextColor);--_ui5_input_icon_pressed_bg:var(--sapButton_Selected_Background);--_ui5_input_icon_hover_bg:var(--sapButton_Lite_Hover_Background);--_ui5_input_icon_border_radius:0;--_ui5_input_icon_box_shadow:none;--_ui5_input_icon_border:1px solid transparent;--_ui5_input_icon_margin:0;--_ui5_input_icon_color:var(--sapNeutralColor);--_ui5_input_icon_pressed_color:var(--sapNeutralColor);--_ui5_input_icon_pressed_bg:transparent;--_ui5_input_icon_hover_bg:transparent;--_ui5_input_icon_border_radius:0.5rem;--_ui5_link_opacity:0.5;--_ui5_link_border:0.0625rem dotted transparent;--_ui5_link_border_focus:0.0625rem dotted var(--sapContent_FocusColor);--_ui5_link_focus_border-radius:0;--_ui5_link_opacity:0.4;--_ui5_link_text_decoration:none;--_ui5_link_hover_text_decoration:underline;--ui5_list_footer_text_color:var(--sapPageFooter_TextColor);--ui5_list_footer_text_color:var(--sapTextColor);--ui5-listitem-background-color:var(--sapList_Background);--ui5-listitem-border-bottom:1px solid var(--sapList_BorderColor);--ui5-listitem-selected-border-bottom:1px solid var(--sapList_SelectionBorderColor);--ui5-listitem-active-border-color:var(--sapContent_ContrastFocusColor);--_ui5_listitembase_focus_width:1px;--_ui5-listitembase_disabled_opacity:0.5;--_ui5_product_switch_item_border:none;--_ui5_monthpicker_item_border_radius:0;--_ui5_monthpicker_item_border:none;--_ui5_monthpicker_item_margin:1px;--_ui5_monthpicker_item_focus_after_width:calc(100% - 0.375rem);--_ui5_monthpicker_item_focus_after_height:calc(100% - 0.375rem);--_ui5_monthpicker_item_focus_after_border:1px dotted var(--sapContent_FocusColor);--_ui5_monthpicker_item_focus_after_offset:2px;--_ui5_monthpicker_item_focus_after_border_radius:0;--_ui5_monthpicker_item_selected_text_color:var(--sapContent_ContrastTextColor);--_ui5_monthpicker_item_selected_background_color:var(--sapSelectedColor);--_ui5_monthpicker_item_selected_hover_color:var(--sapContent_Selected_Background);--_ui5_monthpicker_item_selected_box_shadow:none;--_ui5_monthpicker_item_focus_after_outline:none;--_ui5_monthpicker_item_selected_font_wieght:inherit;--_ui5_monthpicker_item_border_radius:0.25rem;--_ui5_messagestrip_icon_width:2.5rem;--_ui5_messagestrip_border_radius:0.1875rem;--_ui5_messagestrip_success_border_color:var(--sapSuccessBorderColor);--_ui5_messagestrip_error_border_color:var(--sapErrorBorderColor);--_ui5_messagestrip_warning_border_color:var(--sapWarningBorderColor);--_ui5_messagestrip_information_border_color:var(--sapInformationBorderColor);--_ui5_messagestrip_button_border_width:0;--_ui5_messagestrip_button_border_style:none;--_ui5_messagestrip_button_border_color:transparent;--_ui5_messagestrip_button_border_radius:0;--_ui5_messagestrip_padding:0.4375rem 2.5rem 0.4375rem 2.5rem;--_ui5_messagestrip_padding_no_icon:0.4375rem 2.5rem 0.4375rem 1rem;--_ui5_messagestrip_button_height:1.625rem;--_ui5_messagestrip_border_width:1px;--_ui5_messagestrip_close_button_border:none;--_ui5_messagestrip_close_button_size:1.625rem;--_ui5_messagestrip_icon_top:0.4375rem;--_ui5_messagestrip_focus_width:1px;--_ui5_messagestrip_focus_offset:-2px;--_ui5_panel_focus_border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_panel_header_height:3rem;--_ui5_panel_button_root_width:3rem;--_ui5_panel_background_color:var(--sapGroup_TitleBackground);--_ui5_panel_border_radius:0px;--_ui5_panel_border_radius_expanded:0;--_ui5_panel_border_bottom:1px solid var(--sapGroup_TitleBorderColor);--_ui5_panel_outline_offset:-3px;--_ui5_panel_title_font_weight:normal;--_ui5_panel_header_height:2.75rem;--_ui5_panel_button_root_width:2.75rem;--_ui5_popup_content_padding:.4375em;--_ui5_popup_viewport_margin:10px;--_ui5-popup-border-radius:0.25rem;--_ui5_popup_header_shadow:var(--sapContent_Shadow0);--_ui5_popup_footer_border_top:1px solid var(--sapPageFooter_BorderColor);--_ui5_popup_header_footer_font_weight:400;--_ui5-popover-margin-top:8px;--_ui5-popover-margin-bottom:-8px;--_ui5-popup-border-radius:.5rem;--_ui5_progress_indicator_background_none:var(--sapField_Background);--_ui5_progress_indicator_background_error:var(--sapField_Background);--_ui5_progress_indicator_background_warning:var(--sapField_Background);--_ui5_progress_indicator_background_success:var(--sapField_Background);--_ui5_progress_indicator_background_information:var(--sapField_Background);--_ui5_progress_indicator_value_state_none:var(--sapNeutralElementColor);--_ui5_progress_indicator_value_state_error:var(--sapNegativeElementColor);--_ui5_progress_indicator_value_state_warning:var(--sapCriticalElementColor);--_ui5_progress_indicator_value_state_success:var(--sapPositiveElementColor);--_ui5_progress_indicator_value_state_information:var(--sapInformativeElementColor);--_ui5_progress_indicator_border_color_error:var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_warning:var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_success:var(--sapField_BorderColor);--_ui5_progress_indicator_border_color_information:var(--sapField_BorderColor);--_ui5_progress_indicator_color:var(--sapTextColor);--_ui5_progress_indicator_bar_color:var(--sapContent_ContrastTextColor);--_ui5_progress_indicator_border:0.0625rem solid var(--sapField_BorderColor);--_ui5_progress_indicator_bar_border_max:none;--_ui5_progress_indicator_icon_visibility:none;--_ui5_radio_button_min_width:2.75rem;--_ui5_radio_button_min_width_compact:2rem;--_ui5_radio_button_hover_fill:var(--sapField_Hover_Background);--_ui5_radio_button_border_width:1px;--_ui5_radio_button_checked_fill:var(--sapSelectedColor);--_ui5_radio_button_checked_error_fill:var(--sapField_InvalidColor);--_ui5_radio_button_checked_warning_fill:var(--sapField_TextColor);--_ui5_radio_button_warning_error_border_dash:0;--_ui5_radio_button_outer_ring_color:var(--sapField_BorderColor);--_ui5_radio_button_outer_ring_width:1;--_ui5_radio_button_outer_ring_bg:var(--sapField_Background);--_ui5_radio_button_outer_ring_hover_color:var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_active_color:var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_checked_hover_color:var(--sapField_Hover_BorderColor);--_ui5_radio_button_outer_ring_padding:0 0.625rem;--_ui5_radio_button_outer_ring_padding_with_label:0 0.625rem;--_ui5_radio_button_outer_ring_padding_rtl:0 0.625rem;--_ui5_radio_button_border_radius:0;--_ui5_radio_button_border:none;--_ui5_radio_button_focus_border:none;--_ui5_radio_button_focus_outline:block;--_ui5_radio_button_hover_shadow:none;--_ui5_radio_button_transition:none;--_ui5_radio_button_hover_background:inherit;--_ui5_radio_button_color:var(--sapField_BorderColor);--_ui5_radio_button_label_offset:1px;--_ui5_radio_button_label_color:var(--sapContent_LabelColor);--_ui5_radio_button_items_align:unset;--_ui5_radio_button_inner_width:initial;--_ui5_radio_button_border_readonly_focus_style:var(--sapContent_FocusStyle);--_ui5_radio_button_height:2rem;--_ui5_radio_button_inner_size:100%;--_ui5_radio_button_svg_size:1.25rem;--_ui5_radio_button_checked_fill:var(--sapContent_FocusColor);--_ui5_radio_button_color:var(--sapNeutralColor);--_ui5_radio_button_outer_ring_color:var(--sapContent_FocusColor);--_ui5_radio_button_outer_ring_hover_color:#475e75;--_ui5_radio_button_outer_ring_active_color:#354a5f;--_ui5_radio_button_outer_ring_checked_hover_color:var(--sapContent_FocusColor);--_ui5_radio_button_outer_ring_width:2;--_ui5_radio_button_outer_ring_bg:var(--sapHighlightTextColor);--_ui5_radio_button_outer_ring_padding:0 0.375rem;--_ui5_radio_button_outer_ring_padding_with_label:0 0.625rem 0 0.375rem;--_ui5_radio_button_outer_ring_padding_rtl:0 0.375rem 0 0.625rem;--_ui5_radio_button_border_radius:1rem;--_ui5_radio_button_border:0.125rem solid transparent;--_ui5_radio_button_focus_border:0.125rem solid var(--sapContent_FocusColor);--_ui5_radio_button_focus_outline:none;--_ui5_radio_button_hover_shadow:0px 0px 2px rgba(131,150,168,0.16),0px 8px 16px rgba(131,150,168,0.16);--_ui5_radio_button_hover_background:var(--sapHighlightTextColor);--_ui5_radio_button_transition:all 0.2s ease-in-out;--_ui5_radio_button_label_offset:0.375rem;--_ui5_radio_button_label_color:var(--sapTitleColor);--_ui5_radio_button_items_align:center;--_ui5_radio_button_inner_width:100%;--_ui5_select_disabled_background:var(--sapField_Background);--_ui5_select_disabled_border_color:var(--sapField_BorderColor);--_ui5_select_state_error_warning_border_style:solid;--_ui5_select_state_error_warning_border_width:0.125rem;--_ui5_select_hover_icon_left_border:1px solid transparent;--_ui5_select_rtl_hover_icon_left_border:none;--_ui5_select_rtl_hover_icon_right_border:none;--_ui5_select_focus_width:1px;--_ui5_select_label_olor:var(--sapField_TextColor);--_ui5_select_label_olor:var(--sapTitleColor);--_ui5_switch_height:2.75rem;--_ui5_switch_width:3.875rem;--_ui5_switch_no_label_width:3.25rem;--_ui5_switch_no_label_width_horizon:3.875rem;--_ui5_switch_root_outline_top_bottom:0.25rem;--_ui5_switch_root_outline_left_right:-0.125rem;--_ui5_switch_root_outline_top_bottom_horizon:0.3125rem;--_ui5_switch_root_outline_left_right_horizon:-0.0625rem;--_ui5_switch_root_outline_top_bottom_hcb:0.1875rem;--_ui5_switch_root_outline_left_right_hcb:-0.1875rem;--_ui5_switch_compact_height:2rem;--_ui5_switch_compact_width:3.5rem;--_ui5_switch_compact_no_label_width:2.5rem;--_ui5_switch_compact_no_label_width_horizon:3.5rem;--_ui5_switch_compact_root_outline_top_bottom:0.0625rem;--_ui5_switch_compact_root_outline_left_right:-0.125rem;--_ui5_switch_compact_root_outline_top_bottom_horizon:0.125em;--_ui5_switch_compact_root_outline_left_right_horizon:-0.125rem;--_ui5_switch_compact_root_outline_top_bottom_hcb:0;--_ui5_switch_compact_root_outline_left_right_hcb:-0.1875rem;--_ui5_switch_foucs_border_size:1px;--_ui5_switch_focus_outline:var(--_ui5_switch_foucs_border_size) dotted var(--sapContent_FocusColor);--_ui5_switch_root_after_boreder:var(--_ui5_switch_outline) dotted var(--sapContent_FocusColor);--_ui5-switch-root-border-radius:0;--_ui5-switch-root-box-shadow:none;--_ui5_switch_root_after_outline:none;--_ui5-switch-focus:\"\";--_ui5_switch_semantic_button_background:var(--sapButton_Background);--_ui5_switch_track_height:1.375rem;--_ui5_switch_track_no_label_height:1.25rem;--_ui5_switch_track_no_label_height_horizont:var(--_ui5_switch_track_height);--_ui5-switch-track-border:1px solid;--_ui5-switch-track-border_color:var(--sapContent_ForegroundBorderColor);--_ui5-switch_handle-off-hover_box_shadow:none;--_ui5-switch_handle-on-hover_box_shadow:none;--_ui5_switch_track_semantic_success_backgroud_color:var(--sapSuccessBackground);--_ui5_switch_track_semantic_error_backgroud_color:var(----sapErrorBackground);--_ui5_switch_track_semantic_border_color:var(--sapSuccessBorderColor);--_ui5_switch_track_semantic_not_checked_border_color:var(--sapErrorBorderColor);--_ui5_switch_track_semantic_checked_hover_border_color:var(--sapSuccessBorderColor);--_ui5_switch_track_semantic_hover_border_color:var(--sapErrorBorderColor);--_ui5_switch_handle_hover_border_color:var(--sapButton_Hover_BorderColor);--_ui5_switch_track_hover_border_color:var(--_ui5_switch_track_checked_border_color);--_ui5_switch_track_hover_background_color:var(--sapButton_Track_Background);--_ui5_switch_track_hover_checked_background_color:var(--sapButton_Track_Selected_Background);--_ui5-switch_track-on-hover-background:var(--_ui5-switch_track-on-background);--_ui5_switch_track_border_radius:0.75rem;--_ui5-switch_track-off-background:var(--sapButton_Track_Background);--_ui5-switch_track-on-background:var(--sapButton_Track_Selected_Background);--_ui5-switch_track-off-hover-color:var(--_ui5-switch_track-off-background);--_ui5-switch-track-transition:none;--_ui5_switch_disabled_opacity:.4;--_ui5_switch_track_disabled_checked_bg:var(--_ui5_switch_track_checked_bg);--_ui5_switch_track_disabled_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_track_disabled_semantic_checked_bg:var(--sapSuccessBackground);--_ui5_switch_track_disabled_semantic_checked_border_color:var(--sapSuccessBorderColor);--_ui5_switch_track_disabled_semantic_bg:var(--sapErrorBackground);--_ui5_switch_track_disabled_semantic_border_color:var(--sapErrorBorderColor);--_ui5-switch-track-icon-display:none;--_ui5_switch_handle_width:2rem;--_ui5_switch_handle_height:2rem;--_ui5_switch_handle_border_width:1px;--_ui5_switch_handle_border_radius:1rem;--_ui5_switch_handle_bg:var(--sapButton_TokenBackground);--_ui5_switch_handle_checked_bg:var(--sapButton_Selected_Background);--_ui5_switch_handle_checked_border_color:var(--sapButton_Selected_BorderColor);--_ui5_switch_handle_semantic_hover_bg:var(--sapErrorBackground);--_ui5_switch_handle_semantic_checked_hover_bg:var(--sapSuccessBackground);--_ui5_switch_handle_semantic_hover_border_color:var(--sapErrorBorderColor);--_ui5_switch_handle_semantic_checked_hover_border_color:var(--sapSuccessBorderColor);--_ui5_switch_handle_compact_width:1.625rem;--_ui5_switch_handle_compact_height:1.625rem;--_ui5-switch-handle-border:var(--_ui5_switch_handle_border_width) solid var(--sapContent_ForegroundBorderColor);--_ui5-switch-handle-left:-1px;--_ui5_switch_handle_disabled_bg:var(--_ui5_switch_handle_bg);--_ui5_switch_handle_disabled_checked_bg:var(--_ui5_switch_handle_checked_bg);--_ui5_switch_handle_disabled_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_handle_disabled_semantic_checked_bg:var(--sapButton_Background);--_ui5_switch_handle_disabled_semantic_checked_border_color:var(--sapSuccessBorderColor);--_ui5_switch_handle_disabled_semantic_border_color:var(--sapErrorBorderColor);--_ui5-switch-handle-icon-display:none;--_ui5-switch-slider-texts-display:inline;--_ui5_switch_text_on_semantic_color:var(--sapPositiveElementColor);--_ui5_switch_text_off_semantic_color:var(--sapNegativeElementColor);--_ui5_switch_text_disabled_color:var(--sapTextColor);--_ui5_switch_width:40px;--_ui5_switch_no_label_width:40px;--_ui5_switch_height:24px;--_ui5_switch_outline:-4px;--_ui5_switch_focus_width_size:var(--_ui5_switch_focus_width_size_horizon_exp);--_ui5_switch_focus_height_size:var(--_ui5_switch_focus_height_size_horizon_exp);--_ui5_switch_focus_outline:2px solid var(--sapContent_FocusColor);--_ui5-switch-root-border-radius:100px;--_ui5-switch-root-box-shadow:0 0 2px rgb(27 144 255/16%),0 8px 16px rgb(27 144 255/16%);--_ui5-switch-focus:none;--_ui5_switch_root_outline_top_bottom:-0.25rem;--_ui5_switch_root_outline_left_right:-0.25rem;--_ui5_switch_root_after_boreder_radius:2rem;--_ui5_switch_track_no_label_height:24px;--_ui5_switch_track_height:24px;--_ui5-switch-track-border:none;--_ui5-switch_track-off-background:var(--sapContent_ShadowColor);--_ui5-switch_track-on-background:#0070f2;--_ui5-switch-track-transition:all .2s ease-in-out;--_ui5_switch_track_disabled_checked_bg:var(--_ui5-switch_track-on-background);--_ui5-switch_track-on-hover-color:#0057d2;--_ui5_switch_disabled_opacity:1;--_ui5_switch_handle_width:25px;--_ui5_switch_handle_height:20px;--_ui5-switch-handle-border:none;--_ui5_switch_handle_bg:#fff;--_ui5-switch-handle-left:0.15625rem;--_ui5-switch-handle-icon-display:inline-block;--_ui5-switch-slider-texts-display:none;--_ui5-switch_track-off-hover-background:var(--sapNeutralColor);--_ui5-switch_track-on-hover-background:#0057d2;--_ui5-switch_track-off-active-background:var(--sapTile_TitleTextColor);--_ui5-switch_track-on-active-color:#0040b0;--_ui5_tc_header_height_text_only:var(--_ui5_tc_item_text_only_height);--_ui5_tc_header_height_text_with_additional_text:var(--_ui5_tc_item_text_only_with_additional_text_height);--_ui5_tc_header_box_shadow:var(--sapContent_HeaderShadow);--_ui5_tc_header_border_bottom:0.125rem solid var(--sapObjectHeader_Background);--_ui5_tc_headeritem_padding:0 1rem;--_ui5_tc_headerItem_color:var(--sapContent_LabelColor);--_ui5_tc_headerItem_text_hover_color:var(--_ui5_tc_headerItem_color);--_ui5_tc_headeritem_text_selected_color:var(--sapSelectedColor);--_ui5_tc_headeritem_text_selected_hover_color:var(--sapSelectedColor);--_ui5_tc_headeritem_text_font_weight:normal;--_ui5_tc_headeritem_additional_text_font_weight:normal;--_ui5_tc_headerItem_neutral_color:var(--sapNeutralColor);--_ui5_tc_headerItem_positive_color:var(--sapPositiveColor);--_ui5_tc_headerItem_negative_color:var(--sapNegativeColor);--_ui5_tc_headerItem_critical_color:var(--sapCriticalColor);--_ui5_tc_headerItem_neutral_border_color:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_border_color:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_border_color:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_border_color:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItem_neutral_selected_border_color:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_selected_border_color:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_selected_border_color:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_selected_border_color:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItem_transition:none;--_ui5_tc_headerItem_hover_border_visibility:hidden;--_ui5_tc_headerItem_focus_offset:0px;--_ui5_tc_headerItemContent_border_radius:0.125rem 0.125rem 0 0;--_ui5_tc_headerItemContent_border_bottom:0.125rem solid var(--sapSelectedColor);--_ui5_tc_headerItemContent_border_bg:transparent;--_ui5_tc_headerItem_neutral_border_bg:transparent;--_ui5_tc_headerItem_positive_border_bg:transparent;--_ui5_tc_headerItem_negative_border_bg:transparent;--_ui5_tc_headerItem_critical_border_bg:transparent;--_ui5_tc_headerItem_hover_border_bg:transparent;--_ui5_tc_headerItem_hover_selected_hover_border_bg:transparent;--_ui5_tc_headerItemContent_border_height:0;--_ui5_tc_headerItemContent_offset:1rem;--_ui5_tc_headerItemContent_focus_offset:1rem;--_ui5_tc_headerItem_focus_border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_tc_headerItemContent_padding:0;--_ui5_tc_headerItemContent_focus_border:none;--_ui5_tc_headerItemContent_default_focus_border:none;--_ui5_tc_headerItemContent_focus_border_radius:0;--_ui5_tc_headerItemSemanticIcon_display:none;--_ui5_tc_headerItem_focus_border_radius:0px;--_ui5_tc_overflowItem_neutral_color:var(--sapNeutralColor);--_ui5_tc_overflowItem_positive_color:var(--sapPositiveColor);--_ui5_tc_overflowItem_negative_color:var(--sapNegativeColor);--_ui5_tc_overflowItem_critical_color:var(--sapCriticalColor);--_ui5_tc_overflowItem_focus_border:0px;--_ui5_tc_headerItemIcon_border:1px solid var(--sapHighlightColor);--_ui5_tc_headerItemIcon_color:var(--sapHighlightColor);--_ui5_tc_headerItemIcon_selected_background:var(--sapHighlightColor);--_ui5_tc_headerItemIcon_selected_color:var(--sapGroup_ContentBackground);--_ui5_tc_headerItemIcon_positive_selected_background:var(--sapPositiveColor);--_ui5_tc_headerItemIcon_negative_selected_background:var(--sapNegativeColor);--_ui5_tc_headerItemIcon_critical_selected_background:var(--sapCriticalColor);--_ui5_tc_headerItemIcon_neutral_selected_background:var(--sapNeutralColor);--_ui5_tc_headerItemIcon_semantic_selected_color:var(--sapGroup_ContentBackground);--_ui5_tc_content_border_bottom:0.125rem solid var(--sapObjectHeader_BorderColor);--_ui5_tc_headerItem_focus_border_offset:-2px;--_ui5_tc_headerItemIcon_focus_border_radius:0}.sapUiSizeCompact,.ui5-content-density-compact,:root,[data-ui5-compact-size]{--_ui5_tc_header_height:var(--_ui5_tc_item_height)}:root{--_ui5_tc_header_height_text_with_additional_text:3.625rem;--_ui5_tc_header_box_shadow:none;--_ui5_tc_header_border_bottom:0.0625rem solid var(--sapObjectHeader_Background);--_ui5_tc_item_text_only_with_additional_text_height:3.625rem;--_ui5_tc_headeritem_padding:0;--_ui5_tc_headerItem_color:var(--sapNeutralTextColor);--_ui5_tc_headeritem_text_font_weight:bold;--_ui5_tc_headerItem_text_hover_color:var(--sapTile_TitleTextColor);--_ui5_tc_headeritem_text_selected_hover_color:var(--sapContent_Selected_TextColor);--_ui5_tc_headerItem_focus_border:none;--_ui5_tc_headerItem_transition:all 0.2s ease-in-out;--_ui5_tc_headerItemContent_border_radius:0.125rem;--_ui5_tc_headerItemContent_border_bottom:none;--_ui5_tc_headerItemContent_border_bg:var(--sapContent_FocusColor);--_ui5_tc_headerItem_neutral_border_bg:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_border_bg:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_border_bg:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_border_bg:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItem_hover_border_bg:var(--sapTile_TitleTextColor);--_ui5_tc_headerItem_hover_selected_hover_border_bg:var(--sapContent_Selected_TextColor);--_ui5_tc_headerItem_hover_border_visibility:visible;--_ui5_tc_headerItemContent_border_height:0.125rem;--_ui5_tc_headerItemContent_offset:0.25rem;--_ui5_tc_headerItemContent_focus_offset:0.25rem;--_ui5_tc_headerItemContent_padding:0.25rem 0.5rem;--_ui5_tc_headerItemContent_focus_border:0.125rem solid var(--sapContent_FocusColor);--_ui5_tc_headerItemContent_default_focus_border:0.125rem solid transparent;--_ui5_tc_headerItemContent_focus_border_radius:0.5rem;--_ui5_tc_overflowItem_default_color:var(--sapHighlightColor);--_ui5_tc_overflowItem_current_color:CurrentColor;--_ui5_tc_content_border_bottom:0.0625rem solid var(--sapObjectHeader_BorderColor);--_ui5_textarea_focus_after_width:1px;--_ui5_textarea_warning_border_style:solid;--_ui5_textarea_state_border_width:0.125rem;--_ui5_textarea_background_image:none;--_ui5_textarea_error_background_image:none;--_ui5_textarea_warning_background_image:none;--_ui5_textarea_information_background_image:none;--_ui_textarea_success_background_image:none;--_ui5_textarea_focus_box_shadow:none;--_ui5_textarea_value_state_warning_focus_box_shadow:none;--_ui5_textarea_value_state_error_focus_box_shadow:none;--_ui5_textarea_value_state_success_focus_box_shadow:none;--_ui5_textarea_hover_box_shadow:none;--_ui5_textarea_inner_border_width:1px;--_ui5_textarea_success_border_width:1px;--_ui5_textarea_focus_outline:var(--_ui5_textarea_focus_after_width) dotted var(--sapContent_FocusColor);--_ui5_textarea_value_state_focus_outline:var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);--_ui5_textarea_after_element_display:none;--_ui5_textarea_placeholder_font_style:italic;--_ui5-time_picker_border_radius:0;--_ui5_time_picker_border:0.0625rem solid transparent;--_ui5_toast_vertical_offset:3rem;--_ui5_toast_horizontal_offset:2rem;--_ui5_toast_background:var(--sapList_Background);--_ui5_toast_shadow:var(--sapContent_Shadow2);--_ui5_wheelslider_item_text_size:var(--sapFontSize);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapList_BorderColor);--_ui5_wheelslider_label_text_size:var(--sapFontSmallSize);--_ui5_wheelslider_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*2);--_ui5_wheelslider_mobile_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*4);--_ui5_wheelslider_label_text_color:var(--sapContent_LabelColor);--_ui5_wheelslider_height:240px;--_ui5_wheelslider_mobile_height:432px;--_ui5_wheelslider_item_width:48px;--_ui5_wheelslider_item_height:46px;--_ui5_wheelslider_arrows_visibility:hidden;--_ui_wheelslider_item_expanded_hover_color:var(--sapList_Hover_Background);--_ui5_wheelslider_item_background_color:var(--sapLegend_WorkingBackground);--_ui5_wheelslider_item_text_color:var(--sapTextColor);--_ui_wheelslider_item_hover_color:var(--sapButton_Emphasized_Hover_BorderColor);--_ui5_wheelslider_item_border_color:var(--sapList_Background);--_ui5_wheelslider_item_hovered_border_color:var(--sapList_Background);--_ui5_wheelslider_collapsed_item_text_color:var(--_ui5_wheelslider_item_border_color);--_ui5_wheelslider_selected_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapButton_Emphasized_Hover_BorderColor);--_ui5_wheelslider_active_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_active_item_text_color:var(--sapContent_Selected_TextColor);--_ui5_wheelslider_selection_frame_color:var(--sapList_SelectionBorderColor);--_ui_wheelslider_item_border_radius:var(--_ui5_button_border_radius);--_ui5_toggle_button_pressed_focussed:var(--sapButton_Selected_BorderColor);--_ui5_toggle_button_pressed_focussed_hovered:var(--sapButton_Selected_BorderColor);--_ui5_toggle_button_selected_positive_text_color:var(--sapButton_Selected_TextColor);--_ui5_toggle_button_selected_negative_text_color:var(--sapButton_Selected_TextColor);--_ui5_toggle_button_selected_attention_text_color:var(--sapButton_Selected_TextColor);--_ui5_toggle_button_emphasized_pressed_focussed_hovered:var(--sapContent_FocusColor);--_ui5_yearpicker_item_selected_focus:var(--sapContent_Selected_Background);--_ui5_yearpicker_item_selected_hover_color:var(--sapContent_Selected_Background);--_ui5_yearpicker_item_border:none;--_ui5_yearpicker_item_border_radius:0;--_ui5_yearpicker_item_margin:1px;--_ui5_yearpicker_item_focus_after_width:calc(100% - 0.375rem);--_ui5_yearpicker_item_focus_after_height:calc(100% - 0.375rem);--_ui5_yearpicker_item_focus_after_border:1px dotted var(--sapContent_FocusColor);--_ui5_yearpicker_item_focus_after_offset:2px;--_ui5_yearpicker_item_focus_after_border_radius:0;--_ui5_yearpicker_item_selected_background_color:var(--sapSelectedColor);--_ui5_yearpicker_item_selected_text_color:var(--sapContent_ContrastTextColor);--_ui5_yearpicker_item_selected_box_shadow:none;--_ui5_yearpicker_item_focus_after_outline:none;--_ui5_yearpicker_item_border_radius:0.25rem;--_ui5_calendar_header_arrow_button_border:none;--_ui5_calendar_header_arrow_button_border_radius:0.25rem;--_ui5_calendar_header_middle_button_width:6.25rem;--_ui5_calendar_header_middle_button_flex:1 1 auto;--_ui5_calendar_header_middle_button_focus_border_radius:0.25rem;--_ui5_calendar_header_middle_button_focus_border:none;--_ui5_calendar_header_middle_button_focus_after_display:block;--_ui5_calendar_header_middle_button_focus_after_width:calc(100% - 0.25rem);--_ui5_calendar_header_middle_button_focus_after_height:calc(100% - 0.25rem);--_ui5_calendar_header_middle_button_focus_after_top_offset:1px;--_ui5_calendar_header_middle_button_focus_after_left_offset:1px;--_ui5_calendar_header_button_background_color:none;--_ui5_calendar_header_arrow_button_box_shadow:none;--_ui5_calendar_header_middle_button_focus_background:transparent;--_ui5_calendar_header_middle_button_focus_outline:none;--_ui5_calendar_header_middle_button_focus_active_outline:none;--_ui5_calendar_header_middle_button_focus_active_background:var(--sapButton_Active_Background);--_ui5_calendar_header_middle_button_focus_after_border:1px dotted var(--sapContent_FocusColor);--_ui5_calendar_header_middle_button_focus_after_width:calc(100% - 0.375rem);--_ui5_calendar_header_middle_button_focus_after_height:calc(100% - 0.375rem);--_ui5_calendar_header_middle_button_focus_after_top_offset:0.125rem;--_ui5_calendar_header_middle_button_focus_after_left_offset:0.125rem;--ui5_table_bottom_border:1px solid var(--sapList_BorderColor);--ui5_table_header_row_outline_width:1px;--ui5_table_multiselect_column_width:2.75rem;--ui5_table_header_row_font_weight:normal;--ui5_table_row_outline_width:1px;--_ui5_load_more_padding:0;--_ui5_load_more_border:1px top solid transparent;--_ui5_load_more_border_radius:none;--_ui5_load_more_outline_width:1px;--ui5_title_level_1Size:1.625rem;--ui5_title_level_2Size:1.375rem;--ui5_title_level_3Size:1.250rem;--ui5_title_level_4Size:1.125rem;--ui5_title_level_5Size:1rem;--ui5_title_level_6Size:0.875rem;--_ui5_token_background:var(--sapButton_Background);--_ui5_token_border_radius:0.125rem;--_ui5_token_text_color:var(--sapButton_TextColor);--_ui5_token_hover_background:var(--sapButton_Hover_Background);--_ui5_token_hover_border_color:var(--sapButton_Hover_BorderColor);--_ui5_token_top_margin:0;--_ui5_token_bottom_margin:0;--_ui5_token_selected_focus_outline:var(--_ui5_token_focus_outline_width) dotted var(--sapContent_ContrastFocusColor);--_ui5_token_focus_outline:var(--_ui5_token_focus_outline_width) dotted var(--sapContent_FocusColor);--_ui5_token_selected_hover_background:var(--sapButton_Selected_Hover_Background);--_ui5_token_selected_hover_border_color:var(--sapButton_Selected_Hover_BorderColor);--_ui5_token_selected_box_shadow:none;--_ui5_token_focused_border:1px solid var(--sapButton_TokenBorderColor);--_ui5_token_focused_selected_border:1px solid var(--sapButton_Selected_BorderColor);--_ui5_token_background:var(--sapButton_TokenBackground);--_ui5_token_border_radius:0.25rem;--_ui5_token_focus_outline_width:0.0625rem;--_ui5_token_text_color:var(--sapTextColor);--_ui5_token_icon_color:var(--sapContent_IconColor);--_ui5_tokenizer_n_more_indicator_font_weight:normal;--_ui5_tokenizer_n_more_indicator_color:var(--sapField_TextColor);--_ui5_value_state_message_border:none;--_ui5_value_state_message_focus_border_radius:0;--_ui5_input_value_state_icon_display:none;--_ui5_value_state_message_padding:0.5rem;--_ui5_value_state_header_padding:.5625rem 1rem;--_ui5-multi_combobox_token_margin_top:3px;--_ui5-multi_combobox_token_margin_top:1px;--ui5-multi_bombobox_icon_border_top_right_radius:8px;--ui5-multi_bombobox_icon_border_bottom_right_radius:12px;--_ui5_slider_progress_container_background:var(--sapField_BorderColor);--_ui5_slider_progress_container_dot_display:none;--_ui5_slider_progress_container_dot_background:var(--sapField_BorderColor);--_ui5_slider_progress_border:none;--_ui5_slider_inner_height:0.25rem;--_ui5_slider_outer_height:1.6875rem;--_ui5_slider_progress_border_radius:0.25rem;--_ui5_slider_progress_background:var(--sapActiveColor);--_ui5_slider_handle_icon_display:none;--_ui5_slider_handle_height:1.625rem;--_ui5_slider_handle_width:1.625rem;--_ui5_slider_handle_border:solid 0.125rem var(--sapField_BorderColor);--_ui5_slider_handle_border_radius:1rem;--_ui5_slider_handle_box_shadow:none;--_ui5_slider_handle_box_shadow_focus:none;--_ui5_slider_handle_background:var(--sapButton_Background);--_ui5_slider_handle_top:-0.825rem;--_ui5_slider_handle_margin_left:-0.9725rem;--_ui5_slider_handle_hover_background:var(--sapButton_Hover_Background);--_ui5_slider_handle_hover_border:0.125rem solid var(--sapButton_Hover_BorderColor);--_ui5_slider_handle_outline:0.0625rem dotted var(--sapContent_FocusColor);--_ui5_slider_handle_focus_border:var(--_ui5_slider_handle_hover_border);--_ui5_slider_handle_active_border:var(--_ui5_slider_handle_hover_border);--_ui5_slider_handle_focused_top:var(--_ui5_slider_handle_top);--_ui5_slider_handle_focused_margin_left:var(--_ui5_slider_handle_margin_left);--_ui5_slider_handle_outline_offset:0.075rem;--_ui5_slider_icon_left:0.5rem;--_ui5_slider_icon_top:0.125rem;--_ui5_range_slider_handle_hover_background:rgba(var(--sapButton_Background),0.25);--_ui5_range_slider_handle_hover_icon_display:none;--_ui5_slider_progress_outline:0.0625rem dotted var(--sapContent_FocusColor);--_ui5_slider_progress_outline_offset:-0.8125rem;--_ui5_slider_tickmark_top:-0.375rem;--_ui5_slider_disabled_opacity:0.4;--_ui5_slider_tooltip_fontsize:var(--sapFontSmallSize);--_ui5_slider_tooltip_color:var(--sapContent_LabelColor);--_ui5_slider_tooltip_background:var(--sapField_Background);--_ui5_slider_tooltip_border_radius:var(--sapElement_BorderCornerRadius);--_ui5_slider_tooltip_border_color:var(--sapField_BorderColor);--_ui5_slider_tooltip_border:0.0625rem solid var(--_ui5_slider_tooltip_border_color);--_ui5_slider_tooltip_box_shadow:none;--_ui5_slider_tooltip_padding:0.4125rem;--_ui5_slider_tooltip_height:1rem;--_ui5_slider_tooltip_min_width:2rem;--_ui5_slider_tooltip_bottom:2rem;--_ui5_slider_label_fontsize:var(--sapFontSmallSize);--_ui5_slider_label_color:var(--sapContent_LabelColor);--_ui5_range_slider_progress_focus_display:none;--_ui5_range_slider_progress_focus_top:-1.063rem;--_ui5_range_slider_progress_focus_left:-1.438rem;--_ui5_range_slider_progress_focus_padding:0 1.375rem 0 1.438rem;--_ui5_range_slider_progress_focus_height:2rem;--_ui5_range_slider_legacy_progress_focus_display:block;--_ui5_slider_progress_container_background:#d5dadd;--_ui5_slider_progress_container_dot_display:block;--_ui5_slider_inner_min_width:4rem;--_ui5_slider_progress_background:#1b90ff;--_ui5_slider_handle_background:#fff;--_ui5_range_slider_handle_background:#fff;--_ui5_range_slider_handle_hover_background:#fff;--_ui5_range_slider_handle_hover_icon_display:inline-block;--_ui5_slider_handle_icon_display:inline-block;--_ui5_slider_handle_border:1px solid transparent;--_ui5_slider_handle_border_radius:0.5rem;--_ui5_slider_handle_box_shadow:0 0.5rem 1rem rgba(27,144,255,0.16);--_ui5_slider_handle_top:-0.563rem;--_ui5_slider_handle_height:1.5rem;--_ui5_slider_handle_width:2rem;--_ui5_slider_handle_top:-0.75rem;--_ui5_slider_handle_hover_border:1px solid var(--sapContent_Selected_ForegroundColor);--_ui5_slider_handle_focus_border:0.125rem solid var(--sapContent_Selected_ForegroundColor);--_ui5_slider_handle_active_border:var(--_ui5_slider_handle_focus_border);--_ui5_slider_tooltip_background:#fff;--_ui5_slider_tooltip_border:none;--_ui5_slider_handle_outline:none;--_ui5_slider_tooltip_border_radius:0.75rem;--_ui5_slider_tooltip_box_shadow:0 0.5rem 1rem 0 rgba(131,150,168,0.16),0 0 0.125rem 0 rgba(131,150,168,0.16);--_ui5_slider_tooltip_color:#8396a8;--_ui5_slider_label_color:#8396a8}"}}
package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js CHANGED
@@ -1,20 +1,20 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop _disable-initial-focus placement-type="Bottom" horizontal-align="Stretch" @ui5-after-open=${ifDefined(context._afterOpenPopover)} @ui5-after-close=${ifDefined(context._afterClosePopover)}><${scopeTag("ui5-busy-indicator", tags, suffix)} ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></${scopeTag("ui5-busy-indicator", tags, suffix)}><div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${ifDefined(context._headerTitleText)}</span><${scopeTag("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._closeRespPopover}"></${scopeTag("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone" value-state="${ifDefined(context.valueState)}"><input class="ui5-input-inner-phone" .value="${ifDefined(context.value)}" inner-input placeholder="${ifDefined(context.placeholder)}" value-state="${ifDefined(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${ context.hasValueStateText ? block1(context, tags, suffix) : undefined }</div>${ !context._isPhone ? block5(context, tags, suffix) : undefined }<${scopeTag("ui5-list", tags, suffix)} separators="None" @ui5-item-click=${ifDefined(context._selectItem)} @ui5-item-focused=${ifDefined(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${ repeat(context._filteredItems, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}><div slot="footer" class="ui5-responsive-popover-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">OK</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>${ context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined }`;
4
+ const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} class="${classMap(context.classes.popover)}" hide-arrow content-only-on-desktop _disable-initial-focus placement-type="Bottom" horizontal-align="Stretch" @ui5-after-open=${ifDefined(context._afterOpenPopover)} @ui5-after-close=${ifDefined(context._afterClosePopover)}><${scopeTag("ui5-busy-indicator", tags, suffix)} ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></${scopeTag("ui5-busy-indicator", tags, suffix)}><div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${ifDefined(context._headerTitleText)}</span><${scopeTag("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._closeRespPopover}"></${scopeTag("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone" value-state="${ifDefined(context.valueState)}"><input class="ui5-input-inner-phone" .value="${ifDefined(context.value)}" inner-input placeholder="${ifDefined(context.placeholder)}" value-state="${ifDefined(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${ context.hasValueStateText ? block1(context, tags, suffix) : undefined }</div>${ !context._isPhone ? block5(context, tags, suffix) : undefined }<${scopeTag("ui5-list", tags, suffix)} separators="None" @ui5-item-click=${ifDefined(context._selectItem)} @ui5-item-focused=${ifDefined(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${ repeat(context._filteredItems, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}><div slot="footer" class="ui5-responsive-popover-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">OK</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>${ context.shouldOpenValueStateMessagePopover ? block13(context, tags, suffix) : undefined }`;
5
5
  const block1 = (context, tags, suffix) => html`<div class="row ${classMap(context.classes.popoverValueState)}">${ context.shouldDisplayDefaultValueStateMessage ? block2(context, tags, suffix) : block3(context, tags, suffix) }</div>`;
6
6
  const block2 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
7
7
  const block3 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix)) }`;
8
8
  const block4 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
9
9
  const block5 = (context, tags, suffix) => html`${ context.hasValueStateText ? block6(context, tags, suffix) : undefined }`;
10
- const block6 = (context, tags, suffix) => html`<div class="ui5-responsive-popover-header ${classMap(context.classes.popoverValueState)}" ?focused=${context._isValueStateFocused} tabindex="0" style="${styleMap(context.styles.suggestionPopoverHeader)}">${ context.shouldDisplayDefaultValueStateMessage ? block7(context, tags, suffix) : block8(context, tags, suffix) }</div>`;
10
+ const block6 = (context, tags, suffix) => html`<div class="ui5-responsive-popover-header ${classMap(context.classes.popoverValueState)}" ?focused=${context._isValueStateFocused} tabindex="0" style="${styleMap(context.styles.suggestionPopoverHeader)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block7(context, tags, suffix) : block8(context, tags, suffix) }</div>`;
11
11
  const block7 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
12
12
  const block8 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block9(item, index, context, tags, suffix)) }`;
13
13
  const block9 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
14
14
  const block10 = (item, index, context, tags, suffix) => html`${ item.isGroupItem ? block11(item, index, context, tags, suffix) : block12(item, index, context, tags, suffix) }`;
15
15
  const block11 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-li-groupheader", tags, suffix)} ?focused=${item.focused}>${ifDefined(item.text)}</${scopeTag("ui5-li-groupheader", tags, suffix)}>`;
16
16
  const block12 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-li", tags, suffix)} type="Active" additional-text=${ifDefined(item.additionalText)} group-name=${ifDefined(item.groupName)} ._tabIndex=${ifDefined(item.itemTabIndex)} .mappedItem=${ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused}>${ifDefined(item.text)}</${scopeTag("ui5-li", tags, suffix)}>`;
17
- const block13 = (context, tags, suffix) => html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore no-padding hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}">${ context.shouldDisplayDefaultValueStateMessage ? block14(context, tags, suffix) : block15(context, tags, suffix) }</div></${scopeTag("ui5-popover", tags, suffix)}>`;
17
+ const block13 = (context, tags, suffix) => html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore no-padding hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block14(context, tags, suffix) : block15(context, tags, suffix) }</div></${scopeTag("ui5-popover", tags, suffix)}>`;
18
18
  const block14 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
19
19
  const block15 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block16(item, index, context, tags, suffix)) }`;
20
20
  const block16 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
package/dist/generated/templates/ComboBoxTemplate.lit.js CHANGED
@@ -1,10 +1,11 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<div class="ui5-combobox-root">${ context.hasValueState ? block1(context, tags, suffix) : undefined }<input id="ui5-combobox-input" .value="${ifDefined(context.value)}" inner-input placeholder="${ifDefined(context.placeholder)}" ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${ifDefined(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @click=${context._click} @keydown="${context._keydown}" @focusin="${context._focusin}" @focusout="${context._focusout}" aria-expanded="${ifDefined(context.open)}" role="combobox" aria-haspopup="listbox" aria-autocomplete="both" aria-describedby="${ifDefined(context.valueStateTextId)}" aria-label="${ifDefined(context.ariaLabelText)}" aria-required="${ifDefined(context.required)}" data-sap-focus-ref />${ context.icon ? block2(context, tags, suffix) : undefined }${ !context.readonly ? block3(context, tags, suffix) : undefined }</div>`;
4
+ const block0 = (context, tags, suffix) => html`<div class="ui5-combobox-root">${ context.hasValueState ? block1(context, tags, suffix) : undefined }<input id="ui5-combobox-input" .value="${ifDefined(context.value)}" inner-input placeholder="${ifDefined(context.placeholder)}" ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${ifDefined(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @click=${context._click} @keydown="${context._keydown}" @focusin="${context._focusin}" @focusout="${context._focusout}" aria-expanded="${ifDefined(context.open)}" role="combobox" aria-haspopup="listbox" aria-autocomplete="both" aria-describedby="${ifDefined(context.valueStateTextId)}" aria-label="${ifDefined(context.ariaLabelText)}" aria-required="${ifDefined(context.required)}" data-sap-focus-ref />${ context.readonly ? block2(context, tags, suffix) : undefined }${ context.icon ? block3(context, tags, suffix) : undefined }${ !context.readonly ? block4(context, tags, suffix) : undefined }</div>`;
5
5
  const block1 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-valueStateDesc" class="ui5-hidden-text">${ifDefined(context.valueStateText)}</span>`;
6
- const block2 = (context, tags, suffix) => html`<slot name="icon"></slot>`;
7
- const block3 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${context._iconPressed}" @click="${context._arrowClick}" dir="${ifDefined(context.effectiveDir)}" accessible-name="${ifDefined(context._iconAccessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}>`;
6
+ const block2 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-readonly-icon" name="not-editable" @click="${context._readonlyIconClick}"></${scopeTag("ui5-icon", tags, suffix)}>`;
7
+ const block3 = (context, tags, suffix) => html`<slot name="icon"></slot>`;
8
+ const block4 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${context._iconPressed}" @click="${context._arrowClick}" dir="${ifDefined(context.effectiveDir)}" accessible-name="${ifDefined(context._iconAccessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}>`;
8
9
 
9
10
 
10
11
  export default block0;
package/dist/generated/templates/CustomListItemTemplate.lit.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<li tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" dir="${ifDefined(context.effectiveDir)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._id)}-invisibleText ${ifDefined(context._id)}-content" aria-disabled="${ifDefined(context.ariaDisabled)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content"><slot></slot></div>${ context.typeDetail ? block5(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block6(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
4
+ const block0 = (context, tags, suffix) => html`<li part="native-li" tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" dir="${ifDefined(context.effectiveDir)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._id)}-invisibleText ${ifDefined(context._id)}-content" aria-disabled="${ifDefined(context.ariaDisabled)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content"><slot></slot></div>${ context.typeDetail ? block5(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block6(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
5
5
  const block1 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block2(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block3(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block4(context, tags, suffix) : undefined }`;
6
6
  const block2 = (context, tags, suffix) => html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>`;
7
7
  const block3 = (context, tags, suffix) => html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>`;
package/dist/generated/templates/FileUploaderPopoverTemplate.lit.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore no-padding hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}">${ context.shouldDisplayDefaultValueStateMessage ? block1(context, tags, suffix) : block2(context, tags, suffix) }</div></${scopeTag("ui5-popover", tags, suffix)}>`;
4
+ const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore no-padding hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageInputIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block1(context, tags, suffix) : block2(context, tags, suffix) }</div></${scopeTag("ui5-popover", tags, suffix)}>`;
5
5
  const block1 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
6
6
  const block2 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix)) }`;
7
7
  const block3 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
package/dist/generated/templates/GroupHeaderListItemTemplate.lit.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<li tabindex="${ifDefined(context._tabIndex)}" class="ui5-ghli-root ${classMap(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keydown="${context._onkeydown}" aria-label="${ifDefined(context.ariaLabelText)}" aria-roledescription="${ifDefined(context.groupHeaderText)}" role="group"><div id="${ifDefined(context._id)}-content" class="ui5-li-content"><span class="ui5-ghli-title"><slot></slot></span></div></li>`;
4
+ const block0 = (context, tags, suffix) => html`<li part="native-li" tabindex="${ifDefined(context._tabIndex)}" class="ui5-ghli-root ${classMap(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keydown="${context._onkeydown}" aria-label="${ifDefined(context.ariaLabelText)}" aria-roledescription="${ifDefined(context.groupHeaderText)}" role="group"><div id="${ifDefined(context._id)}-content" class="ui5-li-content"><span class="ui5-ghli-title"><slot></slot></span></div></li>`;
5
5
 
6
6
 
7
7
  export default block0;
package/dist/generated/templates/InputPopoverTemplate.lit.js CHANGED
@@ -2,14 +2,14 @@
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
4
  const block0 = (context, tags, suffix) => html`${ context.showSuggestions ? block1(context, tags, suffix) : undefined }${ context.hasValueStateMessage ? block17(context, tags, suffix) : undefined } `;
5
- const block1 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${styleMap(context.styles.suggestionsPopover)}" @ui5-after-open="${ifDefined(context._afterOpenPopover)}" @ui5-after-close="${ifDefined(context._afterClosePopover)}" @ui5-scroll="${ifDefined(context._scroll)}">${ context._isPhone ? block2(context, tags, suffix) : undefined }${ !context._isPhone ? block7(context, tags, suffix) : undefined }<${scopeTag("ui5-list", tags, suffix)} separators="${ifDefined(context.suggestionSeparators)}">${ repeat(context.suggestionsTexts, (item, index) => item._id || index, (item, index) => block12(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}>${ context._isPhone ? block16(context, tags, suffix) : undefined }</${scopeTag("ui5-responsive-popover", tags, suffix)}>`;
5
+ const block1 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} class="${classMap(context.classes.popover)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${styleMap(context.styles.suggestionsPopover)}" @ui5-after-open="${ifDefined(context._afterOpenPopover)}" @ui5-after-close="${ifDefined(context._afterClosePopover)}" @ui5-scroll="${ifDefined(context._scroll)}">${ context._isPhone ? block2(context, tags, suffix) : undefined }${ !context._isPhone ? block7(context, tags, suffix) : undefined }<${scopeTag("ui5-list", tags, suffix)} separators="${ifDefined(context.suggestionSeparators)}">${ repeat(context.suggestionsTexts, (item, index) => item._id || index, (item, index) => block12(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}>${ context._isPhone ? block16(context, tags, suffix) : undefined }</${scopeTag("ui5-responsive-popover", tags, suffix)}>`;
6
6
  const block2 = (context, tags, suffix) => html`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${ifDefined(context._headerTitleText)}</span><${scopeTag("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._closeRespPopover}"></${scopeTag("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone"><input class="ui5-input-inner-phone" type="${ifDefined(context.inputType)}" .value="${ifDefined(context.value)}" inner-input placeholder="${ifDefined(context.placeholder)}" @input="${context._handleInput}" @change="${context._handleChange}" /></div></div>${ context.hasValueStateMessage ? block3(context, tags, suffix) : undefined }</div>`;
7
7
  const block3 = (context, tags, suffix) => html`<div class="row ${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.suggestionPopoverHeader)}">${ context.shouldDisplayDefaultValueStateMessage ? block4(context, tags, suffix) : block5(context, tags, suffix) }</div>`;
8
8
  const block4 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
9
9
  const block5 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block6(item, index, context, tags, suffix)) }`;
10
10
  const block6 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
11
11
  const block7 = (context, tags, suffix) => html`${ context.hasValueStateMessage ? block8(context, tags, suffix) : undefined }`;
12
- const block8 = (context, tags, suffix) => html`<div slot="header" class="ui5-responsive-popover-header ${classMap(context.classes.popoverValueState)}" style=${styleMap(context.styles.suggestionPopoverHeader)}>${ context.shouldDisplayDefaultValueStateMessage ? block9(context, tags, suffix) : block10(context, tags, suffix) }</div>`;
12
+ const block8 = (context, tags, suffix) => html`<div slot="header" ?focused=${context._isValueStateFocused} class="ui5-responsive-popover-header ${classMap(context.classes.popoverValueState)}" style=${styleMap(context.styles.suggestionPopoverHeader)}><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageInputIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block9(context, tags, suffix) : block10(context, tags, suffix) }</div>`;
13
13
  const block9 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
14
14
  const block10 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block11(item, index, context, tags, suffix)) }`;
15
15
  const block11 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
@@ -18,7 +18,7 @@ const block13 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-li
18
18
  const block14 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-li-suggestion-item", tags, suffix)} image="${ifDefined(item.image)}" icon="${ifDefined(item.icon)}" additional-text="${ifDefined(item.additionalText)}" type="${ifDefined(item.type)}" additional-text-state="${ifDefined(item.additionalTextState)}" @ui5-_item-press="${ifDefined(item.fnOnSuggestionItemPress)}" data-ui5-key="${ifDefined(item.key)}">${unsafeHTML(item.text)}${ item.description ? block15(item, index, context, tags, suffix) : undefined }</${scopeTag("ui5-li-suggestion-item", tags, suffix)}>`;
19
19
  const block15 = (item, index, context, tags, suffix) => html`<span slot="richDescription">${unsafeHTML(item.description)}</span>`;
20
20
  const block16 = (context, tags, suffix) => html`<div slot="footer" class="ui5-responsive-popover-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">OK</${scopeTag("ui5-button", tags, suffix)}></div>`;
21
- const block17 = (context, tags, suffix) => html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore no-padding hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}">${ context.shouldDisplayDefaultValueStateMessage ? block18(context, tags, suffix) : block19(context, tags, suffix) }</div></${scopeTag("ui5-popover", tags, suffix)}>`;
21
+ const block17 = (context, tags, suffix) => html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore no-padding hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageInputIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block18(context, tags, suffix) : block19(context, tags, suffix) }</div></${scopeTag("ui5-popover", tags, suffix)}>`;
22
22
  const block18 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
23
23
  const block19 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block20(item, index, context, tags, suffix)) }`;
24
24
  const block20 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
package/dist/generated/templates/InputTemplate.lit.js CHANGED
@@ -1,11 +1,12 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<div class="ui5-input-root" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}"><div class="ui5-input-content"><input id="${ifDefined(context._id)}-inner" class="ui5-input-inner" style="${styleMap(context.styles.innerInput)}" type="${ifDefined(context.inputType)}" inner-input ?inner-input-with-icon="${context.icon.length}" ?disabled="${context.disabled}" ?readonly="${context._readonly}" .value="${ifDefined(context.value)}" placeholder="${ifDefined(context._placeholder)}" maxlength="${ifDefined(context.maxlength)}" role="${ifDefined(context.accInfo.input.role)}" aria-controls="${ifDefined(context.accInfo.input.ariaControls)}" ?aria-invalid="${context.accInfo.input.ariaInvalid}" aria-haspopup="${ifDefined(context.accInfo.input.ariaHasPopup)}" aria-describedby="${ifDefined(context.accInfo.input.ariaDescribedBy)}" aria-roledescription="${ifDefined(context.accInfo.input.ariaRoledescription)}" aria-autocomplete="${ifDefined(context.accInfo.input.ariaAutoComplete)}" aria-expanded="${ifDefined(context.accInfo.input.ariaExpanded)}" aria-label="${ifDefined(context.accInfo.input.ariaLabel)}" aria-required="${ifDefined(context.required)}" @input="${context._handleInput}" @change="${context._handleChange}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.innerFocusIn} data-sap-focus-ref step="${ifDefined(context.nativeInputAttributes.step)}" min="${ifDefined(context.nativeInputAttributes.min)}" max="${ifDefined(context.nativeInputAttributes.max)}" />${ context.icon.length ? block1(context, tags, suffix) : undefined }<div class="ui5-input-value-state-icon">${unsafeHTML(context._valueStateInputIcon)}</div>${ context.showSuggestions ? block2(context, tags, suffix) : undefined }${ context.accInfo.input.ariaDescription ? block3(context, tags, suffix) : undefined }${ context.hasValueState ? block4(context, tags, suffix) : undefined }</div><slot name="formSupport"></slot></div>`;
5
- const block1 = (context, tags, suffix) => html`<div class="ui5-input-icon-root"><slot name="icon"></slot></div>`;
6
- const block2 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-suggestionsText" class="ui5-hidden-text">${ifDefined(context.suggestionsText)}</span><span id="${ifDefined(context._id)}-selectionText" class="ui5-hidden-text" aria-live="polite" role="status"></span><span id="${ifDefined(context._id)}-suggestionsCount" class="ui5-hidden-text" aria-live="polite">${ifDefined(context.availableSuggestionsCount)}</span>`;
7
- const block3 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-descr" class="ui5-hidden-text">${ifDefined(context.accInfo.input.ariaDescription)}</span>`;
8
- const block4 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-valueStateDesc" class="ui5-hidden-text">${ifDefined(context.ariaValueStateHiddenText)}</span>`;
4
+ const block0 = (context, tags, suffix) => html`<div class="ui5-input-root" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}"><div class="ui5-input-content"><input id="${ifDefined(context._id)}-inner" class="ui5-input-inner" style="${styleMap(context.styles.innerInput)}" type="${ifDefined(context.inputType)}" inner-input ?inner-input-with-icon="${context.icon.length}" ?disabled="${context.disabled}" ?readonly="${context._readonly}" .value="${ifDefined(context.value)}" placeholder="${ifDefined(context._placeholder)}" maxlength="${ifDefined(context.maxlength)}" role="${ifDefined(context.accInfo.input.role)}" aria-controls="${ifDefined(context.accInfo.input.ariaControls)}" ?aria-invalid="${context.accInfo.input.ariaInvalid}" aria-haspopup="${ifDefined(context.accInfo.input.ariaHasPopup)}" aria-describedby="${ifDefined(context.accInfo.input.ariaDescribedBy)}" aria-roledescription="${ifDefined(context.accInfo.input.ariaRoledescription)}" aria-autocomplete="${ifDefined(context.accInfo.input.ariaAutoComplete)}" aria-expanded="${ifDefined(context.accInfo.input.ariaExpanded)}" aria-label="${ifDefined(context.accInfo.input.ariaLabel)}" aria-required="${ifDefined(context.required)}" @input="${context._handleInput}" @change="${context._handleChange}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.innerFocusIn} data-sap-focus-ref step="${ifDefined(context.nativeInputAttributes.step)}" min="${ifDefined(context.nativeInputAttributes.min)}" max="${ifDefined(context.nativeInputAttributes.max)}" />${ context.readonly ? block1(context, tags, suffix) : undefined }${ context.icon.length ? block2(context, tags, suffix) : undefined }<div class="ui5-input-value-state-icon">${unsafeHTML(context._valueStateInputIcon)}</div>${ context.showSuggestions ? block3(context, tags, suffix) : undefined }${ context.accInfo.input.ariaDescription ? block4(context, tags, suffix) : undefined }${ context.hasValueState ? block5(context, tags, suffix) : undefined }</div><slot name="formSupport"></slot></div>`;
5
+ const block1 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-readonly-icon" name="not-editable"></${scopeTag("ui5-icon", tags, suffix)}>`;
6
+ const block2 = (context, tags, suffix) => html`<div class="ui5-input-icon-root"><slot name="icon"></slot></div>`;
7
+ const block3 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-suggestionsText" class="ui5-hidden-text">${ifDefined(context.suggestionsText)}</span><span id="${ifDefined(context._id)}-selectionText" class="ui5-hidden-text" aria-live="polite" role="status"></span><span id="${ifDefined(context._id)}-suggestionsCount" class="ui5-hidden-text" aria-live="polite">${ifDefined(context.availableSuggestionsCount)}</span>`;
8
+ const block4 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-descr" class="ui5-hidden-text">${ifDefined(context.accInfo.input.ariaDescription)}</span>`;
9
+ const block5 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-valueStateDesc" class="ui5-hidden-text">${ifDefined(context.ariaValueStateHiddenText)}</span>`;
9
10
 
10
11
 
11
12
  export default block0;
package/dist/generated/templates/ListItemTemplate.lit.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<li tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" dir="${ifDefined(context.effectiveDir)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._id)}-invisibleText ${ifDefined(context._id)}-content" aria-disabled="${ifDefined(context.ariaDisabled)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content"></div>${ context.typeDetail ? block5(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block6(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
4
+ const block0 = (context, tags, suffix) => html`<li part="native-li" tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" dir="${ifDefined(context.effectiveDir)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._id)}-invisibleText ${ifDefined(context._id)}-content" aria-disabled="${ifDefined(context.ariaDisabled)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content"></div>${ context.typeDetail ? block5(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block6(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
5
5
  const block1 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block2(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block3(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block4(context, tags, suffix) : undefined }`;
6
6
  const block2 = (context, tags, suffix) => html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>`;
7
7
  const block3 = (context, tags, suffix) => html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>`;
package/dist/generated/templates/ListTemplate.lit.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<div class="ui5-list-root" @focusin="${context._onfocusin}" @keydown="${context._onkeydown}"><div class="ui5-list-scroll-container"><!-- header -->${ context.header.length ? block1(context, tags, suffix) : undefined }${ context.shouldRenderH1 ? block2(context, tags, suffix) : undefined }${ context.hasData ? block3(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-modeLabel" class="ui5-hidden-text">${ifDefined(context.ariaLabelModeText)}</span><ul id="${ifDefined(context._id)}-listUl" class="ui5-list-ul" role="${ifDefined(context.accessibleRole)}" aria-label="${ifDefined(context.ariaLabelТxt)}" aria-labelledby="${ifDefined(context.ariaLabelledBy)}"><slot></slot>${ context.showNoDataText ? block4(context, tags, suffix) : undefined }</ul>${ context.growsWithButton ? block5(context, tags, suffix) : undefined }${ context.footerText ? block6(context, tags, suffix) : undefined }${ context.hasData ? block7(context, tags, suffix) : undefined }<span tabindex="-1" aria-hidden="true" class="ui5-list-end-marker"></span></div>${ context.busy ? block8(context, tags, suffix) : undefined }</div> `;
4
+ const block0 = (context, tags, suffix) => html`<div class="ui5-list-root" @focusin="${context._onfocusin}" @keydown="${context._onkeydown}"><div class="ui5-list-scroll-container"><!-- header -->${ context.header.length ? block1(context, tags, suffix) : undefined }${ context.shouldRenderH1 ? block2(context, tags, suffix) : undefined }${ context.hasData ? block3(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-modeLabel" class="ui5-hidden-text">${ifDefined(context.ariaLabelModeText)}</span><ul id="${ifDefined(context._id)}-listUl" class="ui5-list-ul" role="${ifDefined(context.accessibleRole)}" aria-label="${ifDefined(context.ariaLabelTxt)}" aria-labelledby="${ifDefined(context.ariaLabelledBy)}"><slot></slot>${ context.showNoDataText ? block4(context, tags, suffix) : undefined }</ul>${ context.growsWithButton ? block5(context, tags, suffix) : undefined }${ context.footerText ? block6(context, tags, suffix) : undefined }${ context.hasData ? block7(context, tags, suffix) : undefined }<span tabindex="-1" aria-hidden="true" class="ui5-list-end-marker"></span></div>${ context.busy ? block8(context, tags, suffix) : undefined }</div> `;
5
5
  const block1 = (context, tags, suffix) => html`<slot name="header" />`;
6
6
  const block2 = (context, tags, suffix) => html`<header id="${ifDefined(context.headerID)}" class="ui5-list-header">${ifDefined(context.headerText)}</header>`;
7
7
  const block3 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-before" tabindex="0" class="ui5-list-focusarea"></div>`;
package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js CHANGED
@@ -1,14 +1,14 @@
1
1
  /* eslint no-unused-vars: 0 */
2
2
  import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
 
4
- const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} placement-type="Bottom" horizontal-align="Stretch" class="ui5-multi-combobox-all-items-responsive-popover" hide-arrow _disable-initial-focus @ui5-selection-change=${ifDefined(context._listSelectionChange)} @ui5-after-close=${ifDefined(context._afterClosePicker)} @ui5-before-open=${ifDefined(context._beforeOpen)} @ui5-after-open=${ifDefined(context._afterOpenPicker)}>${ context._isPhone ? block1(context, tags, suffix) : undefined }${ !context._isPhone ? block6(context, tags, suffix) : undefined }${ context.filterSelected ? block11(context, tags, suffix) : block13(context, tags, suffix) }${ context._isPhone ? block15(context, tags, suffix) : undefined }</${scopeTag("ui5-responsive-popover", tags, suffix)}>${ context.hasValueStateMessage ? block16(context, tags, suffix) : undefined } `;
4
+ const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} placement-type="Bottom" horizontal-align="Stretch" class="${classMap(context.classes.popover)}" hide-arrow _disable-initial-focus @ui5-selection-change=${ifDefined(context._listSelectionChange)} @ui5-after-close=${ifDefined(context._afterClosePicker)} @ui5-before-open=${ifDefined(context._beforeOpen)} @ui5-after-open=${ifDefined(context._afterOpenPicker)}>${ context._isPhone ? block1(context, tags, suffix) : undefined }${ !context._isPhone ? block6(context, tags, suffix) : undefined }${ context.filterSelected ? block11(context, tags, suffix) : block13(context, tags, suffix) }${ context._isPhone ? block15(context, tags, suffix) : undefined }</${scopeTag("ui5-responsive-popover", tags, suffix)}>${ context.hasValueStateMessage ? block16(context, tags, suffix) : undefined } `;
5
5
  const block1 = (context, tags, suffix) => html`<div slot="header" class="ui5-responsive-popover-header" style="${styleMap(context.styles.popoverHeader)}"><div class="row"><span>${ifDefined(context._headerTitleText)}</span><${scopeTag("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context.handleCancel}"></${scopeTag("ui5-button", tags, suffix)}></div><div class="row"><div slot="header" class="input-root-phone" value-state="${ifDefined(context.valueState)}"><input .value="${ifDefined(context.value)}" inner-input placeholder="${ifDefined(context.placeholder)}" value-state="${ifDefined(context.valueState)}" @input="${context._inputLiveChange}" @change=${context._inputChange} aria-autocomplete="both" aria-labelledby="${ifDefined(context._id)}-hiddenText-nMore" aria-describedby="${ifDefined(context._id)}-valueStateDesc" /></div><${scopeTag("ui5-toggle-button", tags, suffix)} slot="header" class="ui5-multi-combobox-toggle-button" icon="multiselect-all" design="Transparent" ?pressed=${context._showAllItemsButtonPressed} @click="${context.filterSelectedItems}"></${scopeTag("ui5-toggle-button", tags, suffix)}></div>${ context.hasValueStateMessage ? block2(context, tags, suffix) : undefined }</div></div>`;
6
- const block2 = (context, tags, suffix) => html`<div class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverValueStateMessage)}">${ context.shouldDisplayDefaultValueStateMessage ? block3(context, tags, suffix) : block4(context, tags, suffix) }</div>`;
6
+ const block2 = (context, tags, suffix) => html`<div class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverValueStateMessage)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block3(context, tags, suffix) : block4(context, tags, suffix) }</div>`;
7
7
  const block3 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
8
8
  const block4 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix)) }`;
9
9
  const block5 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
10
10
  const block6 = (context, tags, suffix) => html`${ context.hasValueStateMessage ? block7(context, tags, suffix) : undefined }`;
11
- const block7 = (context, tags, suffix) => html`<div slot="header" @keydown="${context._onValueStateKeydown}" tabindex="0" class="ui5-responsive-popover-header ${classMap(context.classes.popoverValueState)}" style=${styleMap(context.styles.popoverValueStateMessage)}>${ context.shouldDisplayDefaultValueStateMessage ? block8(context, tags, suffix) : block9(context, tags, suffix) }</div>`;
11
+ const block7 = (context, tags, suffix) => html`<div slot="header" @keydown="${context._onValueStateKeydown}" tabindex="0" class="ui5-responsive-popover-header ${classMap(context.classes.popoverValueState)}" style=${styleMap(context.styles.popoverValueStateMessage)}><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block8(context, tags, suffix) : block9(context, tags, suffix) }</div>`;
12
12
  const block8 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
13
13
  const block9 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix)) }`;
14
14
  const block10 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
@@ -17,7 +17,7 @@ const block12 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-li
17
17
  const block13 = (context, tags, suffix) => html`<${scopeTag("ui5-list", tags, suffix)} separators="None" mode="MultiSelect" class="ui5-multi-combobox-all-items-list">${ repeat(context._filteredItems, (item, index) => item._id || index, (item, index) => block14(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}>`;
18
18
  const block14 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-li", tags, suffix)} type="${ifDefined(context._listItemsType)}" additional-text=${ifDefined(item.additionalText)} ?selected=${item.selected} data-ui5-token-id="${ifDefined(item._id)}" data-ui5-stable="${ifDefined(item.stableDomRef)}" @keydown="${context._onItemKeydown}">${ifDefined(item.text)}</${scopeTag("ui5-li", tags, suffix)}>`;
19
19
  const block15 = (context, tags, suffix) => html`<div slot="footer" class="ui5-responsive-popover-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context.handleOK}">${ifDefined(context._dialogOkButton)}</${scopeTag("ui5-button", tags, suffix)}></div>`;
20
- const block16 = (context, tags, suffix) => html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore no-padding hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}">${ context.shouldDisplayDefaultValueStateMessage ? block17(context, tags, suffix) : block18(context, tags, suffix) }</div></${scopeTag("ui5-popover", tags, suffix)}>`;
20
+ const block16 = (context, tags, suffix) => html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore no-padding hide-arrow class="ui5-valuestatemessage-popover" placement-type="Bottom" horizontal-align="Left"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block17(context, tags, suffix) : block18(context, tags, suffix) }</div></${scopeTag("ui5-popover", tags, suffix)}>`;
21
21
  const block17 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
22
22
  const block18 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block19(item, index, context, tags, suffix)) }`;
23
23
  const block19 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;