@ui5/webcomponents-fiori 0.0.0-e7dd012d7 → 0.0.0-ebd9a4db3

package/dist/SearchPopoverTemplate.d.ts

@@ -0,0 +1,3 @@
+import type Search from "./Search.js";
+import type { JsxTemplate } from "@ui5/webcomponents-base/dist/index.js";
+export default function SearchPopoverTemplate(this: Search, headerTemplate?: JsxTemplate): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/SearchPopoverTemplate.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import ResponsivePopover from "@ui5/webcomponents/dist/ResponsivePopover.js";
+import BusyIndicator from "@ui5/webcomponents/dist/BusyIndicator.js";
+import List from "@ui5/webcomponents/dist/List.js";
+import ListSeparator from "@ui5/webcomponents/dist/types/ListSeparator.js";
+import PopoverHorizontalAlign from "@ui5/webcomponents/dist/types/PopoverHorizontalAlign.js";
+import PopoverPlacement from "@ui5/webcomponents/dist/types/PopoverPlacement.js";
+import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
+import Input from "@ui5/webcomponents/dist/Input.js";
+import SuggestionItem from "@ui5/webcomponents/dist/SuggestionItem.js";
+import InputKeyHint from "@ui5/webcomponents/dist/types/InputKeyHint.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+import ButtonDesign from "@ui5/webcomponents/dist/types/ButtonDesign.js";
+import ListAccessibleRole from "@ui5/webcomponents/dist/types/ListAccessibleRole.js";
+export default function SearchPopoverTemplate(headerTemplate) {
+    return (_jsxs(ResponsivePopover, { hideArrow: true, preventFocusRestore: true, preventInitialFocus: !isPhone(), accessibleNameRef: "suggestions-speech-output message-area-text message-area-description", placement: PopoverPlacement.Bottom, horizontalAlign: PopoverHorizontalAlign.Start, open: this.open, opener: this, onOpen: this._handleOpen, onClose: this._handleClose, onBeforeClose: this._handleBeforeClose, onBeforeOpen: this._handleBeforeOpen, class: {
+            "ui5-search-popover": true,
+            "ui5-search-popover-phone": isPhone(),
+        }, children: [isPhone() ? (headerTemplate ? headerTemplate.call(this) : (_jsx(_Fragment, { children: _jsxs("header", { slot: "header", class: "ui5-search-popup-searching-header", children: [_jsx(Input, { class: "ui5-search-popover-search-field", onInput: this._handleMobileInput, showClearIcon: this.showClearIcon, noTypeahead: this.noTypeahead, hint: InputKeyHint.Search, onKeyDown: this._onMobileInputKeydown, children: this._flattenItems.map(item => {
+                                return (_jsx(SuggestionItem, { text: item.text }));
+                            }) }), _jsx(Button, { design: ButtonDesign.Transparent, onClick: this._handleCancel, children: this.cancelButtonText })] }) }))) : null, _jsxs("main", { class: "ui5-search-popover-content", children: [_jsx("slot", { name: "messageArea" }), _jsx("div", { class: "search-popover-busy-wrapper", children: _jsx(BusyIndicator, { active: true }) }), this.items.length ?
+                        _jsx(List, { class: "ui5-search-list", separators: ListSeparator.None, onKeyDown: this._onItemKeydown, accessibleRole: ListAccessibleRole.ListBox, onItemClick: this._onItemClick, children: _jsx("slot", {}) })
+                        : (_jsx("slot", { name: "illustration" })), _jsx("span", { class: "ui5-hidden-text", id: "suggestions-speech-output", children: this.suggestionsText }), this.messageArea[0]?.text ? (_jsx("span", { class: "ui5-hidden-text", id: "message-area-text", children: this.messageArea[0].text })) : null, this.messageArea[0]?.description ? (_jsx("span", { class: "ui5-hidden-text", id: "message-area-description", children: this.messageArea[0].description })) : null] }), this.action.length ? (_jsx("slot", { onKeyDown: this._handleActionKeydown, name: "action", slot: "footer" })) : null] }));
+}
+//# sourceMappingURL=SearchPopoverTemplate.js.map

