@ui5/webcomponents-fiori 2.7.0-rc.0 → 2.7.0-rc.1

package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css

@@ -1 +1 @@
-:root{--_ui5-v2-7-0-rc-0_fcl_solid_bg: var(--sapBackgroundColor);--_ui5-v2-7-0-rc-0_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5-v2-7-0-rc-0_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5-v2-7-0-rc-0_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5-v2-7-0-rc-0_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5-v2-7-0-rc-0_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5-v2-7-0-rc-0_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-7-0-rc-0_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5-v2-7-0-rc-0_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5-v2-7-0-rc-0_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-7-0-rc-0_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-v2-7-0-rc-0_page_list_bg: var(--sapGroup_ContentBackground);--_ui5-v2-7-0-rc-0_page_transparent_bg: var(--sapBackgroundColor);--_ui5-v2-7-0-rc-0_product_switch_item_width: 11.25rem;--_ui5-v2-7-0-rc-0_product_switch_item_height: 7rem;--_ui5-v2-7-0-rc-0_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-7-0-rc-0_product_switch_item_outline_offset_positive: .1875rem;--_ui5-v2-7-0-rc-0_product_switch_item_outline_width: .125rem;--_ui5-v2-7-0-rc-0_product_switch_item_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-7-0-rc-0_product_switch_item_outline: var(--_ui5-v2-7-0-rc-0_product_switch_item_outline_width) var(--_ui5-v2-7-0-rc-0_product_switch_item_outline_color) dotted;--_ui5-v2-7-0-rc-0_product_switch_item_outline_offset: -.25rem;--_ui5-v2-7-0-rc-0_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5-v2-7-0-rc-0_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-7-0-rc-0_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5-v2-7-0-rc-0_shellbar_search_field_box_shadow_hover: none;--_ui5-v2-7-0-rc-0_side_navigation_collapsed_width: 3rem;--_ui5-v2-7-0-rc-0_side_navigation_navigation_separator_margin: .25rem .875rem .25rem .875rem;--_ui5-v2-7-0-rc-0_side_navigation_navigation_separator_margin_collapsed: .25rem .5rem .25rem .5rem;--_ui5-v2-7-0-rc-0_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5-v2-7-0-rc-0_side_navigation_navigation_separator_radius: unset;--_ui5-v2-7-0-rc-0_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5-v2-7-0-rc-0_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5-v2-7-0-rc-0_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-7-0-rc-0_side_navigation_triangle_display: block;--_ui5-v2-7-0-rc-0_side_navigation_phone_width: var(--_ui5-v2-7-0-rc-0_side_navigation_width);--_ui5-v2-7-0-rc-0_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5-v2-7-0-rc-0_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5-v2-7-0-rc-0_side_navigation_expand_icon_width: 2rem;--_ui5-v2-7-0-rc-0_side_navigation_hover_border_style_color: none;--_ui5-v2-7-0-rc-0_side_navigation_hover_border_width: 0;--_ui5-v2-7-0-rc-0_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5-v2-7-0-rc-0_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5-v2-7-0-rc-0_side_navigation_item_border_style_color: none;--_ui5-v2-7-0-rc-0_side_navigation_item_border_width: 0;--_ui5-v2-7-0-rc-0_side_navigation_last_item_border_style_color: none;--_ui5-v2-7-0-rc-0_side_navigation_item_border_radius: 0;--_ui5-v2-7-0-rc-0_side_navigation_item_bottom_margin: 0;--_ui5-v2-7-0-rc-0_side_navigation_item_transition: none;--_ui5-v2-7-0-rc-0_side_navigation_item_padding_left: .5rem;--_ui5-v2-7-0-rc-0_side_navigation_no_icons_group_padding: 1rem;--_ui5-v2-7-0-rc-0_side_navigation_no_icons_nested_item_padding: 1rem;--_ui5-v2-7-0-rc-0_side_navigation_item_focus_border_offset: 1px;--_ui5-v2-7-0-rc-0_side_navigation_item_focus_border_radius: var(--_ui5-v2-7-0-rc-0_side_navigation_item_border_radius);--_ui5-v2-7-0-rc-0_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5-v2-7-0-rc-0_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5-v2-7-0-rc-0_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5-v2-7-0-rc-0_side_navigation_selected_border_style_color: solid var(--_ui5-v2-7-0-rc-0_side_navigation_selected_item_border_color);--_ui5-v2-7-0-rc-0_side_navigation_selected_and_focused_border_style_color: var(--_ui5-v2-7-0-rc-0_side_navigation_selected_border_style_color);--_ui5-v2-7-0-rc-0_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5-v2-7-0-rc-0_side_navigation_collapsed_selected_item_border_style_color: solid var(--_ui5-v2-7-0-rc-0_side_navigation_selected_item_border_color);--_ui5-v2-7-0-rc-0_side_navigation_collapsed_selected_group_border_color: var(--_ui5-v2-7-0-rc-0_side_navigation_selected_item_border_color);--_ui5-v2-7-0-rc-0_side_navigation_group_expanded_border_width: 0;--_ui5-v2-7-0-rc-0_side_navigation_group_icon_width: var(--_ui5-v2-7-0-rc-0_side_navigation_collapsed_width);--_ui5-v2-7-0-rc-0_side_navigation_group_bottom_border_color: var(--sapList_BorderColor);--_ui5-v2-7-0-rc-0_side_navigation_group_text_weight: unset;--_ui5-v2-7-0-rc-0_side_navigation_group_bottom_margin_in_popup: 0;--_ui5-v2-7-0-rc-0_side_navigation_group_padding: .5rem;--_ui5-v2-7-0-rc-0_side_navigation_padding-flexible: 0;--_ui5-v2-7-0-rc-0_side_navigation_padding-fixed: 0;--_ui5-v2-7-0-rc-0_side_navigation_parent_popup_padding: 0;--_ui5-v2-7-0-rc-0_side_navigation_parent_popup_border_radius: var(--sapPopover_BorderCornerRadius);--_ui5-v2-7-0-rc-0_side_navigation_popup_item_padding: 0 1rem;--_ui5-v2-7-0-rc-0_side_navigation_popup_icon_width: 1rem;--_ui5-v2-7-0-rc-0_side_navigation_popup_box_shadow: var(--sapContent_Shadow2);--_ui5-v2-7-0-rc-0_side_navigation_popup_arrow_box_shadow: var(--sapContent_Shadow2);--_ui5-v2-7-0-rc-0_side_navigation_popup_title_text_size: var(--sapFontSize);--_ui5-v2-7-0-rc-0_side_navigation_popup_title_line_height: normal;--_ui5-v2-7-0-rc-0_side_navigation_selection_indicator_display: none;--_ui5-v2-7-0-rc-0_side_navigation_first_fixed_item_margin_top: 0;--_ui5-v2-7-0-rc-0_side_navigation_item_expand_icon_visibility: none;--_ui5-v2-7-0-rc-0_side_navigation_item_collapsed_hover_focus_width: 100%;--_ui5-v2-7-0-rc-0_side_navigation_item_collapsed_hover_focus_display: none;--_ui5-v2-7-0-rc-0_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5-v2-7-0-rc-0_side_navigation_item_collapsed_padding_right: 0;--_ui5-v2-7-0-rc-0_side_navigation_item_expand_icon_right: -.5rem;--_ui5-v2-7-0-rc-0_side_navigation_item_expand_icon_hover_left: auto;--_ui5-v2-7-0-rc-0_side_navigation_item_expand_icon_hover_right: 0;--_ui5-v2-7-0-rc-0_side_navigation_width: 16rem;--_ui5-v2-7-0-rc-0_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5-v2-7-0-rc-0_side_navigation_popover_shadow_color1: var(--sapContent_ShadowColor);--_ui5-v2-7-0-rc-0_side_navigation_popover_shadow_color2: color-mix(in srgb, var(--sapContent_ShadowColor) 16%, transparent);--_ui5-v2-7-0-rc-0_side_navigation_popover_box_shadow:0 0 0 .0625rem var(--_ui5-v2-7-0-rc-0_side_navigation_popover_shadow_color1), 0 1rem 2rem 0 var(--_ui5-v2-7-0-rc-0_side_navigation_popover_shadow_color2);--_ui5-v2-7-0-rc-0_side_navigation_separator_backgound: var(--sapToolbar_SeparatorColor);--_ui5-v2-7-0-rc-0_side_navigation_item_icon_color: var(--sapList_TextColor);--_ui5-v2-7-0-rc-0_side_navigation_icon_size: 1rem;--_ui5-v2-7-0-rc-0_side_navigation_toggle_icon_color: var(--sapList_TextColor);--_ui5-v2-7-0-rc-0_side_navigation_toggle_icon_size: .75rem;--_ui5-v2-7-0-rc-0_side_navigation_collapsed_state_width: 3.5rem;--_ui5-v2-7-0-rc-0_side_navigation_indent_step: 1.5rem;--_ui5-v2-7-0-rc-0_side_navigation_indent_step_in_popover: 0;--_ui5-v2-7-0-rc-0_side_navigation_icon_padding_inline_start: .5rem;--_ui5-v2-7-0-rc-0_side_navigation_icon_padding_inline_end: .4375rem;--_ui5-v2-7-0-rc-0_side_navigation_collapsed_state_divider_padding: var(--_ui5-v2-7-0-rc-0_side_navigation_divider_padding);--_ui5-v2-7-0-rc-0_side_navigation_divider_padding: .3125rem 0;--_ui5-v2-7-0-rc-0_side_navigation_divider_height: .0625rem;--_ui5-v2-7-0-rc-0_side_navigation_divider_margin: .5rem 0;--_ui5-v2-7-0-rc-0_side_navigation_border_inline_end: 0;--_ui5-v2-7-0-rc-0_side_navigation_container_padding: .5rem;--_ui5-v2-7-0-rc-0_side_navigation_container_padding_in_popover: .75rem;--_ui5-v2-7-0-rc-0_side_navigation_item_padding: 0 .5rem;--_ui5-v2-7-0-rc-0_side_navigation_item_gap: .125rem;--_ui5-v2-7-0-rc-0_side_navigation_item_height: 2.5rem;--_ui5-v2-7-0-rc-0_side_navigation_item_level_1_font: "72override", var(--sapFontBoldFamily);--_ui5-v2-7-0-rc-0_side_navigation_item_level_1_margin_bottom_in_popover: .75rem;--_ui5-v2-7-0-rc-0_side_navigation_item_selection_indicator_display: initial;--_ui5-v2-7-0-rc-0_side_navigation_item_selection_indicator_reserved_space_has_children: 1.375rem;--_ui5-v2-7-0-rc-0_side_navigation_subitem_selection_indicator_reserved_space_no_children: 1rem;--_ui5-v2-7-0-rc-0_TimelineItem_arrow_size: 1.625rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_border_width: .0625rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_border_style: dotted;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_border_radius: .25rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5-v2-7-0-rc-0_TimelineItem_bubble_border_top: -.125rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_border_right: -.125rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_border_bottom: -.125rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_border_left: -.625rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_focus_border_radius: 0;--_ui5-v2-7-0-rc-0_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5-v2-7-0-rc-0_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_content_padding: var(--_ui5-v2-7-0-rc-0_tl_bubble_padding);--_ui5-v2-7-0-rc-0_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_outline_width: .125rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_outline_top: -.1875rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_outline_right: -.1875rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_outline_bottom: -.1875rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_outline_left: -.6875rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5-v2-7-0-rc-0_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5-v2-7-0-rc-0_upload_collection_drop_overlay_background: transparent;--ui5-v2-7-0-rc-0_upload_collection_thumbnail_size: 3rem;--ui5-v2-7-0-rc-0_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5-v2-7-0-rc-0_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5-v2-7-0-rc-0_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-7-0-rc-0_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-7-0-rc-0_upload_collection_drag_overlay_border_radius: 0;--ui5-v2-7-0-rc-0_upload_collection_drag_overlay_opacity: .8;--ui5-v2-7-0-rc-0_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5-v2-7-0-rc-0_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5-v2-7-0-rc-0_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5-v2-7-0-rc-0_vsd_header_container: 2.75rem;--_ui5-v2-7-0-rc-0_vsd_sub_header_container_height: 2.75rem;--_ui5-v2-7-0-rc-0_vsd_content_li_padding: .375rem;--_ui5-v2-7-0-rc-0_vsd_content_height: 23.4375rem;--_ui5-v2-7-0-rc-0_vsd_expand_content_height: 26.1875rem;--_ui5-v2-7-0-rc-0_wiz_content_item_wrapper_padding: 1rem;--_ui5-v2-7-0-rc-0_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5-v2-7-0-rc-0_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5-v2-7-0-rc-0_wiz_tab_focus_border_radius: 0;--_ui5-v2-7-0-rc-0_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-7-0-rc-0_wiz_tab_selection_line: var(--sapTextColor);--_ui5-v2-7-0-rc-0_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-v2-7-0-rc-0_wiz_tab_icon_color: var(--sapTextColor);--_ui5-v2-7-0-rc-0_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5-v2-7-0-rc-0_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5-v2-7-0-rc-0_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5-v2-7-0-rc-0_shellbar_root_height: 2.75rem;--_ui5-v2-7-0-rc-0_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-7-0-rc-0_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v2-7-0-rc-0_shellbar_logo_outline_color);--_ui5-v2-7-0-rc-0_shellbar_outline_offset: -.0625rem;--_ui5-v2-7-0-rc-0_shellbar_logo_outline_offset: var(--_ui5-v2-7-0-rc-0_shellbar_outline_offset);--_ui5-v2-7-0-rc-0_shellbar_button_box_shadow: none;--_ui5-v2-7-0-rc-0_shellbar_button_box_shadow_active: none;--_ui5-v2-7-0-rc-0_shellbar_button_border: none;--_ui5-v2-7-0-rc-0_shellbar_button_border_radius: .25rem;--_ui5-v2-7-0-rc-0_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5-v2-7-0-rc-0_shellbar_logo_outline_border_radius: 0;--_ui5-v2-7-0-rc-0_shellbar_search_button_size: 2.25rem;--_ui5-v2-7-0-rc-0_shellbar_search_field_height: 2.25rem;--_ui5-v2-7-0-rc-0_shellbar_search_button_border_radius: .25rem;--_ui5-v2-7-0-rc-0_shellbar_search_field_background: var(--sapShellColor);--_ui5-v2-7-0-rc-0_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5-v2-7-0-rc-0_shellbar_search_field_box_shadow: none;--_ui5-v2-7-0-rc-0_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5-v2-7-0-rc-0_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5-v2-7-0-rc-0_shellbar_input_focus_outline_color: inherit;--_ui5-v2-7-0-rc-0_shellbar_overflow_container_middle_height: 2.5rem;--_ui5-v2-7-0-rc-0_shellbar_menu_button_title_font_size: .75rem;--_ui5-v2-7-0-rc-0_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-7-0-rc-0_dynamic_page_footer_spacer: 4rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_padding_S: .5rem 1rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_padding_M: .5rem 2rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_padding_L: .5rem 2rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5-v2-7-0-rc-0_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5-v2-7-0-rc-0_dynamic_page_header_padding_M: 1rem 2rem;--_ui5-v2-7-0-rc-0_dynamic_page_header_padding_L: 1rem 2rem;--_ui5-v2-7-0-rc-0_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5-v2-7-0-rc-0_dynamic_page_content_padding_S: 2rem 1rem 0;--_ui5-v2-7-0-rc-0_dynamic_page_content_padding_M: 2rem 2rem 0;--_ui5-v2-7-0-rc-0_dynamic_page_content_padding_L: 1rem 2rem 0;--_ui5-v2-7-0-rc-0_dynamic_page_content_padding_XL: 1rem 3rem 0;--ui5-v2-7-0-rc-0_dynamic_page_background: var(--sapBackgroundColor);--_ui5-v2-7-0-rc-0_dynamic_page_title_padding_top: .5rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_padding_bottom: .5rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_min_height: 4rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-7-0-rc-0_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_heading_padding_top: .3125rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_subheading_margin_top: .25rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_content_padding_left: 1rem;--_ui5-v2-7-0-rc-0_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5-v2-7-0-rc-0_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5-v2-7-0-rc-0_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5-v2-7-0-rc-0_dynamic_page_header_padding_top: 1rem;--_ui5-v2-7-0-rc-0_dynamic_page_header_padding_bottom: 1rem;--_ui5-v2-7-0-rc-0_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5-v2-7-0-rc-0_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5-v2-7-0-rc-0_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5-v2-7-0-rc-0_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5-v2-7-0-rc-0_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5-v2-7-0-rc-0_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5-v2-7-0-rc-0_dynamic_page_header-actions-background-pressed: var(--_ui5-v2-7-0-rc-0_dynamic_page_header-actions-background);--_ui5-v2-7-0-rc-0_dynamic_page_header-actions-color-pressed: var(--_ui5-v2-7-0-rc-0_dynamic_page_header-actions-color);--_ui5-v2-7-0-rc-0_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5-v2-7-0-rc-0_timeline_tlgi_root_horizontal_height: 21.53125rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-7-0-rc-0_side_navigation_navigation_separator_margin: var(--_ui5-v2-7-0-rc-0_side_navigation_navigation_separator_margin_collapsed);--_ui5-v2-7-0-rc-0_side_navigation_container_padding: 1.5rem .75rem .75rem .75rem;--_ui5-v2-7-0-rc-0_side_navigation_item_gap: .5rem;--_ui5-v2-7-0-rc-0_side_navigation_item_height: 2rem}[dir=rtl]{--_ui5-v2-7-0-rc-0_side_navigation_item_expand_icon_hover_left: 0;--_ui5-v2-7-0-rc-0_side_navigation_item_expand_icon_hover_right: auto}
+:root{--_ui5-v2-7-0-rc-1_fcl_solid_bg: var(--sapBackgroundColor);--_ui5-v2-7-0-rc-1_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5-v2-7-0-rc-1_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5-v2-7-0-rc-1_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);--sapIllus_NoColor: none;--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);--_ui5-v2-7-0-rc-1_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5-v2-7-0-rc-1_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5-v2-7-0-rc-1_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_ui5-v2-7-0-rc-1_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5-v2-7-0-rc-1_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5-v2-7-0-rc-1_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-7-0-rc-1_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5-v2-7-0-rc-1_page_list_bg: var(--sapGroup_ContentBackground);--_ui5-v2-7-0-rc-1_page_transparent_bg: var(--sapBackgroundColor);--_ui5-v2-7-0-rc-1_product_switch_item_width: 11.25rem;--_ui5-v2-7-0-rc-1_product_switch_item_height: 7rem;--_ui5-v2-7-0-rc-1_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-7-0-rc-1_product_switch_item_outline_offset_positive: .1875rem;--_ui5-v2-7-0-rc-1_product_switch_item_outline_width: .125rem;--_ui5-v2-7-0-rc-1_product_switch_item_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-7-0-rc-1_product_switch_item_outline: var(--_ui5-v2-7-0-rc-1_product_switch_item_outline_width) var(--_ui5-v2-7-0-rc-1_product_switch_item_outline_color) dotted;--_ui5-v2-7-0-rc-1_product_switch_item_outline_offset: -.25rem;--_ui5-v2-7-0-rc-1_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5-v2-7-0-rc-1_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-7-0-rc-1_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5-v2-7-0-rc-1_shellbar_search_field_box_shadow_hover: none;--_ui5-v2-7-0-rc-1_side_navigation_collapsed_width: 3rem;--_ui5-v2-7-0-rc-1_side_navigation_navigation_separator_margin: .25rem .875rem .25rem .875rem;--_ui5-v2-7-0-rc-1_side_navigation_navigation_separator_margin_collapsed: .25rem .5rem .25rem .5rem;--_ui5-v2-7-0-rc-1_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5-v2-7-0-rc-1_side_navigation_navigation_separator_radius: unset;--_ui5-v2-7-0-rc-1_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5-v2-7-0-rc-1_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5-v2-7-0-rc-1_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5-v2-7-0-rc-1_side_navigation_triangle_display: block;--_ui5-v2-7-0-rc-1_side_navigation_phone_width: var(--_ui5-v2-7-0-rc-1_side_navigation_width);--_ui5-v2-7-0-rc-1_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5-v2-7-0-rc-1_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5-v2-7-0-rc-1_side_navigation_expand_icon_width: 2rem;--_ui5-v2-7-0-rc-1_side_navigation_hover_border_style_color: none;--_ui5-v2-7-0-rc-1_side_navigation_hover_border_width: 0;--_ui5-v2-7-0-rc-1_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5-v2-7-0-rc-1_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5-v2-7-0-rc-1_side_navigation_item_border_style_color: none;--_ui5-v2-7-0-rc-1_side_navigation_item_border_width: 0;--_ui5-v2-7-0-rc-1_side_navigation_last_item_border_style_color: none;--_ui5-v2-7-0-rc-1_side_navigation_item_border_radius: 0;--_ui5-v2-7-0-rc-1_side_navigation_item_bottom_margin: 0;--_ui5-v2-7-0-rc-1_side_navigation_item_transition: none;--_ui5-v2-7-0-rc-1_side_navigation_item_padding_left: .5rem;--_ui5-v2-7-0-rc-1_side_navigation_no_icons_group_padding: 1rem;--_ui5-v2-7-0-rc-1_side_navigation_no_icons_nested_item_padding: 1rem;--_ui5-v2-7-0-rc-1_side_navigation_item_focus_border_offset: 1px;--_ui5-v2-7-0-rc-1_side_navigation_item_focus_border_radius: var(--_ui5-v2-7-0-rc-1_side_navigation_item_border_radius);--_ui5-v2-7-0-rc-1_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5-v2-7-0-rc-1_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5-v2-7-0-rc-1_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5-v2-7-0-rc-1_side_navigation_selected_border_style_color: solid var(--_ui5-v2-7-0-rc-1_side_navigation_selected_item_border_color);--_ui5-v2-7-0-rc-1_side_navigation_selected_and_focused_border_style_color: var(--_ui5-v2-7-0-rc-1_side_navigation_selected_border_style_color);--_ui5-v2-7-0-rc-1_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5-v2-7-0-rc-1_side_navigation_collapsed_selected_item_border_style_color: solid var(--_ui5-v2-7-0-rc-1_side_navigation_selected_item_border_color);--_ui5-v2-7-0-rc-1_side_navigation_collapsed_selected_group_border_color: var(--_ui5-v2-7-0-rc-1_side_navigation_selected_item_border_color);--_ui5-v2-7-0-rc-1_side_navigation_group_expanded_border_width: 0;--_ui5-v2-7-0-rc-1_side_navigation_group_icon_width: var(--_ui5-v2-7-0-rc-1_side_navigation_collapsed_width);--_ui5-v2-7-0-rc-1_side_navigation_group_bottom_border_color: var(--sapList_BorderColor);--_ui5-v2-7-0-rc-1_side_navigation_group_text_weight: unset;--_ui5-v2-7-0-rc-1_side_navigation_group_bottom_margin_in_popup: 0;--_ui5-v2-7-0-rc-1_side_navigation_group_padding: .5rem;--_ui5-v2-7-0-rc-1_side_navigation_padding-flexible: 0;--_ui5-v2-7-0-rc-1_side_navigation_padding-fixed: 0;--_ui5-v2-7-0-rc-1_side_navigation_parent_popup_padding: 0;--_ui5-v2-7-0-rc-1_side_navigation_parent_popup_border_radius: var(--sapPopover_BorderCornerRadius);--_ui5-v2-7-0-rc-1_side_navigation_popup_item_padding: 0 1rem;--_ui5-v2-7-0-rc-1_side_navigation_popup_icon_width: 1rem;--_ui5-v2-7-0-rc-1_side_navigation_popup_box_shadow: var(--sapContent_Shadow2);--_ui5-v2-7-0-rc-1_side_navigation_popup_arrow_box_shadow: var(--sapContent_Shadow2);--_ui5-v2-7-0-rc-1_side_navigation_popup_title_text_size: var(--sapFontSize);--_ui5-v2-7-0-rc-1_side_navigation_popup_title_line_height: normal;--_ui5-v2-7-0-rc-1_side_navigation_selection_indicator_display: none;--_ui5-v2-7-0-rc-1_side_navigation_first_fixed_item_margin_top: 0;--_ui5-v2-7-0-rc-1_side_navigation_item_expand_icon_visibility: none;--_ui5-v2-7-0-rc-1_side_navigation_item_collapsed_hover_focus_width: 100%;--_ui5-v2-7-0-rc-1_side_navigation_item_collapsed_hover_focus_display: none;--_ui5-v2-7-0-rc-1_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5-v2-7-0-rc-1_side_navigation_item_collapsed_padding_right: 0;--_ui5-v2-7-0-rc-1_side_navigation_item_expand_icon_right: -.5rem;--_ui5-v2-7-0-rc-1_side_navigation_item_expand_icon_hover_left: auto;--_ui5-v2-7-0-rc-1_side_navigation_item_expand_icon_hover_right: 0;--_ui5-v2-7-0-rc-1_side_navigation_width: 16rem;--_ui5-v2-7-0-rc-1_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5-v2-7-0-rc-1_side_navigation_popover_shadow_color1: var(--sapContent_ShadowColor);--_ui5-v2-7-0-rc-1_side_navigation_popover_shadow_color2: color-mix(in srgb, var(--sapContent_ShadowColor) 16%, transparent);--_ui5-v2-7-0-rc-1_side_navigation_popover_box_shadow:0 0 0 .0625rem var(--_ui5-v2-7-0-rc-1_side_navigation_popover_shadow_color1), 0 1rem 2rem 0 var(--_ui5-v2-7-0-rc-1_side_navigation_popover_shadow_color2);--_ui5-v2-7-0-rc-1_side_navigation_separator_backgound: var(--sapToolbar_SeparatorColor);--_ui5-v2-7-0-rc-1_side_navigation_item_icon_color: var(--sapList_TextColor);--_ui5-v2-7-0-rc-1_side_navigation_icon_size: 1rem;--_ui5-v2-7-0-rc-1_side_navigation_toggle_icon_color: var(--sapList_TextColor);--_ui5-v2-7-0-rc-1_side_navigation_toggle_icon_size: .75rem;--_ui5-v2-7-0-rc-1_side_navigation_collapsed_state_width: 3.5rem;--_ui5-v2-7-0-rc-1_side_navigation_indent_step: 1.5rem;--_ui5-v2-7-0-rc-1_side_navigation_indent_step_in_popover: 0;--_ui5-v2-7-0-rc-1_side_navigation_icon_padding_inline_start: .5rem;--_ui5-v2-7-0-rc-1_side_navigation_icon_padding_inline_end: .4375rem;--_ui5-v2-7-0-rc-1_side_navigation_collapsed_state_divider_padding: var(--_ui5-v2-7-0-rc-1_side_navigation_divider_padding);--_ui5-v2-7-0-rc-1_side_navigation_divider_padding: .3125rem 0;--_ui5-v2-7-0-rc-1_side_navigation_divider_height: .0625rem;--_ui5-v2-7-0-rc-1_side_navigation_divider_margin: .5rem 0;--_ui5-v2-7-0-rc-1_side_navigation_border_inline_end: 0;--_ui5-v2-7-0-rc-1_side_navigation_container_padding: .5rem;--_ui5-v2-7-0-rc-1_side_navigation_container_padding_in_popover: .75rem;--_ui5-v2-7-0-rc-1_side_navigation_item_padding: 0 .5rem;--_ui5-v2-7-0-rc-1_side_navigation_item_gap: .125rem;--_ui5-v2-7-0-rc-1_side_navigation_item_height: 2.5rem;--_ui5-v2-7-0-rc-1_side_navigation_item_level_1_font: "72override", var(--sapFontBoldFamily);--_ui5-v2-7-0-rc-1_side_navigation_item_level_1_margin_bottom_in_popover: .75rem;--_ui5-v2-7-0-rc-1_side_navigation_item_selection_indicator_display: initial;--_ui5-v2-7-0-rc-1_side_navigation_item_selection_indicator_reserved_space_has_children: 1.375rem;--_ui5-v2-7-0-rc-1_side_navigation_subitem_selection_indicator_reserved_space_no_children: 1rem;--_ui5-v2-7-0-rc-1_TimelineItem_arrow_size: 1.625rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_border_width: .0625rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_border_style: dotted;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_border_radius: .25rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5-v2-7-0-rc-1_TimelineItem_bubble_border_top: -.125rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_border_right: -.125rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_border_bottom: -.125rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_border_left: -.625rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_focus_border_radius: 0;--_ui5-v2-7-0-rc-1_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5-v2-7-0-rc-1_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_content_padding: var(--_ui5-v2-7-0-rc-1_tl_bubble_padding);--_ui5-v2-7-0-rc-1_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_content_description_padding_top: .75rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_outline_width: .125rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_outline_top: -.1875rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_outline_right: -.1875rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_outline_bottom: -.1875rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_outline_left: -.6875rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_rtl_left_offset: -.1875rem;--_ui5-v2-7-0-rc-1_TimelineItem_bubble_rtl_right_offset: -.6875rem;--ui5-v2-7-0-rc-1_upload_collection_drop_overlay_background: transparent;--ui5-v2-7-0-rc-1_upload_collection_thumbnail_size: 3rem;--ui5-v2-7-0-rc-1_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5-v2-7-0-rc-1_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5-v2-7-0-rc-1_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-7-0-rc-1_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5-v2-7-0-rc-1_upload_collection_drag_overlay_border_radius: 0;--ui5-v2-7-0-rc-1_upload_collection_drag_overlay_opacity: .8;--ui5-v2-7-0-rc-1_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5-v2-7-0-rc-1_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5-v2-7-0-rc-1_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5-v2-7-0-rc-1_vsd_header_container: 2.75rem;--_ui5-v2-7-0-rc-1_vsd_sub_header_container_height: 2.75rem;--_ui5-v2-7-0-rc-1_vsd_content_li_padding: .375rem;--_ui5-v2-7-0-rc-1_vsd_content_height: 23.4375rem;--_ui5-v2-7-0-rc-1_vsd_expand_content_height: 26.1875rem;--_ui5-v2-7-0-rc-1_wiz_content_item_wrapper_padding: 1rem;--_ui5-v2-7-0-rc-1_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5-v2-7-0-rc-1_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5-v2-7-0-rc-1_wiz_tab_focus_border_radius: 0;--_ui5-v2-7-0-rc-1_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-7-0-rc-1_wiz_tab_selection_line: var(--sapTextColor);--_ui5-v2-7-0-rc-1_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5-v2-7-0-rc-1_wiz_tab_icon_color: var(--sapTextColor);--_ui5-v2-7-0-rc-1_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5-v2-7-0-rc-1_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5-v2-7-0-rc-1_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5-v2-7-0-rc-1_shellbar_root_height: 2.75rem;--_ui5-v2-7-0-rc-1_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5-v2-7-0-rc-1_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v2-7-0-rc-1_shellbar_logo_outline_color);--_ui5-v2-7-0-rc-1_shellbar_outline_offset: -.0625rem;--_ui5-v2-7-0-rc-1_shellbar_logo_outline_offset: var(--_ui5-v2-7-0-rc-1_shellbar_outline_offset);--_ui5-v2-7-0-rc-1_shellbar_button_box_shadow: none;--_ui5-v2-7-0-rc-1_shellbar_button_box_shadow_active: none;--_ui5-v2-7-0-rc-1_shellbar_button_border: none;--_ui5-v2-7-0-rc-1_shellbar_button_border_radius: .25rem;--_ui5-v2-7-0-rc-1_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5-v2-7-0-rc-1_shellbar_logo_outline_border_radius: 0;--_ui5-v2-7-0-rc-1_shellbar_search_button_size: 2.25rem;--_ui5-v2-7-0-rc-1_shellbar_search_field_height: 2.25rem;--_ui5-v2-7-0-rc-1_shellbar_search_button_border_radius: .25rem;--_ui5-v2-7-0-rc-1_shellbar_search_field_background: var(--sapShellColor);--_ui5-v2-7-0-rc-1_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5-v2-7-0-rc-1_shellbar_search_field_box_shadow: none;--_ui5-v2-7-0-rc-1_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5-v2-7-0-rc-1_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5-v2-7-0-rc-1_shellbar_search_field_width: 25rem;--_ui5-v2-7-0-rc-1_shellbar_input_focus_outline_color: inherit;--_ui5-v2-7-0-rc-1_shellbar_overflow_container_middle_height: 2.5rem;--_ui5-v2-7-0-rc-1_shellbar_menu_button_title_font_size: .75rem;--_ui5-v2-7-0-rc-1_shellbar_image_button_border_radius: 50%;--_ui5-v2-7-0-rc-1-shellbar-content-margin-start: 1rem;--_ui5-v2-7-0-rc-1-shellbar-overflow-button-margin: .5rem;--_ui5-v2-7-0-rc-1_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_ui5-v2-7-0-rc-1_dynamic_page_footer_spacer: 4rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_padding_S: .5rem 1rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_padding_M: .5rem 2rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_padding_L: .5rem 2rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5-v2-7-0-rc-1_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5-v2-7-0-rc-1_dynamic_page_header_padding_M: 1rem 2rem;--_ui5-v2-7-0-rc-1_dynamic_page_header_padding_L: 1rem 2rem;--_ui5-v2-7-0-rc-1_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5-v2-7-0-rc-1_dynamic_page_content_padding_S: 2rem 1rem 0;--_ui5-v2-7-0-rc-1_dynamic_page_content_padding_M: 2rem 2rem 0;--_ui5-v2-7-0-rc-1_dynamic_page_content_padding_L: 1rem 2rem 0;--_ui5-v2-7-0-rc-1_dynamic_page_content_padding_XL: 1rem 3rem 0;--ui5-v2-7-0-rc-1_dynamic_page_background: var(--sapBackgroundColor);--_ui5-v2-7-0-rc-1_dynamic_page_title_padding_top: .5rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_padding_bottom: .5rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_min_height: 4rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5-v2-7-0-rc-1_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_heading_padding_top: .3125rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_subheading_margin_top: .25rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_content_padding_left: 1rem;--_ui5-v2-7-0-rc-1_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5-v2-7-0-rc-1_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5-v2-7-0-rc-1_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5-v2-7-0-rc-1_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5-v2-7-0-rc-1_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5-v2-7-0-rc-1_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5-v2-7-0-rc-1_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5-v2-7-0-rc-1_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5-v2-7-0-rc-1_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5-v2-7-0-rc-1_dynamic_page_header-actions-background-pressed: var(--_ui5-v2-7-0-rc-1_dynamic_page_header-actions-background);--_ui5-v2-7-0-rc-1_dynamic_page_header-actions-color-pressed: var(--_ui5-v2-7-0-rc-1_dynamic_page_header-actions-color);--_ui5-v2-7-0-rc-1_timeline_tlgi_line_horizontal_height: 16.375rem;--_ui5-v2-7-0-rc-1_timeline_tlgi_root_horizontal_height: 21.53125rem}[data-ui5-compact-size],.ui5-content-density-compact,.sapUiSizeCompact{--_ui5-v2-7-0-rc-1_side_navigation_navigation_separator_margin: var(--_ui5-v2-7-0-rc-1_side_navigation_navigation_separator_margin_collapsed);--_ui5-v2-7-0-rc-1_side_navigation_container_padding: 1.5rem .75rem .75rem .75rem;--_ui5-v2-7-0-rc-1_side_navigation_item_gap: .5rem;--_ui5-v2-7-0-rc-1_side_navigation_item_height: 2rem}[dir=rtl]{--_ui5-v2-7-0-rc-1_side_navigation_item_expand_icon_hover_left: 0;--_ui5-v2-7-0-rc-1_side_navigation_item_expand_icon_hover_right: auto}

