@ui5/webcomponents-fiori 0.0.0-037d08c67

package/dist/SearchItemGroup.js

@@ -0,0 +1,42 @@
+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 ListItemGroup from "@ui5/webcomponents/dist/ListItemGroup.js";
+import SearchItemGroupCss from "./generated/themes/SearchItemGroup.css.js";
+import ListBoxItemGroupTemplate from "@ui5/webcomponents/dist/ListBoxItemGroupTemplate.js";
+import WrappingType from "@ui5/webcomponents/dist/types/WrappingType.js";
+/**
+ * @class
+ * The `ui5-search-item-group` is type of suggestion item,
+ * that can be used to split the `ui5-search-item` suggestions into groups.
+ * @constructor
+ * @extends ListItemGroup
+ * @public
+ * @since 2.9.0
+ * @experimental
+ */
+let SearchItemGroup = class SearchItemGroup extends ListItemGroup {
+    get isGroupItem() {
+        return true;
+    }
+    getGroupHeaderWrapping() {
+        return WrappingType.Normal;
+    }
+};
+SearchItemGroup = __decorate([
+    customElement({
+        tag: "ui5-search-item-group",
+        styles: [
+            ListItemGroup.styles,
+            SearchItemGroupCss,
+        ],
+        template: ListBoxItemGroupTemplate,
+    })
+], SearchItemGroup);
+SearchItemGroup.define();
+export default SearchItemGroup;
+//# sourceMappingURL=SearchItemGroup.js.map

package/dist/SearchItemGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItemGroup.js","sourceRoot":"","sources":["../src/SearchItemGroup.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAC3E,OAAO,wBAAwB,MAAM,qDAAqD,CAAC;AAC3F,OAAO,YAAY,MAAM,+CAA+C,CAAC;AAEzE;;;;;;;;;GASG;AASH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,aAAa;IAC1C,IAAI,WAAW;QACd,OAAO,IAAI,CAAC;IACb,CAAC;IAED,sBAAsB;QACrB,OAAO,YAAY,CAAC,MAAM,CAAC;IAC5B,CAAC;CACD,CAAA;AARK,eAAe;IARpB,aAAa,CAAC;QACd,GAAG,EAAE,uBAAuB;QAC5B,MAAM,EAAE;YACP,aAAa,CAAC,MAAM;YACpB,kBAAkB;SAClB;QACD,QAAQ,EAAE,wBAAwB;KAClC,CAAC;GACI,eAAe,CAQpB;AAED,eAAe,CAAC,MAAM,EAAE,CAAC;AAEzB,eAAe,eAAe,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport ListItemGroup from \"@ui5/webcomponents/dist/ListItemGroup.js\";\nimport SearchItemGroupCss from \"./generated/themes/SearchItemGroup.css.js\";\nimport ListBoxItemGroupTemplate from \"@ui5/webcomponents/dist/ListBoxItemGroupTemplate.js\";\nimport WrappingType from \"@ui5/webcomponents/dist/types/WrappingType.js\";\n\n/**\n * @class\n * The `ui5-search-item-group` is type of suggestion item,\n * that can be used to split the `ui5-search-item` suggestions into groups.\n * @constructor\n * @extends ListItemGroup\n * @public\n * @since 2.9.0\n * @experimental\n */\n@customElement({\n\ttag: \"ui5-search-item-group\",\n\tstyles: [\n\t\tListItemGroup.styles,\n\t\tSearchItemGroupCss,\n\t],\n\ttemplate: ListBoxItemGroupTemplate,\n})\nclass SearchItemGroup extends ListItemGroup {\n\tget isGroupItem(): boolean {\n\t\treturn true;\n\t}\n\n\tgetGroupHeaderWrapping(): WrappingType {\n\t\treturn WrappingType.Normal;\n\t}\n}\n\nSearchItemGroup.define();\n\nexport default SearchItemGroup;\n"]}

