@ui5/webcomponents-fiori 2.19.2 → 2.20.0-rc.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShellBarItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ShellBarItem.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-shellbar-action-button{width:2.25rem;height:2.25rem;color:var(--sapShell_TextColor)}.ui5-shellbar-action-button:hover{color:var(--sapShell_TextColor)}.ui5-shellbar-action-button[active]{color:var(--_ui5_shellbar_button_active_color)}[ui5-li]:after{position:relative;width:fit-content;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);bottom:calc(100% + .0625rem);left:1.25rem;padding:0 .3125rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:var(--sapFontFamily);z-index:2;box-sizing:border-box;pointer-events:none}[ui5-li][data-count]:after{content:attr(data-count)}\n`"]}

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

@@ -0,0 +1,2 @@
+declare const _default: ".ui5-shellbar-logo{overflow:hidden;cursor:pointer}.ui5-shellbar-logo-area,.ui5-shellbar-legacy-branding{overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem .25rem .25rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem}.ui5-shellbar-logo:focus,.ui5-shellbar-logo-area:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:calc(-1 * var(--sapContent_FocusWidth));border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo-area:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}::slotted([slot=\"logo\"]){max-height:2rem}::slotted([slot=\"logo\"]):active{pointer-events:none}.ui5-shellbar-headings{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;margin-inline-start:.25rem}.ui5-shellbar-primary-title,.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_SubBrand_TextColor)}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:start}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text;margin-inline-start:.5rem;height:2.25rem;border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;border-radius:var(--_ui5_shellbar_button_border_radius);position:relative;font-weight:700}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:var(--sapButton_Lite_Background);border:var(--_ui5_shellbar_button_border);color:var(--sapShell_TextColor)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover{background:var(--sapShell_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapShell_TextColor);box-shadow:var(--_ui5_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{background:var(--sapShell_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--_ui5_shellbar_button_active_color);box-shadow:var(--_ui5_shellbar_button_box_shadow_active)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title{color:var(--sapShell_Active_TextColor)}:host([desktop]) .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus-visible{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_outline_offset)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-menu-button-arrow{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);color:var(--sapShell_SubBrand_TextColor)}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-inline-start:.375rem}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size=\"S\"]) .ui5-shellbar-menu-button{margin-inline-start:0}\n";
+export default _default;

package/dist/generated/themes/ShellBarLegacy.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-shellbar-logo{overflow:hidden;cursor:pointer}.ui5-shellbar-logo-area,.ui5-shellbar-legacy-branding{overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem .25rem .25rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem}.ui5-shellbar-logo:focus,.ui5-shellbar-logo-area:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:calc(-1 * var(--sapContent_FocusWidth));border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo-area:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}::slotted([slot="logo"]){max-height:2rem}::slotted([slot="logo"]):active{pointer-events:none}.ui5-shellbar-headings{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;margin-inline-start:.25rem}.ui5-shellbar-primary-title,.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_SubBrand_TextColor)}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:start}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text;margin-inline-start:.5rem;height:2.25rem;border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;border-radius:var(--_ui5_shellbar_button_border_radius);position:relative;font-weight:700}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:var(--sapButton_Lite_Background);border:var(--_ui5_shellbar_button_border);color:var(--sapShell_TextColor)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover{background:var(--sapShell_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapShell_TextColor);box-shadow:var(--_ui5_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{background:var(--sapShell_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--_ui5_shellbar_button_active_color);box-shadow:var(--_ui5_shellbar_button_box_shadow_active)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title{color:var(--sapShell_Active_TextColor)}:host([desktop]) .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus-visible{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_outline_offset)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-menu-button-arrow{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);color:var(--sapShell_SubBrand_TextColor)}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-inline-start:.375rem}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size="S"]) .ui5-shellbar-menu-button{margin-inline-start:0}
+`;
+//# sourceMappingURL=ShellBarLegacy.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShellBarLegacy.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ShellBarLegacy.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-shellbar-logo{overflow:hidden;cursor:pointer}.ui5-shellbar-logo-area,.ui5-shellbar-legacy-branding{overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem .25rem .25rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem}.ui5-shellbar-logo:focus,.ui5-shellbar-logo-area:focus{outline:var(--_ui5_shellbar_logo_outline);outline-offset:calc(-1 * var(--sapContent_FocusWidth));border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-overflow-container>.ui5-shellbar-logo:hover,.ui5-shellbar-logo-area:hover{box-shadow:var(--_ui5_shellbar_button_box_shadow);border-radius:var(--_ui5_shellbar_logo_border_radius)}.ui5-shellbar-logo-area:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}::slotted([slot=\"logo\"]){max-height:2rem}::slotted([slot=\"logo\"]):active{pointer-events:none}.ui5-shellbar-headings{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;margin-inline-start:.25rem}.ui5-shellbar-primary-title,.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_SubBrand_TextColor)}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:start}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text;margin-inline-start:.5rem;height:2.25rem;border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;border-radius:var(--_ui5_shellbar_button_border_radius);position:relative;font-weight:700}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:var(--sapButton_Lite_Background);border:var(--_ui5_shellbar_button_border);color:var(--sapShell_TextColor)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover{background:var(--sapShell_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapShell_TextColor);box-shadow:var(--_ui5_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{background:var(--sapShell_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--_ui5_shellbar_button_active_color);box-shadow:var(--_ui5_shellbar_button_box_shadow_active)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title{color:var(--sapShell_Active_TextColor)}:host([desktop]) .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus-visible{outline:var(--_ui5_shellbar_logo_outline);outline-offset:var(--_ui5_shellbar_outline_offset)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-menu-button-arrow{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5_shellbar_menu_button_title_font_size);color:var(--sapShell_SubBrand_TextColor)}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-inline-start:.375rem}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size=\"S\"]) .ui5-shellbar-menu-button{margin-inline-start:0}\n`"]}

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