package/dist/custom-elements-internal.json

@@ -87,6 +87,24 @@
               "name": "ThreeColumnsMidExpandedEndHidden",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "static": true,
+              "privacy": "public",
+              "description": "Desktop: Defaults to 0 - 67 - 33 percent widths of columns. Start is hidden, Mid (expanded) and End columns are displayed.\nTablet:  Defaults to 0 - 67 - 33 percent widths of columns. Start is hidden, Mid (expanded) and End columns are displayed.\nPhone:   Fixed -- 100 percent width of the Mid column, only the Mid column is displayed.\n\nUse to display the Mid and End columns while the Start column is hidden.",
+              "default": "ThreeColumnsStartHiddenMidExpanded",
+              "name": "ThreeColumnsStartHiddenMidExpanded",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "static": true,
+              "privacy": "public",
+              "description": "Desktop: Defaults to 0 - 33 - 67 percent widths of columns. Start is hidden, Mid and End (expanded) columns are displayed.\nTablet:  Defaults to 0 - 33 - 67 percent widths of columns. Start is hidden, Mid and End (expanded) columns are displayed.\nPhone:   Fixed -- 100 percent width of the End column, only the End column is displayed.\n\nUse to display the Mid column and expanded End column while the grip of the separator is not visible.",
+              "default": "ThreeColumnsStartHiddenEndExpanded",
+              "name": "ThreeColumnsStartHiddenEndExpanded",
+              "readonly": true
+            },
             {
               "kind": "field",
               "static": true,
@@ -3209,7 +3227,7 @@
               "default": "\"OneColumn\"",
               "fieldName": "layout",
               "type": {
-                "text": "\"OneColumn\" | \"TwoColumnsStartExpanded\" | \"TwoColumnsMidExpanded\" | \"ThreeColumnsMidExpanded\" | \"ThreeColumnsEndExpanded\" | \"ThreeColumnsStartExpandedEndHidden\" | \"ThreeColumnsMidExpandedEndHidden\" | \"MidColumnFullScreen\" | \"EndColumnFullScreen\""
+                "text": "\"OneColumn\" | \"TwoColumnsStartExpanded\" | \"TwoColumnsMidExpanded\" | \"ThreeColumnsMidExpanded\" | \"ThreeColumnsEndExpanded\" | \"ThreeColumnsStartExpandedEndHidden\" | \"ThreeColumnsMidExpandedEndHidden\" | \"ThreeColumnsStartHiddenMidExpanded\" | \"ThreeColumnsStartHiddenEndExpanded\" | \"MidColumnFullScreen\" | \"EndColumnFullS..."
               }
             },
             {
@@ -5141,7 +5159,7 @@
             },
             {
               "name": "menuItems",
-              "description": "Defines the items displayed in menu after a click on the primary title.\n\n**Note:** You can use the  `<ui5-li></ui5-li>` and its ancestors.",
+              "description": "Defines the items displayed in menu after a click on a start button.\n\n**Note:** You can use the  `<ui5-li></ui5-li>` and its ancestors.",
               "_ui5since": "0.10",
               "_ui5type": {
                 "text": "Array<ListItemBase>",
@@ -5172,7 +5190,7 @@
             },
             {
               "name": "startButton",
-              "description": "Defines a `ui5-button` in the bar that will be placed in the beginning.\nWe encourage this slot to be used for a back or home button.\nIt gets overstyled to match ShellBar's styling.",
+              "description": "Defines a `ui5-button` in the bar that will be placed in the beginning.\nWe encourage this slot to be used for a menu button.\nIt gets overstyled to match ShellBar's styling.",
               "_ui5type": {
                 "text": "Array<IButton>",
                 "references": [
@@ -5184,6 +5202,22 @@
                 ]
               },
               "_ui5privacy": "public"
+            },
+            {
+              "name": "content",
+              "description": "Define the items displayed in the additional content area.\n**Note:** The `content` slot is in an experimental state and is a subject to change.",
+              "_ui5since": "2.7.0",
+              "_ui5type": {
+                "text": "Array<UI5Element>",
+                "references": [
+                  {
+                    "name": "UI5Element",
+                    "package": "@ui5/webcomponents-base",
+                    "module": "dist/UI5Element.js"
+                  }
+                ]
+              },
+              "_ui5privacy": "public"
             }
           ],
           "members": [
@@ -5515,6 +5549,35 @@
                   "description": "whether the search field is visible"
                 }
               ]