package/dist/SearchItemShowMore.d.ts

@@ -0,0 +1,49 @@
+import ListItemBase from "@ui5/webcomponents/dist/ListItemBase.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+type ShowMoreItemClickEventDetail = {
+    fromKeyboard: boolean;
+};
+/**
+ * @class
+ * ### Overview
+ *
+ * A `ui5-search-item-show-more` is a special type of ui5-li that acts as a button to progressively reveal additional (overflow) items within a group.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-fiori/dist/SearchItemShowMore.js";`
+ *
+ * @constructor
+ * @extends ListItemBase
+ * @public
+ * @since 2.14.0
+ * @experimental
+ */
+declare class SearchItemShowMore extends ListItemBase {
+    eventDetails: ListItemBase["eventDetails"] & {
+        "click": ShowMoreItemClickEventDetail;
+    };
+    /**
+     * Specifies the number of additional items available to show.
+If no value is defined, the control shows "Show more" (without any counter).
+If a number is provided, it displays "Show more (N)", where N is that number.
+     * @public
+     * @default undefined
+     */
+    itemsToShowCount?: number;
+    /**
+     * Defines whether the show more item is selected.
+     * @default false
+     * @public
+     */
+    selected: boolean;
+    static i18nBundle: I18nBundle;
+    get showMoreTextCount(): string;
+    _onfocusin(e: FocusEvent): void;
+    _onfocusout(): void;
+    _onclick(e: MouseEvent | KeyboardEvent, fromKeyboard?: boolean): void;
+    _onkeydown(e: KeyboardEvent): void;
+    _onkeyup(e: KeyboardEvent): void;
+}
+export default SearchItemShowMore;
+export type { ShowMoreItemClickEventDetail, };

package/dist/SearchItemShowMore.js

@@ -0,0 +1,112 @@
+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;
+};
+var SearchItemShowMore_1;
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
+import ListItemBase from "@ui5/webcomponents/dist/ListItemBase.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import SearchItemShowMoreTemplate from "./SearchItemShowMoreTemplate.js";
+import SearchItemCss from "./generated/themes/SearchItem.css.js";
+import SearchItemShowMoreCss from "./generated/themes/SearchItemShowMore.css.js";
+import { SEARCH_ITEM_SHOW_MORE_COUNT, SEARCH_ITEM_SHOW_MORE_NO_COUNT } from "./generated/i18n/i18n-defaults.js";
+import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
+/**
+ * @class
+ * ### Overview
+ *
+ * A `ui5-search-item-show-more` is a special type of ui5-li that acts as a button to progressively reveal additional (overflow) items within a group.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-fiori/dist/SearchItemShowMore.js";`
+ *
+ * @constructor
+ * @extends ListItemBase
+ * @public
+ * @since 2.14.0
+ * @experimental
+ */
+let SearchItemShowMore = SearchItemShowMore_1 = class SearchItemShowMore extends ListItemBase {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines whether the show more item is selected.
+         * @default false
+         * @public
+         */
+        this.selected = false;
+    }
+    get showMoreTextCount() {
+        if (this.itemsToShowCount) {
+            return SearchItemShowMore_1.i18nBundle.getText(SEARCH_ITEM_SHOW_MORE_COUNT, this.itemsToShowCount);
+        }
+        return SearchItemShowMore_1.i18nBundle.getText(SEARCH_ITEM_SHOW_MORE_NO_COUNT);
+    }
+    _onfocusin(e) {
+        super._onfocusin(e);
+        this.selected = true;
+    }
+    _onfocusout() {
+        this.selected = false;
+    }
+    _onclick(e, fromKeyboard = false) {
+        e.stopImmediatePropagation();
+        this.fireDecoratorEvent("click", { fromKeyboard });
+    }
+    _onkeydown(e) {
+        if (isEnter(e)) {
+            this._onclick(e, true);
+            e.preventDefault();
+        }
+    }
+    _onkeyup(e) {
+        if (isSpace(e)) {
+            this._onclick(e, true);
+            e.preventDefault();
+        }
+    }
+};
+__decorate([
+    property()
+], SearchItemShowMore.prototype, "itemsToShowCount", void 0);
+__decorate([
+    property({ type: Boolean })
+], SearchItemShowMore.prototype, "selected", void 0);
+__decorate([
+    i18n("@ui5/webcomponents-fiori")
+], SearchItemShowMore, "i18nBundle", void 0);
+SearchItemShowMore = SearchItemShowMore_1 = __decorate([
+    customElement({
+        tag: "ui5-search-item-show-more",
+        languageAware: true,
+        renderer: jsxRenderer,
+        template: SearchItemShowMoreTemplate,
+        styles: [
+            ListItemBase.styles,
+            SearchItemCss,
+            SearchItemShowMoreCss,
+        ],
+    })
+    /**
+     * Fired when the component is activated, either with a mouse/tap
+     * or by pressing the Enter or Space keys.
+     *
+     * @public
+     * @param {boolean} fromKeyboard Indicates whether the event was fired
+     * due to keyboard interaction (Enter or Space) rather than mouse/tap.
+     */
+    ,
+    event("click", {
+        bubbles: true,
+        cancelable: true,
+    })
+], SearchItemShowMore);
+SearchItemShowMore.define();
+export default SearchItemShowMore;
+//# sourceMappingURL=SearchItemShowMore.js.map