@@ -0,0 +1,2 @@
+declare const _default: "::slotted([ui5-input]){--_ui5_input_placeholder_color: var(--sapShell_InteractiveTextColor);--_ui5_input_border_radius: var(--_ui5_shellbar_input_border_radius);--_ui5_input_focus_border_radius: var(--_ui5_shellbar_input_focus_border_radius);--_ui5_input_background_color: var(--_ui5_shellbar_input_background_color);--_ui5_input_focus_outline_color: var(--_ui5_shellbar_input_focus_outline_color);--_ui5_input_margin_top_bottom: 0}::slotted([ui5-input]){background:var(--_ui5_shellbar_search_field_background);border:var(--_ui5_shellbar_search_field_border);box-shadow:var(--_ui5_shellbar_search_field_box_shadow);color:var(--_ui5_shellbar_search_field_color);height:2.25rem;width:100%;min-width:var(--_ui5_shellbar_search_field_width)}:host([breakpoint-size=\"M\"]) ::slotted([ui5-input]),:host([breakpoint-size=\"S\"]) ::slotted([ui5-input]){min-width:1rem}:host([breakpoint-size=\"M\"][show-search-field]) .ui5-shellbar-overflow-container-right-child{flex-grow:1}::slotted([ui5-input]:hover){background:var(--_ui5_shellbar_search_field_background_hover);box-shadow:var(--_ui5_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5_shellbar_search_field_outline_focused)}\n";
+export default _default;

package/dist/generated/themes/ShellBarSearchLegacy.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 `::slotted([ui5-input]){--_ui5_input_placeholder_color: var(--sapShell_InteractiveTextColor);--_ui5_input_border_radius: var(--_ui5_shellbar_input_border_radius);--_ui5_input_focus_border_radius: var(--_ui5_shellbar_input_focus_border_radius);--_ui5_input_background_color: var(--_ui5_shellbar_input_background_color);--_ui5_input_focus_outline_color: var(--_ui5_shellbar_input_focus_outline_color);--_ui5_input_margin_top_bottom: 0}::slotted([ui5-input]){background:var(--_ui5_shellbar_search_field_background);border:var(--_ui5_shellbar_search_field_border);box-shadow:var(--_ui5_shellbar_search_field_box_shadow);color:var(--_ui5_shellbar_search_field_color);height:2.25rem;width:100%;min-width:var(--_ui5_shellbar_search_field_width)}:host([breakpoint-size="M"]) ::slotted([ui5-input]),:host([breakpoint-size="S"]) ::slotted([ui5-input]){min-width:1rem}:host([breakpoint-size="M"][show-search-field]) .ui5-shellbar-overflow-container-right-child{flex-grow:1}::slotted([ui5-input]:hover){background:var(--_ui5_shellbar_search_field_background_hover);box-shadow:var(--_ui5_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5_shellbar_search_field_outline_focused)}
+`;
+//# sourceMappingURL=ShellBarSearchLegacy.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShellBarSearchLegacy.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ShellBarSearchLegacy.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 `::slotted([ui5-input]){--_ui5_input_placeholder_color: var(--sapShell_InteractiveTextColor);--_ui5_input_border_radius: var(--_ui5_shellbar_input_border_radius);--_ui5_input_focus_border_radius: var(--_ui5_shellbar_input_focus_border_radius);--_ui5_input_background_color: var(--_ui5_shellbar_input_background_color);--_ui5_input_focus_outline_color: var(--_ui5_shellbar_input_focus_outline_color);--_ui5_input_margin_top_bottom: 0}::slotted([ui5-input]){background:var(--_ui5_shellbar_search_field_background);border:var(--_ui5_shellbar_search_field_border);box-shadow:var(--_ui5_shellbar_search_field_box_shadow);color:var(--_ui5_shellbar_search_field_color);height:2.25rem;width:100%;min-width:var(--_ui5_shellbar_search_field_width)}:host([breakpoint-size=\"M\"]) ::slotted([ui5-input]),:host([breakpoint-size=\"S\"]) ::slotted([ui5-input]){min-width:1rem}:host([breakpoint-size=\"M\"][show-search-field]) .ui5-shellbar-overflow-container-right-child{flex-grow:1}::slotted([ui5-input]:hover){background:var(--_ui5_shellbar_search_field_background_hover);box-shadow:var(--_ui5_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5_shellbar_search_field_outline_focused)}\n`"]}

package/dist/shellbar/IShellBarSearchController.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Interface for ShellBar search controllers.
+ */
+export interface IShellBarSearchController {
+    /**
+     * Subscribe to search field events.
+     */
+    subscribe(): void;
+    /**
+     * Unsubscribe from search field events.
+     */
+    unsubscribe(): void;
+    /**
+     * Auto-collapse or expand search based on available space.
+     * @param hiddenItems Number of items currently hidden due to overflow
+     * @param availableSpace Available space in pixels (spacer width)
+     */
+    autoManageSearchState(hiddenItems: number, availableSpace: number): void;
+    /**
+     * Sync component state (showSearchField) to search field.
+     */
+    syncShowSearchFieldState(): void;
+    /**
+     * Check if full-screen search should be shown.
+     * Returns true when shellbar is overflowing AND search is visible.
+     */
+    shouldShowFullScreen(): boolean;
+}

package/dist/shellbar/IShellBarSearchController.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IShellBarSearchController.js.map