package/dist/SearchPopoverTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPopoverTemplate.js","sourceRoot":"","sources":["../src/SearchPopoverTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,MAAM,8CAA8C,CAAC;AAE7E,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,aAAa,MAAM,gDAAgD,CAAC;AAC3E,OAAO,sBAAsB,MAAM,yDAAyD,CAAC;AAC7F,OAAO,gBAAgB,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACjE,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,cAAc,MAAM,2CAA2C,CAAC;AACvE,OAAO,YAAY,MAAM,+CAA+C,CAAC;AACzE,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,YAAY,MAAM,+CAA+C,CAAC;AACzE,OAAO,kBAAkB,MAAM,qDAAqD,CAAC;AAGrF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAe,cAA4B;IACvF,OAAO,CACN,MAAC,iBAAiB,IACjB,SAAS,EAAE,IAAI,EACf,mBAAmB,EAAE,IAAI,EACzB,mBAAmB,EAAE,CAAC,OAAO,EAAE,EAC/B,iBAAiB,EAAC,sEAAsE,EACxF,SAAS,EAAE,gBAAgB,CAAC,MAAM,EAClC,eAAe,EAAE,sBAAsB,CAAC,KAAK,EAC7C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,IAAI,CAAC,WAAW,EACxB,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,aAAa,EAAE,IAAI,CAAC,kBAAkB,EACtC,YAAY,EAAE,IAAI,CAAC,iBAAiB,EACpC,KAAK,EAAE;YACN,oBAAoB,EAAE,IAAI;YAC1B,0BAA0B,EAAE,OAAO,EAAE;SACrC,aAGA,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC1D,4BACC,kBAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,mCAAmC,aAC9D,KAAC,KAAK,IAAC,KAAK,EAAC,iCAAiC,EAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,qBAAqB,YACjN,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gCAC9B,OAAO,CAAC,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAmB,CAAC,CAAC;4BAC7D,CAAC,CAAC,GACK,EACR,KAAC,MAAM,IAAC,MAAM,EAAE,YAAY,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,YAAG,IAAI,CAAC,gBAAgB,GAAU,IAC/F,GACP,CACH,CAAC,CAAC,CAAC,CAAC,IAAI,EAET,gBAAM,KAAK,EAAC,4BAA4B,aACvC,eAAM,IAAI,EAAC,aAAa,GAAQ,EAChC,cAAK,KAAK,EAAC,6BAA6B,YACvC,KAAC,aAAa,IAAC,MAAM,EAAE,IAAI,GAAkB,GACxC,EAEL,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;wBACnB,KAAC,IAAI,IACJ,KAAK,EAAC,iBAAiB,EACvB,UAAU,EAAE,aAAa,CAAC,IAAI,EAC9B,SAAS,EAAE,IAAI,CAAC,cAAc,EAC9B,cAAc,EAAE,kBAAkB,CAAC,OAAO,EAC1C,WAAW,EAAE,IAAI,CAAC,YAAY,YAC9B,gBAAa,GACP;wBACP,CAAC,CAAC,CACD,eAAM,IAAI,EAAC,cAAc,GAAQ,CACjC,EAGF,eAAM,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAC,2BAA2B,YAAE,IAAI,CAAC,eAAe,GAAQ,EACzF,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,eAAM,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAC,mBAAmB,YAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,GAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAC3H,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,eAAM,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAC,0BAA0B,YAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,GAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,IAC3I,EAEN,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,IAC3F,CACpB,CAAC;AACH,CAAC","sourcesContent":["import ResponsivePopover from \"@ui5/webcomponents/dist/ResponsivePopover.js\";\nimport type Search from \"./Search.js\";\nimport BusyIndicator from \"@ui5/webcomponents/dist/BusyIndicator.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport ListSeparator from \"@ui5/webcomponents/dist/types/ListSeparator.js\";\nimport PopoverHorizontalAlign from \"@ui5/webcomponents/dist/types/PopoverHorizontalAlign.js\";\nimport PopoverPlacement from \"@ui5/webcomponents/dist/types/PopoverPlacement.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport Input from \"@ui5/webcomponents/dist/Input.js\";\nimport SuggestionItem from \"@ui5/webcomponents/dist/SuggestionItem.js\";\nimport InputKeyHint from \"@ui5/webcomponents/dist/types/InputKeyHint.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport ButtonDesign from \"@ui5/webcomponents/dist/types/ButtonDesign.js\";\nimport ListAccessibleRole from \"@ui5/webcomponents/dist/types/ListAccessibleRole.js\";\nimport type { JsxTemplate } from \"@ui5/webcomponents-base/dist/index.js\";\n\nexport default function SearchPopoverTemplate(this: Search, headerTemplate?: JsxTemplate) {\n\treturn (\n\t\t<ResponsivePopover\n\t\t\thideArrow={true}\n\t\t\tpreventFocusRestore={true}\n\t\t\tpreventInitialFocus={!isPhone()}\n\t\t\taccessibleNameRef=\"suggestions-speech-output message-area-text message-area-description\"\n\t\t\tplacement={PopoverPlacement.Bottom}\n\t\t\thorizontalAlign={PopoverHorizontalAlign.Start}\n\t\t\topen={this.open}\n\t\t\topener={this}\n\t\t\tonOpen={this._handleOpen}\n\t\t\tonClose={this._handleClose}\n\t\t\tonBeforeClose={this._handleBeforeClose}\n\t\t\tonBeforeOpen={this._handleBeforeOpen}\n\t\t\tclass={{\n\t\t\t\t\"ui5-search-popover\": true,\n\t\t\t\t\"ui5-search-popover-phone\": isPhone(),\n\t\t\t}}\n\t\t>\n\n\t\t\t{isPhone() ? (headerTemplate ? headerTemplate.call(this) : (\n\t\t\t\t<>\n\t\t\t\t\t<header slot=\"header\" class=\"ui5-search-popup-searching-header\">\n\t\t\t\t\t\t<Input class=\"ui5-search-popover-search-field\" onInput={this._handleMobileInput} showClearIcon={this.showClearIcon} noTypeahead={this.noTypeahead} hint={InputKeyHint.Search} onKeyDown={this._onMobileInputKeydown}>\n\t\t\t\t\t\t\t{this._flattenItems.map(item => {\n\t\t\t\t\t\t\t\treturn (<SuggestionItem text={item.text}></SuggestionItem>);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t<Button design={ButtonDesign.Transparent} onClick={this._handleCancel}>{this.cancelButtonText}</Button>\n\t\t\t\t\t</header>\n\t\t\t\t</>\n\t\t\t)) : null }\n\n\t\t\t<main class=\"ui5-search-popover-content\">\n\t\t\t\t<slot name=\"messageArea\"></slot>\n\t\t\t\t<div class=\"search-popover-busy-wrapper\">\n\t\t\t\t\t<BusyIndicator active={true}></BusyIndicator>\n\t\t\t\t</div>\n\n\t\t\t\t{this.items.length ?\n\t\t\t\t\t<List\n\t\t\t\t\t\tclass=\"ui5-search-list\"\n\t\t\t\t\t\tseparators={ListSeparator.None}\n\t\t\t\t\t\tonKeyDown={this._onItemKeydown}\n\t\t\t\t\t\taccessibleRole={ListAccessibleRole.ListBox}\n\t\t\t\t\t\tonItemClick={this._onItemClick}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</List>\n\t\t\t\t\t: (\n\t\t\t\t\t\t<slot name=\"illustration\"></slot>\n\t\t\t\t\t)\n\t\t\t\t}\n\n\t\t\t\t<span class=\"ui5-hidden-text\" id=\"suggestions-speech-output\">{this.suggestionsText}</span>\n\t\t\t\t{this.messageArea[0]?.text ? (<span class=\"ui5-hidden-text\" id=\"message-area-text\">{this.messageArea[0].text}</span>) : null}\n\t\t\t\t{this.messageArea[0]?.description ? (<span class=\"ui5-hidden-text\" id=\"message-area-description\">{this.messageArea[0].description}</span>) : null}\n\t\t\t</main>\n\n\t\t\t{this.action.length ? (<slot onKeyDown={this._handleActionKeydown} name=\"action\" slot=\"footer\"></slot>) : null}\n\t\t</ResponsivePopover>\n\t);\n}\n"]}