package/dist/SearchItemShowMore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItemShowMore.js","sourceRoot":"","sources":["../src/SearchItemShowMore.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AACzE,OAAO,aAAa,MAAM,sCAAsC,CAAC;AACjE,OAAO,qBAAqB,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,2BAA2B,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AAChH,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAMxE;;;;;;;;;;;;;;;GAeG;AA0BH,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,YAAY;IAA7C;;QAcC;;;;WAIG;QAEH,aAAQ,GAAG,KAAK,CAAC;IAwClB,CAAC;IAnCA,IAAI,iBAAiB;QACpB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,OAAO,oBAAkB,CAAC,UAAU,CAAC,OAAO,CAAC,2BAA2B,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClG,CAAC;QAED,OAAO,oBAAkB,CAAC,UAAU,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAC;IAC9E,CAAC;IAED,UAAU,CAAC,CAAa;QACvB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACpB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,WAAW;QACV,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,QAAQ,CAAC,CAA6B,EAAE,YAAY,GAAG,KAAK;QAC3D,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAC7B,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC;IACpD,CAAC;IAED,UAAU,CAAC,CAAgB;QAC1B,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;IACF,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YACvB,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;IACF,CAAC;CACD,CAAA;AAhDA;IADC,QAAQ,EAAE;4DACgB;AAQ3B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACX;AAGV;IADN,IAAI,CAAC,0BAA0B,CAAC;4CACH;AAvBzB,kBAAkB;IAzBvB,aAAa,CAAC;QACd,GAAG,EAAE,2BAA2B;QAChC,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,0BAA0B;QACpC,MAAM,EAAE;YACP,YAAY,CAAC,MAAM;YACnB,aAAa;YACb,qBAAqB;SACrB;KACD,CAAC;IAEF;;;;;;;OAOG;;IACF,KAAK,CAAC,OAAO,EAAE;QACf,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KAChB,CAAC;GAEI,kBAAkB,CA4DvB;AAED,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAE5B,eAAe,kBAAkB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport ListItemBase from \"@ui5/webcomponents/dist/ListItemBase.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport SearchItemShowMoreTemplate from \"./SearchItemShowMoreTemplate.js\";\nimport SearchItemCss from \"./generated/themes/SearchItem.css.js\";\nimport SearchItemShowMoreCss from \"./generated/themes/SearchItemShowMore.css.js\";\nimport { SEARCH_ITEM_SHOW_MORE_COUNT, SEARCH_ITEM_SHOW_MORE_NO_COUNT } from \"./generated/i18n/i18n-defaults.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\n\ntype ShowMoreItemClickEventDetail = {\n\tfromKeyboard: boolean;\n}\n\n/**\n * @class\n * ### Overview\n *\n * A `ui5-search-item-show-more` is a special type of ui5-li that acts as a button to progressively reveal additional (overflow) items within a group.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/SearchItemShowMore.js\";`\n *\n * @constructor\n * @extends ListItemBase\n * @public\n * @since 2.14.0\n * @experimental\n */\n@customElement({\n\ttag: \"ui5-search-item-show-more\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\ttemplate: SearchItemShowMoreTemplate,\n\tstyles: [\n\t\tListItemBase.styles,\n\t\tSearchItemCss,\n\t\tSearchItemShowMoreCss,\n\t],\n})\n\n/**\n * Fired when the component is activated, either with a mouse/tap\n * or by pressing the Enter or Space keys.\n *\n * @public\n * @param {boolean} fromKeyboard Indicates whether the event was fired\n * due to keyboard interaction (Enter or Space) rather than mouse/tap.\n */\n@event(\"click\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\nclass SearchItemShowMore extends ListItemBase {\n\teventDetails!: ListItemBase[\"eventDetails\"] & {\n\t\t\"click\": ShowMoreItemClickEventDetail;\n\t}\n\t/**\n\t * Specifies the number of additional items available to show.\nIf no value is defined, the control shows \"Show more\" (without any counter).\nIf a number is provided, it displays \"Show more (N)\", where N is that number.\n\t * @public\n\t * @default undefined\n\t */\n\t@property()\n\titemsToShowCount ?: number;\n\n\t/**\n\t * Defines whether the show more item is selected.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\tget showMoreTextCount() {\n\t\tif (this.itemsToShowCount) {\n\t\t\treturn SearchItemShowMore.i18nBundle.getText(SEARCH_ITEM_SHOW_MORE_COUNT, this.itemsToShowCount);\n\t\t}\n\n\t\treturn SearchItemShowMore.i18nBundle.getText(SEARCH_ITEM_SHOW_MORE_NO_COUNT);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tsuper._onfocusin(e);\n\t\tthis.selected = true;\n\t}\n\n\t_onfocusout() {\n\t\tthis.selected = false;\n\t}\n\n\t_onclick(e: MouseEvent | KeyboardEvent, fromKeyboard = false) {\n\t\te.stopImmediatePropagation();\n\t\tthis.fireDecoratorEvent(\"click\", { fromKeyboard });\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isEnter(e)) {\n\t\t\tthis._onclick(e, true);\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._onclick(e, true);\n\t\t\te.preventDefault();\n\t\t}\n\t}\n}\n\nSearchItemShowMore.define();\n\nexport default SearchItemShowMore;\n\nexport type {\n\tShowMoreItemClickEventDetail,\n};\n"]}