package/dist/shellbar/IShellBarSearchController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IShellBarSearchController.js","sourceRoot":"","sources":["../../src/shellbar/IShellBarSearchController.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Interface for ShellBar search controllers.\n */\nexport interface IShellBarSearchController {\n\t/**\n\t * Subscribe to search field events.\n\t */\n\tsubscribe(): void;\n\n\t/**\n\t * Unsubscribe from search field events.\n\t */\n\tunsubscribe(): void;\n\n\t/**\n\t * Auto-collapse or expand search based on available space.\n\t * @param hiddenItems Number of items currently hidden due to overflow\n\t * @param availableSpace Available space in pixels (spacer width)\n\t */\n\tautoManageSearchState(hiddenItems: number, availableSpace: number): void;\n\n\t/**\n\t * Sync component state (showSearchField) to search field.\n\t */\n\tsyncShowSearchFieldState(): void;\n\n\t/**\n\t * Check if full-screen search should be shown.\n\t * Returns true when shellbar is overflowing AND search is visible.\n\t */\n\tshouldShowFullScreen(): boolean;\n}\n"]}

package/dist/shellbar/ShellBarAccessibility.d.ts

@@ -0,0 +1,42 @@
+import type { AccessibilityAttributes, AriaRole } from "@ui5/webcomponents-base";
+type ShellBarLogoAccessibilityAttributes = {
+    role?: Extract<AriaRole, "button" | "link">;
+    name?: string;
+};
+type ShellBarProfileAccessibilityAttributes = Pick<AccessibilityAttributes, "name" | "expanded" | "hasPopup">;
+type ShellBarAreaAccessibilityAttributes = Pick<AccessibilityAttributes, "hasPopup" | "expanded">;
+type ShellBarBrandingAccessibilityAttributes = Pick<AccessibilityAttributes, "name">;
+type ShellBarAccessibilityAttributes = {
+    logo?: ShellBarLogoAccessibilityAttributes;
+    notifications?: ShellBarAreaAccessibilityAttributes;
+    profile?: ShellBarProfileAccessibilityAttributes;
+    product?: ShellBarAreaAccessibilityAttributes;
+    search?: ShellBarAreaAccessibilityAttributes;
+    overflow?: ShellBarAreaAccessibilityAttributes;
+    branding?: ShellBarBrandingAccessibilityAttributes;
+};
+interface ShellBarAreaAccessibilityInfo {
+    title: string | undefined;
+    accessibilityAttributes: {
+        name?: string;
+        hasPopup?: AccessibilityAttributes["hasPopup"];
+        expanded?: AccessibilityAttributes["expanded"];
+    };
+}
+type ShellBarAccessibilityInfo = {
+    notifications: ShellBarAreaAccessibilityInfo;
+    profile: ShellBarAreaAccessibilityInfo;
+    products: ShellBarAreaAccessibilityInfo;
+    overflow: ShellBarAreaAccessibilityInfo;
+    search: ShellBarAreaAccessibilityInfo;
+};
+declare class ShellBarAccessibility {
+    getActionsAccessibilityAttributes(defaultTexts: Record<string, string | undefined>, params: {
+        accessibilityAttributes: ShellBarAccessibilityAttributes;
+        overflowPopoverOpen: boolean;
+    }): ShellBarAccessibilityInfo;
+    getActionsRole(visibleItemsCount: number): "toolbar" | undefined;
+    getContentRole(visibleItemsCount: number): "group" | undefined;
+}
+export default ShellBarAccessibility;
+export type { ShellBarAccessibilityInfo, ShellBarAreaAccessibilityInfo, ShellBarAccessibilityAttributes, ShellBarLogoAccessibilityAttributes, ShellBarAreaAccessibilityAttributes, ShellBarProfileAccessibilityAttributes, };

package/dist/shellbar/ShellBarAccessibility.js

@@ -0,0 +1,50 @@
+class ShellBarAccessibility {
+    getActionsAccessibilityAttributes(defaultTexts, params) {
+        const { overflowPopoverOpen, accessibilityAttributes } = params;
+        const overflowExpanded = accessibilityAttributes.overflow?.expanded;
+        return {
+            notifications: {
+                title: defaultTexts.notifications,
+                accessibilityAttributes: {
+                    expanded: accessibilityAttributes.notifications?.expanded,
+                    hasPopup: accessibilityAttributes.notifications?.hasPopup,
+                },
+            },
+            profile: {
+                title: accessibilityAttributes.profile?.name || defaultTexts.profile,
+                accessibilityAttributes: {
+                    hasPopup: accessibilityAttributes.profile?.hasPopup,
+                    expanded: accessibilityAttributes.profile?.expanded,
+                },
+            },
+            products: {
+                title: defaultTexts.products,
+                accessibilityAttributes: {
+                    hasPopup: accessibilityAttributes.product?.hasPopup,
+                    expanded: accessibilityAttributes.product?.expanded,
+                },
+            },
+            search: {
+                title: defaultTexts.search,
+                accessibilityAttributes: {
+                    hasPopup: accessibilityAttributes.search?.hasPopup,
+                },
+            },
+            overflow: {
+                title: defaultTexts.overflow,
+                accessibilityAttributes: {
+                    hasPopup: accessibilityAttributes.overflow?.hasPopup || "menu",
+                    expanded: overflowExpanded === undefined ? overflowPopoverOpen : overflowExpanded,
+                },
+            },
+        };
+    }
+    getActionsRole(visibleItemsCount) {
+        return visibleItemsCount > 1 ? "toolbar" : undefined;
+    }
+    getContentRole(visibleItemsCount) {
+        return visibleItemsCount > 1 ? "group" : undefined;
+    }
+}
+export default ShellBarAccessibility;
+//# sourceMappingURL=ShellBarAccessibility.js.map