package/dist/SearchScope.d.ts

@@ -0,0 +1,29 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { ISearchScope } from "./SearchField.js";
+/**
+ * @class
+ * The `ui5-search-scope` represents the options for the scope in `ui5-search`.
+ * @constructor
+ * @extends UI5Element
+ * @abstract
+ * @implements {ISearchScope}
+ * @public
+ * @since 2.9.0
+ * @experimental
+ */
+declare class SearchScope extends UI5Element implements ISearchScope {
+    /**
+     * Defines the text of the component.
+     * @default ""
+     * @public
+     */
+    text: string;
+    /**
+     * Indicates whether the item is selected
+     * @default false
+     * @public
+     */
+    selected: boolean;
+    get stableDomRef(): string;
+}
+export default SearchScope;

package/dist/SearchScope.js

@@ -0,0 +1,37 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+/**
+ * @class
+ * The `ui5-search-scope` represents the options for the scope in `ui5-search`.
+ * @constructor
+ * @extends UI5Element
+ * @abstract
+ * @implements {ISearchScope}
+ * @public
+ * @since 2.9.0
+ * @experimental
+ */
+let SearchScope = class SearchScope extends UI5Element {
+    get stableDomRef() {
+        return this.getAttribute("stable-dom-ref") || `${this._id}-stable-dom-ref`;
+    }
+};
+__decorate([
+    property()
+], SearchScope.prototype, "text", void 0);
+__decorate([
+    property({ type: Boolean })
+], SearchScope.prototype, "selected", void 0);
+SearchScope = __decorate([
+    customElement("ui5-search-scope")
+], SearchScope);
+SearchScope.define();
+export default SearchScope;
+//# sourceMappingURL=SearchScope.js.map