package/dist/SearchItemShowMoreTemplate.d.ts

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

package/dist/SearchItemShowMoreTemplate.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+export default function SearchItemShowMoreTemplate() {
+    return (_jsx("li", { class: "ui5-li-root ui5-li--focusable ui5-search-item-show-more", role: "option", tabindex: this._effectiveTabIndex, "aria-selected": this.selected, onFocusIn: this._onfocusin, onFocusOut: this._onfocusout, onClick: this._onclick, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, children: _jsx("span", { class: "ui5-search-item-show-more-text", children: this.showMoreTextCount }) }));
+}
+//# sourceMappingURL=SearchItemShowMoreTemplate.js.map

package/dist/SearchItemShowMoreTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItemShowMoreTemplate.js","sourceRoot":"","sources":["../src/SearchItemShowMoreTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,0BAA0B;IACjD,OAAO,CACN,aACC,KAAK,EAAC,yDAAyD,EAC/D,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,kBAAkB,mBAClB,IAAI,CAAC,QAAQ,EAC5B,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,YAEtB,eAAM,KAAK,EAAC,gCAAgC,YAAE,IAAI,CAAC,iBAAiB,GAAQ,GACxE,CACL,CAAC;AACH,CAAC","sourcesContent":["import type SearchItemShowMore from \"./SearchItemShowMore.js\";\n\nexport default function SearchItemShowMoreTemplate(this: SearchItemShowMore) {\n\treturn (\n\t\t<li\n\t\t\tclass=\"ui5-li-root ui5-li--focusable ui5-search-item-show-more\"\n\t\t\trole=\"option\"\n\t\t\ttabindex={this._effectiveTabIndex}\n\t\t\taria-selected={this.selected}\n\t\t\tonFocusIn={this._onfocusin}\n\t\t\tonFocusOut={this._onfocusout}\n\t\t\tonClick={this._onclick}\n\t\t\tonKeyDown={this._onkeydown}\n\t\t\tonKeyUp={this._onkeyup}\n\t\t>\n\t\t\t<span class=\"ui5-search-item-show-more-text\">{this.showMoreTextCount}</span>\n\t\t</li>\n\t);\n}\n"]}