package/dist/shellbar/ShellBarAccessibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShellBarAccessibility.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarAccessibility.ts"],"names":[],"mappings":"AAuCA,MAAM,qBAAqB;IAC1B,iCAAiC,CAChC,YAAgD,EAChD,MAGC;QAED,MAAM,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,GAAG,MAAM,CAAC;QAChE,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAEpE,OAAO;YACN,aAAa,EAAE;gBACd,KAAK,EAAE,YAAY,CAAC,aAAa;gBACjC,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;oBACzD,QAAQ,EAAE,uBAAuB,CAAC,aAAa,EAAE,QAAQ;iBACzD;aACD;YACD,OAAO,EAAE;gBACR,KAAK,EAAE,uBAAuB,CAAC,OAAO,EAAE,IAAI,IAAI,YAAY,CAAC,OAAO;gBACpE,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;oBACnD,QAAQ,EAAE,uBAAuB,CAAC,OAAO,EAAE,QAAQ;iBACnD;aACD;YACD,MAAM,EAAE;gBACP,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC1B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,MAAM,EAAE,QAAQ;iBAClD;aACD;YACD,QAAQ,EAAE;gBACT,KAAK,EAAE,YAAY,CAAC,QAAQ;gBAC5B,uBAAuB,EAAE;oBACxB,QAAQ,EAAE,uBAAuB,CAAC,QAAQ,EAAE,QAAQ,IAAI,MAAe;oBACvE,QAAQ,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB;iBACjF;aACD;SACD,CAAC;IACH,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACtD,CAAC;IAED,cAAc,CAAC,iBAAyB;QACvC,OAAO,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,CAAC;CACD;AAED,eAAe,qBAAqB,CAAC","sourcesContent":["import type { AccessibilityAttributes, AriaRole } from \"@ui5/webcomponents-base\";\n\n// Legacy Type logo accessibility attributes\ntype ShellBarLogoAccessibilityAttributes = {\n\trole?: Extract<AriaRole, \"button\" | \"link\">;\n\tname?: string;\n};\n\ntype ShellBarProfileAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\" | \"expanded\" | \"hasPopup\">;\ntype ShellBarAreaAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\" | \"expanded\">;\ntype ShellBarBrandingAccessibilityAttributes = Pick<AccessibilityAttributes, \"name\">;\n\ntype ShellBarAccessibilityAttributes = {\n\tlogo?: ShellBarLogoAccessibilityAttributes;\n\tnotifications?: ShellBarAreaAccessibilityAttributes;\n\tprofile?: ShellBarProfileAccessibilityAttributes;\n\tproduct?: ShellBarAreaAccessibilityAttributes;\n\tsearch?: ShellBarAreaAccessibilityAttributes;\n\toverflow?: ShellBarAreaAccessibilityAttributes;\n\tbranding?: ShellBarBrandingAccessibilityAttributes;\n};\n\ninterface ShellBarAreaAccessibilityInfo {\n\ttitle: string | undefined;\n\taccessibilityAttributes: {\n\t\tname?: string;\n\t\thasPopup?: AccessibilityAttributes[\"hasPopup\"];\n\t\texpanded?: AccessibilityAttributes[\"expanded\"];\n\t};\n}\n\ntype ShellBarAccessibilityInfo = {\n\tnotifications: ShellBarAreaAccessibilityInfo;\n\tprofile: ShellBarAreaAccessibilityInfo;\n\tproducts: ShellBarAreaAccessibilityInfo;\n\toverflow: ShellBarAreaAccessibilityInfo;\n\tsearch: ShellBarAreaAccessibilityInfo;\n};\n\nclass ShellBarAccessibility {\n\tgetActionsAccessibilityAttributes(\n\t\tdefaultTexts: Record<string, string | undefined>,\n\t\tparams: {\n\t\t\taccessibilityAttributes: ShellBarAccessibilityAttributes;\n\t\t\toverflowPopoverOpen: boolean;\n\t\t},\n\t): ShellBarAccessibilityInfo {\n\t\tconst { overflowPopoverOpen, accessibilityAttributes } = params;\n\t\tconst overflowExpanded = accessibilityAttributes.overflow?.expanded;\n\n\t\treturn {\n\t\t\tnotifications: {\n\t\t\t\ttitle: defaultTexts.notifications,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\texpanded: accessibilityAttributes.notifications?.expanded,\n\t\t\t\t\thasPopup: accessibilityAttributes.notifications?.hasPopup,\n\t\t\t\t},\n\t\t\t},\n\t\t\tprofile: {\n\t\t\t\ttitle: accessibilityAttributes.profile?.name || defaultTexts.profile,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.profile?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.profile?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tproducts: {\n\t\t\t\ttitle: defaultTexts.products,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.product?.hasPopup,\n\t\t\t\t\texpanded: accessibilityAttributes.product?.expanded,\n\t\t\t\t},\n\t\t\t},\n\t\t\tsearch: {\n\t\t\t\ttitle: defaultTexts.search,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.search?.hasPopup,\n\t\t\t\t},\n\t\t\t},\n\t\t\toverflow: {\n\t\t\t\ttitle: defaultTexts.overflow,\n\t\t\t\taccessibilityAttributes: {\n\t\t\t\t\thasPopup: accessibilityAttributes.overflow?.hasPopup || \"menu\" as const,\n\t\t\t\t\texpanded: overflowExpanded === undefined ? overflowPopoverOpen : overflowExpanded,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tgetActionsRole(visibleItemsCount: number): \"toolbar\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"toolbar\" : undefined;\n\t}\n\n\tgetContentRole(visibleItemsCount: number): \"group\" | undefined {\n\t\treturn visibleItemsCount > 1 ? \"group\" : undefined;\n\t}\n}\n\nexport default ShellBarAccessibility;\n\nexport type {\n\tShellBarAccessibilityInfo,\n\tShellBarAreaAccessibilityInfo,\n\tShellBarAccessibilityAttributes,\n\tShellBarLogoAccessibilityAttributes,\n\tShellBarAreaAccessibilityAttributes,\n\tShellBarProfileAccessibilityAttributes,\n};\n"]}

package/dist/shellbar/ShellBarItemNavigation.d.ts