+            },
+            {
+              "name": "content-item-visibility-change",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent<ShellBarContentItemVisibilityChangeEventDetail>",
+                "references": [
+                  {
+                    "name": "ShellBarContentItemVisibilityChangeEventDetail",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/ShellBar.js"
+                  }
+                ]
+              },
+              "description": "Fired, when an item from the startContent or endContent slots is hidden or shown.\n**Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change.",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": true,
+              "_ui5since": "2.7.0",
+              "_ui5parameters": [
+                {
+                  "type": {
+                    "text": "Array<HTMLElement>"
+                  },
+                  "name": "array",
+                  "_ui5privacy": "public",
+                  "description": "of all the items that are hidden"
+                }
+              ]
             }
           ],
           "attributes": [
@@ -5787,6 +5850,45 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ShellBarSpacer.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "### Overview\nThe `ui5-shellbar-spacer` is an element, used for visual separation between the two content parts of the `ui5-shellbar`.\n**Note:** The `ui5-shellbar-spacer` component is in an experimental state and is a subject to change.",
+          "name": "ShellBarSpacer",
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "ui5-shellbar-spacer",
+          "customElement": true,
+          "_ui5since": "2.7.0",
+          "_ui5privacy": "public",
+          "_ui5abstract": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ShellBarSpacer",
+            "module": "dist/ShellBarSpacer.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-shellbar-spacer",
+          "declaration": {
+            "name": "ShellBarSpacer",
+            "module": "dist/ShellBarSpacer.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/SideNavigation.js",
@@ -7315,6 +7417,24 @@
               "description": "Defines the subtitle text of the component.",
               "default": "undefined",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "state",
+              "type": {
+                "text": "ValueState",
+                "references": [
+                  {
+                    "name": "ValueState",
+                    "package": "@ui5/webcomponents-base",
+                    "module": "dist/types/ValueState.js"
+                  }
+                ]
+              },
+              "default": "\"None\"",
+              "description": "Defines the state of the icon displayed in the `ui5-timeline-item`.",
+              "privacy": "public",
+              "_ui5since": "2.7.0"
             }
           ],
           "events": [
@@ -7375,6 +7495,15 @@
               "type": {
                 "text": "string | undefined"
               }
+            },
+            {
+              "description": "Defines the state of the icon displayed in the `ui5-timeline-item`.",
+              "name": "state",
+              "default": "\"None\"",
+              "fieldName": "state",
+              "type": {
+                "text": "\"None\" | \"Positive\" | \"Critical\" | \"Negative\" | \"Information\""
+              }
             }
           ],
           "superclass": {

package/dist/custom-elements.json

@@ -1265,7 +1265,7 @@
               "default": "\"OneColumn\"",
               "fieldName": "layout",
               "type": {
-                "text": "\"OneColumn\" | \"TwoColumnsStartExpanded\" | \"TwoColumnsMidExpanded\" | \"ThreeColumnsMidExpanded\" | \"ThreeColumnsEndExpanded\" | \"ThreeColumnsStartExpandedEndHidden\" | \"ThreeColumnsMidExpandedEndHidden\" | \"MidColumnFullScreen\" | \"EndColumnFullScreen\""
+                "text": "\"OneColumn\" | \"TwoColumnsStartExpanded\" | \"TwoColumnsMidExpanded\" | \"ThreeColumnsMidExpanded\" | \"ThreeColumnsEndExpanded\" | \"ThreeColumnsStartExpandedEndHidden\" | \"ThreeColumnsMidExpandedEndHidden\" | \"ThreeColumnsStartHiddenMidExpanded\" | \"ThreeColumnsStartHiddenEndExpanded\" | \"MidColumnFullScreen\" | \"EndColumnFullS..."
               }
             },
             {
@@ -2884,7 +2884,7 @@
             },
             {
               "name": "menuItems",
-              "description": "Defines the items displayed in menu after a click on the primary title.\n\n**Note:** You can use the  `<ui5-li></ui5-li>` and its ancestors."
+              "description": "Defines the items displayed in menu after a click on a start button.\n\n**Note:** You can use the  `<ui5-li></ui5-li>` and its ancestors."
             },
             {
               "name": "searchField",
@@ -2892,7 +2892,11 @@
             },
             {
               "name": "startButton",
-              "description": "Defines a `ui5-button` in the bar that will be placed in the beginning.\nWe encourage this slot to be used for a back or home button.\nIt gets overstyled to match ShellBar's styling."
+              "description": "Defines a `ui5-button` in the bar that will be placed in the beginning.\nWe encourage this slot to be used for a menu button.\nIt gets overstyled to match ShellBar's styling."
+            },
+            {
+              "name": "content",
+              "description": "Define the items displayed in the additional content area.\n**Note:** The `content` slot is in an experimental state and is a subject to change."
             }
           ],
           "members": [
@@ -3124,6 +3128,20 @@
                 ]
               },
               "description": "Fired, when the search button is activated.\n\n**Note:** You can prevent expanding/collapsing of the search field by calling `event.preventDefault()`."