package/dist/SearchItemTemplate.d.ts

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

package/dist/SearchItemTemplate.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import Tag from "@ui5/webcomponents/dist/Tag.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+import decline from "@ui5/webcomponents-icons/dist/decline.js";
+import ButtonDesign from "@ui5/webcomponents/dist/types/ButtonDesign.js";
+import TagDesign from "@ui5/webcomponents/dist/types/TagDesign.js";
+export default function SearchItemTemplate() {
+    return (_jsx("li", { part: "native-li", class: "ui5-li-root ui5-li--focusable", "aria-selected": this.selected, role: "option", "data-sap-focus-ref": true, draggable: this.movable, tabindex: this._effectiveTabIndex, onFocusIn: this._onfocusin, onFocusOut: this._onfocusout, onKeyUp: this._onkeyup, onKeyDown: this._onkeydown, onClick: this._onclick, children: _jsx("div", { part: "content", class: "ui5-search-item-content", children: _jsxs("div", { class: "ui5-search-item-begin-content", children: [this.image.length > 0 && !this.icon &&
+                        _jsx("slot", { name: "image" }), this.icon &&
+                        _jsx(Icon, { class: "ui5-search-item-icon", name: this.icon }), this.scopeName &&
+                        _jsx(Tag, { design: TagDesign.Set2, colorScheme: "10", children: this.scopeName }), _jsxs("div", { class: "ui5-search-item-titles-container", children: [_jsx("span", { part: "title", class: "ui5-search-item-text", dangerouslySetInnerHTML: { __html: this._markupText } }), _jsx("span", { part: "subtitle", class: "ui5-search-item-description", children: this.description })] }), _jsxs("div", { class: "ui5-search-item-actions-container", children: [this.hasActions &&
+                                _jsx("div", { class: "ui5-search-item-actions", children: _jsx("slot", { name: "actions" }) }), this.deletable &&
+                                _jsx(Button, { class: "ui5-search-item-selected-delete", design: ButtonDesign.Transparent, icon: decline, onClick: this._onDeleteButtonClick, tooltip: this._deleteButtonTooltip, onKeyDown: this._onDeleteButtonKeyDown })] })] }) }) }));
+}
+//# sourceMappingURL=SearchItemTemplate.js.map