package/dist/SearchScope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchScope.js","sourceRoot":"","sources":["../src/SearchScope.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,UAAU,MAAM,4CAA4C,CAAC;AAGpE;;;;;;;;;;GAUG;AAEH,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAiBnC,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,iBAAiB,CAAC;IAC5E,CAAC;CACD,CAAA;AAbA;IADC,QAAQ,EAAE;yCACG;AAQd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CACT;AAfd,WAAW;IADhB,aAAa,CAAC,kBAAkB,CAAC;GAC5B,WAAW,CAoBhB;AAED,WAAW,CAAC,MAAM,EAAE,CAAC;AAErB,eAAe,WAAW,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { ISearchScope } from \"./SearchField.js\";\n\n/**\n * @class\n * The `ui5-search-scope` represents the options for the scope in `ui5-search`.\n * @constructor\n * @extends UI5Element\n * @abstract\n * @implements {ISearchScope}\n * @public\n * @since 2.9.0\n * @experimental\n */\n@customElement(\"ui5-search-scope\")\nclass SearchScope extends UI5Element implements ISearchScope {\n\t/**\n\t * Defines the text of the component.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttext!: string;\n\n\t/**\n\t * Indicates whether the item is selected\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\tget stableDomRef() {\n\t\treturn this.getAttribute(\"stable-dom-ref\") || `${this._id}-stable-dom-ref`;\n\t}\n}\n\nSearchScope.define();\n\nexport default SearchScope;\n"]}

package/dist/SearchTemplate.d.ts

@@ -0,0 +1,2 @@
+import type Search from "./Search.js";
+export default function SearchTemplate(this: Search): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/SearchTemplate.js

@@ -0,0 +1,7 @@
+import { Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import SearchFieldTemplate from "./SearchFieldTemplate.js";
+import SearchPopoverTemplate from "./SearchPopoverTemplate.js";
+export default function SearchTemplate() {
+    return (_jsxs(_Fragment, { children: [SearchFieldTemplate.call(this), SearchPopoverTemplate.call(this)] }));
+}
+//# sourceMappingURL=SearchTemplate.js.map

package/dist/SearchTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchTemplate.js","sourceRoot":"","sources":["../src/SearchTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAC3D,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,OAAO,UAAU,cAAc;IACrC,OAAO,CACN,8BACG,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC9B,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,IAChC,CACH,CAAC;AACH,CAAC","sourcesContent":["import type Search from \"./Search.js\";\nimport SearchFieldTemplate from \"./SearchFieldTemplate.js\";\nimport SearchPopoverTemplate from \"./SearchPopoverTemplate.js\";\n\nexport default function SearchTemplate(this: Search) {\n\treturn (\n\t\t<>\n\t\t\t{ SearchFieldTemplate.call(this) }\n\t\t\t{ SearchPopoverTemplate.call(this) }\n\t\t</>\n\t);\n}\n"]}

package/dist/ShellBar.d.ts