@@ -0,0 +1,18 @@
+interface ShellBarItemNavigationConstructorParams {
+    getDomRef: () => HTMLElement | null;
+}
+declare class ShellBarItemNavigation {
+    private params;
+    constructor(params: ShellBarItemNavigationConstructorParams);
+    handleKeyDown(e: KeyboardEvent): void;
+    private shouldHandle;
+    private shouldChildHandleNavigation;
+    private shouldInputHandleNavigation;
+    private getTabbableItems;
+    private isVisible;
+    private navigateToItem;
+    private focusPrevious;
+    private focusNext;
+}
+export default ShellBarItemNavigation;
+export type { ShellBarItemNavigationConstructorParams, };

package/dist/shellbar/ShellBarItemNavigation.js

@@ -0,0 +1,86 @@
+import { isEnd, isHome, isLeft, isRight, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { getTabbableElements } from "@ui5/webcomponents-base/dist/util/TabbableElements.js";
+import getActiveElement from "@ui5/webcomponents-base/dist/util/getActiveElement.js";
+class ShellBarItemNavigation {
+    constructor(params) {
+        this.params = params;
+    }
+    handleKeyDown(e) {
+        if (!this.shouldHandle(e)) {
+            return;
+        }
+        const domRef = this.params.getDomRef();
+        if (!domRef) {
+            return;
+        }
+        const activeElement = getActiveElement();
+        if (!activeElement) {
+            return;
+        }
+        if (this.shouldChildHandleNavigation(activeElement, e)) {
+            return;
+        }
+        const items = this.getTabbableItems(domRef);
+        const currentIndex = items.findIndex(el => el === activeElement);
+        if (currentIndex !== -1) {
+            e.preventDefault();
+            this.navigateToItem(items, currentIndex, e);
+        }
+    }
+    shouldHandle(e) {
+        return isLeft(e) || isRight(e) || isHome(e) || isEnd(e);
+    }
+    shouldChildHandleNavigation(element, e) {
+        if (element.tagName === "INPUT" || element.tagName === "TEXTAREA") {
+            return this.shouldInputHandleNavigation(element, e);
+        }
+        return false;
+    }
+    shouldInputHandleNavigation(input, e) {
+        const cursorPos = input.selectionStart || 0;
+        const textLength = input.value.length;
+        if (isLeft(e) && cursorPos > 0) {
+            return true;
+        }
+        if (isRight(e) && cursorPos < textLength) {
+            return true;
+        }
+        return false;
+    }
+    getTabbableItems(domRef) {
+        return getTabbableElements(domRef).filter(el => this.isVisible(el));
+    }
+    isVisible(element) {
+        const style = getComputedStyle(element);
+        return style.display !== "none"
+            && style.visibility !== "hidden"
+            && element.offsetWidth > 0
+            && element.offsetHeight > 0;
+    }
+    navigateToItem(items, currentIndex, e) {
+        if (isLeft(e)) {
+            this.focusPrevious(items, currentIndex);
+        }
+        else if (isRight(e)) {
+            this.focusNext(items, currentIndex);
+        }
+        else if (isHome(e)) {
+            items[0]?.focus();
+        }
+        else if (isEnd(e)) {
+            items[items.length - 1]?.focus();
+        }
+    }
+    focusPrevious(items, currentIndex) {
+        if (currentIndex > 0) {
+            items[currentIndex - 1].focus();
+        }
+    }
+    focusNext(items, currentIndex) {
+        if (currentIndex < items.length - 1) {
+            items[currentIndex + 1].focus();
+        }
+    }
+}
+export default ShellBarItemNavigation;
+//# sourceMappingURL=ShellBarItemNavigation.js.map

package/dist/shellbar/ShellBarItemNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShellBarItemNavigation.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarItemNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tisEnd,\n\tisHome,\n\tisLeft,\n\tisRight,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { getTabbableElements } from \"@ui5/webcomponents-base/dist/util/TabbableElements.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\n\ninterface ShellBarItemNavigationConstructorParams {\n\tgetDomRef: () => HTMLElement | null;\n}\n\nclass ShellBarItemNavigation {\n\tprivate params: ShellBarItemNavigationConstructorParams;\n\n\tconstructor(params: ShellBarItemNavigationConstructorParams) {\n\t\tthis.params = params;\n\t}\n\n\thandleKeyDown(e: KeyboardEvent): void {\n\t\tif (!this.shouldHandle(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst domRef = this.params.getDomRef();\n\t\tif (!domRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst activeElement = getActiveElement();\n\t\tif (!activeElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.shouldChildHandleNavigation(activeElement as HTMLElement, e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst items = this.getTabbableItems(domRef);\n\t\tconst currentIndex = items.findIndex(el => el === activeElement);\n\n\t\tif (currentIndex !== -1) {\n\t\t\te.preventDefault();\n\t\t\tthis.navigateToItem(items, currentIndex, e);\n\t\t}\n\t}\n\n\tprivate shouldHandle(e: KeyboardEvent): boolean {\n\t\treturn isLeft(e) || isRight(e) || isHome(e) || isEnd(e);\n\t}\n\n\tprivate shouldChildHandleNavigation(element: HTMLElement, e: KeyboardEvent): boolean {\n\t\tif (element.tagName === \"INPUT\" || element.tagName === \"TEXTAREA\") {\n\t\t\treturn this.shouldInputHandleNavigation(element as HTMLInputElement | HTMLTextAreaElement, e);\n\t\t}\n\t\treturn false;\n\t}\n\n\tprivate shouldInputHandleNavigation(input: HTMLInputElement | HTMLTextAreaElement, e: KeyboardEvent): boolean {\n\t\tconst cursorPos = input.selectionStart || 0;\n\t\tconst textLength = input.value.length;\n\n\t\tif (isLeft(e) && cursorPos > 0) {\n\t\t\treturn true;\n\t\t}\n\n\t\tif (isRight(e) && cursorPos < textLength) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tprivate getTabbableItems(domRef: HTMLElement): HTMLElement[] {\n\t\treturn getTabbableElements(domRef).filter(el => this.isVisible(el));\n\t}\n\n\tprivate isVisible(element: HTMLElement): boolean {\n\t\tconst style = getComputedStyle(element);\n\t\treturn style.display !== \"none\"\n\t\t\t&& style.visibility !== \"hidden\"\n\t\t\t&& element.offsetWidth > 0\n\t\t\t&& element.offsetHeight > 0;\n\t}\n\n\tprivate navigateToItem(items: HTMLElement[], currentIndex: number, e: KeyboardEvent): void {\n\t\tif (isLeft(e)) {\n\t\t\tthis.focusPrevious(items, currentIndex);\n\t\t} else if (isRight(e)) {\n\t\t\tthis.focusNext(items, currentIndex);\n\t\t} else if (isHome(e)) {\n\t\t\titems[0]?.focus();\n\t\t} else if (isEnd(e)) {\n\t\t\titems[items.length - 1]?.focus();\n\t\t}\n\t}\n\n\tprivate focusPrevious(items: HTMLElement[], currentIndex: number): void {\n\t\tif (currentIndex > 0) {\n\t\t\titems[currentIndex - 1].focus();\n\t\t}\n\t}\n\n\tprivate focusNext(items: HTMLElement[], currentIndex: number): void {\n\t\tif (currentIndex < items.length - 1) {\n\t\t\titems[currentIndex + 1].focus();\n\t\t}\n\t}\n}\n\nexport default ShellBarItemNavigation;\nexport type {\n\tShellBarItemNavigationConstructorParams,\n};\n"]}