+            },
+            {
+              "name": "content-item-visibility-change",
+              "type": {
+                "text": "CustomEvent<ShellBarContentItemVisibilityChangeEventDetail>",
+                "references": [
+                  {
+                    "name": "ShellBarContentItemVisibilityChangeEventDetail",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/ShellBar.js"
+                  }
+                ]
+              },
+              "description": "Fired, when an item from the startContent or endContent slots is hidden or shown.\n**Note:** The `content-item-visibility-change` event is in an experimental state and is a subject to change."
             }
           ],
           "attributes": [
@@ -3377,6 +3395,42 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/ShellBarSpacer.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "### Overview\nThe `ui5-shellbar-spacer` is an element, used for visual separation between the two content parts of the `ui5-shellbar`.\n**Note:** The `ui5-shellbar-spacer` component is in an experimental state and is a subject to change.",
+          "name": "ShellBarSpacer",
+          "superclass": {
+            "name": "UI5Element",
+            "package": "@ui5/webcomponents-base",
+            "module": "dist/UI5Element.js"
+          },
+          "tagName": "ui5-shellbar-spacer",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ShellBarSpacer",
+            "module": "dist/ShellBarSpacer.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ui5-shellbar-spacer",
+          "declaration": {
+            "name": "ShellBarSpacer",
+            "module": "dist/ShellBarSpacer.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/SideNavigation.js",
@@ -4732,6 +4786,23 @@
               "description": "Defines the subtitle text of the component.",
               "default": "undefined",
               "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "state",
+              "type": {
+                "text": "ValueState",
+                "references": [
+                  {
+                    "name": "ValueState",
+                    "package": "@ui5/webcomponents-base",
+                    "module": "dist/types/ValueState.js"
+                  }
+                ]
+              },
+              "default": "\"None\"",
+              "description": "Defines the state of the icon displayed in the `ui5-timeline-item`.",
+              "privacy": "public"
             }
           ],
           "events": [
@@ -4788,6 +4859,15 @@
               "type": {
                 "text": "string | undefined"
               }
+            },
+            {
+              "description": "Defines the state of the icon displayed in the `ui5-timeline-item`.",
+              "name": "state",
+              "default": "\"None\"",
+              "fieldName": "state",
+              "type": {
+                "text": "\"None\" | \"Positive\" | \"Critical\" | \"Negative\" | \"Information\""
+              }
             }
           ],
           "superclass": {

package/dist/fcl-utils/FCLLayout.d.ts

@@ -7,10 +7,18 @@ type LayoutConfiguration = {
             separators: Array<{
                 visible: boolean;
                 gripVisible?: boolean;
+                arrowVisible?: boolean;
+                arrowDirection?: "forward" | "backward";
             }>;
         };
     };
 };
 declare const getLayoutsByMedia: () => LayoutConfiguration;