@@ -0,0 +1,529 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { ListItemClickEventDetail } from "@ui5/webcomponents/dist/List.js";
+import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
+import Popover from "@ui5/webcomponents/dist/Popover.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+import type Input from "@ui5/webcomponents/dist/Input.js";
+import type { IButton } from "@ui5/webcomponents/dist/Button.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { ClassMap, AccessibilityAttributes, AriaRole, UI5CustomEvent } from "@ui5/webcomponents-base";
+import type ListItemBase from "@ui5/webcomponents/dist/ListItemBase.js";
+import type PopoverHorizontalAlign from "@ui5/webcomponents/dist/types/PopoverHorizontalAlign.js";
+import type ShellBarItem from "./ShellBarItem.js";
+import type { ShellBarItemAccessibilityAttributes } from "./ShellBarItem.js";
+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;
+};
+type ShellBarNotificationsClickEventDetail = {
+    targetRef: HTMLElement;
+};
+type ShellBarProfileClickEventDetail = {
+    targetRef: HTMLElement;
+};
+type ShellBarProductSwitchClickEventDetail = {
+    targetRef: HTMLElement;
+};
+type ShellBarLogoClickEventDetail = {
+    targetRef: HTMLElement;
+};
+type ShellBarMenuItemClickEventDetail = {
+    item: HTMLElement;
+};
+type ShellBarContentItemVisibilityChangeEventDetail = {
+    items: Array<HTMLElement>;
+};
+type ShellBarSearchButtonEventDetail = {
+    targetRef: HTMLElement;
+    searchFieldVisible: boolean;
+};
+type ShellBarSearchFieldToggleEventDetail = {
+    expanded: boolean;
+};
+interface IShellBarHidableItem {
+    classes: string;
+    id: string;
+    show: boolean;
+}
+interface IShelBarItemInfo extends IShellBarHidableItem {
+    icon?: string;
+    text?: string;
+    count?: string;
+    custom?: boolean;
+    title?: string;
+    stableDomRef?: string;
+    refItemid?: string;
+    press: (e: UI5CustomEvent<Button, "click">) => void;
+    order?: number;
+    profile?: boolean;
+    tooltip?: string;
+    accessibilityAttributes?: ShellBarItemAccessibilityAttributes;
+    accessibleName?: string;
+}
+interface IShellBarContentItem extends IShellBarHidableItem {
+    hideOrder: number;
+}
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-shellbar` is meant to serve as an application header
+ * and includes numerous built-in features, such as: logo, profile image/icon, title, search field, notifications and so on.
+ *
+ * ### Stable DOM Refs
+ *
+ * You can use the following stable DOM refs for the `ui5-shellbar`:
+ *
+ * - logo
+ * - notifications
+ * - overflow
+ * - profile
+ * - product-switch
+ *
+ * ### Keyboard Handling
+ *
+ * #### Fast Navigation
+ * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].
+ * In order to use this functionality, you need to import the following module:
+ * `import "@ui5/webcomponents-base/dist/features/F6Navigation.js"`
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/ShellBar.js";`
+ * @csspart root - Used to style the outermost wrapper of the `ui5-shellbar`
+ * @constructor
+ * @extends UI5Element
+ * @public
+ * @since 0.8.0
+ */
+declare class ShellBar extends UI5Element {
+    eventDetails: {
+        "notifications-click": ShellBarNotificationsClickEventDetail;
+        "profile-click": ShellBarProfileClickEventDetail;
+        "product-switch-click": ShellBarProductSwitchClickEventDetail;
+        "logo-click": ShellBarLogoClickEventDetail;
+        "menu-item-click": ShellBarMenuItemClickEventDetail;
+        "search-button-click": ShellBarSearchButtonEventDetail;
+        "search-field-toggle": ShellBarSearchFieldToggleEventDetail;
+        "content-item-visibility-change": ShellBarContentItemVisibilityChangeEventDetail;
+    };
+    /**
+     * Defines the visibility state of the search button.
+     *
+     * **Note:** The `hideSearchButton` property is in an experimental state and is a subject to change.
+     * @default false
+     * @public
+     */
+    hideSearchButton: boolean;
+    /**
+     * Disables the automatic search field expansion/collapse when the available space is not enough.
+     *
+     * **Note:** The `disableSearchCollapse` property is in an experimental state and is a subject to change.
+     * @default false
+     * @public
+     */
+    disableSearchCollapse: boolean;
+    /**
+     * Defines the `primaryTitle`.
+     *
+     * **Note:** The `primaryTitle` would be hidden on S screen size (less than approx. 700px).
+     * @default undefined
+     * @public
+     */
+    primaryTitle?: string;
+    /**
+     * Defines the `secondaryTitle`.
+     *
+     * **Note:** The `secondaryTitle` would be hidden on S and M screen sizes (less than approx. 1300px).
+     * @default undefined
+     * @public
+     */
+    secondaryTitle?: string;
+    /**
+     * Defines the `notificationsCount`,
+     * displayed in the notification icon top-right corner.
+     * @default undefined
+     * @public
+     */
+    notificationsCount?: string;
+    /**
+     * Defines, if the notification icon would be displayed.
+     * @default false
+     * @public
+     */
+    showNotifications: boolean;
+    /**
+     * Defines, if the product switch icon would be displayed.
+     * @default false
+     * @public
+     */
+    showProductSwitch: boolean;
+    /**
+     * Defines, if the Search Field would be displayed when there is a valid `searchField` slot.
+     *
+     * **Note:** By default the Search Field is not displayed.
+     * @default false
+     * @public
+     */
+    showSearchField: boolean;
+    /**
+     * Defines additional accessibility attributes on different areas of the component.
+     *
+     * The accessibilityAttributes object has the following fields,
+     * where each field is an object supporting one or more accessibility attributes:
+     *
+     * - **logo** - `logo.role` and `logo.name`.
+     * - **notifications** - `notifications.expanded` and `notifications.hasPopup`.
+     * - **profile** - `profile.expanded`, `profile.hasPopup` and `profile.name`.
+     * - **product** - `product.expanded` and `product.hasPopup`.
+     * - **search** - `search.hasPopup`.
+     * - **overflow** - `overflow.expanded` and `overflow.hasPopup`.
+     * - **branding** - `branding.name`.
+     *
+     * The accessibility attributes support the following values:
+     *
+     * - **role**: Defines the accessible ARIA role of the logo area.
+     * Accepts the following string values: `button` or `link`.
+     *
+     * - **expanded**: Indicates whether the button, or another grouping element it controls,
+     * is currently expanded or collapsed.
+     * Accepts the following string values: `true` or `false`.
+     *
+     * - **hasPopup**: Indicates the availability and type of interactive popup element,
+     * such as menu or dialog, that can be triggered by the button.
+     *
+     * Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
+     * - **name**: Defines the accessible ARIA name of the area.
+     * Accepts any string.
+     *
+     * @default {}
+     * @public
+     * @since 1.10.0
+     */
+    accessibilityAttributes: ShellBarAccessibilityAttributes;
+    /**
+     * @private
+     */
+    breakpointSize: string;
+    /**
+     * @private
+     */
+    withLogo: boolean;
+    _itemsInfo: Array<IShelBarItemInfo>;
+    _contentInfo: Array<IShellBarContentItem>;
+    _menuPopoverExpanded: boolean;
+    _overflowPopoverExpanded: boolean;
+    showFullWidthSearch: boolean;
+    _cachedHiddenContent: Array<HTMLElement>;
+    /**
+     * Defines the assistant slot.
+     *
+     * @since 2.0.0
+     * @public
+     */
+    assistant: Array<IButton>;
+    /**
+     * Defines the `ui5-shellbar` additional items.
+     *
+     * **Note:**
+     * You can use the `<ui5-shellbar-item></ui5-shellbar-item>`.
+     * @public
+     */
+    items: Array<ShellBarItem>;
+    /**
+     * You can pass `ui5-avatar` to set the profile image/icon.
+     * If no profile slot is set - profile will be excluded from actions.
+     *
+     * **Note:** We recommend not using the `size` attribute of `ui5-avatar` because
+     * it should have specific size by design in the context of `ui5-shellbar` profile.
+     * @since 1.0.0-rc.6
+     * @public
+     */
+    profile: Array<HTMLElement>;
+    /**
+     * Defines the logo of the `ui5-shellbar`.
+     * For example, you can use `ui5-avatar` or `img` elements as logo.
+     * @since 1.0.0-rc.8
+     * @public
+     */
+    logo: Array<HTMLElement>;
+    /**
+     * Defines the items displayed in menu after a click on a start button.
+     *
+     * **Note:** You can use the  `<ui5-li></ui5-li>` and its ancestors.
+     * @since 0.10
+     * @public
+     */
+    menuItems: Array<ListItemBase>;
+    /**
+     * Defines the `ui5-input`, that will be used as a search field.
+     * @public
+     */
+    searchField: Array<Input>;
+    /**
+     * Defines a `ui5-button` in the bar that will be placed in the beginning.
+     * We encourage this slot to be used for a menu button.
+     * It gets overstyled to match ShellBar's styling.
+     * @public
+     */
+    startButton: Array<IButton>;
+    /**
+     * The container is positioned in the center of the `ui5-shellbar` and occupies one-third of the total length of the `ui5-shellbar`.
+     *
+     * **Note:** If set, the `searchField` slot is not rendered.
+     * @private
+     */
+    midContent: Array<HTMLElement>;
+    /**
+     * Define the items displayed in the content area.
+     *
+     * Use the `data-hide-order` attribute with numeric value to specify the order of the items to be hidden when the space is not enough.
+     * Lower values will be hidden first.
+     *
+     * **Note:** The `content` slot is in an experimental state and is a subject to change.
+     *
+     * @public
+     * @since 2.7.0
+     */
+    content: Array<UI5Element>;
+    static i18nBundle: I18nBundle;
+    overflowPopover?: Popover | null;
+    menuPopover?: Popover | null;
+    _isInitialRendering: boolean;
+    _defaultItemPressPrevented: boolean;
+    contentItemsObserver: MutationObserver;
+    _hiddenIcons: Array<IShelBarItemInfo>;
+    _handleResize: ResizeObserverCallback;
+    _overflowNotifications: string | null;
+    _lastOffsetWidth: number;
+    _observableContent: Array<HTMLElement>;
+    _autoRestoreSearchField: boolean;
+    _headerPress: () => void;
+    onSearchOpen: () => void;
+    onSearchClose: () => void;
+    onSearch: () => void;
+    static get FIORI_3_BREAKPOINTS(): number[];
+    static get FIORI_3_BREAKPOINTS_MAP(): Record<string, string>;
+    constructor();
+    _updateSearchFieldState(): void;
+    _onKeyDown(e: KeyboardEvent): void;
+    _focusNextItem(items: HTMLElement[], currentIndex: number): void;
+    _focusPreviousItem(items: HTMLElement[], currentIndex: number): void;
+    _isVisible(element: HTMLElement): boolean;
+    _getNavigableContent(): HTMLElement[];
+    _getRightChildItems(): HTMLElement[];
+    _getVisibleAndInteractiveItems(): HTMLElement[];
+    _menuItemPress(e: CustomEvent<ListItemClickEventDetail>): void;
+    _logoPress(): void;
+    _menuPopoverBeforeOpen(): void;
+    _menuPopoverAfterClose(): void;
+    _overflowPopoverBeforeOpen(): void;
+    _overflowPopoverAfterClose(): void;
+    _logoKeyup(e: KeyboardEvent): void;
+    _logoKeydown(e: KeyboardEvent): void;
+    _calculateCSSREMValue(styleSet: CSSStyleDeclaration, propertyName: string): number;
+    domCalculatedValues(cssVar: string): number;
+    onBeforeRendering(): void;
+    /**
+     * Use this method to change the state of the search filed according to internal logic.
+     * An event is fired to notify the change.
+     */
+    setSearchState(expanded: boolean): Promise<void>;
+    onAfterRendering(): void;
+    onInitialRendering(): Promise<void>;
+    /**
+     * Closes the overflow area.
+     * Useful to manually close the overflow after having suppressed automatic closing with preventDefault() of ShellbarItem's press event
+     * @public
+     */
+    closeOverflow(): void;
+    _handleBarBreakpoints(): void;
+    _hideItems(items: IShellBarHidableItem[]): IShellBarHidableItem[];
+    _resetItemsVisibility(items: Array<HTMLElement>): void;
+    _handleActionsOverflow(): {
+        itemsInfo: IShelBarItemInfo[];
+        contentInfo: IShellBarContentItem[];
+    };
+    _overflowActions(): void;
+    _toggleActionPopover(): void;
+    onEnterDOM(): void;
+    onExitDOM(): void;
+    _handleSearchIconPress(): void;
+    _handleActionListClick(): Promise<void>;
+    _handleCustomActionPress(e: UI5CustomEvent<Button, "click">): void;
+    _handleOverflowPress(): void;
+    _handleNotificationsPress(e: UI5CustomEvent<Button, "click">): void;
+    _handleProfilePress(): void;
+    _handleCancelButtonPress(): void;
+    _handleProductSwitchPress(e: UI5CustomEvent<Button, "click">): void;
+    /**
+     * Returns the `logo` DOM ref.
+     * @public
+     * @default null
+     * @since 1.0.0-rc.16
+     */
+    get logoDomRef(): HTMLElement | null;
+    /**
+     * Returns the `notifications` icon DOM ref.
+     * @public
+     * @default null
+     * @since 1.0.0-rc.16
+     */
+    get notificationsDomRef(): HTMLElement | null;
+    /**
+     * Returns the `overflow` icon DOM ref.
+     * @public
+     * @default null
+     * @since 1.0.0-rc.16
+     */
+    get overflowDomRef(): HTMLElement | null;
+    /**
+     * Returns the `profile` icon DOM ref.
+     * @public
+     * @default null
+     * @since 1.0.0-rc.16
+     */
+    get profileDomRef(): HTMLElement | null;
+    /**
+     * Returns the `product-switch` icon DOM ref.
+     * @public
+     * @default null
+     * @since 1.0.0-rc.16
+     */
+    get productSwitchDomRef(): HTMLElement | null;
+    /**
+     * Returns the `search` icon DOM ref.
+     * @returns The search icon DOM ref
+     * @public
+     * @since 2.10.0
+     */
+    getSearchButtonDomRef(): Promise<HTMLElement | null>;
+    _getContentInfo(): Array<IShellBarContentItem>;
+    /**
+     * Returns all items that will be placed in the right of the bar as icons / dom elements.
+     */
+    _getItemsInfo(): Array<IShelBarItemInfo>;
+    _updateItemsInfo(newItemsInfo: Array<IShelBarItemInfo>): void;
+    _updateContentInfo(newContentInfo: Array<IShellBarContentItem>): void;
+    _fireContentItemVisibilityChangeEvent(): void;
+    _updateOverflowNotifications(): void;
+    _observeContentItems(): void;
+    _getOverflowPopover(): Popover;
+    _getMenuPopover(): Popover;
+    isIconHidden(name: string): boolean;
+    get hasMatchingContent(): boolean;
+    get contentItemsSorted(): UI5Element[];
+    get contentItemsWrappersSorted(): HTMLElement[];
+    get autoSearchField(): boolean;
+    get startContentInfoSorted(): IShellBarContentItem[];
+    get endContentInfoSorted(): IShellBarContentItem[];
+    get showStartSeparator(): boolean;
+    get showEndSeparator(): boolean;
+    shouldIncludeSeparator(itemInfo: IShellBarContentItem | undefined, contentInfo: IShellBarContentItem[]): boolean;
+    get classes(): ClassMap;
+    get styles(): {
+        searchField: {};
+    };
+    get customItemsInfo(): IShelBarItemInfo[];
+    get hasLogo(): boolean;
+    get showLogoInMenuButton(): boolean;
+    get showTitleInMenuButton(): boolean | "" | undefined;
+    get showMenuButton(): string | boolean;
+    get popoverHorizontalAlign(): `${PopoverHorizontalAlign}`;
+    get hasAssistant(): boolean;
+    get hasSearchField(): boolean;
+    get hasMidContent(): boolean;
+    get hasProfile(): boolean;
+    get hasMenuItems(): boolean;
+    get imageBtnText(): string | undefined;
+    get _shellbarText(): string;
+    get _logoText(): string;
+    get _notificationsText(): string;
+    get _cancelBtnText(): string;
+    get _logoAreaText(): string;
+    get _contentItemsText(): string | undefined;
+    get _searchFieldDescription(): string;
+    get _contentItemsRole(): "group" | undefined;
+    get _enableContentAreaAccessibility(): boolean;
+    get contentItems(): UI5Element[];
+    get startContent(): UI5Element[];
+    get endContent(): UI5Element[];
+    get _rightChildRole(): "toolbar" | undefined;
+    get _searchFieldText(): string;
+    get _searchBtnOpen(): string;
+    get _productSwitchBtnText(): string;
+    get _profileText(): string;
+    get _productsText(): string;
+    get _searchText(): string;
+    get _overflowText(): string;
+    get _brandingText(): string | undefined;
+    get hasContentItems(): boolean;
+    get hidableDomElements(): HTMLElement[];
+    get contentItemsHidden(): HTMLElement[];
+    get overflowWrapper(): HTMLElement | null;
+    get overflowInner(): HTMLElement | null;
+    get overflowed(): boolean;
+    get accInfo(): {
+        notifications: {
+            title: string;
+            accessibilityAttributes: {
+                expanded: boolean | "true" | "false" | undefined;
+                hasPopup: import("@ui5/webcomponents-base").AriaHasPopup | undefined;
+            };
+        };
+        profile: {
+            title: string;
+            accessibilityAttributes: {
+                hasPopup: import("@ui5/webcomponents-base").AriaHasPopup | undefined;
+                expanded: boolean | "true" | "false" | undefined;
+            };
+        };
+        products: {
+            title: string;
+            accessibilityAttributes: {
+                hasPopup: import("@ui5/webcomponents-base").AriaHasPopup | undefined;
+                expanded: boolean | "true" | "false" | undefined;
+            };
+        };
+        search: {
+            title: string;
+            accessibilityAttributes: {
+                hasPopup: import("@ui5/webcomponents-base").AriaHasPopup | undefined;
+            };
+        };
+        overflow: {
+            title: string;
+            accessibilityAttributes: {
+                hasPopup: import("@ui5/webcomponents-base").AriaHasPopup;
+                expanded: boolean | "true" | "false";
+            };
+        };
+        branding: {
+            title: string | undefined;
+            accessibilityAttributes: {
+                name: string | undefined;
+            };
+        };
+    };
+    get accLogoRole(): "link" | "button";
+    get isSBreakPoint(): boolean;
+    get hasSelfCollapsibleSearch(): boolean;
+    get search(): Input | null;
+}
+interface IShellBarSelfCollapsibleSearch {
+    collapsed: boolean;
+    open: boolean;
+}
+export default ShellBar;
+export type { ShellBarContentItemVisibilityChangeEventDetail, ShellBarNotificationsClickEventDetail, ShellBarProfileClickEventDetail, ShellBarProductSwitchClickEventDetail, ShellBarLogoClickEventDetail, ShellBarMenuItemClickEventDetail, ShellBarAccessibilityAttributes, ShellBarSearchButtonEventDetail, ShellBarSearchFieldToggleEventDetail, IShellBarSelfCollapsibleSearch, };