package/dist/shellbar/ShellBarLegacy.d.ts

@@ -0,0 +1,46 @@
+import type { ListItemClickEventDetail } from "@ui5/webcomponents/dist/List.js";
+import type ShellBar from "../ShellBar.js";
+type ShellBarLegacyDeps = {
+    component: ShellBar;
+    getShadowRoot: () => ShadowRoot | null;
+};
+/**
+ * Controller for legacy ShellBar features that will be removed in future versions.
+ * Handles: logo slot, primaryTitle/secondaryTitle properties, menuItems slot.
+ */
+declare class ShellBarLegacy {
+    private component;
+    private getShadowRoot;
+    handleLogoClickBound: () => void;
+    handleLogoKeyupBound: (e: KeyboardEvent) => void;
+    handleLogoKeydownBound: (e: KeyboardEvent) => void;
+    handleMenuItemClickBound: (e: CustomEvent<ListItemClickEventDetail>) => void;
+    handleMenuButtonClickBound: () => void;
+    handleMenuPopoverBeforeOpenBound: () => void;
+    handleMenuPopoverAfterCloseBound: () => void;
+    constructor(deps: ShellBarLegacyDeps);
+    handleMenuButtonClick(): void;
+    handleMenuItemClick(e: CustomEvent<ListItemClickEventDetail>): void;
+    handleMenuPopoverBeforeOpen(): void;
+    handleMenuPopoverAfterClose(): void;
+    private getMenuPopover;
+    get hasMenuItems(): boolean;
+    get menuPopoverExpanded(): boolean;
+    handleLogoClick(): void;
+    handleLogoKeydown(e: KeyboardEvent): void;
+    handleLogoKeyup(e: KeyboardEvent): void;
+    get hasLogo(): boolean;
+    get logoRole(): "button" | "link";
+    get logoAriaLabel(): string;
+    get brandingText(): string;
+    get hasPrimaryTitle(): boolean;
+    get hasSecondaryTitle(): boolean;
+    get showSecondaryTitle(): boolean;
+    get primaryTitle(): string;
+    get secondaryTitle(): string;
+    get showMenuButton(): boolean;
+    get showLogoInMenuButton(): boolean;
+    get showTitleInMenuButton(): boolean;
+    get isSBreakPoint(): boolean;
+}
+export default ShellBarLegacy;

package/dist/shellbar/ShellBarLegacy.js