-export { getLayoutsByMedia, };
+declare const getNextLayoutByArrowPress: () => {
+    ThreeColumnsMidExpanded: string;
+    ThreeColumnsEndExpanded: string;
+    ThreeColumnsStartHiddenMidExpanded: string;
+    ThreeColumnsStartHiddenEndExpanded: string;
+};
+export { getLayoutsByMedia, getNextLayoutByArrowPress, };
 export type { LayoutConfiguration, FCLLayout, };

package/dist/fcl-utils/FCLLayout.js

@@ -25,14 +25,24 @@ const getLayoutsByMedia = () => {
             "ThreeColumnsMidExpanded": {
                 layout: ["25%", "50%", "25%"],
                 separators: [
-                    { visible: true, gripVisible: true },
+                    {
+                        visible: true,
+                        gripVisible: true,
+                        arrowVisible: true,
+                        arrowDirection: "backward",
+                    },
                     { visible: true, gripVisible: true },
                 ],
             },
             "ThreeColumnsEndExpanded": {
                 layout: ["25%", "25%", "50%"],
                 separators: [
-                    { visible: true, gripVisible: false },
+                    {
+                        visible: true,
+                        gripVisible: false,
+                        arrowVisible: true,
+                        arrowDirection: "backward",
+                    },
                     { visible: true, gripVisible: true },
                 ],
             },
@@ -50,6 +60,30 @@ const getLayoutsByMedia = () => {
                     { visible: true, gripVisible: true },
                 ],
             },