package/dist/SearchItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchItemTemplate.js","sourceRoot":"","sources":["../src/SearchItemTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,OAAO,GAAG,MAAM,gCAAgC,CAAC;AACjD,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,OAAO,MAAM,0CAA0C,CAAC;AAC/D,OAAO,YAAY,MAAM,+CAA+C,CAAC;AACzE,OAAO,SAAS,MAAM,4CAA4C,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACzC,OAAO,CACN,aACC,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,+BAA+B,mBACtB,IAAI,CAAC,QAAQ,EAC5B,IAAI,EAAC,QAAQ,8BAEb,SAAS,EAAE,IAAI,CAAC,OAAO,EACvB,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EACjC,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,YAEtB,cAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,yBAAyB,YAClD,eAAK,KAAK,EAAC,+BAA+B,aACxC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI;wBACnC,eAAM,IAAI,EAAC,OAAO,GAAQ,EAG1B,IAAI,CAAC,IAAI;wBACT,KAAC,IAAI,IAAC,KAAK,EAAC,sBAAsB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAS,EAG3D,IAAI,CAAC,SAAS;wBACd,KAAC,GAAG,IAAC,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,EAAC,IAAI,YAC3C,IAAI,CAAC,SAAS,GACV,EAGP,eAAK,KAAK,EAAC,kCAAkC,aAC5C,eAAM,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,sBAAsB,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,GAAS,EAE9G,eAAM,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,6BAA6B,YAAE,IAAI,CAAC,WAAW,GAAQ,IAC9E,EAEN,eAAK,KAAK,EAAC,mCAAmC,aAC5C,IAAI,CAAC,UAAU;gCACf,cAAK,KAAK,EAAC,yBAAyB,YACnC,eAAM,IAAI,EAAC,SAAS,GAAQ,GACvB,EAGN,IAAI,CAAC,SAAS;gCACd,KAAC,MAAM,IAAC,KAAK,EAAC,iCAAiC,EAC9C,MAAM,EAAE,YAAY,CAAC,WAAW,EAChC,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,SAAS,EAAE,IAAI,CAAC,sBAAsB,GAAW,IAE9C,IACD,GACD,GACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type SearchItem from \"./SearchItem.js\";\nimport Tag from \"@ui5/webcomponents/dist/Tag.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport decline from \"@ui5/webcomponents-icons/dist/decline.js\";\nimport ButtonDesign from \"@ui5/webcomponents/dist/types/ButtonDesign.js\";\nimport TagDesign from \"@ui5/webcomponents/dist/types/TagDesign.js\";\n\nexport default function SearchItemTemplate(this: SearchItem) {\n\treturn (\n\t\t<li\n\t\t\tpart=\"native-li\"\n\t\t\tclass=\"ui5-li-root ui5-li--focusable\"\n\t\t\taria-selected={this.selected}\n\t\t\trole=\"option\"\n\t\t\tdata-sap-focus-ref\n\t\t\tdraggable={this.movable}\n\t\t\ttabindex={this._effectiveTabIndex}\n\t\t\tonFocusIn={this._onfocusin}\n\t\t\tonFocusOut={this._onfocusout}\n\t\t\tonKeyUp={this._onkeyup}\n\t\t\tonKeyDown={this._onkeydown}\n\t\t\tonClick={this._onclick}\n\t\t>\n\t\t\t<div part=\"content\" class=\"ui5-search-item-content\">\n\t\t\t\t<div class=\"ui5-search-item-begin-content\">\n\t\t\t\t\t{this.image.length > 0 && !this.icon &&\n\t\t\t\t\t\t<slot name=\"image\"></slot>\n\t\t\t\t\t}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\t<Icon class=\"ui5-search-item-icon\" name={this.icon}></Icon>\n\t\t\t\t\t}\n\n\t\t\t\t\t{this.scopeName &&\n\t\t\t\t\t\t<Tag design={TagDesign.Set2} colorScheme=\"10\">\n\t\t\t\t\t\t\t{this.scopeName}\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t}\n\n\t\t\t\t\t<div class=\"ui5-search-item-titles-container\">\n\t\t\t\t\t\t<span part=\"title\" class=\"ui5-search-item-text\" dangerouslySetInnerHTML={{ __html: this._markupText }}></span>\n\n\t\t\t\t\t\t<span part=\"subtitle\" class=\"ui5-search-item-description\">{this.description}</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"ui5-search-item-actions-container\">\n\t\t\t\t\t\t{this.hasActions &&\n\t\t\t\t\t\t\t<div class=\"ui5-search-item-actions\">\n\t\t\t\t\t\t\t\t<slot name=\"actions\"></slot>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t{this.deletable &&\n\t\t\t\t\t\t\t<Button class=\"ui5-search-item-selected-delete\"\n\t\t\t\t\t\t\t\tdesign={ButtonDesign.Transparent}\n\t\t\t\t\t\t\t\ticon={decline}\n\t\t\t\t\t\t\t\tonClick={this._onDeleteButtonClick}\n\t\t\t\t\t\t\t\ttooltip={this._deleteButtonTooltip}\n\t\t\t\t\t\t\t\tonKeyDown={this._onDeleteButtonKeyDown}></Button>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</li >\n\t);\n}\n"]}