@@ -0,0 +1,138 @@
+import { isSpace, isEnter, } from "@ui5/webcomponents-base/dist/Keys.js";
+import List from "@ui5/webcomponents/dist/List.js";
+/**
+ * Controller for legacy ShellBar features that will be removed in future versions.
+ * Handles: logo slot, primaryTitle/secondaryTitle properties, menuItems slot.
+ */
+class ShellBarLegacy {
+    constructor(deps) {
+        // Bound handlers for event listeners
+        this.handleLogoClickBound = this.handleLogoClick.bind(this);
+        this.handleLogoKeyupBound = this.handleLogoKeyup.bind(this);
+        this.handleLogoKeydownBound = this.handleLogoKeydown.bind(this);
+        this.handleMenuItemClickBound = this.handleMenuItemClick.bind(this);
+        this.handleMenuButtonClickBound = this.handleMenuButtonClick.bind(this);
+        this.handleMenuPopoverBeforeOpenBound = this.handleMenuPopoverBeforeOpen.bind(this);
+        this.handleMenuPopoverAfterCloseBound = this.handleMenuPopoverAfterClose.bind(this);
+        this.component = deps.component;
+        this.getShadowRoot = deps.getShadowRoot;
+    }
+    /* ------------- Menu Management -------------- */
+    handleMenuButtonClick() {
+        const shadowRoot = this.getShadowRoot();
+        if (!shadowRoot) {
+            return;
+        }
+        const menuButton = shadowRoot.querySelector(".ui5-shellbar-menu-button");
+        const menuPopover = this.getMenuPopover();
+        if (menuPopover && menuButton) {
+            menuPopover.opener = menuButton;
+            menuPopover.open = true;
+        }
+    }
+    handleMenuItemClick(e) {
+        const shouldContinue = this.component.fireDecoratorEvent("menu-item-click", {
+            item: e.detail.item,
+        });
+        if (shouldContinue) {
+            const menuPopover = this.getMenuPopover();
+            if (menuPopover) {
+                menuPopover.open = false;
+            }
+        }
+    }
+    handleMenuPopoverBeforeOpen() {
+        this.component.menuPopoverOpen = true;
+        const menuPopover = this.getMenuPopover();
+        if (menuPopover?.content && menuPopover.content.length) {
+            const list = menuPopover.content[0];
+            if (list instanceof List) {
+                list.focusFirstItem();
+            }
+        }
+    }
+    handleMenuPopoverAfterClose() {
+        this.component.menuPopoverOpen = false;
+    }
+    getMenuPopover() {
+        const shadowRoot = this.getShadowRoot();
+        return shadowRoot?.querySelector(".ui5-shellbar-menu-popover");
+    }
+    get hasMenuItems() {
+        return this.component.menuItems.length > 0;
+    }
+    get menuPopoverExpanded() {
+        return this.component.menuPopoverOpen;
+    }
+    /* ------------- Logo Management -------------- */
+    handleLogoClick() {
+        const shadowRoot = this.getShadowRoot();
+        if (!shadowRoot) {
+            return;
+        }
+        const logoElement = shadowRoot.querySelector(".ui5-shellbar-logo");
+        if (logoElement) {
+            this.component.fireDecoratorEvent("logo-click", {
+                targetRef: logoElement,
+            });
+        }
+    }
+    handleLogoKeydown(e) {
+        if (isSpace(e)) {
+            e.preventDefault();
+            return;
+        }
+        if (isEnter(e)) {
+            this.handleLogoClick();
+        }
+    }
+    handleLogoKeyup(e) {
+        if (isSpace(e)) {
+            this.handleLogoClick();
+        }
+    }
+    get hasLogo() {
+        return this.component.logo.length > 0;
+    }
+    get logoRole() {
+        return this.component.accessibilityAttributes.logo?.role || "link";
+    }
+    get logoAriaLabel() {
+        return this.component.accessibilityAttributes.logo?.name || "Logo";
+    }
+    get brandingText() {
+        return this.component.accessibilityAttributes.branding?.name || this.primaryTitle;
+    }
+    /* ------------- Title Management -------------- */
+    get hasPrimaryTitle() {
+        return !!this.component.primaryTitle;
+    }
+    get hasSecondaryTitle() {
+        return !!this.component.secondaryTitle;
+    }
+    get showSecondaryTitle() {
+        return this.hasSecondaryTitle && !this.component.isSBreakPoint;
+    }
+    get primaryTitle() {
+        return this.component.primaryTitle || "";
+    }
+    get secondaryTitle() {
+        return this.component.secondaryTitle || "";
+    }
+    /* ------------- Menu Button -------------- */
+    get showMenuButton() {
+        return this.hasPrimaryTitle || this.showLogoInMenuButton;
+    }
+    get showLogoInMenuButton() {
+        return this.hasLogo && this.isSBreakPoint;
+    }
+    get showTitleInMenuButton() {
+        return this.hasPrimaryTitle && !this.showLogoInMenuButton;
+    }
+    /* ------------- Common -------------- */
+    get isSBreakPoint() {
+        return this.component.isSBreakPoint;
+    }
+}
+export default ShellBarLegacy;
+//# sourceMappingURL=ShellBarLegacy.js.map

