@ui5/webcomponents-fiori 2.27.0-rc.1 → 2.27.0

package/dist/generated/themes/TimelineItem.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => defaultTheme, "host");
-export default `:host(:not([hidden])){display:block}.ui5-tli-root{display:flex}:host([layout="Vertical"]) .ui5-tli-indicator{position:relative;width:2rem}:host([layout="Horizontal"]) .ui5-tli-indicator{position:relative;display:flex;height:2rem;align-items:center}:host([layout="Vertical"]) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:2rem;bottom:var(--_ui5_timeline_tli_indicator_before_bottom);inset-inline-start:50%}:host([state="Positive"]) .ui5-tli-icon{color:var(--sapPositiveElementColor)}:host([state="Negative"]) .ui5-tli-icon{color:var(--sapNegativeElementColor)}:host([state="Critical"]) .ui5-tli-icon{color:var(--sapCriticalElementColor)}:host([state="Information"]) .ui5-tli-icon{color:var(--sapInformativeElementColor)}:host(:not([icon])[layout="Vertical"]) .ui5-tli-indicator:before{inset-block-start:1.75rem}:host([position-in-group][layout="Vertical"]) .ui5-tli-indicator:before{bottom:-1.5rem}:host([position-in-group][layout="Vertical"]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:-1.75rem}:host(:first-child[layout="Vertical"]:not([first-item-in-timeline])[icon]) .ui5-tli-indicator:after{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:var(--_ui5_timeline_tli_indicator_after_top);bottom:var(--_ui5_timeline_tli_indicator_before_bottom);inset-inline-start:50%;height:var(--_ui5_timeline_tli_indicator_after_height)}:host(:not([position-in-group])[layout="Vertical"]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom)}:host([layout="Vertical"]):not([icon]) .ui5-tli-indicator:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom);inset-block-start:1.875rem}:host([layout="Horizontal"]:not([icon])) .ui5-tli-indicator:before{inset-block-start:50%;inset-inline-end:var(--_ui5_timeline_tli_indicator_before_without_icon_right);inset-inline-start:1rem}:host([layout="Vertical"]):not([icon]) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_bottom)}:host([layout="Horizontal"]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{inset-inline-end:var(--_ui5_timeline_tli_indicator_before_right)}:host(:not([icon])) .ui5-tli-indicator:after{content:"";display:inline-block;box-sizing:border-box;border:.0625rem solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapContent_NonInteractiveIconColor);border-radius:50%;width:.375rem;height:.375rem;position:absolute;inset-block-start:.9375rem;inset-inline-start:51.75%;transform:translate(-50%)}:host([layout="Horizontal"]:not([icon])) .ui5-tli-indicator:after{inset-block-start:.84rem;inset-inline-start:.9625rem}:host(:last-child) .ui5-tli-indicator:before{display:none}.ui5-tli-icon-outer{display:flex;justify-content:center;align-items:center;margin-block-start:.25rem;height:1.625rem;width:2rem}:host([layout="Horizontal"]) .ui5-tli-icon-outer{margin-block-start:0rem;height:1.3125rem}.ui5-tli-icon{color:var(--sapContent_NonInteractiveIconColor);height:1.375rem;width:1.375rem}:host([layout="Horizontal"]) .ui5-tli-dummy-icon-container{height:1.375rem;width:1.375rem;display:inline-block;outline:none}.ui5-tli-bubble{background:var(--sapGroup_ContentBackground);border:.0625rem solid var(--_ui5_TimelineItem_bubble_border_color);box-sizing:border-box;border-radius:var(--_ui5_TimelineItem_bubble_border_radius);flex:1;position:relative;margin-left:.5rem;padding:var(--_ui5_TimelineItem_bubble_content_padding);word-break:break-word}:host([layout="Horizontal"]) .ui5-tli-bubble{margin-top:.5rem;margin-left:0}.ui5-tli-bubble:focus{outline:none}.ui5-tli-bubble:focus:after{content:"";border:var(--_ui5_TimelineItem_bubble_border_width) var(--_ui5_TimelineItem_bubble_border_style) var(--sapContent_FocusColor);border-radius:var(--_ui5_TimelineItem_bubble_focus_border_radius);position:absolute;inset-block-start:var(--_ui5_TimelineItem_bubble_border_top);inset-inline-end:var(--_ui5_TimelineItem_bubble_border_right);bottom:var(--_ui5_TimelineItem_bubble_border_bottom);inset-inline-start:var(--_ui5_TimelineItem_bubble_border_left);pointer-events:none}:host([layout="Horizontal"]) .ui5-tli-bubble:focus:after{inset-block-start:var(--_ui5_TimelineItem_horizontal_bubble_focus_top_offset);inset-inline-start:var(--_ui5_TimelineItem_horizontal_bubble_focus_left_offset)}.ui5-tli-bubble-arrow{width:var(--_ui5_TimelineItem_arrow_size);padding-bottom:var(--_ui5_TimelineItem_arrow_size);position:absolute;pointer-events:none;top:0;left:0;overflow:hidden}.ui5-tli-bubble-arrow:before{content:"";background:var(--sapGroup_ContentBackground);border:.0625rem solid var(--_ui5_TimelineItem_bubble_border_color);position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 100%;transform:rotate(45deg)}:host([layout="Horizontal"]) .ui5-tli-bubble-arrow:before{transform:rotate(315deg)}.ui5-tli-bubble-arrow--left{left:calc(-1 * var(--_ui5_TimelineItem_arrow_size))}.ui5-tli-bubble-arrow--top{inset-block-start:calc(-1 * var(--_ui5_TimelineItem_arrow_size))}.ui5-tli-bubble-arrow--left:before{left:50%;width:50%;transform-origin:100% 100%}.ui5-tli-bubble-arrow--top:before{left:42%;width:75%;transform-origin:152% 104%}.ui5-tli-title,.ui5-tli-desc{color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSize)}.ui5-tli-title span{display:inline-block}.ui5-tli-subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSmallSize);padding-block-start:var(--_ui5_TimelineItem_bubble_content_subtitle_padding_top)}.ui5-tli-desc{padding-block-start:var(--_ui5_TimelineItem_bubble_content_description_padding_top)}:dir(rtl) .ui5-tli-bubble-arrow--left{right:calc(-1 * var(--_ui5_TimelineItem_arrow_size));left:auto;transform:scaleX(-1)}:dir(rtl) .ui5-tli-bubble-arrow--top{right:0;left:auto;transform:scaleX(-1)}:dir(rtl) .ui5-tli-bubble{margin-left:auto;margin-right:.5rem}:host([layout="Horizontal"]:dir(rtl)) .ui5-tli-bubble{margin-right:0}:dir(rtl) .ui5-tli-bubble:focus:after{left:var(--_ui5_TimelineItem_bubble_rtl_left_offset);right:var(--_ui5_TimelineItem_bubble_rtl_right_offset)}:host([layout="Horizontal"]:dir(rtl)) .ui5-tli-bubble:focus:after{right:0}:host([layout="Horizontal"]:not([icon]):dir(rtl)) .ui5-tli-indicator:after{right:.625rem}:host([layout="Horizontal"]:not([icon]):dir(rtl)) .ui5-tli-indicator:before{right:1.9375rem;left:var(--_ui5_timeline_tli_indicator_before_right)}:host([layout="Horizontal"]:dir(rtl)) .ui5-tli-indicator:before{left:var(--_ui5_timeline_tli_indicator_before_right);right:2.125rem}:host{align-content:end}:host([hide-bubble]){display:none}.ui5-tli-group-item-btn-arrow{position:absolute;width:.5rem;height:.5rem;transform:rotate(45deg);border:.0625rem solid var(--sapButton_BorderColor);background-color:var(--sapButton_Background);inset-inline-end:4.25rem;inset-block-start:.8125rem;border-inline-end-color:transparent;border-block-start-color:transparent}.ui5-tli-root:hover .ui5-tli-group-item-btn-arrow{background-color:var(--sapButton_Hover_Background)}:host([layout="Horizontal"]) .ui5-tli-root{flex-direction:column}:host([layout="Horizontal"][is-next-item-group]:last-child:not([last-item])) .ui5-tli-indicator:before{height:.0625rem;inset-block-start:50%;inset-inline-start:1.75rem}:host([position-in-group][layout="Horizontal"][is-next-item-group]:last-child:not([last-item])) .ui5-tli-indicator:before{inset-inline-start:1.625rem;width:calc(100% + .5rem)}:host([layout="Vertical"]:last-child:not([last-item])) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);inset-block-start:2rem;position:absolute;height:var(--_ui5_timeline_tli_indicator_before_height)}:host(:not([icon])[layout="Vertical"]:last-child:not([last-item])) .ui5-tli-indicator:before{inset-block-start:1.75rem}:host([layout="Horizontal"]){height:auto;min-width:3rem;margin-inline-end:.25rem}:host([icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator:after,:host(:not([icon])[layout="Horizontal"]:not([last-item])) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:1rem;position:absolute;width:var(--_ui5_timeline_tli_horizontal_indicator_after_width);inset-inline-start:1.5rem}:host([icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator:after{inset-inline-start:var(--_ui5_timeline_tli_horizontal_indicator_after_left)}:host([icon][layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:after{width:calc(var(--_ui5_timeline_tli_icon_horizontal_indicator_after_width) + 1.25rem)}:host(:not([icon])[layout="Horizontal"]:not([last-item])[is-next-item-group]) .ui5-tli-indicator:before{width:var(--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width)}:host([is-next-item-group][icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator.ui5-tli-indicator-large-line:after{width:var(--_ui5_timeline_tli_horizontal_indicator_short_after_width)}:host([icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator-short-line:after{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:1rem;position:absolute;width:100%;inset-inline-start:1.9375rem}:host(:not([position-in-group])[icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator-short-line:after{width:var(--_ui5_timeline_tli_horizontal_indicator_short_after_width)}:host([position-in-group][icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator-short-line:after{width:calc(100% - .5rem)}:host([icon][layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator-large-line:after{width:var(--_ui5_timeline_tli_icon_horizontal_indicator_after_width)}:host([position-in-group]:not([icon])[layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:before{width:calc(100% + .125rem)}:host([position-in-group]:not([icon])[layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{width:100%}:host([position-in-group][icon][layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator-large-line:after{width:calc(100% - .25rem)}:host(:not([icon])[layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:before{width:var(--_ui5_timeline_tli_horizontal_indicator_before_width);inset-inline-start:1.625rem}:host(:not([icon])[layout="Horizontal"]:not([last-item])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{width:var(--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width);inset-inline-start:1.5rem}
+export default `:host(:not([hidden])){display:block}.ui5-tli-root{display:flex}:host([layout="Vertical"]) .ui5-tli-indicator{position:relative;width:2rem}:host([layout="Horizontal"]) .ui5-tli-indicator{position:relative;display:flex;height:2rem;align-items:center}:host([layout="Vertical"]) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:2rem;bottom:var(--_ui5_timeline_tli_indicator_before_bottom);inset-inline-start:50%}:host([state="Positive"]) .ui5-tli-icon{color:var(--sapPositiveElementColor)}:host([state="Negative"]) .ui5-tli-icon{color:var(--sapNegativeElementColor)}:host([state="Critical"]) .ui5-tli-icon{color:var(--sapCriticalElementColor)}:host([state="Information"]) .ui5-tli-icon{color:var(--sapInformativeElementColor)}:host(:not([icon])[layout="Vertical"]) .ui5-tli-indicator:before{inset-block-start:1.75rem}:host([position-in-group][layout="Vertical"]) .ui5-tli-indicator:before{bottom:-1.5rem}:host([position-in-group][layout="Vertical"]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:-1.75rem}:host(:first-child[layout="Vertical"]:not([first-item-in-timeline])[icon]) .ui5-tli-indicator:after{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:var(--_ui5_timeline_tli_indicator_after_top);bottom:var(--_ui5_timeline_tli_indicator_before_bottom);inset-inline-start:50%;height:var(--_ui5_timeline_tli_indicator_after_height)}:host(:not([position-in-group])[layout="Vertical"]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom)}:host([layout="Vertical"]):not([icon]) .ui5-tli-indicator:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom);inset-block-start:1.875rem}:host([layout="Horizontal"]:not([icon])) .ui5-tli-indicator:before{inset-block-start:50%;inset-inline-end:var(--_ui5_timeline_tli_indicator_before_without_icon_right);inset-inline-start:1rem}:host([layout="Vertical"]):not([icon]) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_bottom)}:host([layout="Horizontal"]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{inset-inline-end:var(--_ui5_timeline_tli_indicator_before_right)}:host(:not([icon])) .ui5-tli-indicator:after{content:"";display:inline-block;box-sizing:border-box;border:.0625rem solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapContent_NonInteractiveIconColor);border-radius:50%;width:.375rem;height:.375rem;position:absolute;inset-block-start:.9375rem;inset-inline-start:51.75%;transform:translate(-50%)}:host([layout="Horizontal"]:not([icon])) .ui5-tli-indicator:after{inset-block-start:.84rem;inset-inline-start:.9625rem}:host(:last-child) .ui5-tli-indicator:before{display:none}.ui5-tli-icon-outer{display:flex;justify-content:center;align-items:center;margin-block-start:.25rem;height:1.625rem;width:2rem}:host([layout="Horizontal"]) .ui5-tli-icon-outer{margin-block-start:0rem;height:1.3125rem}.ui5-tli-icon{color:var(--sapContent_NonInteractiveIconColor);height:1.375rem;width:1.375rem}:host([layout="Horizontal"]) .ui5-tli-dummy-icon-container{height:1.375rem;width:1.375rem;display:inline-block;outline:none}.ui5-tli-bubble{background:var(--sapGroup_ContentBackground);border:.0625rem solid var(--_ui5_TimelineItem_bubble_border_color);box-sizing:border-box;border-radius:var(--_ui5_TimelineItem_bubble_border_radius);flex:1;position:relative;margin-left:.5rem;margin-inline-end:calc(-1 * var(--_ui5_TimelineItem_bubble_border_right));padding:var(--_ui5_TimelineItem_bubble_content_padding);word-break:break-word}:host([layout="Horizontal"]) .ui5-tli-bubble{margin-top:.5rem;margin-left:0}:host([layout="Vertical"][first-item-in-timeline]) .ui5-tli-bubble{margin-block-start:calc(-1 * var(--_ui5_TimelineItem_bubble_border_top))}:host([layout="Vertical"][last-item]) .ui5-tli-bubble{margin-block-end:calc(-1 * var(--_ui5_TimelineItem_bubble_border_bottom))}.ui5-tli-bubble:focus{outline:none}.ui5-tli-bubble:focus:after{content:"";border:var(--_ui5_TimelineItem_bubble_border_width) var(--_ui5_TimelineItem_bubble_border_style) var(--sapContent_FocusColor);border-radius:var(--_ui5_TimelineItem_bubble_focus_border_radius);position:absolute;inset-block-start:var(--_ui5_TimelineItem_bubble_border_top);inset-inline-end:var(--_ui5_TimelineItem_bubble_border_right);bottom:var(--_ui5_TimelineItem_bubble_border_bottom);inset-inline-start:var(--_ui5_TimelineItem_bubble_border_left);pointer-events:none}:host([layout="Horizontal"]) .ui5-tli-bubble:focus:after{inset-block-start:var(--_ui5_TimelineItem_horizontal_bubble_focus_top_offset);inset-inline-start:var(--_ui5_TimelineItem_horizontal_bubble_focus_left_offset)}.ui5-tli-bubble-arrow{width:var(--_ui5_TimelineItem_arrow_size);padding-bottom:var(--_ui5_TimelineItem_arrow_size);position:absolute;pointer-events:none;top:0;left:0;overflow:hidden}.ui5-tli-bubble-arrow:before{content:"";background:var(--sapGroup_ContentBackground);border:.0625rem solid var(--_ui5_TimelineItem_bubble_border_color);position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 100%;transform:rotate(45deg)}:host([layout="Horizontal"]) .ui5-tli-bubble-arrow:before{transform:rotate(315deg)}.ui5-tli-bubble-arrow--left{left:calc(-1 * var(--_ui5_TimelineItem_arrow_size))}.ui5-tli-bubble-arrow--top{inset-block-start:calc(-1 * var(--_ui5_TimelineItem_arrow_size))}.ui5-tli-bubble-arrow--left:before{left:50%;width:50%;transform-origin:100% 100%}.ui5-tli-bubble-arrow--top:before{left:42%;width:75%;transform-origin:152% 104%}.ui5-tli-title,.ui5-tli-desc{color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSize)}.ui5-tli-title span{display:inline-block}.ui5-tli-subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSmallSize);padding-block-start:var(--_ui5_TimelineItem_bubble_content_subtitle_padding_top)}.ui5-tli-desc{padding-block-start:var(--_ui5_TimelineItem_bubble_content_description_padding_top)}:dir(rtl) .ui5-tli-bubble-arrow--left{right:calc(-1 * var(--_ui5_TimelineItem_arrow_size));left:auto;transform:scaleX(-1)}:dir(rtl) .ui5-tli-bubble-arrow--top{right:0;left:auto;transform:scaleX(-1)}:dir(rtl) .ui5-tli-bubble{margin-left:auto;margin-right:.5rem}:host([layout="Horizontal"]:dir(rtl)) .ui5-tli-bubble{margin-right:0}:dir(rtl) .ui5-tli-bubble:focus:after{left:var(--_ui5_TimelineItem_bubble_rtl_left_offset);right:var(--_ui5_TimelineItem_bubble_rtl_right_offset)}:host([layout="Horizontal"]:dir(rtl)) .ui5-tli-bubble:focus:after{right:0}:host([layout="Horizontal"]:not([icon]):dir(rtl)) .ui5-tli-indicator:after{right:.625rem}:host([layout="Horizontal"]:not([icon]):dir(rtl)) .ui5-tli-indicator:before{right:1.9375rem;left:var(--_ui5_timeline_tli_indicator_before_right)}:host([layout="Horizontal"]:dir(rtl)) .ui5-tli-indicator:before{left:var(--_ui5_timeline_tli_indicator_before_right);right:2.125rem}:host{align-content:end}:host([hide-bubble]){display:none}.ui5-tli-group-item-btn-arrow{position:absolute;width:.5rem;height:.5rem;transform:rotate(45deg);border:.0625rem solid var(--sapButton_BorderColor);background-color:var(--sapButton_Background);inset-inline-end:4.25rem;inset-block-start:.8125rem;border-inline-end-color:transparent;border-block-start-color:transparent}.ui5-tli-root:hover .ui5-tli-group-item-btn-arrow{background-color:var(--sapButton_Hover_Background)}:host([layout="Horizontal"]) .ui5-tli-root{flex-direction:column}:host([layout="Horizontal"][is-next-item-group]:last-child:not([last-item])) .ui5-tli-indicator:before{height:.0625rem;inset-block-start:50%;inset-inline-start:1.75rem}:host([position-in-group][layout="Horizontal"][is-next-item-group]:last-child:not([last-item])) .ui5-tli-indicator:before{inset-inline-start:1.625rem;width:calc(100% + .5rem)}:host([layout="Vertical"]:last-child:not([last-item])) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);inset-block-start:2rem;position:absolute;height:var(--_ui5_timeline_tli_indicator_before_height)}:host(:not([icon])[layout="Vertical"]:last-child:not([last-item])) .ui5-tli-indicator:before{inset-block-start:1.75rem}:host([layout="Horizontal"]){height:auto;min-width:3rem;margin-inline-end:.25rem}:host([icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator:after,:host(:not([icon])[layout="Horizontal"]:not([last-item])) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:1rem;position:absolute;width:var(--_ui5_timeline_tli_horizontal_indicator_after_width);inset-inline-start:1.5rem}:host([icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator:after{inset-inline-start:var(--_ui5_timeline_tli_horizontal_indicator_after_left)}:host([icon][layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:after{width:calc(var(--_ui5_timeline_tli_icon_horizontal_indicator_after_width) + 1.25rem)}:host(:not([icon])[layout="Horizontal"]:not([last-item])[is-next-item-group]) .ui5-tli-indicator:before{width:var(--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width)}:host([is-next-item-group][icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator.ui5-tli-indicator-large-line:after{width:var(--_ui5_timeline_tli_horizontal_indicator_short_after_width)}:host([icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator-short-line:after{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:1rem;position:absolute;width:100%;inset-inline-start:1.9375rem}:host(:not([position-in-group])[icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator-short-line:after{width:var(--_ui5_timeline_tli_horizontal_indicator_short_after_width)}:host([position-in-group][icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator-short-line:after{width:calc(100% - .5rem)}:host([icon][layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator-large-line:after{width:var(--_ui5_timeline_tli_icon_horizontal_indicator_after_width)}:host([position-in-group]:not([icon])[layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:before{width:calc(100% + .125rem)}:host([position-in-group]:not([icon])[layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{width:100%}:host([position-in-group][icon][layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator-large-line:after{width:calc(100% - .25rem)}:host(:not([icon])[layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:before{width:var(--_ui5_timeline_tli_horizontal_indicator_before_width);inset-inline-start:1.625rem}:host(:not([icon])[layout="Horizontal"]:not([last-item])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{width:var(--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width);inset-inline-start:1.5rem}
 `;
 //# sourceMappingURL=TimelineItem.css.js.map

package/dist/generated/themes/TimelineItem.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TimelineItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host(:not([hidden])){display:block}.ui5-tli-root{display:flex}:host([layout=\"Vertical\"]) .ui5-tli-indicator{position:relative;width:2rem}:host([layout=\"Horizontal\"]) .ui5-tli-indicator{position:relative;display:flex;height:2rem;align-items:center}:host([layout=\"Vertical\"]) .ui5-tli-indicator:before{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:2rem;bottom:var(--_ui5_timeline_tli_indicator_before_bottom);inset-inline-start:50%}:host([state=\"Positive\"]) .ui5-tli-icon{color:var(--sapPositiveElementColor)}:host([state=\"Negative\"]) .ui5-tli-icon{color:var(--sapNegativeElementColor)}:host([state=\"Critical\"]) .ui5-tli-icon{color:var(--sapCriticalElementColor)}:host([state=\"Information\"]) .ui5-tli-icon{color:var(--sapInformativeElementColor)}:host(:not([icon])[layout=\"Vertical\"]) .ui5-tli-indicator:before{inset-block-start:1.75rem}:host([position-in-group][layout=\"Vertical\"]) .ui5-tli-indicator:before{bottom:-1.5rem}:host([position-in-group][layout=\"Vertical\"]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:-1.75rem}:host(:first-child[layout=\"Vertical\"]:not([first-item-in-timeline])[icon]) .ui5-tli-indicator:after{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:var(--_ui5_timeline_tli_indicator_after_top);bottom:var(--_ui5_timeline_tli_indicator_before_bottom);inset-inline-start:50%;height:var(--_ui5_timeline_tli_indicator_after_height)}:host(:not([position-in-group])[layout=\"Vertical\"]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom)}:host([layout=\"Vertical\"]):not([icon]) .ui5-tli-indicator:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom);inset-block-start:1.875rem}:host([layout=\"Horizontal\"]:not([icon])) .ui5-tli-indicator:before{inset-block-start:50%;inset-inline-end:var(--_ui5_timeline_tli_indicator_before_without_icon_right);inset-inline-start:1rem}:host([layout=\"Vertical\"]):not([icon]) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_bottom)}:host([layout=\"Horizontal\"]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{inset-inline-end:var(--_ui5_timeline_tli_indicator_before_right)}:host(:not([icon])) .ui5-tli-indicator:after{content:\"\";display:inline-block;box-sizing:border-box;border:.0625rem solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapContent_NonInteractiveIconColor);border-radius:50%;width:.375rem;height:.375rem;position:absolute;inset-block-start:.9375rem;inset-inline-start:51.75%;transform:translate(-50%)}:host([layout=\"Horizontal\"]:not([icon])) .ui5-tli-indicator:after{inset-block-start:.84rem;inset-inline-start:.9625rem}:host(:last-child) .ui5-tli-indicator:before{display:none}.ui5-tli-icon-outer{display:flex;justify-content:center;align-items:center;margin-block-start:.25rem;height:1.625rem;width:2rem}:host([layout=\"Horizontal\"]) .ui5-tli-icon-outer{margin-block-start:0rem;height:1.3125rem}.ui5-tli-icon{color:var(--sapContent_NonInteractiveIconColor);height:1.375rem;width:1.375rem}:host([layout=\"Horizontal\"]) .ui5-tli-dummy-icon-container{height:1.375rem;width:1.375rem;display:inline-block;outline:none}.ui5-tli-bubble{background:var(--sapGroup_ContentBackground);border:.0625rem solid var(--_ui5_TimelineItem_bubble_border_color);box-sizing:border-box;border-radius:var(--_ui5_TimelineItem_bubble_border_radius);flex:1;position:relative;margin-left:.5rem;padding:var(--_ui5_TimelineItem_bubble_content_padding);word-break:break-word}:host([layout=\"Horizontal\"]) .ui5-tli-bubble{margin-top:.5rem;margin-left:0}.ui5-tli-bubble:focus{outline:none}.ui5-tli-bubble:focus:after{content:\"\";border:var(--_ui5_TimelineItem_bubble_border_width) var(--_ui5_TimelineItem_bubble_border_style) var(--sapContent_FocusColor);border-radius:var(--_ui5_TimelineItem_bubble_focus_border_radius);position:absolute;inset-block-start:var(--_ui5_TimelineItem_bubble_border_top);inset-inline-end:var(--_ui5_TimelineItem_bubble_border_right);bottom:var(--_ui5_TimelineItem_bubble_border_bottom);inset-inline-start:var(--_ui5_TimelineItem_bubble_border_left);pointer-events:none}:host([layout=\"Horizontal\"]) .ui5-tli-bubble:focus:after{inset-block-start:var(--_ui5_TimelineItem_horizontal_bubble_focus_top_offset);inset-inline-start:var(--_ui5_TimelineItem_horizontal_bubble_focus_left_offset)}.ui5-tli-bubble-arrow{width:var(--_ui5_TimelineItem_arrow_size);padding-bottom:var(--_ui5_TimelineItem_arrow_size);position:absolute;pointer-events:none;top:0;left:0;overflow:hidden}.ui5-tli-bubble-arrow:before{content:\"\";background:var(--sapGroup_ContentBackground);border:.0625rem solid var(--_ui5_TimelineItem_bubble_border_color);position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 100%;transform:rotate(45deg)}:host([layout=\"Horizontal\"]) .ui5-tli-bubble-arrow:before{transform:rotate(315deg)}.ui5-tli-bubble-arrow--left{left:calc(-1 * var(--_ui5_TimelineItem_arrow_size))}.ui5-tli-bubble-arrow--top{inset-block-start:calc(-1 * var(--_ui5_TimelineItem_arrow_size))}.ui5-tli-bubble-arrow--left:before{left:50%;width:50%;transform-origin:100% 100%}.ui5-tli-bubble-arrow--top:before{left:42%;width:75%;transform-origin:152% 104%}.ui5-tli-title,.ui5-tli-desc{color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSize)}.ui5-tli-title span{display:inline-block}.ui5-tli-subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSmallSize);padding-block-start:var(--_ui5_TimelineItem_bubble_content_subtitle_padding_top)}.ui5-tli-desc{padding-block-start:var(--_ui5_TimelineItem_bubble_content_description_padding_top)}:dir(rtl) .ui5-tli-bubble-arrow--left{right:calc(-1 * var(--_ui5_TimelineItem_arrow_size));left:auto;transform:scaleX(-1)}:dir(rtl) .ui5-tli-bubble-arrow--top{right:0;left:auto;transform:scaleX(-1)}:dir(rtl) .ui5-tli-bubble{margin-left:auto;margin-right:.5rem}:host([layout=\"Horizontal\"]:dir(rtl)) .ui5-tli-bubble{margin-right:0}:dir(rtl) .ui5-tli-bubble:focus:after{left:var(--_ui5_TimelineItem_bubble_rtl_left_offset);right:var(--_ui5_TimelineItem_bubble_rtl_right_offset)}:host([layout=\"Horizontal\"]:dir(rtl)) .ui5-tli-bubble:focus:after{right:0}:host([layout=\"Horizontal\"]:not([icon]):dir(rtl)) .ui5-tli-indicator:after{right:.625rem}:host([layout=\"Horizontal\"]:not([icon]):dir(rtl)) .ui5-tli-indicator:before{right:1.9375rem;left:var(--_ui5_timeline_tli_indicator_before_right)}:host([layout=\"Horizontal\"]:dir(rtl)) .ui5-tli-indicator:before{left:var(--_ui5_timeline_tli_indicator_before_right);right:2.125rem}:host{align-content:end}:host([hide-bubble]){display:none}.ui5-tli-group-item-btn-arrow{position:absolute;width:.5rem;height:.5rem;transform:rotate(45deg);border:.0625rem solid var(--sapButton_BorderColor);background-color:var(--sapButton_Background);inset-inline-end:4.25rem;inset-block-start:.8125rem;border-inline-end-color:transparent;border-block-start-color:transparent}.ui5-tli-root:hover .ui5-tli-group-item-btn-arrow{background-color:var(--sapButton_Hover_Background)}:host([layout=\"Horizontal\"]) .ui5-tli-root{flex-direction:column}:host([layout=\"Horizontal\"][is-next-item-group]:last-child:not([last-item])) .ui5-tli-indicator:before{height:.0625rem;inset-block-start:50%;inset-inline-start:1.75rem}:host([position-in-group][layout=\"Horizontal\"][is-next-item-group]:last-child:not([last-item])) .ui5-tli-indicator:before{inset-inline-start:1.625rem;width:calc(100% + .5rem)}:host([layout=\"Vertical\"]:last-child:not([last-item])) .ui5-tli-indicator:before{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);inset-block-start:2rem;position:absolute;height:var(--_ui5_timeline_tli_indicator_before_height)}:host(:not([icon])[layout=\"Vertical\"]:last-child:not([last-item])) .ui5-tli-indicator:before{inset-block-start:1.75rem}:host([layout=\"Horizontal\"]){height:auto;min-width:3rem;margin-inline-end:.25rem}:host([icon][layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator:after,:host(:not([icon])[layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator:before{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:1rem;position:absolute;width:var(--_ui5_timeline_tli_horizontal_indicator_after_width);inset-inline-start:1.5rem}:host([icon][layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator:after{inset-inline-start:var(--_ui5_timeline_tli_horizontal_indicator_after_left)}:host([icon][layout=\"Horizontal\"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:after{width:calc(var(--_ui5_timeline_tli_icon_horizontal_indicator_after_width) + 1.25rem)}:host(:not([icon])[layout=\"Horizontal\"]:not([last-item])[is-next-item-group]) .ui5-tli-indicator:before{width:var(--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width)}:host([is-next-item-group][icon][layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator.ui5-tli-indicator-large-line:after{width:var(--_ui5_timeline_tli_horizontal_indicator_short_after_width)}:host([icon][layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator-short-line:after{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:1rem;position:absolute;width:100%;inset-inline-start:1.9375rem}:host(:not([position-in-group])[icon][layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator-short-line:after{width:var(--_ui5_timeline_tli_horizontal_indicator_short_after_width)}:host([position-in-group][icon][layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator-short-line:after{width:calc(100% - .5rem)}:host([icon][layout=\"Horizontal\"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator-large-line:after{width:var(--_ui5_timeline_tli_icon_horizontal_indicator_after_width)}:host([position-in-group]:not([icon])[layout=\"Horizontal\"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:before{width:calc(100% + .125rem)}:host([position-in-group]:not([icon])[layout=\"Horizontal\"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{width:100%}:host([position-in-group][icon][layout=\"Horizontal\"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator-large-line:after{width:calc(100% - .25rem)}:host(:not([icon])[layout=\"Horizontal\"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:before{width:var(--_ui5_timeline_tli_horizontal_indicator_before_width);inset-inline-start:1.625rem}:host(:not([icon])[layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{width:var(--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width);inset-inline-start:1.5rem}\n`"]}
+{"version":3,"file":"TimelineItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TimelineItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host(:not([hidden])){display:block}.ui5-tli-root{display:flex}:host([layout=\"Vertical\"]) .ui5-tli-indicator{position:relative;width:2rem}:host([layout=\"Horizontal\"]) .ui5-tli-indicator{position:relative;display:flex;height:2rem;align-items:center}:host([layout=\"Vertical\"]) .ui5-tli-indicator:before{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:2rem;bottom:var(--_ui5_timeline_tli_indicator_before_bottom);inset-inline-start:50%}:host([state=\"Positive\"]) .ui5-tli-icon{color:var(--sapPositiveElementColor)}:host([state=\"Negative\"]) .ui5-tli-icon{color:var(--sapNegativeElementColor)}:host([state=\"Critical\"]) .ui5-tli-icon{color:var(--sapCriticalElementColor)}:host([state=\"Information\"]) .ui5-tli-icon{color:var(--sapInformativeElementColor)}:host(:not([icon])[layout=\"Vertical\"]) .ui5-tli-indicator:before{inset-block-start:1.75rem}:host([position-in-group][layout=\"Vertical\"]) .ui5-tli-indicator:before{bottom:-1.5rem}:host([position-in-group][layout=\"Vertical\"]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:-1.75rem}:host(:first-child[layout=\"Vertical\"]:not([first-item-in-timeline])[icon]) .ui5-tli-indicator:after{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:var(--_ui5_timeline_tli_indicator_after_top);bottom:var(--_ui5_timeline_tli_indicator_before_bottom);inset-inline-start:50%;height:var(--_ui5_timeline_tli_indicator_after_height)}:host(:not([position-in-group])[layout=\"Vertical\"]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom)}:host([layout=\"Vertical\"]):not([icon]) .ui5-tli-indicator:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom);inset-block-start:1.875rem}:host([layout=\"Horizontal\"]:not([icon])) .ui5-tli-indicator:before{inset-block-start:50%;inset-inline-end:var(--_ui5_timeline_tli_indicator_before_without_icon_right);inset-inline-start:1rem}:host([layout=\"Vertical\"]):not([icon]) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_bottom)}:host([layout=\"Horizontal\"]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{inset-inline-end:var(--_ui5_timeline_tli_indicator_before_right)}:host(:not([icon])) .ui5-tli-indicator:after{content:\"\";display:inline-block;box-sizing:border-box;border:.0625rem solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapContent_NonInteractiveIconColor);border-radius:50%;width:.375rem;height:.375rem;position:absolute;inset-block-start:.9375rem;inset-inline-start:51.75%;transform:translate(-50%)}:host([layout=\"Horizontal\"]:not([icon])) .ui5-tli-indicator:after{inset-block-start:.84rem;inset-inline-start:.9625rem}:host(:last-child) .ui5-tli-indicator:before{display:none}.ui5-tli-icon-outer{display:flex;justify-content:center;align-items:center;margin-block-start:.25rem;height:1.625rem;width:2rem}:host([layout=\"Horizontal\"]) .ui5-tli-icon-outer{margin-block-start:0rem;height:1.3125rem}.ui5-tli-icon{color:var(--sapContent_NonInteractiveIconColor);height:1.375rem;width:1.375rem}:host([layout=\"Horizontal\"]) .ui5-tli-dummy-icon-container{height:1.375rem;width:1.375rem;display:inline-block;outline:none}.ui5-tli-bubble{background:var(--sapGroup_ContentBackground);border:.0625rem solid var(--_ui5_TimelineItem_bubble_border_color);box-sizing:border-box;border-radius:var(--_ui5_TimelineItem_bubble_border_radius);flex:1;position:relative;margin-left:.5rem;margin-inline-end:calc(-1 * var(--_ui5_TimelineItem_bubble_border_right));padding:var(--_ui5_TimelineItem_bubble_content_padding);word-break:break-word}:host([layout=\"Horizontal\"]) .ui5-tli-bubble{margin-top:.5rem;margin-left:0}:host([layout=\"Vertical\"][first-item-in-timeline]) .ui5-tli-bubble{margin-block-start:calc(-1 * var(--_ui5_TimelineItem_bubble_border_top))}:host([layout=\"Vertical\"][last-item]) .ui5-tli-bubble{margin-block-end:calc(-1 * var(--_ui5_TimelineItem_bubble_border_bottom))}.ui5-tli-bubble:focus{outline:none}.ui5-tli-bubble:focus:after{content:\"\";border:var(--_ui5_TimelineItem_bubble_border_width) var(--_ui5_TimelineItem_bubble_border_style) var(--sapContent_FocusColor);border-radius:var(--_ui5_TimelineItem_bubble_focus_border_radius);position:absolute;inset-block-start:var(--_ui5_TimelineItem_bubble_border_top);inset-inline-end:var(--_ui5_TimelineItem_bubble_border_right);bottom:var(--_ui5_TimelineItem_bubble_border_bottom);inset-inline-start:var(--_ui5_TimelineItem_bubble_border_left);pointer-events:none}:host([layout=\"Horizontal\"]) .ui5-tli-bubble:focus:after{inset-block-start:var(--_ui5_TimelineItem_horizontal_bubble_focus_top_offset);inset-inline-start:var(--_ui5_TimelineItem_horizontal_bubble_focus_left_offset)}.ui5-tli-bubble-arrow{width:var(--_ui5_TimelineItem_arrow_size);padding-bottom:var(--_ui5_TimelineItem_arrow_size);position:absolute;pointer-events:none;top:0;left:0;overflow:hidden}.ui5-tli-bubble-arrow:before{content:\"\";background:var(--sapGroup_ContentBackground);border:.0625rem solid var(--_ui5_TimelineItem_bubble_border_color);position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 100%;transform:rotate(45deg)}:host([layout=\"Horizontal\"]) .ui5-tli-bubble-arrow:before{transform:rotate(315deg)}.ui5-tli-bubble-arrow--left{left:calc(-1 * var(--_ui5_TimelineItem_arrow_size))}.ui5-tli-bubble-arrow--top{inset-block-start:calc(-1 * var(--_ui5_TimelineItem_arrow_size))}.ui5-tli-bubble-arrow--left:before{left:50%;width:50%;transform-origin:100% 100%}.ui5-tli-bubble-arrow--top:before{left:42%;width:75%;transform-origin:152% 104%}.ui5-tli-title,.ui5-tli-desc{color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSize)}.ui5-tli-title span{display:inline-block}.ui5-tli-subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSmallSize);padding-block-start:var(--_ui5_TimelineItem_bubble_content_subtitle_padding_top)}.ui5-tli-desc{padding-block-start:var(--_ui5_TimelineItem_bubble_content_description_padding_top)}:dir(rtl) .ui5-tli-bubble-arrow--left{right:calc(-1 * var(--_ui5_TimelineItem_arrow_size));left:auto;transform:scaleX(-1)}:dir(rtl) .ui5-tli-bubble-arrow--top{right:0;left:auto;transform:scaleX(-1)}:dir(rtl) .ui5-tli-bubble{margin-left:auto;margin-right:.5rem}:host([layout=\"Horizontal\"]:dir(rtl)) .ui5-tli-bubble{margin-right:0}:dir(rtl) .ui5-tli-bubble:focus:after{left:var(--_ui5_TimelineItem_bubble_rtl_left_offset);right:var(--_ui5_TimelineItem_bubble_rtl_right_offset)}:host([layout=\"Horizontal\"]:dir(rtl)) .ui5-tli-bubble:focus:after{right:0}:host([layout=\"Horizontal\"]:not([icon]):dir(rtl)) .ui5-tli-indicator:after{right:.625rem}:host([layout=\"Horizontal\"]:not([icon]):dir(rtl)) .ui5-tli-indicator:before{right:1.9375rem;left:var(--_ui5_timeline_tli_indicator_before_right)}:host([layout=\"Horizontal\"]:dir(rtl)) .ui5-tli-indicator:before{left:var(--_ui5_timeline_tli_indicator_before_right);right:2.125rem}:host{align-content:end}:host([hide-bubble]){display:none}.ui5-tli-group-item-btn-arrow{position:absolute;width:.5rem;height:.5rem;transform:rotate(45deg);border:.0625rem solid var(--sapButton_BorderColor);background-color:var(--sapButton_Background);inset-inline-end:4.25rem;inset-block-start:.8125rem;border-inline-end-color:transparent;border-block-start-color:transparent}.ui5-tli-root:hover .ui5-tli-group-item-btn-arrow{background-color:var(--sapButton_Hover_Background)}:host([layout=\"Horizontal\"]) .ui5-tli-root{flex-direction:column}:host([layout=\"Horizontal\"][is-next-item-group]:last-child:not([last-item])) .ui5-tli-indicator:before{height:.0625rem;inset-block-start:50%;inset-inline-start:1.75rem}:host([position-in-group][layout=\"Horizontal\"][is-next-item-group]:last-child:not([last-item])) .ui5-tli-indicator:before{inset-inline-start:1.625rem;width:calc(100% + .5rem)}:host([layout=\"Vertical\"]:last-child:not([last-item])) .ui5-tli-indicator:before{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);inset-block-start:2rem;position:absolute;height:var(--_ui5_timeline_tli_indicator_before_height)}:host(:not([icon])[layout=\"Vertical\"]:last-child:not([last-item])) .ui5-tli-indicator:before{inset-block-start:1.75rem}:host([layout=\"Horizontal\"]){height:auto;min-width:3rem;margin-inline-end:.25rem}:host([icon][layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator:after,:host(:not([icon])[layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator:before{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:1rem;position:absolute;width:var(--_ui5_timeline_tli_horizontal_indicator_after_width);inset-inline-start:1.5rem}:host([icon][layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator:after{inset-inline-start:var(--_ui5_timeline_tli_horizontal_indicator_after_left)}:host([icon][layout=\"Horizontal\"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:after{width:calc(var(--_ui5_timeline_tli_icon_horizontal_indicator_after_width) + 1.25rem)}:host(:not([icon])[layout=\"Horizontal\"]:not([last-item])[is-next-item-group]) .ui5-tli-indicator:before{width:var(--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width)}:host([is-next-item-group][icon][layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator.ui5-tli-indicator-large-line:after{width:var(--_ui5_timeline_tli_horizontal_indicator_short_after_width)}:host([icon][layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator-short-line:after{content:\"\";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:1rem;position:absolute;width:100%;inset-inline-start:1.9375rem}:host(:not([position-in-group])[icon][layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator-short-line:after{width:var(--_ui5_timeline_tli_horizontal_indicator_short_after_width)}:host([position-in-group][icon][layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator-short-line:after{width:calc(100% - .5rem)}:host([icon][layout=\"Horizontal\"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator-large-line:after{width:var(--_ui5_timeline_tli_icon_horizontal_indicator_after_width)}:host([position-in-group]:not([icon])[layout=\"Horizontal\"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:before{width:calc(100% + .125rem)}:host([position-in-group]:not([icon])[layout=\"Horizontal\"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{width:100%}:host([position-in-group][icon][layout=\"Horizontal\"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator-large-line:after{width:calc(100% - .25rem)}:host(:not([icon])[layout=\"Horizontal\"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:before{width:var(--_ui5_timeline_tli_horizontal_indicator_before_width);inset-inline-start:1.625rem}:host(:not([icon])[layout=\"Horizontal\"]:not([last-item])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{width:var(--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width);inset-inline-start:1.5rem}\n`"]}

package/dist/generated/themes/UserSettingsNotificationsView.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: ".ui5-user-settings-notifications-view-content{display:flex;flex-direction:column;gap:.5rem}.ui5-user-settings-notifications-view-list{padding:0;margin:0;--ui5-group-header-listitem-background-color: var(--sapList_Background)}.ui5-user-settings-notifications-view-form{background:var(--sapGroup_ContentBackground);border-bottom:.0625rem solid var(--sapList_BorderColor);overflow:visible}slot[name=additionalContent]::slotted(*){display:block}\n";
+export default _default;

package/dist/generated/themes/UserSettingsNotificationsView.css.js

@@ -0,0 +1,8 @@
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
+import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
+registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
+registerThemePropertiesLoader("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => defaultTheme, "host");
+export default `.ui5-user-settings-notifications-view-content{display:flex;flex-direction:column;gap:.5rem}.ui5-user-settings-notifications-view-list{padding:0;margin:0;--ui5-group-header-listitem-background-color: var(--sapList_Background)}.ui5-user-settings-notifications-view-form{background:var(--sapGroup_ContentBackground);border-bottom:.0625rem solid var(--sapList_BorderColor);overflow:visible}slot[name=additionalContent]::slotted(*){display:block}
+`;
+//# sourceMappingURL=UserSettingsNotificationsView.css.js.map

package/dist/generated/themes/UserSettingsNotificationsView.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsNotificationsView.css.js","sourceRoot":"","sources":["../../../src/generated/themes/UserSettingsNotificationsView.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `.ui5-user-settings-notifications-view-content{display:flex;flex-direction:column;gap:.5rem}.ui5-user-settings-notifications-view-list{padding:0;margin:0;--ui5-group-header-listitem-background-color: var(--sapList_Background)}.ui5-user-settings-notifications-view-form{background:var(--sapGroup_ContentBackground);border-bottom:.0625rem solid var(--sapList_BorderColor);overflow:visible}slot[name=additionalContent]::slotted(*){display:block}\n`"]}

package/dist/generated/themes/UserSettingsNotificationsViewGroup.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: ":host{background:var(--sapList_Background)}::part(header){background:var(--sapList_Background);border-bottom:none}\n";
+export default _default;

package/dist/generated/themes/UserSettingsNotificationsViewGroup.css.js

@@ -0,0 +1,8 @@
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
+import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
+registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
+registerThemePropertiesLoader("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => defaultTheme, "host");
+export default `:host{background:var(--sapList_Background)}::part(header){background:var(--sapList_Background);border-bottom:none}
+`;
+//# sourceMappingURL=UserSettingsNotificationsViewGroup.css.js.map

package/dist/generated/themes/UserSettingsNotificationsViewGroup.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsNotificationsViewGroup.css.js","sourceRoot":"","sources":["../../../src/generated/themes/UserSettingsNotificationsViewGroup.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{background:var(--sapList_Background)}::part(header){background:var(--sapList_Background);border-bottom:none}\n`"]}

package/dist/generated/themes/UserSettingsNotificationsViewItem.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: ":host{--_ui5_user_settings_notifications_item_end_margin: .75rem;min-height:var(--sapElement_LineHeight);overflow:visible}.ui5-li-root,.ui5-li-content{overflow:visible}.ui5-user-settings-notifications-form-item{display:flex;align-items:center;width:100%;min-height:var(--sapElement_LineHeight);padding:var(--_ui5_list_item_base_padding, 0 1rem);box-sizing:border-box;background:var(--sapList_Background);outline:none;position:relative;cursor:default}@media (hover: hover){.ui5-user-settings-notifications-form-item:hover{background:var(--sapList_Hover_Background)}}:host([navigable]) .ui5-user-settings-notifications-form-item{cursor:pointer}.ui5-user-settings-notifications-form-item .ui5-user-settings-notifications-item-end{padding-inline-end:var(--_ui5_list_item_icon_size, 1.125rem)}:host([navigable]) .ui5-user-settings-notifications-form-item .ui5-user-settings-notifications-item-end{padding-inline-end:.25rem}.ui5-user-settings-notifications-form-item .ui5-user-settings-notifications-item{flex:1 1 auto;min-width:0}.ui5-user-settings-notifications-item-arrow{flex-shrink:0}:host([desktop]) .ui5-user-settings-notifications-form-item:focus:after,.ui5-user-settings-notifications-form-item:focus-visible:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:.125rem;pointer-events:none}@container style(--ui5_content_density: compact){:host{--_ui5_user_settings_notifications_item_end_margin: 1rem;min-height:var(--sapElement_Compact_LineHeight)}}.ui5-user-settings-notifications-item{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;box-sizing:border-box}.ui5-user-settings-notifications-item-start{display:flex;align-items:center;flex:1;min-width:0;gap:.75rem}.ui5-user-settings-notifications-item-texts{display:flex;flex-direction:column;min-width:0;overflow:hidden}.ui5-user-settings-notifications-item-title{font-family:var(--sapFontFamily);font-size:var(--sapFontLargeSize);font-weight:400;color:var(--sapList_TextColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container style(--ui5_content_density: compact){.ui5-user-settings-notifications-item-title{font-size:var(--sapFontSize)}}.ui5-user-settings-notifications-item-byline{font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapContent_LabelColor);padding-top:.5rem;padding-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-user-settings-notifications-item-end{display:flex;align-items:center;flex-shrink:0;margin-inline-start:var(--_ui5_user_settings_notifications_item_end_margin);padding-inline-end:.25rem;overflow:visible}:host(:not([navigable])) .ui5-user-settings-notifications-item-end{padding-inline-end:calc(var(--_ui5_list_item_icon_size, 1.125rem) + .25rem)}.ui5-user-settings-notifications-item.has-byline{align-items:stretch;min-height:5rem}@container style(--ui5_content_density: compact){.ui5-user-settings-notifications-item.has-byline{min-height:4rem}}.has-byline .ui5-user-settings-notifications-item-start{align-items:center}.has-byline .ui5-user-settings-notifications-item-title{padding-top:.125rem}\n";
+export default _default;

package/dist/generated/themes/UserSettingsNotificationsViewItem.css.js

@@ -0,0 +1,8 @@
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
+import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
+registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
+registerThemePropertiesLoader("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => defaultTheme, "host");
+export default `:host{--_ui5_user_settings_notifications_item_end_margin: .75rem;min-height:var(--sapElement_LineHeight);overflow:visible}.ui5-li-root,.ui5-li-content{overflow:visible}.ui5-user-settings-notifications-form-item{display:flex;align-items:center;width:100%;min-height:var(--sapElement_LineHeight);padding:var(--_ui5_list_item_base_padding, 0 1rem);box-sizing:border-box;background:var(--sapList_Background);outline:none;position:relative;cursor:default}@media (hover: hover){.ui5-user-settings-notifications-form-item:hover{background:var(--sapList_Hover_Background)}}:host([navigable]) .ui5-user-settings-notifications-form-item{cursor:pointer}.ui5-user-settings-notifications-form-item .ui5-user-settings-notifications-item-end{padding-inline-end:var(--_ui5_list_item_icon_size, 1.125rem)}:host([navigable]) .ui5-user-settings-notifications-form-item .ui5-user-settings-notifications-item-end{padding-inline-end:.25rem}.ui5-user-settings-notifications-form-item .ui5-user-settings-notifications-item{flex:1 1 auto;min-width:0}.ui5-user-settings-notifications-item-arrow{flex-shrink:0}:host([desktop]) .ui5-user-settings-notifications-form-item:focus:after,.ui5-user-settings-notifications-form-item:focus-visible:after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:.125rem;pointer-events:none}@container style(--ui5_content_density: compact){:host{--_ui5_user_settings_notifications_item_end_margin: 1rem;min-height:var(--sapElement_Compact_LineHeight)}}.ui5-user-settings-notifications-item{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;box-sizing:border-box}.ui5-user-settings-notifications-item-start{display:flex;align-items:center;flex:1;min-width:0;gap:.75rem}.ui5-user-settings-notifications-item-texts{display:flex;flex-direction:column;min-width:0;overflow:hidden}.ui5-user-settings-notifications-item-title{font-family:var(--sapFontFamily);font-size:var(--sapFontLargeSize);font-weight:400;color:var(--sapList_TextColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container style(--ui5_content_density: compact){.ui5-user-settings-notifications-item-title{font-size:var(--sapFontSize)}}.ui5-user-settings-notifications-item-byline{font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapContent_LabelColor);padding-top:.5rem;padding-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-user-settings-notifications-item-end{display:flex;align-items:center;flex-shrink:0;margin-inline-start:var(--_ui5_user_settings_notifications_item_end_margin);padding-inline-end:.25rem;overflow:visible}:host(:not([navigable])) .ui5-user-settings-notifications-item-end{padding-inline-end:calc(var(--_ui5_list_item_icon_size, 1.125rem) + .25rem)}.ui5-user-settings-notifications-item.has-byline{align-items:stretch;min-height:5rem}@container style(--ui5_content_density: compact){.ui5-user-settings-notifications-item.has-byline{min-height:4rem}}.has-byline .ui5-user-settings-notifications-item-start{align-items:center}.has-byline .ui5-user-settings-notifications-item-title{padding-top:.125rem}
+`;
+//# sourceMappingURL=UserSettingsNotificationsViewItem.css.js.map

package/dist/generated/themes/UserSettingsNotificationsViewItem.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsNotificationsViewItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/UserSettingsNotificationsViewItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--_ui5_user_settings_notifications_item_end_margin: .75rem;min-height:var(--sapElement_LineHeight);overflow:visible}.ui5-li-root,.ui5-li-content{overflow:visible}.ui5-user-settings-notifications-form-item{display:flex;align-items:center;width:100%;min-height:var(--sapElement_LineHeight);padding:var(--_ui5_list_item_base_padding, 0 1rem);box-sizing:border-box;background:var(--sapList_Background);outline:none;position:relative;cursor:default}@media (hover: hover){.ui5-user-settings-notifications-form-item:hover{background:var(--sapList_Hover_Background)}}:host([navigable]) .ui5-user-settings-notifications-form-item{cursor:pointer}.ui5-user-settings-notifications-form-item .ui5-user-settings-notifications-item-end{padding-inline-end:var(--_ui5_list_item_icon_size, 1.125rem)}:host([navigable]) .ui5-user-settings-notifications-form-item .ui5-user-settings-notifications-item-end{padding-inline-end:.25rem}.ui5-user-settings-notifications-form-item .ui5-user-settings-notifications-item{flex:1 1 auto;min-width:0}.ui5-user-settings-notifications-item-arrow{flex-shrink:0}:host([desktop]) .ui5-user-settings-notifications-form-item:focus:after,.ui5-user-settings-notifications-form-item:focus-visible:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:.125rem;pointer-events:none}@container style(--ui5_content_density: compact){:host{--_ui5_user_settings_notifications_item_end_margin: 1rem;min-height:var(--sapElement_Compact_LineHeight)}}.ui5-user-settings-notifications-item{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;box-sizing:border-box}.ui5-user-settings-notifications-item-start{display:flex;align-items:center;flex:1;min-width:0;gap:.75rem}.ui5-user-settings-notifications-item-texts{display:flex;flex-direction:column;min-width:0;overflow:hidden}.ui5-user-settings-notifications-item-title{font-family:var(--sapFontFamily);font-size:var(--sapFontLargeSize);font-weight:400;color:var(--sapList_TextColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container style(--ui5_content_density: compact){.ui5-user-settings-notifications-item-title{font-size:var(--sapFontSize)}}.ui5-user-settings-notifications-item-byline{font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;color:var(--sapContent_LabelColor);padding-top:.5rem;padding-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-user-settings-notifications-item-end{display:flex;align-items:center;flex-shrink:0;margin-inline-start:var(--_ui5_user_settings_notifications_item_end_margin);padding-inline-end:.25rem;overflow:visible}:host(:not([navigable])) .ui5-user-settings-notifications-item-end{padding-inline-end:calc(var(--_ui5_list_item_icon_size, 1.125rem) + .25rem)}.ui5-user-settings-notifications-item.has-byline{align-items:stretch;min-height:5rem}@container style(--ui5_content_density: compact){.ui5-user-settings-notifications-item.has-byline{min-height:4rem}}.has-byline .ui5-user-settings-notifications-item-start{align-items:center}.has-byline .ui5-user-settings-notifications-item-title{padding-top:.125rem}\n`"]}

package/dist/generated/themes/WizardTab.css.d.ts

@@ -1,2 +1,2 @@
-declare const _default: ":host(:not([hidden])){min-width:1px}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--_ui5_wiz_tab_selected_bg)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text{color:var(--sapContent_Selected_ForegroundColor)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{content:\"\";position:absolute;border-bottom:.25rem solid var(--_ui5_wiz_tab_selection_line);border-top-left-radius:.1875rem;border-top-right-radius:.1875rem;left:0;right:0;bottom:-1rem}:host([selected]:not([disabled])) .ui5-wiz-step-icon{color:var(--sapContent_ContrastIconColor)}:host([selected]:not([disabled])) .ui5-wiz-step-number{color:var(--sapContent_ContrastTextColor)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--sapList_BorderColor);background:var(--sapObjectHeader_Background)}:host([disabled]) .ui5-wiz-step-title-text{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-icon{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-number{color:var(--sapContent_LabelColor)}.ui5-wiz-step-root{display:flex;align-items:center;flex-direction:row;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);outline:none}.ui5-wiz-step-main{max-width:100%;text-align:center;white-space:nowrap}:host(:not([disabled])) .ui5-wiz-step-main{cursor:pointer}.ui5-wiz-step-root:focus .ui5-wiz-step-main{outline:var(--_ui5_wiz_tab_focus_outline);outline-offset:1px;border-radius:var(--_ui5_wiz_tab_focus_border_radius)}.ui5-wiz-step-icon-circle{display:inline-flex;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;text-align:center;width:2rem;height:2rem;margin:0 .1875rem;line-height:1.875rem;border-radius:50%;background:var(--sapObjectHeader_Background);border:var(--_ui5_wiz_tab_border);position:relative}.ui5-wiz-step-icon{width:1rem;height:1rem;color:var(--_ui5_wiz_tab_icon_color);pointer-events:none}.ui5-wiz-step-number{color:var(--_ui5_wiz_tab_icon_color)}.ui5-wiz-step-texts{display:inline-block;max-width:calc(100% - 3rem);vertical-align:middle;text-align:left;padding:0 .5rem 0 .1875rem;max-height:3rem;overflow:hidden;background:var(--sapObjectHeader_Background)}.ui5-wiz-step-title-text,.ui5-wiz-step-subtitle-text{color:var(--_ui5_wiz_tab_title_color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui5-wiz-step-title-text{font-family:var(--_ui5_wiz_tab_title_font_family);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([subtitle-text]:not([subtitle-text=\"\"])) .ui5-wiz-step-title-text{-webkit-line-clamp:1}:host([data-ui5-wizard-expanded-tab-prev=\"true\"]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab-prev=\"true\"]) .ui5-wiz-step-subtitle-text,:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-texts,:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-subtitle-text{display:none}.ui5-wiz-step-subtitle-text{margin-top:.125rem;font-family:var(--sapFontFamily);color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize)}.ui5-wiz-step-hr{display:inline-block;border-bottom-color:var(--sapList_BorderColor);border-bottom-width:1px;border-bottom-style:solid;height:1px;flex-grow:1;margin-right:.25rem;min-width:.5rem}:host([active-separator]) .ui5-wiz-step-hr{border-bottom-color:var(--_ui5_wiz_tab_active_separator_color)}:host([branching-separator]) .ui5-wiz-step-hr{border-bottom-style:dashed}:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-root{display:inline;position:absolute;top:0}:host([data-ui5-wizard-after-current-tab=\"true\"]) .ui5-wiz-step-root{right:0}:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-hr{display:none}\n";
+declare const _default: ":host(:not([hidden])){min-width:1px}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--_ui5_wiz_tab_selected_bg)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text{color:var(--sapContent_Selected_ForegroundColor)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{content:\"\";position:absolute;border-bottom:.25rem solid var(--_ui5_wiz_tab_selection_line);border-top-left-radius:.1875rem;border-top-right-radius:.1875rem;left:0;right:0;bottom:-1rem}:host([selected]:not([disabled])) .ui5-wiz-step-icon{color:var(--sapContent_ContrastIconColor)}:host([selected]:not([disabled])) .ui5-wiz-step-number{color:var(--sapContent_ContrastTextColor)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--sapList_BorderColor);background:var(--sapObjectHeader_Background)}:host([disabled]) .ui5-wiz-step-title-text{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-icon{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-number{color:var(--sapContent_LabelColor)}.ui5-wiz-step-root{display:flex;align-items:center;flex-direction:row;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);outline:none}.ui5-wiz-step-main{max-width:100%;text-align:center;white-space:nowrap}:host(:not([disabled])) .ui5-wiz-step-main{cursor:pointer}:host([desktop]) .ui5-wiz-step-root:focus .ui5-wiz-step-main,.ui5-wiz-step-root:focus-visible .ui5-wiz-step-main{outline:var(--_ui5_wiz_tab_focus_outline);outline-offset:1px;border-radius:var(--_ui5_wiz_tab_focus_border_radius)}.ui5-wiz-step-icon-circle{display:inline-flex;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;text-align:center;width:2rem;height:2rem;margin:0 .1875rem;line-height:1.875rem;border-radius:50%;background:var(--sapObjectHeader_Background);border:var(--_ui5_wiz_tab_border);position:relative}.ui5-wiz-step-icon{width:1rem;height:1rem;color:var(--_ui5_wiz_tab_icon_color);pointer-events:none}.ui5-wiz-step-number{color:var(--_ui5_wiz_tab_icon_color)}.ui5-wiz-step-texts{display:inline-block;max-width:calc(100% - 3rem);vertical-align:middle;text-align:left;padding:0 .5rem 0 .1875rem;max-height:3rem;overflow:hidden;background:var(--sapObjectHeader_Background)}.ui5-wiz-step-title-text,.ui5-wiz-step-subtitle-text{color:var(--_ui5_wiz_tab_title_color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui5-wiz-step-title-text{font-family:var(--_ui5_wiz_tab_title_font_family);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([subtitle-text]:not([subtitle-text=\"\"])) .ui5-wiz-step-title-text{-webkit-line-clamp:1}:host([data-ui5-wizard-expanded-tab-prev=\"true\"]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab-prev=\"true\"]) .ui5-wiz-step-subtitle-text,:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-texts,:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-subtitle-text{display:none}.ui5-wiz-step-subtitle-text{margin-top:.125rem;font-family:var(--sapFontFamily);color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize)}.ui5-wiz-step-hr{display:inline-block;border-bottom-color:var(--sapList_BorderColor);border-bottom-width:1px;border-bottom-style:solid;height:1px;flex-grow:1;margin-right:.25rem;min-width:.5rem}:host([active-separator]) .ui5-wiz-step-hr{border-bottom-color:var(--_ui5_wiz_tab_active_separator_color)}:host([branching-separator]) .ui5-wiz-step-hr{border-bottom-style:dashed}:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-root{display:inline;position:absolute;top:0}:host([data-ui5-wizard-after-current-tab=\"true\"]) .ui5-wiz-step-root{right:0}:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-hr{display:none}\n";
 export default _default;

package/dist/generated/themes/WizardTab.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => defaultTheme, "host");
-export default `:host(:not([hidden])){min-width:1px}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--_ui5_wiz_tab_selected_bg)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text{color:var(--sapContent_Selected_ForegroundColor)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{content:"";position:absolute;border-bottom:.25rem solid var(--_ui5_wiz_tab_selection_line);border-top-left-radius:.1875rem;border-top-right-radius:.1875rem;left:0;right:0;bottom:-1rem}:host([selected]:not([disabled])) .ui5-wiz-step-icon{color:var(--sapContent_ContrastIconColor)}:host([selected]:not([disabled])) .ui5-wiz-step-number{color:var(--sapContent_ContrastTextColor)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--sapList_BorderColor);background:var(--sapObjectHeader_Background)}:host([disabled]) .ui5-wiz-step-title-text{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-icon{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-number{color:var(--sapContent_LabelColor)}.ui5-wiz-step-root{display:flex;align-items:center;flex-direction:row;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);outline:none}.ui5-wiz-step-main{max-width:100%;text-align:center;white-space:nowrap}:host(:not([disabled])) .ui5-wiz-step-main{cursor:pointer}.ui5-wiz-step-root:focus .ui5-wiz-step-main{outline:var(--_ui5_wiz_tab_focus_outline);outline-offset:1px;border-radius:var(--_ui5_wiz_tab_focus_border_radius)}.ui5-wiz-step-icon-circle{display:inline-flex;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;text-align:center;width:2rem;height:2rem;margin:0 .1875rem;line-height:1.875rem;border-radius:50%;background:var(--sapObjectHeader_Background);border:var(--_ui5_wiz_tab_border);position:relative}.ui5-wiz-step-icon{width:1rem;height:1rem;color:var(--_ui5_wiz_tab_icon_color);pointer-events:none}.ui5-wiz-step-number{color:var(--_ui5_wiz_tab_icon_color)}.ui5-wiz-step-texts{display:inline-block;max-width:calc(100% - 3rem);vertical-align:middle;text-align:left;padding:0 .5rem 0 .1875rem;max-height:3rem;overflow:hidden;background:var(--sapObjectHeader_Background)}.ui5-wiz-step-title-text,.ui5-wiz-step-subtitle-text{color:var(--_ui5_wiz_tab_title_color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui5-wiz-step-title-text{font-family:var(--_ui5_wiz_tab_title_font_family);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([subtitle-text]:not([subtitle-text=""])) .ui5-wiz-step-title-text{-webkit-line-clamp:1}:host([data-ui5-wizard-expanded-tab-prev="true"]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab-prev="true"]) .ui5-wiz-step-subtitle-text,:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-texts,:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-subtitle-text{display:none}.ui5-wiz-step-subtitle-text{margin-top:.125rem;font-family:var(--sapFontFamily);color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize)}.ui5-wiz-step-hr{display:inline-block;border-bottom-color:var(--sapList_BorderColor);border-bottom-width:1px;border-bottom-style:solid;height:1px;flex-grow:1;margin-right:.25rem;min-width:.5rem}:host([active-separator]) .ui5-wiz-step-hr{border-bottom-color:var(--_ui5_wiz_tab_active_separator_color)}:host([branching-separator]) .ui5-wiz-step-hr{border-bottom-style:dashed}:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-root{display:inline;position:absolute;top:0}:host([data-ui5-wizard-after-current-tab="true"]) .ui5-wiz-step-root{right:0}:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-hr{display:none}
+export default `:host(:not([hidden])){min-width:1px}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--_ui5_wiz_tab_selected_bg)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text{color:var(--sapContent_Selected_ForegroundColor)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{content:"";position:absolute;border-bottom:.25rem solid var(--_ui5_wiz_tab_selection_line);border-top-left-radius:.1875rem;border-top-right-radius:.1875rem;left:0;right:0;bottom:-1rem}:host([selected]:not([disabled])) .ui5-wiz-step-icon{color:var(--sapContent_ContrastIconColor)}:host([selected]:not([disabled])) .ui5-wiz-step-number{color:var(--sapContent_ContrastTextColor)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--sapList_BorderColor);background:var(--sapObjectHeader_Background)}:host([disabled]) .ui5-wiz-step-title-text{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-icon{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-number{color:var(--sapContent_LabelColor)}.ui5-wiz-step-root{display:flex;align-items:center;flex-direction:row;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);outline:none}.ui5-wiz-step-main{max-width:100%;text-align:center;white-space:nowrap}:host(:not([disabled])) .ui5-wiz-step-main{cursor:pointer}:host([desktop]) .ui5-wiz-step-root:focus .ui5-wiz-step-main,.ui5-wiz-step-root:focus-visible .ui5-wiz-step-main{outline:var(--_ui5_wiz_tab_focus_outline);outline-offset:1px;border-radius:var(--_ui5_wiz_tab_focus_border_radius)}.ui5-wiz-step-icon-circle{display:inline-flex;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;text-align:center;width:2rem;height:2rem;margin:0 .1875rem;line-height:1.875rem;border-radius:50%;background:var(--sapObjectHeader_Background);border:var(--_ui5_wiz_tab_border);position:relative}.ui5-wiz-step-icon{width:1rem;height:1rem;color:var(--_ui5_wiz_tab_icon_color);pointer-events:none}.ui5-wiz-step-number{color:var(--_ui5_wiz_tab_icon_color)}.ui5-wiz-step-texts{display:inline-block;max-width:calc(100% - 3rem);vertical-align:middle;text-align:left;padding:0 .5rem 0 .1875rem;max-height:3rem;overflow:hidden;background:var(--sapObjectHeader_Background)}.ui5-wiz-step-title-text,.ui5-wiz-step-subtitle-text{color:var(--_ui5_wiz_tab_title_color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui5-wiz-step-title-text{font-family:var(--_ui5_wiz_tab_title_font_family);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([subtitle-text]:not([subtitle-text=""])) .ui5-wiz-step-title-text{-webkit-line-clamp:1}:host([data-ui5-wizard-expanded-tab-prev="true"]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab-prev="true"]) .ui5-wiz-step-subtitle-text,:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-texts,:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-subtitle-text{display:none}.ui5-wiz-step-subtitle-text{margin-top:.125rem;font-family:var(--sapFontFamily);color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize)}.ui5-wiz-step-hr{display:inline-block;border-bottom-color:var(--sapList_BorderColor);border-bottom-width:1px;border-bottom-style:solid;height:1px;flex-grow:1;margin-right:.25rem;min-width:.5rem}:host([active-separator]) .ui5-wiz-step-hr{border-bottom-color:var(--_ui5_wiz_tab_active_separator_color)}:host([branching-separator]) .ui5-wiz-step-hr{border-bottom-style:dashed}:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-root{display:inline;position:absolute;top:0}:host([data-ui5-wizard-after-current-tab="true"]) .ui5-wiz-step-root{right:0}:host([data-ui5-wizard-expanded-tab="false"]) .ui5-wiz-step-hr{display:none}
 `;
 //# sourceMappingURL=WizardTab.css.js.map

package/dist/generated/themes/WizardTab.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardTab.css.js","sourceRoot":"","sources":["../../../src/generated/themes/WizardTab.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host(:not([hidden])){min-width:1px}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--_ui5_wiz_tab_selected_bg)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text{color:var(--sapContent_Selected_ForegroundColor)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{content:\"\";position:absolute;border-bottom:.25rem solid var(--_ui5_wiz_tab_selection_line);border-top-left-radius:.1875rem;border-top-right-radius:.1875rem;left:0;right:0;bottom:-1rem}:host([selected]:not([disabled])) .ui5-wiz-step-icon{color:var(--sapContent_ContrastIconColor)}:host([selected]:not([disabled])) .ui5-wiz-step-number{color:var(--sapContent_ContrastTextColor)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--sapList_BorderColor);background:var(--sapObjectHeader_Background)}:host([disabled]) .ui5-wiz-step-title-text{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-icon{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-number{color:var(--sapContent_LabelColor)}.ui5-wiz-step-root{display:flex;align-items:center;flex-direction:row;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);outline:none}.ui5-wiz-step-main{max-width:100%;text-align:center;white-space:nowrap}:host(:not([disabled])) .ui5-wiz-step-main{cursor:pointer}.ui5-wiz-step-root:focus .ui5-wiz-step-main{outline:var(--_ui5_wiz_tab_focus_outline);outline-offset:1px;border-radius:var(--_ui5_wiz_tab_focus_border_radius)}.ui5-wiz-step-icon-circle{display:inline-flex;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;text-align:center;width:2rem;height:2rem;margin:0 .1875rem;line-height:1.875rem;border-radius:50%;background:var(--sapObjectHeader_Background);border:var(--_ui5_wiz_tab_border);position:relative}.ui5-wiz-step-icon{width:1rem;height:1rem;color:var(--_ui5_wiz_tab_icon_color);pointer-events:none}.ui5-wiz-step-number{color:var(--_ui5_wiz_tab_icon_color)}.ui5-wiz-step-texts{display:inline-block;max-width:calc(100% - 3rem);vertical-align:middle;text-align:left;padding:0 .5rem 0 .1875rem;max-height:3rem;overflow:hidden;background:var(--sapObjectHeader_Background)}.ui5-wiz-step-title-text,.ui5-wiz-step-subtitle-text{color:var(--_ui5_wiz_tab_title_color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui5-wiz-step-title-text{font-family:var(--_ui5_wiz_tab_title_font_family);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([subtitle-text]:not([subtitle-text=\"\"])) .ui5-wiz-step-title-text{-webkit-line-clamp:1}:host([data-ui5-wizard-expanded-tab-prev=\"true\"]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab-prev=\"true\"]) .ui5-wiz-step-subtitle-text,:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-texts,:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-subtitle-text{display:none}.ui5-wiz-step-subtitle-text{margin-top:.125rem;font-family:var(--sapFontFamily);color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize)}.ui5-wiz-step-hr{display:inline-block;border-bottom-color:var(--sapList_BorderColor);border-bottom-width:1px;border-bottom-style:solid;height:1px;flex-grow:1;margin-right:.25rem;min-width:.5rem}:host([active-separator]) .ui5-wiz-step-hr{border-bottom-color:var(--_ui5_wiz_tab_active_separator_color)}:host([branching-separator]) .ui5-wiz-step-hr{border-bottom-style:dashed}:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-root{display:inline;position:absolute;top:0}:host([data-ui5-wizard-after-current-tab=\"true\"]) .ui5-wiz-step-root{right:0}:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-hr{display:none}\n`"]}
+{"version":3,"file":"WizardTab.css.js","sourceRoot":"","sources":["../../../src/generated/themes/WizardTab.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9N,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"u\" + \"i\" + \"5\" + \"/\" + \"w\" + \"e\" + \"b\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\" + \"-\" + \"f\" + \"i\" + \"o\" + \"r\" + \"i\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host(:not([hidden])){min-width:1px}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle{background:var(--_ui5_wiz_tab_selected_bg)}:host([selected]:not([disabled])) .ui5-wiz-step-title-text{color:var(--sapContent_Selected_ForegroundColor)}:host([selected]:not([disabled])) .ui5-wiz-step-icon-circle:after{content:\"\";position:absolute;border-bottom:.25rem solid var(--_ui5_wiz_tab_selection_line);border-top-left-radius:.1875rem;border-top-right-radius:.1875rem;left:0;right:0;bottom:-1rem}:host([selected]:not([disabled])) .ui5-wiz-step-icon{color:var(--sapContent_ContrastIconColor)}:host([selected]:not([disabled])) .ui5-wiz-step-number{color:var(--sapContent_ContrastTextColor)}:host([disabled]) .ui5-wiz-step-icon-circle{border-color:var(--sapList_BorderColor);background:var(--sapObjectHeader_Background)}:host([disabled]) .ui5-wiz-step-title-text{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-icon{color:var(--sapContent_LabelColor)}:host([disabled]) .ui5-wiz-step-number{color:var(--sapContent_LabelColor)}.ui5-wiz-step-root{display:flex;align-items:center;flex-direction:row;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);outline:none}.ui5-wiz-step-main{max-width:100%;text-align:center;white-space:nowrap}:host(:not([disabled])) .ui5-wiz-step-main{cursor:pointer}:host([desktop]) .ui5-wiz-step-root:focus .ui5-wiz-step-main,.ui5-wiz-step-root:focus-visible .ui5-wiz-step-main{outline:var(--_ui5_wiz_tab_focus_outline);outline-offset:1px;border-radius:var(--_ui5_wiz_tab_focus_border_radius)}.ui5-wiz-step-icon-circle{display:inline-flex;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;text-align:center;width:2rem;height:2rem;margin:0 .1875rem;line-height:1.875rem;border-radius:50%;background:var(--sapObjectHeader_Background);border:var(--_ui5_wiz_tab_border);position:relative}.ui5-wiz-step-icon{width:1rem;height:1rem;color:var(--_ui5_wiz_tab_icon_color);pointer-events:none}.ui5-wiz-step-number{color:var(--_ui5_wiz_tab_icon_color)}.ui5-wiz-step-texts{display:inline-block;max-width:calc(100% - 3rem);vertical-align:middle;text-align:left;padding:0 .5rem 0 .1875rem;max-height:3rem;overflow:hidden;background:var(--sapObjectHeader_Background)}.ui5-wiz-step-title-text,.ui5-wiz-step-subtitle-text{color:var(--_ui5_wiz_tab_title_color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui5-wiz-step-title-text{font-family:var(--_ui5_wiz_tab_title_font_family);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([subtitle-text]:not([subtitle-text=\"\"])) .ui5-wiz-step-title-text{-webkit-line-clamp:1}:host([data-ui5-wizard-expanded-tab-prev=\"true\"]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab-prev=\"true\"]) .ui5-wiz-step-subtitle-text,:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-texts,:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-title-text,:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-subtitle-text{display:none}.ui5-wiz-step-subtitle-text{margin-top:.125rem;font-family:var(--sapFontFamily);color:var(--sapContent_LabelColor);font-size:var(--sapFontSmallSize)}.ui5-wiz-step-hr{display:inline-block;border-bottom-color:var(--sapList_BorderColor);border-bottom-width:1px;border-bottom-style:solid;height:1px;flex-grow:1;margin-right:.25rem;min-width:.5rem}:host([active-separator]) .ui5-wiz-step-hr{border-bottom-color:var(--_ui5_wiz_tab_active_separator_color)}:host([branching-separator]) .ui5-wiz-step-hr{border-bottom-style:dashed}:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-root{display:inline;position:absolute;top:0}:host([data-ui5-wizard-after-current-tab=\"true\"]) .ui5-wiz-step-root{right:0}:host([data-ui5-wizard-expanded-tab=\"false\"]) .ui5-wiz-step-hr{display:none}\n`"]}

package/dist/shellbar/ShellBarSearch.d.ts

@@ -31,6 +31,7 @@ declare class ShellBarSearch implements IShellBarSearchController {
     /**
      * Auto-collapse/restore search field based on available space.
      * Delegates decision logic to SearchController.
+     * Note: on non-desktop devices (phone/tablet), auto-expand is suppressed — expansion must come from an explicit user tap.
      */
     autoManageSearchState(hiddenItems: number, availableSpace: number): void;
     /**

package/dist/shellbar/ShellBarSearch.js

@@ -1,4 +1,4 @@
-import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
+import { isPhone, isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 /**
  * Search controller for self-collapsible search (ui5-shellbar-search).
  * Handles search fields with collapsed/open properties and ui5-open/close/search events.
@@ -35,6 +35,7 @@ class ShellBarSearch {
     /**
      * Auto-collapse/restore search field based on available space.
      * Delegates decision logic to SearchController.
+     * Note: on non-desktop devices (phone/tablet), auto-expand is suppressed — expansion must come from an explicit user tap.
      */
     autoManageSearchState(hiddenItems, availableSpace) {
         if (!this.hasSearchField) {
@@ -52,7 +53,7 @@ class ShellBarSearch {
         if (hiddenItems > 0 && !preventCollapse) {
             this.setSearchState(false);
         }
-        else if (availableSpace + this.getSearchButtonSize() > searchFieldWidth) {
+        else if (isDesktop() && availableSpace + this.getSearchButtonSize() > searchFieldWidth) {
             this.setSearchState(true);
         }
         this.initialRender = false;

package/dist/shellbar/ShellBarSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShellBarSearch.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarSearch.ts"],"names":[],"mappings":"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","sourcesContent":["import { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { IShellBarSearchField } from \"../ShellBar.js\";\nimport type { IShellBarSearchController } from \"./IShellBarSearchController.js\";\n\ninterface ShellBarSearchConstructorParams {\n\tgetOverflowed: () => boolean;\n\tgetSearchState: () => boolean;\n\tsetSearchState: (expanded: boolean) => void;\n\thandleSearchButtonClick: () => boolean;\n\tgetSearchField: () => IShellBarSearchField | null;\n\tgetCSSVariable: (variable: string) => string;\n}\n\n/**\n * Search controller for self-collapsible search (ui5-shellbar-search).\n * Handles search fields with collapsed/open properties and ui5-open/close/search events.\n */\nclass ShellBarSearch implements IShellBarSearchController {\n\tstatic CSS_VARIABLE = \"--_ui5_shellbar_search_field_width\";\n\tstatic FALLBACK_WIDTH = 400;\n\n\tprivate onSearchBound = this.onSearch.bind(this);\n\tprivate onSearchOpenBound = this.onSearchOpen.bind(this);\n\tprivate onSearchCloseBound = this.onSearchClose.bind(this);\n\n\tprivate getOverflowed: () => boolean;\n\tprivate getSearchField: () => IShellBarSearchField | null;\n\tprivate getSearchState: () => boolean;\n\tprivate setSearchState: (expanded: boolean) => void;\n\tprivate handleSearchButtonClick: () => boolean;\n\tprivate getCSSVariable: (variable: string) => string;\n\tprivate initialRender = true;\n\n\tconstructor({\n\t\tgetOverflowed,\n\t\tsetSearchState,\n\t\tgetSearchField,\n\t\tgetSearchState,\n\t\tgetCSSVariable,\n\t\thandleSearchButtonClick,\n\t}: ShellBarSearchConstructorParams) {\n\t\tthis.getOverflowed = getOverflowed;\n\t\tthis.getCSSVariable = getCSSVariable;\n\t\tthis.getSearchField = getSearchField;\n\t\tthis.getSearchState = getSearchState;\n\t\tthis.setSearchState = setSearchState;\n\t\tthis.handleSearchButtonClick = handleSearchButtonClick;\n\t}\n\n\tsubscribe(searchField: HTMLElement | null = this.getSearchField()) {\n\t\tif (!searchField) {\n\t\t\treturn;\n\t\t}\n\t\tsearchField.addEventListener(\"ui5-open\", this.onSearchOpenBound);\n\t\tsearchField.addEventListener(\"ui5-close\", this.onSearchCloseBound);\n\t\tsearchField.addEventListener(\"ui5-search\", this.onSearchBound);\n\t}\n\n\tunsubscribe(searchField: HTMLElement | null = this.getSearchField()) {\n\t\tif (!searchField) {\n\t\t\treturn;\n\t\t}\n\t\tsearchField.removeEventListener(\"ui5-open\", this.onSearchOpenBound);\n\t\tsearchField.removeEventListener(\"ui5-close\", this.onSearchCloseBound);\n\t\tsearchField.removeEventListener(\"ui5-search\", this.onSearchBound);\n\t}\n\n\t/**\n\t * Auto-collapse/restore search field based on available space.\n\t * Delegates decision logic to SearchController.\n\t */\n\tautoManageSearchState(hiddenItems: number, availableSpace: number) {\n\t\tif (!this.hasSearchField) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Get search field min width from CSS variable\n\t\tconst searchFieldWidth = this.getSearchFieldWidth();\n\n\t\tconst searchHasFocus = document.activeElement === this.getSearchField();\n\t\tconst searchHasValue = !!this.getSearchField()?.value;\n\n\t\t// On initial load, allow search to collapse even if it would trigger full-screen mode.\n\t\t// This prevents search from showing in full-screen when page loads on small screens.\n\t\t// After initial render, prevent collapse in full-screen mode during resize.\n\t\tconst inFullScreen = !this.initialRender && this.shouldShowFullScreen();\n\t\tconst preventCollapse = searchHasFocus || searchHasValue || inFullScreen;\n\n\t\tif (hiddenItems > 0 && !preventCollapse) {\n\t\t\tthis.setSearchState(false);\n\t\t} else if (availableSpace + this.getSearchButtonSize() > searchFieldWidth) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\n\t\tthis.initialRender = false;\n\t}\n\n\t/**\n\t * Applies the show-search-field state to the search field.\n\t */\n\tsyncShowSearchFieldState() {\n\t\tconst search = this.getSearchField();\n\t\tif (!search) {\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\t// On initial render, don't auto-open the search dialog on phones\n\t\t\t// to prevent the full-screen search from showing when page loads\n\t\t\tif (this.initialRender) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsearch.open = this.getSearchState();\n\t\t} else {\n\t\t\tsearch.collapsed = !this.getSearchState();\n\t\t}\n\t}\n\n\t/**\n\t * Determines if full-screen search should be shown.\n\t * Full-screen search activates when overflow happens AND search is visible.\n\t */\n\tshouldShowFullScreen(): boolean {\n\t\treturn this.getOverflowed() && this.getSearchState();\n\t}\n\n\tprivate onSearchOpen(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\t}\n\n\tprivate onSearchClose(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\tthis.setSearchState(false);\n\t\t}\n\t}\n\n\tprivate onSearch(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\n\t\t// On mobile or if has value, don't toggle\n\t\tif (isPhone() || (this.getSearchField()?.value && this.getSearchState())) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.handleSearchButtonClick();\n\t}\n\n\t/**\n\t * Gets the minimum width needed for search field from CSS variable.\n\t */\n\tprivate getSearchFieldWidth(): number {\n\t\tconst width = this.getCSSVariable(ShellBarSearch.CSS_VARIABLE);\n\t\tif (!width) {\n\t\t\treturn ShellBarSearch.FALLBACK_WIDTH;\n\t\t}\n\t\t// Convert rem to px\n\t\tif (width.endsWith(\"rem\")) {\n\t\t\tconst fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);\n\t\t\treturn parseFloat(width) * fontSize;\n\t\t}\n\t\treturn parseFloat(width);\n\t}\n\n\tget hasSearchField() {\n\t\treturn !!this.getSearchField();\n\t}\n\n\t/**\n\t * Gets the size of the search button.\n\t * If the search field is visible, the size is 0.\n\t * Otherwise, it is the width of the search field (just a button in collapsed state).\n\t */\n\tprivate getSearchButtonSize(): number {\n\t\treturn this.getSearchState() ? 0 : this.getSearchField()?.getBoundingClientRect().width || 0;\n\t}\n}\n\nexport default ShellBarSearch;\nexport type {\n\tShellBarSearchConstructorParams,\n};\n"]}
+{"version":3,"file":"ShellBarSearch.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarSearch.ts"],"names":[],"mappings":"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","sourcesContent":["import { isPhone, isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { IShellBarSearchField } from \"../ShellBar.js\";\nimport type { IShellBarSearchController } from \"./IShellBarSearchController.js\";\n\ninterface ShellBarSearchConstructorParams {\n\tgetOverflowed: () => boolean;\n\tgetSearchState: () => boolean;\n\tsetSearchState: (expanded: boolean) => void;\n\thandleSearchButtonClick: () => boolean;\n\tgetSearchField: () => IShellBarSearchField | null;\n\tgetCSSVariable: (variable: string) => string;\n}\n\n/**\n * Search controller for self-collapsible search (ui5-shellbar-search).\n * Handles search fields with collapsed/open properties and ui5-open/close/search events.\n */\nclass ShellBarSearch implements IShellBarSearchController {\n\tstatic CSS_VARIABLE = \"--_ui5_shellbar_search_field_width\";\n\tstatic FALLBACK_WIDTH = 400;\n\n\tprivate onSearchBound = this.onSearch.bind(this);\n\tprivate onSearchOpenBound = this.onSearchOpen.bind(this);\n\tprivate onSearchCloseBound = this.onSearchClose.bind(this);\n\n\tprivate getOverflowed: () => boolean;\n\tprivate getSearchField: () => IShellBarSearchField | null;\n\tprivate getSearchState: () => boolean;\n\tprivate setSearchState: (expanded: boolean) => void;\n\tprivate handleSearchButtonClick: () => boolean;\n\tprivate getCSSVariable: (variable: string) => string;\n\tprivate initialRender = true;\n\n\tconstructor({\n\t\tgetOverflowed,\n\t\tsetSearchState,\n\t\tgetSearchField,\n\t\tgetSearchState,\n\t\tgetCSSVariable,\n\t\thandleSearchButtonClick,\n\t}: ShellBarSearchConstructorParams) {\n\t\tthis.getOverflowed = getOverflowed;\n\t\tthis.getCSSVariable = getCSSVariable;\n\t\tthis.getSearchField = getSearchField;\n\t\tthis.getSearchState = getSearchState;\n\t\tthis.setSearchState = setSearchState;\n\t\tthis.handleSearchButtonClick = handleSearchButtonClick;\n\t}\n\n\tsubscribe(searchField: HTMLElement | null = this.getSearchField()) {\n\t\tif (!searchField) {\n\t\t\treturn;\n\t\t}\n\t\tsearchField.addEventListener(\"ui5-open\", this.onSearchOpenBound);\n\t\tsearchField.addEventListener(\"ui5-close\", this.onSearchCloseBound);\n\t\tsearchField.addEventListener(\"ui5-search\", this.onSearchBound);\n\t}\n\n\tunsubscribe(searchField: HTMLElement | null = this.getSearchField()) {\n\t\tif (!searchField) {\n\t\t\treturn;\n\t\t}\n\t\tsearchField.removeEventListener(\"ui5-open\", this.onSearchOpenBound);\n\t\tsearchField.removeEventListener(\"ui5-close\", this.onSearchCloseBound);\n\t\tsearchField.removeEventListener(\"ui5-search\", this.onSearchBound);\n\t}\n\n\t/**\n\t * Auto-collapse/restore search field based on available space.\n\t * Delegates decision logic to SearchController.\n\t * Note: on non-desktop devices (phone/tablet), auto-expand is suppressed — expansion must come from an explicit user tap.\n\t */\n\tautoManageSearchState(hiddenItems: number, availableSpace: number) {\n\t\tif (!this.hasSearchField) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Get search field min width from CSS variable\n\t\tconst searchFieldWidth = this.getSearchFieldWidth();\n\n\t\tconst searchHasFocus = document.activeElement === this.getSearchField();\n\t\tconst searchHasValue = !!this.getSearchField()?.value;\n\n\t\t// On initial load, allow search to collapse even if it would trigger full-screen mode.\n\t\t// This prevents search from showing in full-screen when page loads on small screens.\n\t\t// After initial render, prevent collapse in full-screen mode during resize.\n\t\tconst inFullScreen = !this.initialRender && this.shouldShowFullScreen();\n\t\tconst preventCollapse = searchHasFocus || searchHasValue || inFullScreen;\n\n\t\tif (hiddenItems > 0 && !preventCollapse) {\n\t\t\tthis.setSearchState(false);\n\t\t} else if (isDesktop() && availableSpace + this.getSearchButtonSize() > searchFieldWidth) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\n\t\tthis.initialRender = false;\n\t}\n\n\t/**\n\t * Applies the show-search-field state to the search field.\n\t */\n\tsyncShowSearchFieldState() {\n\t\tconst search = this.getSearchField();\n\t\tif (!search) {\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\t// On initial render, don't auto-open the search dialog on phones\n\t\t\t// to prevent the full-screen search from showing when page loads\n\t\t\tif (this.initialRender) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsearch.open = this.getSearchState();\n\t\t} else {\n\t\t\tsearch.collapsed = !this.getSearchState();\n\t\t}\n\t}\n\n\t/**\n\t * Determines if full-screen search should be shown.\n\t * Full-screen search activates when overflow happens AND search is visible.\n\t */\n\tshouldShowFullScreen(): boolean {\n\t\treturn this.getOverflowed() && this.getSearchState();\n\t}\n\n\tprivate onSearchOpen(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\t}\n\n\tprivate onSearchClose(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\t\tif (isPhone()) {\n\t\t\tthis.setSearchState(false);\n\t\t}\n\t}\n\n\tprivate onSearch(e: Event) {\n\t\tif (e.target !== this.getSearchField()) {\n\t\t\tthis.unsubscribe(e.target as HTMLElement);\n\t\t\treturn;\n\t\t}\n\n\t\t// On mobile or if has value, don't toggle\n\t\tif (isPhone() || (this.getSearchField()?.value && this.getSearchState())) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.handleSearchButtonClick();\n\t}\n\n\t/**\n\t * Gets the minimum width needed for search field from CSS variable.\n\t */\n\tprivate getSearchFieldWidth(): number {\n\t\tconst width = this.getCSSVariable(ShellBarSearch.CSS_VARIABLE);\n\t\tif (!width) {\n\t\t\treturn ShellBarSearch.FALLBACK_WIDTH;\n\t\t}\n\t\t// Convert rem to px\n\t\tif (width.endsWith(\"rem\")) {\n\t\t\tconst fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);\n\t\t\treturn parseFloat(width) * fontSize;\n\t\t}\n\t\treturn parseFloat(width);\n\t}\n\n\tget hasSearchField() {\n\t\treturn !!this.getSearchField();\n\t}\n\n\t/**\n\t * Gets the size of the search button.\n\t * If the search field is visible, the size is 0.\n\t * Otherwise, it is the width of the search field (just a button in collapsed state).\n\t */\n\tprivate getSearchButtonSize(): number {\n\t\treturn this.getSearchState() ? 0 : this.getSearchField()?.getBoundingClientRect().width || 0;\n\t}\n}\n\nexport default ShellBarSearch;\nexport type {\n\tShellBarSearchConstructorParams,\n};\n"]}

package/dist/shellbar/ShellBarSearchLegacy.js

@@ -1,3 +1,4 @@
+import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 /**
  * Search controller for legacy search fields (ui5-input, custom div).
  * Handles search fields that don't have collapsed/open properties.
@@ -50,7 +51,7 @@ class ShellBarSearchLegacy {
         if (hiddenItems > 0 && !preventCollapse) {
             this.setSearchState(false);
         }
-        else if (availableSpace + this.getSearchButtonSize() > searchFieldWidth) {
+        else if (isDesktop() && availableSpace + this.getSearchButtonSize() > searchFieldWidth) {
             this.setSearchState(true);
         }
         this.initialRender = false;

package/dist/shellbar/ShellBarSearchLegacy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShellBarSearchLegacy.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarSearchLegacy.ts"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,MAAM,oBAAoB;IAYzB,YAAY,EACX,aAAa,EACb,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,wBAAwB,GACe;QAThC,kBAAa,GAAG,IAAI,CAAC;QAU5B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,wBAAwB,GAAG,wBAAwB,CAAC;IAC1D,CAAC;IAED;;OAEG;IACH,SAAS;QACR,qDAAqD;IACtD,CAAC;IAED;;OAEG;IACH,WAAW;QACV,gCAAgC;IACjC,CAAC;IAED;;;OAGG;IACH,qBAAqB,CAAC,WAAmB,EAAE,cAAsB;QAChE,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YAC1B,OAAO;QACR,CAAC;QAED,qCAAqC;QACrC,IAAI,IAAI,CAAC,wBAAwB,EAAE,EAAE,CAAC;YACrC,OAAO;QACR,CAAC;QAED,MAAM,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAEpD,4CAA4C;QAC5C,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAC1C,MAAM,cAAc,GAAG,WAAW,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC;QAC9E,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAElD,uFAAuF;QACvF,qFAAqF;QACrF,4EAA4E;QAC5E,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;QACxE,MAAM,eAAe,GAAG,cAAc,IAAI,cAAc,IAAI,YAAY,CAAC;QAEzE,IAAI,WAAW,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YACzC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;aAAM,IAAI,cAAc,GAAG,IAAI,CAAC,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,CAAC;YAC3E,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;OAEG;IACH,wBAAwB;QACvB,oEAAoE;IACrE,CAAC;IAED;;;OAGG;IACH,oBAAoB;QACnB,OAAO,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;IACtD,CAAC;IAED;;;OAGG;IACK,QAAQ,CAAC,WAA+B;QAC/C,IAAI,CAAC,WAAW,EAAE,CAAC;YAClB,OAAO,KAAK,CAAC;QACd,CAAC;QAED,sDAAsD;QACtD,IAAI,OAAO,IAAI,WAAW,EAAE,CAAC;YAC5B,OAAO,CAAC,CAAE,WAAmB,CAAC,KAAK,CAAC;QACrC,CAAC;QAED,iCAAiC;QACjC,MAAM,KAAK,GAAG,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACjD,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACtC,CAAC;IAED;;OAEG;IACK,mBAAmB;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC;QACrE,IAAI,CAAC,KAAK,EAAE,CAAC;YACZ,OAAO,oBAAoB,CAAC,cAAc,CAAC;QAC5C,CAAC;QAED,oBAAoB;QACpB,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,MAAM,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;YACjF,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;QACrC,CAAC;QAED,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,IAAY,cAAc;QACzB,OAAO,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;IAChC,CAAC;IAED;;;OAGG;IACK,mBAAmB;QAC1B,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;IAC9F,CAAC;;AA3IM,iCAAY,GAAG,oCAAoC,AAAvC,CAAwC;AACpD,mCAAc,GAAG,GAAG,AAAN,CAAO;AA6I7B,eAAe,oBAAoB,CAAC","sourcesContent":["import type { IShellBarSearchController } from \"./IShellBarSearchController.js\";\n\ninterface ShellBarSearchLegacyConstructorParams {\n\tgetOverflowed: () => boolean;\n\tgetSearchState: () => boolean;\n\tsetSearchState: (expanded: boolean) => void;\n\tgetSearchField: () => HTMLElement | null;\n\tgetCSSVariable: (variable: string) => string;\n\tgetDisableSearchCollapse: () => boolean;\n}\n\n/**\n * Search controller for legacy search fields (ui5-input, custom div).\n * Handles search fields that don't have collapsed/open properties.\n * Supports disableSearchCollapse for preventing auto-collapse.\n */\nclass ShellBarSearchLegacy implements IShellBarSearchController {\n\tstatic CSS_VARIABLE = \"--_ui5_shellbar_search_field_width\";\n\tstatic FALLBACK_WIDTH = 400;\n\n\tprivate getOverflowed: () => boolean;\n\tprivate getSearchField: () => HTMLElement | null;\n\tprivate getSearchState: () => boolean;\n\tprivate setSearchState: (expanded: boolean) => void;\n\tprivate getCSSVariable: (variable: string) => string;\n\tprivate getDisableSearchCollapse: () => boolean;\n\tprivate initialRender = true;\n\n\tconstructor({\n\t\tgetOverflowed,\n\t\tsetSearchState,\n\t\tgetSearchField,\n\t\tgetSearchState,\n\t\tgetCSSVariable,\n\t\tgetDisableSearchCollapse,\n\t}: ShellBarSearchLegacyConstructorParams) {\n\t\tthis.getOverflowed = getOverflowed;\n\t\tthis.getCSSVariable = getCSSVariable;\n\t\tthis.getSearchField = getSearchField;\n\t\tthis.getSearchState = getSearchState;\n\t\tthis.setSearchState = setSearchState;\n\t\tthis.getDisableSearchCollapse = getDisableSearchCollapse;\n\t}\n\n\t/**\n\t * No-op for legacy search - legacy fields don't emit ui5-open/close/search events.\n\t */\n\tsubscribe(): void {\n\t\t// No events to subscribe to for legacy search fields\n\t}\n\n\t/**\n\t * No-op for legacy search - no event listeners to clean up.\n\t */\n\tunsubscribe(): void {\n\t\t// No events to unsubscribe from\n\t}\n\n\t/**\n\t * Auto-collapse/restore search field based on available space.\n\t * Respects disableSearchCollapse flag, focus state, and field value.\n\t */\n\tautoManageSearchState(hiddenItems: number, availableSpace: number): void {\n\t\tif (!this.hasSearchField) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if auto-collapse is disabled\n\t\tif (this.getDisableSearchCollapse()) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst searchFieldWidth = this.getSearchFieldWidth();\n\n\t\t// Check focus and value to prevent collapse\n\t\tconst searchField = this.getSearchField();\n\t\tconst searchHasFocus = searchField?.contains(document.activeElement) || false;\n\t\tconst searchHasValue = this.hasValue(searchField);\n\n\t\t// On initial load, allow search to collapse even if it would trigger full-screen mode.\n\t\t// This prevents search from showing in full-screen when page loads on small screens.\n\t\t// After initial render, prevent collapse in full-screen mode during resize.\n\t\tconst inFullScreen = !this.initialRender && this.shouldShowFullScreen();\n\t\tconst preventCollapse = searchHasFocus || searchHasValue || inFullScreen;\n\n\t\tif (hiddenItems > 0 && !preventCollapse) {\n\t\t\tthis.setSearchState(false);\n\t\t} else if (availableSpace + this.getSearchButtonSize() > searchFieldWidth) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\n\t\tthis.initialRender = false;\n\t}\n\n\t/**\n\t * No-op for legacy search - legacy fields don't have collapsed/open properties.\n\t */\n\tsyncShowSearchFieldState(): void {\n\t\t// Legacy search fields don't have collapsed/open properties to sync\n\t}\n\n\t/**\n\t * Determines if full-screen search should be shown.\n\t * Full-screen search activates when overflow happens AND search is visible.\n\t */\n\tshouldShowFullScreen(): boolean {\n\t\treturn this.getOverflowed() && this.getSearchState();\n\t}\n\n\t/**\n\t * Get value from various field types.\n\t * Supports ui5-input (value property) and custom div (nested input element).\n\t */\n\tprivate hasValue(searchField: HTMLElement | null): boolean {\n\t\tif (!searchField) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// ui5-input or similar components with value property\n\t\tif (\"value\" in searchField) {\n\t\t\treturn !!(searchField as any).value;\n\t\t}\n\n\t\t// Custom div - find input inside\n\t\tconst input = searchField.querySelector(\"input\");\n\t\treturn input ? !!input.value : false;\n\t}\n\n\t/**\n\t * Get minimum width needed for search field from CSS variable.\n\t */\n\tprivate getSearchFieldWidth(): number {\n\t\tconst width = this.getCSSVariable(ShellBarSearchLegacy.CSS_VARIABLE);\n\t\tif (!width) {\n\t\t\treturn ShellBarSearchLegacy.FALLBACK_WIDTH;\n\t\t}\n\n\t\t// Convert rem to px\n\t\tif (width.endsWith(\"rem\")) {\n\t\t\tconst fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);\n\t\t\treturn parseFloat(width) * fontSize;\n\t\t}\n\n\t\treturn parseFloat(width);\n\t}\n\n\tprivate get hasSearchField(): boolean {\n\t\treturn !!this.getSearchField();\n\t}\n\n\t/**\n\t * Get search button size for overflow calculation.\n\t * Returns 0 if search is expanded, otherwise returns button width.\n\t */\n\tprivate getSearchButtonSize(): number {\n\t\treturn this.getSearchState() ? 0 : this.getSearchField()?.getBoundingClientRect().width || 0;\n\t}\n}\n\nexport default ShellBarSearchLegacy;\nexport type {\n\tShellBarSearchLegacyConstructorParams,\n};\n"]}
+{"version":3,"file":"ShellBarSearchLegacy.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarSearchLegacy.ts"],"names":[],"mappings":"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","sourcesContent":["import { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type { IShellBarSearchController } from \"./IShellBarSearchController.js\";\n\ninterface ShellBarSearchLegacyConstructorParams {\n\tgetOverflowed: () => boolean;\n\tgetSearchState: () => boolean;\n\tsetSearchState: (expanded: boolean) => void;\n\tgetSearchField: () => HTMLElement | null;\n\tgetCSSVariable: (variable: string) => string;\n\tgetDisableSearchCollapse: () => boolean;\n}\n\n/**\n * Search controller for legacy search fields (ui5-input, custom div).\n * Handles search fields that don't have collapsed/open properties.\n * Supports disableSearchCollapse for preventing auto-collapse.\n */\nclass ShellBarSearchLegacy implements IShellBarSearchController {\n\tstatic CSS_VARIABLE = \"--_ui5_shellbar_search_field_width\";\n\tstatic FALLBACK_WIDTH = 400;\n\n\tprivate getOverflowed: () => boolean;\n\tprivate getSearchField: () => HTMLElement | null;\n\tprivate getSearchState: () => boolean;\n\tprivate setSearchState: (expanded: boolean) => void;\n\tprivate getCSSVariable: (variable: string) => string;\n\tprivate getDisableSearchCollapse: () => boolean;\n\tprivate initialRender = true;\n\n\tconstructor({\n\t\tgetOverflowed,\n\t\tsetSearchState,\n\t\tgetSearchField,\n\t\tgetSearchState,\n\t\tgetCSSVariable,\n\t\tgetDisableSearchCollapse,\n\t}: ShellBarSearchLegacyConstructorParams) {\n\t\tthis.getOverflowed = getOverflowed;\n\t\tthis.getCSSVariable = getCSSVariable;\n\t\tthis.getSearchField = getSearchField;\n\t\tthis.getSearchState = getSearchState;\n\t\tthis.setSearchState = setSearchState;\n\t\tthis.getDisableSearchCollapse = getDisableSearchCollapse;\n\t}\n\n\t/**\n\t * No-op for legacy search - legacy fields don't emit ui5-open/close/search events.\n\t */\n\tsubscribe(): void {\n\t\t// No events to subscribe to for legacy search fields\n\t}\n\n\t/**\n\t * No-op for legacy search - no event listeners to clean up.\n\t */\n\tunsubscribe(): void {\n\t\t// No events to unsubscribe from\n\t}\n\n\t/**\n\t * Auto-collapse/restore search field based on available space.\n\t * Respects disableSearchCollapse flag, focus state, and field value.\n\t */\n\tautoManageSearchState(hiddenItems: number, availableSpace: number): void {\n\t\tif (!this.hasSearchField) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if auto-collapse is disabled\n\t\tif (this.getDisableSearchCollapse()) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst searchFieldWidth = this.getSearchFieldWidth();\n\n\t\t// Check focus and value to prevent collapse\n\t\tconst searchField = this.getSearchField();\n\t\tconst searchHasFocus = searchField?.contains(document.activeElement) || false;\n\t\tconst searchHasValue = this.hasValue(searchField);\n\n\t\t// On initial load, allow search to collapse even if it would trigger full-screen mode.\n\t\t// This prevents search from showing in full-screen when page loads on small screens.\n\t\t// After initial render, prevent collapse in full-screen mode during resize.\n\t\tconst inFullScreen = !this.initialRender && this.shouldShowFullScreen();\n\t\tconst preventCollapse = searchHasFocus || searchHasValue || inFullScreen;\n\n\t\tif (hiddenItems > 0 && !preventCollapse) {\n\t\t\tthis.setSearchState(false);\n\t\t} else if (isDesktop() && availableSpace + this.getSearchButtonSize() > searchFieldWidth) {\n\t\t\tthis.setSearchState(true);\n\t\t}\n\n\t\tthis.initialRender = false;\n\t}\n\n\t/**\n\t * No-op for legacy search - legacy fields don't have collapsed/open properties.\n\t */\n\tsyncShowSearchFieldState(): void {\n\t\t// Legacy search fields don't have collapsed/open properties to sync\n\t}\n\n\t/**\n\t * Determines if full-screen search should be shown.\n\t * Full-screen search activates when overflow happens AND search is visible.\n\t */\n\tshouldShowFullScreen(): boolean {\n\t\treturn this.getOverflowed() && this.getSearchState();\n\t}\n\n\t/**\n\t * Get value from various field types.\n\t * Supports ui5-input (value property) and custom div (nested input element).\n\t */\n\tprivate hasValue(searchField: HTMLElement | null): boolean {\n\t\tif (!searchField) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// ui5-input or similar components with value property\n\t\tif (\"value\" in searchField) {\n\t\t\treturn !!(searchField as any).value;\n\t\t}\n\n\t\t// Custom div - find input inside\n\t\tconst input = searchField.querySelector(\"input\");\n\t\treturn input ? !!input.value : false;\n\t}\n\n\t/**\n\t * Get minimum width needed for search field from CSS variable.\n\t */\n\tprivate getSearchFieldWidth(): number {\n\t\tconst width = this.getCSSVariable(ShellBarSearchLegacy.CSS_VARIABLE);\n\t\tif (!width) {\n\t\t\treturn ShellBarSearchLegacy.FALLBACK_WIDTH;\n\t\t}\n\n\t\t// Convert rem to px\n\t\tif (width.endsWith(\"rem\")) {\n\t\t\tconst fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);\n\t\t\treturn parseFloat(width) * fontSize;\n\t\t}\n\n\t\treturn parseFloat(width);\n\t}\n\n\tprivate get hasSearchField(): boolean {\n\t\treturn !!this.getSearchField();\n\t}\n\n\t/**\n\t * Get search button size for overflow calculation.\n\t * Returns 0 if search is expanded, otherwise returns button width.\n\t */\n\tprivate getSearchButtonSize(): number {\n\t\treturn this.getSearchState() ? 0 : this.getSearchField()?.getBoundingClientRect().width || 0;\n\t}\n}\n\nexport default ShellBarSearchLegacy;\nexport type {\n\tShellBarSearchLegacyConstructorParams,\n};\n"]}

package/dist/vscode.html-custom-data.json

@@ -1632,6 +1632,66 @@
       ],
       "references": []
     },
+    {
+      "name": "ui5-user-settings-notifications-view",
+      "description": "### Overview\n\nThe `ui5-user-settings-notifications-view` represents a view displayed in the\n`ui5-user-settings-item` that lists notification preferences. Individual settings\nare represented by `ui5-user-settings-notifications-view-item` elements, optionally\ngrouped by `ui5-user-settings-notifications-view-group`.\n\nWhen a navigable item is clicked, the view drills into a sibling secondary view of\nits parent `ui5-user-settings-item`. When an item's `item-key` matches a target\nview's `id`, that view is opened and keeps its own `text`. Otherwise the first\nsibling marked as `secondary` is opened and its `text` is set to the clicked\nitem's `text` so the drill-in header reflects the origin.\n\nApps can override this behavior by preventing the `item-click` event.\n\nApplications should listen to the item's `switch-change` event (which bubbles) to\nbe notified when a switch is toggled.\n\nAdditional content (e.g. an information message strip) can be placed via the\n`additionalContent` slot, which is rendered above the list.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/UserSettingsNotificationsView.js\";`\n---\n\n\n### **Events:**\n - **item-click** - Fired when a navigable item in the list is clicked.\n\nThe event is cancelable: preventing it skips the built-in drill-in to the\nparent's secondary view, allowing the application to take over.\n\n### **Slots:**\n - **additionalContent** - Defines additional content displayed above the items list.\n- **default** - Defines the items of the component. Can be a mix of\n`ui5-user-settings-notifications-view-item` and\n`ui5-user-settings-notifications-view-group` elements.\n- **headerItems** - Defines header items rendered above the grouped items list.\nEach item is wrapped in a `role=\"form\"` landmark — a separate Tab stop.\nUse this slot for product-level toggles (e.g. \"Allow Notifications\") that appear\nabove the notification-type groups.",
+      "attributes": [
+        {
+          "name": "secondary",
+          "description": "Indicates whether the view is secondary. It is relevant only if the view is used in `pages` slot of `ui5-user-settings-item`\nand controls the visibility of the back button.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines whether the view is selected. There can be just one selected view at a time.",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Defines the title text of the user settings view.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "ui5-user-settings-notifications-view-group",
+      "description": "### Overview\n\nThe `ui5-user-settings-notifications-view-group` groups `ui5-user-settings-notifications-view-item`\nelements inside a `ui5-user-settings-notifications-view`. Its header renders as a plain bold\nsection title with a separator line below, per the notifications design spec.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/UserSettingsNotificationsViewGroup.js\";`\n---\n\n\n### **Slots:**\n - **default** - Defines the items of the `ui5-user-settings-notifications-view-group`.",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "ui5-user-settings-notifications-view-item",
+      "description": "### Overview\n\nThe `ui5-user-settings-notifications-view-item` represents a single notification setting\nwithin the `ui5-user-settings-notifications-view`.\n\nIt displays a title and an optional byline. By default a trailing switch reflects\nthe `checked` state. Applications can override the trailing control by providing content\nin the `endContent` slot (e.g. a `ui5-select` for a value picker); the built-in switch and\nits `switch-change` event are then suppressed. Items can additionally be flagged as\n`navigable` to display a navigation arrow and behave as clickable list rows.\n\n**Note:** The default switch and the `endContent` slot are mutually exclusive.\nWhen any content is provided in `endContent`, the trailing switch is not rendered\nand no `switch-change` event is fired.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/UserSettingsNotificationsViewItem.js\";`\n---\n\n\n### **Events:**\n - **switch-change** - Fired when the switch state changes.\n\nNot fired when the `endContent` slot is used to override the trailing control.\n\n### **Slots:**\n - **endContent** - Defines custom content rendered at the trailing end of the item, replacing the\ndefault switch. Use this to place a `ui5-select`, `ui5-input`, or any other\ncontrol instead of a boolean toggle.",
+      "attributes": [
+        {
+          "name": "byline-text",
+          "description": "Defines the byline text of the item, rendered below the title.",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "description": "Defines whether the trailing switch is on.\n\nIgnored when the `endContent` slot is used.",
+          "values": []
+        },
+        {
+          "name": "item-key",
+          "description": "Defines the unique identifier of the item.\n\nWhen the item is navigable, `itemKey` is also used to route to a matching sibling\n`secondary` view by id.",
+          "values": []
+        },
+        {
+          "name": "navigable",
+          "description": "Defines whether the item is navigable. When true, a navigation arrow is rendered\nand the whole row becomes clickable (fires the parent view's `item-click` event).",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Defines the title text of the item.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "ui5-user-settings-view",
       "description": "### Overview\n\nThe `ui5-user-settings-view` represents a view displayed in the `ui5-user-settings-item`.\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the view.",