package/dist/SearchMessageArea.d.ts

@@ -0,0 +1,27 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+/**
+ * @class
+ * `import "@ui5/webcomponents-fiori/dist/SearchMessageArea.js";`
+ * @constructor
+ * @extends UI5Element
+ * @public
+ * @since 2.9.0
+ * @experimental
+ */
+declare class SearchMessageArea extends UI5Element {
+    /**
+     * Defines the text to be displayed.
+     *
+     * @default undefined
+     * @public
+     */
+    text?: string;
+    /**
+     * Defines the description text to be displayed.
+     *
+     * @default undefined
+     * @public
+     */
+    description?: string;
+}
+export default SearchMessageArea;

package/dist/SearchMessageArea.js

@@ -0,0 +1,41 @@
+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 property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import SearchMessageAreaTemplate from "./SearchMessageAreaTemplate.js";
+import SearchMessageAreaStyles from "./generated/themes/SearchMessageArea.css.js";
+/**
+ * @class
+ * `import "@ui5/webcomponents-fiori/dist/SearchMessageArea.js";`
+ * @constructor
+ * @extends UI5Element
+ * @public
+ * @since 2.9.0
+ * @experimental
+ */
+let SearchMessageArea = class SearchMessageArea extends UI5Element {
+};
+__decorate([
+    property()
+], SearchMessageArea.prototype, "text", void 0);
+__decorate([
+    property()
+], SearchMessageArea.prototype, "description", void 0);
+SearchMessageArea = __decorate([
+    customElement({
+        tag: "ui5-search-message-area",
+        languageAware: true,
+        styles: SearchMessageAreaStyles,
+        renderer: jsxRenderer,
+        template: SearchMessageAreaTemplate,
+    })
+], SearchMessageArea);
+SearchMessageArea.define();
+export default SearchMessageArea;
+//# sourceMappingURL=SearchMessageArea.js.map

package/dist/SearchMessageArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchMessageArea.js","sourceRoot":"","sources":["../src/SearchMessageArea.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,yBAAyB,MAAM,gCAAgC,CAAC;AACvE,OAAO,uBAAuB,MAAM,6CAA6C,CAAC;AAElF;;;;;;;;GAQG;AASH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;CAkBzC,CAAA;AAVA;IADC,QAAQ,EAAE;+CACG;AASd;IADC,QAAQ,EAAE;sDACU;AAjBhB,iBAAiB;IARtB,aAAa,CAAC;QACd,GAAG,EAAE,yBAAyB;QAC9B,aAAa,EAAE,IAAI;QACnB,MAAM,EAAE,uBAAuB;QAC/B,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,yBAAyB;KACnC,CAAC;GAEI,iBAAiB,CAkBtB;AAED,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAE3B,eAAe,iBAAiB,CAAC","sourcesContent":["import property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport SearchMessageAreaTemplate from \"./SearchMessageAreaTemplate.js\";\nimport SearchMessageAreaStyles from \"./generated/themes/SearchMessageArea.css.js\";\n\n/**\n * @class\n * `import \"@ui5/webcomponents-fiori/dist/SearchMessageArea.js\";`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 2.9.0\n * @experimental\n */\n@customElement({\n\ttag: \"ui5-search-message-area\",\n\tlanguageAware: true,\n\tstyles: SearchMessageAreaStyles,\n\trenderer: jsxRenderer,\n\ttemplate: SearchMessageAreaTemplate,\n})\n\nclass SearchMessageArea extends UI5Element {\n\t/**\n\t * Defines the text to be displayed.\n\t *\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\ttext?: string;\n\n\t/**\n\t * Defines the description text to be displayed.\n\t *\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tdescription?: string;\n}\n\nSearchMessageArea.define();\n\nexport default SearchMessageArea;\n"]}