package/dist/shellbar/ShellBarLegacy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShellBarLegacy.js","sourceRoot":"","sources":["../../src/shellbar/ShellBarLegacy.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tisSpace,\n\tisEnter,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { ListItemClickEventDetail } from \"@ui5/webcomponents/dist/List.js\";\nimport type ShellBar from \"../ShellBar.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport type Popover from \"@ui5/webcomponents/dist/Popover.js\";\n\ntype ShellBarLegacyDeps = {\n\tcomponent: ShellBar;\n\tgetShadowRoot: () => ShadowRoot | null;\n};\n\n/**\n * Controller for legacy ShellBar features that will be removed in future versions.\n * Handles: logo slot, primaryTitle/secondaryTitle properties, menuItems slot.\n */\nclass ShellBarLegacy {\n\tprivate component: ShellBar;\n\tprivate getShadowRoot: () => ShadowRoot | null;\n\n\t// Bound handlers for event listeners\n\thandleLogoClickBound = this.handleLogoClick.bind(this);\n\thandleLogoKeyupBound = this.handleLogoKeyup.bind(this);\n\thandleLogoKeydownBound = this.handleLogoKeydown.bind(this);\n\thandleMenuItemClickBound = this.handleMenuItemClick.bind(this);\n\thandleMenuButtonClickBound = this.handleMenuButtonClick.bind(this);\n\thandleMenuPopoverBeforeOpenBound = this.handleMenuPopoverBeforeOpen.bind(this);\n\thandleMenuPopoverAfterCloseBound = this.handleMenuPopoverAfterClose.bind(this);\n\n\tconstructor(deps: ShellBarLegacyDeps) {\n\t\tthis.component = deps.component;\n\t\tthis.getShadowRoot = deps.getShadowRoot;\n\t}\n\n\t/* ------------- Menu Management -------------- */\n\n\thandleMenuButtonClick() {\n\t\tconst shadowRoot = this.getShadowRoot();\n\t\tif (!shadowRoot) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst menuButton = shadowRoot.querySelector(\".ui5-shellbar-menu-button\");\n\t\tconst menuPopover = this.getMenuPopover();\n\n\t\tif (menuPopover && menuButton) {\n\t\t\tmenuPopover.opener = menuButton as HTMLElement;\n\t\t\tmenuPopover.open = true;\n\t\t}\n\t}\n\n\thandleMenuItemClick(e: CustomEvent<ListItemClickEventDetail>) {\n\t\tconst shouldContinue = this.component.fireDecoratorEvent(\"menu-item-click\", {\n\t\t\titem: e.detail.item,\n\t\t});\n\n\t\tif (shouldContinue) {\n\t\t\tconst menuPopover = this.getMenuPopover();\n\t\t\tif (menuPopover) {\n\t\t\t\tmenuPopover.open = false;\n\t\t\t}\n\t\t}\n\t}\n\n\thandleMenuPopoverBeforeOpen() {\n\t\tthis.component.menuPopoverOpen = true;\n\t\tconst menuPopover = this.getMenuPopover();\n\t\tif (menuPopover?.content && menuPopover.content.length) {\n\t\t\tconst list = menuPopover.content[0];\n\t\t\tif (list instanceof List) {\n\t\t\t\tlist.focusFirstItem();\n\t\t\t}\n\t\t}\n\t}\n\n\thandleMenuPopoverAfterClose() {\n\t\tthis.component.menuPopoverOpen = false;\n\t}\n\n\tprivate getMenuPopover() {\n\t\tconst shadowRoot = this.getShadowRoot();\n\t\treturn shadowRoot?.querySelector<Popover>(\".ui5-shellbar-menu-popover\");\n\t}\n\n\tget hasMenuItems(): boolean {\n\t\treturn this.component.menuItems.length > 0;\n\t}\n\n\tget menuPopoverExpanded(): boolean {\n\t\treturn this.component.menuPopoverOpen;\n\t}\n\n\t/* ------------- Logo Management -------------- */\n\n\thandleLogoClick() {\n\t\tconst shadowRoot = this.getShadowRoot();\n\t\tif (!shadowRoot) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst logoElement = shadowRoot.querySelector(\".ui5-shellbar-logo\");\n\t\tif (logoElement) {\n\t\t\tthis.component.fireDecoratorEvent(\"logo-click\", {\n\t\t\t\ttargetRef: logoElement as HTMLElement,\n\t\t\t});\n\t\t}\n\t}\n\n\thandleLogoKeydown(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis.handleLogoClick();\n\t\t}\n\t}\n\n\thandleLogoKeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis.handleLogoClick();\n\t\t}\n\t}\n\n\tget hasLogo(): boolean {\n\t\treturn this.component.logo.length > 0;\n\t}\n\n\tget logoRole(): \"button\" | \"link\" {\n\t\treturn this.component.accessibilityAttributes.logo?.role || \"link\";\n\t}\n\n\tget logoAriaLabel(): string {\n\t\treturn this.component.accessibilityAttributes.logo?.name || \"Logo\";\n\t}\n\n\tget brandingText(): string {\n\t\treturn this.component.accessibilityAttributes.branding?.name || this.primaryTitle;\n\t}\n\n\t/* ------------- Title Management -------------- */\n\n\tget hasPrimaryTitle(): boolean {\n\t\treturn !!this.component.primaryTitle;\n\t}\n\n\tget hasSecondaryTitle(): boolean {\n\t\treturn !!this.component.secondaryTitle;\n\t}\n\n\tget showSecondaryTitle(): boolean {\n\t\treturn this.hasSecondaryTitle && !this.component.isSBreakPoint;\n\t}\n\n\tget primaryTitle(): string {\n\t\treturn this.component.primaryTitle || \"\";\n\t}\n\n\tget secondaryTitle(): string {\n\t\treturn this.component.secondaryTitle || \"\";\n\t}\n\n\t/* ------------- Menu Button -------------- */\n\n\tget showMenuButton(): boolean {\n\t\treturn this.hasPrimaryTitle || this.showLogoInMenuButton;\n\t}\n\n\tget showLogoInMenuButton(): boolean {\n\t\treturn this.hasLogo && this.isSBreakPoint;\n\t}\n\n\tget showTitleInMenuButton(): boolean {\n\t\treturn this.hasPrimaryTitle && !this.showLogoInMenuButton;\n\t}\n\n\t/* ------------- Common -------------- */\n\n\tget isSBreakPoint(): boolean {\n\t\treturn this.component.isSBreakPoint;\n\t}\n}\n\nexport default ShellBarLegacy;\n"]}

package/dist/shellbar/ShellBarOverflow.d.ts

@@ -0,0 +1,51 @@
+import type ShellBarItem from "../ShellBarItem.js";
+import type { ShellBarActionId, ShellBarActionItem } from "../ShellBar.js";
+interface ShellBarHidableItem {
+    id: string;
+    selector: string;
+    hideOrder: number;
+    keepHidden: boolean;
+    showInOverflow?: boolean;
+}
+interface ShellBarOverflowParams {
+    actions: readonly ShellBarActionItem[];
+    content: readonly HTMLElement[];
+    customItems: readonly ShellBarItem[];
+    overflowOuter: HTMLElement;
+    overflowInner: HTMLElement;
+    hiddenItemsIds: readonly string[];
+    showSearchField: boolean;
+    setVisible: (selector: string, visible: boolean) => void;
+}
+interface ShellBarOverflowResult {
+    hiddenItemsIds: string[];
+    showOverflowButton: boolean;
+}
+type ShellBarOverflowItem = {
+    type: "action";
+    id: ShellBarActionId;
+    data: ShellBarActionItem;
+    order: number;
+} | {
+    type: "item";
+    id: string;
+    data: ShellBarItem;
+    order: number;
+};
+declare class ShellBarOverflow {
+    private readonly CLOSED_SEARCH_STRATEGY;
+    private readonly OPEN_SEARCH_STRATEGY;
+    updateOverflow(params: ShellBarOverflowParams): ShellBarOverflowResult;
+    isOverflowing(overflowOuter: HTMLElement, overflowInner: HTMLElement): boolean;
+    private getOverflowStrategy;
+    private buildHidableItems;
+    private buildContent;
+    private buildActions;
+    getOverflowItems(params: {
+        actions: readonly ShellBarActionItem[];
+        customItems: readonly ShellBarItem[];
+        hiddenItemsIds: readonly string[];
+    }): ReadonlyArray<ShellBarOverflowItem>;
+}
+export default ShellBarOverflow;
+export type { ShellBarHidableItem, ShellBarOverflowParams, ShellBarOverflowResult, ShellBarOverflowItem, };