+            "ThreeColumnsStartHiddenMidExpanded": {
+                layout: ["0px", "33%", "67%"],
+                separators: [
+                    {
+                        visible: true,
+                        gripVisible: true,
+                        arrowVisible: true,
+                        arrowDirection: "forward",
+                    },
+                    { visible: true, gripVisible: true },
+                ],
+            },
+            "ThreeColumnsStartHiddenEndExpanded": {
+                layout: ["0px", "33%", "67%"],
+                separators: [
+                    {
+                        visible: true,
+                        gripVisible: false,
+                        arrowVisible: true,
+                        arrowDirection: "forward",
+                    },
+                    { visible: true, gripVisible: true },
+                ],
+            },
             "MidColumnFullScreen": {
                 layout: ["0px", "100%", "0px"],
                 separators: [
@@ -115,6 +149,20 @@ const getLayoutsByMedia = () => {
                     { visible: true, gripVisible: true },
                 ],
             },
+            "ThreeColumnsStartHiddenMidExpanded": {
+                layout: ["0px", "67%", "33%"],
+                separators: [
+                    { visible: true, gripVisible: true },
+                    { visible: true, gripVisible: true },
+                ],
+            },
+            "ThreeColumnsStartHiddenEndExpanded": {
+                layout: ["0px", "33%", "67%"],
+                separators: [
+                    { visible: false },
+                    { visible: true, gripVisible: true },
+                ],
+            },
             "MidColumnFullScreen": {
                 layout: ["0px", "100%", "0px"],
                 separators: [
@@ -180,6 +228,20 @@ const getLayoutsByMedia = () => {
                     { visible: false },
                 ],
             },
+            "ThreeColumnsStartHiddenMidExpanded": {
+                layout: ["0px", "0px", "100%"],
+                separators: [
+                    { visible: false },
+                    { visible: false },
+                ],
+            },
+            "ThreeColumnsStartHiddenEndExpanded": {
+                layout: ["0px", "0px", "100%"],
+                separators: [
+                    { visible: false },
+                    { visible: false },
+                ],
+            },
             "MidColumnFullScreen": {
                 layout: ["0px", "100%", "0px"],
                 separators: [
@@ -197,5 +259,13 @@ const getLayoutsByMedia = () => {
         },
     };
 };
-export { getLayoutsByMedia, };
+const getNextLayoutByArrowPress = () => {
+    return {
+        "ThreeColumnsMidExpanded": "ThreeColumnsStartHiddenMidExpanded",
+        "ThreeColumnsEndExpanded": "ThreeColumnsStartHiddenEndExpanded",
+        "ThreeColumnsStartHiddenMidExpanded": "ThreeColumnsMidExpanded",
+        "ThreeColumnsStartHiddenEndExpanded": "ThreeColumnsEndExpanded",
+    };
+};
+export { getLayoutsByMedia, getNextLayoutByArrowPress, };
 //# sourceMappingURL=FCLLayout.js.map

package/dist/fcl-utils/FCLLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"FCLLayout.js","sourceRoot":"","sources":["../../src/fcl-utils/FCLLayout.ts"],"names":[],"mappings":"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","sourcesContent":["import type { MEDIA } from \"../FlexibleColumnLayout.js\";\nimport type FCLLayout from \"../types/FCLLayout.js\";\n\ntype LayoutConfiguration = {\n\t[device in MEDIA]: {\n\t\t[layoutName in FCLLayout]: {\n\t\t\tlayout: Array<string>;\n\t\t\tseparators: Array<{\n\t\t\t\tvisible: boolean;\n\t\t\t\tgripVisible?: boolean;\n\t\t\t}>;\n\t\t};\n\t};\n};\n\nconst getLayoutsByMedia = (): LayoutConfiguration => {\n\treturn {\n\t\tdesktop: {\n\t\t\t\"OneColumn\": {\n\t\t\t\tlayout: [\"100%\", \"0px\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"TwoColumnsStartExpanded\": {\n\t\t\t\tlayout: [\"67%\", \"33%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"TwoColumnsMidExpanded\": {\n\t\t\t\tlayout: [\"33%\", \"67%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsMidExpanded\": {\n\t\t\t\tlayout: [\"25%\", \"50%\", \"25%\"],\n\t\t\t\tseparators:\t[\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsEndExpanded\": {\n\t\t\t\tlayout: [\"25%\", \"25%\", \"50%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: false },\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsStartExpandedEndHidden\": {\n\t\t\t\tlayout: [\"67%\", \"33%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsMidExpandedEndHidden\": {\n\t\t\t\tlayout: [\"33%\", \"67%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"MidColumnFullScreen\": {\n\t\t\t\tlayout: [\"0px\", \"100%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"EndColumnFullScreen\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\ttablet: {\n\t\t\t\"OneColumn\": {\n\t\t\t\tlayout: [\"100%\", \"0px\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"TwoColumnsStartExpanded\": {\n\t\t\t\tlayout: [\"67%\", \"33%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"TwoColumnsMidExpanded\": {\n\t\t\t\tlayout: [\"33%\", \"67%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsMidExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"67%\", \"33%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsEndExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"33%\", \"67%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsStartExpandedEndHidden\": {\n\t\t\t\tlayout: [\"67%\", \"33%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsMidExpandedEndHidden\": {\n\t\t\t\tlayout: [\"33%\", \"67%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"MidColumnFullScreen\": {\n\t\t\t\tlayout: [\"0px\", \"100%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"EndColumnFullScreen\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\tphone: {\n\t\t\t\"OneColumn\": {\n\t\t\t\tlayout: [\"100%\", \"0px\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"TwoColumnsStartExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"100%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"TwoColumnsMidExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"100%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsMidExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsEndExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsStartExpandedEndHidden\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsMidExpandedEndHidden\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"MidColumnFullScreen\": {\n\t\t\t\tlayout: [\"0px\", \"100%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"EndColumnFullScreen\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t};\n};\n\nexport {\n\tgetLayoutsByMedia,\n};\n\nexport type {\n\tLayoutConfiguration,\n\tFCLLayout,\n};\n"]}
+{"version":3,"file":"FCLLayout.js","sourceRoot":"","sources":["../../src/fcl-utils/FCLLayout.ts"],"names":[],"mappings":"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","sourcesContent":["import type { MEDIA } from \"../FlexibleColumnLayout.js\";\nimport type FCLLayout from \"../types/FCLLayout.js\";\n\ntype LayoutConfiguration = {\n\t[device in MEDIA]: {\n\t\t[layoutName in FCLLayout]: {\n\t\t\tlayout: Array<string>;\n\t\t\tseparators: Array<{\n\t\t\t\tvisible: boolean;\n\t\t\t\tgripVisible?: boolean;\n\t\t\t\tarrowVisible?: boolean;\n\t\t\t\tarrowDirection?: \"forward\" | \"backward\";\n\t\t\t}>;\n\t\t};\n\t};\n};\n\nconst getLayoutsByMedia = (): LayoutConfiguration => {\n\treturn {\n\t\tdesktop: {\n\t\t\t\"OneColumn\": {\n\t\t\t\tlayout: [\"100%\", \"0px\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"TwoColumnsStartExpanded\": {\n\t\t\t\tlayout: [\"67%\", \"33%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"TwoColumnsMidExpanded\": {\n\t\t\t\tlayout: [\"33%\", \"67%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsMidExpanded\": {\n\t\t\t\tlayout: [\"25%\", \"50%\", \"25%\"],\n\t\t\t\tseparators:\t[\n\t\t\t\t\t{\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tgripVisible: true,\n\t\t\t\t\t\tarrowVisible: true,\n\t\t\t\t\t\tarrowDirection: \"backward\",\n\t\t\t\t\t},\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsEndExpanded\": {\n\t\t\t\tlayout: [\"25%\", \"25%\", \"50%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tgripVisible: false,\n\t\t\t\t\t\tarrowVisible: true,\n\t\t\t\t\t\tarrowDirection: \"backward\",\n\t\t\t\t\t},\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsStartExpandedEndHidden\": {\n\t\t\t\tlayout: [\"67%\", \"33%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsMidExpandedEndHidden\": {\n\t\t\t\tlayout: [\"33%\", \"67%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsStartHiddenMidExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"33%\", \"67%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tgripVisible: true,\n\t\t\t\t\t\tarrowVisible: true,\n\t\t\t\t\t\tarrowDirection: \"forward\",\n\t\t\t\t\t},\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsStartHiddenEndExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"33%\", \"67%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tgripVisible: false,\n\t\t\t\t\t\tarrowVisible: true,\n\t\t\t\t\t\tarrowDirection: \"forward\",\n\t\t\t\t\t},\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"MidColumnFullScreen\": {\n\t\t\t\tlayout: [\"0px\", \"100%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"EndColumnFullScreen\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\ttablet: {\n\t\t\t\"OneColumn\": {\n\t\t\t\tlayout: [\"100%\", \"0px\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"TwoColumnsStartExpanded\": {\n\t\t\t\tlayout: [\"67%\", \"33%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"TwoColumnsMidExpanded\": {\n\t\t\t\tlayout: [\"33%\", \"67%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsMidExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"67%\", \"33%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsEndExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"33%\", \"67%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsStartExpandedEndHidden\": {\n\t\t\t\tlayout: [\"67%\", \"33%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsMidExpandedEndHidden\": {\n\t\t\t\tlayout: [\"33%\", \"67%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsStartHiddenMidExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"67%\", \"33%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsStartHiddenEndExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"33%\", \"67%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: true, gripVisible: true },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"MidColumnFullScreen\": {\n\t\t\t\tlayout: [\"0px\", \"100%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"EndColumnFullScreen\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\tphone: {\n\t\t\t\"OneColumn\": {\n\t\t\t\tlayout: [\"100%\", \"0px\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"TwoColumnsStartExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"100%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"TwoColumnsMidExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"100%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsMidExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsEndExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsStartExpandedEndHidden\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsMidExpandedEndHidden\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsStartHiddenMidExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"ThreeColumnsStartHiddenEndExpanded\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"MidColumnFullScreen\": {\n\t\t\t\tlayout: [\"0px\", \"100%\", \"0px\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t\t\"EndColumnFullScreen\": {\n\t\t\t\tlayout: [\"0px\", \"0px\", \"100%\"],\n\t\t\t\tseparators: [\n\t\t\t\t\t{ visible: false },\n\t\t\t\t\t{ visible: false },\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t};\n};\n\nconst getNextLayoutByArrowPress = () => {\n\treturn {\n\t\t\"ThreeColumnsMidExpanded\": \"ThreeColumnsStartHiddenMidExpanded\",\n\t\t\"ThreeColumnsEndExpanded\": \"ThreeColumnsStartHiddenEndExpanded\",\n\t\t\"ThreeColumnsStartHiddenMidExpanded\": \"ThreeColumnsMidExpanded\",\n\t\t\"ThreeColumnsStartHiddenEndExpanded\": \"ThreeColumnsEndExpanded\",\n\t};\n};\n\nexport {\n\tgetLayoutsByMedia,\n\tgetNextLayoutByArrowPress,\n};\n\nexport type {\n\tLayoutConfiguration,\n\tFCLLayout,\n};\n"]}