package/dist/SearchMessageAreaTemplate.d.ts

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

package/dist/SearchMessageAreaTemplate.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import Title from "@ui5/webcomponents/dist/Title.js";
+import TitleLevel from "@ui5/webcomponents/dist/types/TitleLevel.js";
+import Text from "@ui5/webcomponents/dist/Text.js";
+export default function SearchMessageAreaTemplate() {
+    return (_jsx(_Fragment, { children: _jsxs("div", { class: "ui5-search-message-area-wrapper", children: [_jsx(Title, { size: TitleLevel.H6, children: this.text }), _jsx(Text, { class: "ui5-search-message-area-description", children: this.description })] }) }));
+}
+//# sourceMappingURL=SearchMessageAreaTemplate.js.map

package/dist/SearchMessageAreaTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchMessageAreaTemplate.js","sourceRoot":"","sources":["../src/SearchMessageAreaTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,kCAAkC,CAAC;AAErD,OAAO,UAAU,MAAM,6CAA6C,CAAC;AACrE,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,yBAAyB;IAChD,OAAO,CACN,4BACC,eAAK,KAAK,EAAC,iCAAiC,aAC3C,KAAC,KAAK,IAAC,IAAI,EAAE,UAAU,CAAC,EAAE,YAAG,IAAI,CAAC,IAAI,GAAS,EAC/C,KAAC,IAAI,IAAC,KAAK,EAAC,qCAAqC,YAAE,IAAI,CAAC,WAAW,GAAQ,IACtE,GACJ,CACH,CAAC;AACH,CAAC","sourcesContent":["import Title from \"@ui5/webcomponents/dist/Title.js\";\nimport type SearchMessageArea from \"./SearchMessageArea.js\";\nimport TitleLevel from \"@ui5/webcomponents/dist/types/TitleLevel.js\";\nimport Text from \"@ui5/webcomponents/dist/Text.js\";\n\nexport default function SearchMessageAreaTemplate(this: SearchMessageArea) {\n\treturn (\n\t\t<>\n\t\t\t<div class=\"ui5-search-message-area-wrapper\">\n\t\t\t\t<Title size={TitleLevel.H6}>{this.text}</Title>\n\t\t\t\t<Text class=\"ui5-search-message-area-description\">{this.description}</Text>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

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, { id: "ui5-search-list", 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":"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","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\tid=\"ui5-search-list\"\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,30 @@
+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;
+    /**
+     * Defines the value of the `ui5-search-scope`.
+     * Used for selection in Search scopes.
+     * @default undefined
+     * @public
+     */
+    value?: string;
+    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()
+], SearchScope.prototype, "value", 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;IAkBnC,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,iBAAiB,CAAC;IAC5E,CAAC;CACD,CAAA;AAdA;IADC,QAAQ,EAAE;yCACG;AASd;IADC,QAAQ,EAAE;0CACI;AAhBV,WAAW;IADhB,aAAa,CAAC,kBAAkB,CAAC;GAC5B,WAAW,CAqBhB;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 * Defines the value of the `ui5-search-scope`.\n\t * Used for selection in Search scopes.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tvalue?: string;\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"]}