@ui5/webcomponents-fiori 2.27.2 → 2.28.1

package/dist/SideNavigationSearchField.d.ts

@@ -0,0 +1,97 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { InputAccInfo } from "@ui5/webcomponents/dist/Input.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * A `ui5-side-navigation-search-field` is a search field,
+ * used to filter the items of a `ui5-side-navigation`.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-fiori/dist/SideNavigationSearchField.js";`
+ *
+ * @constructor
+ * @extends UI5Element
+ * @since 2.28.0
+ * @public
+ */
+declare class SideNavigationSearchField extends UI5Element {
+    eventDetails: {
+        search: object;
+        input: void;
+    };
+    /**
+     * Defines whether the clear icon of the search will be hidden.
+     *
+     * **Note:** When not set, the clear icon is displayed while the component has a value.
+     * @default false
+     * @public
+     */
+    hideClearIcon: boolean;
+    /**
+     * Defines the value of the component.
+     *
+     * **Note:** The property is updated upon typing.
+     * @default ""
+     * @public
+     */
+    value: string;
+    /**
+     * Defines a short hint intended to aid the user with data entry when the
+     * component has no value.
+     * @default undefined
+     * @public
+     */
+    placeholder?: string;
+    /**
+     * Defines the accessible ARIA name of the component.
+     * @public
+     * @default undefined
+     */
+    accessibleName?: string;
+    /**
+     * Receives id (or many ids) of the elements that label the component.
+     * @public
+     * @default undefined
+     */
+    accessibleNameRef?: string;
+    /**
+     * Receives id (or many ids) of the elements that describe the component.
+     * @public
+     * @default undefined
+     */
+    accessibleDescriptionRef?: string;
+    /**
+     * Constantly updated value of the texts collected from the accessibleNameRef elements.
+     * @private
+     */
+    _accessibleLabelsRefTexts?: string;
+    /**
+     * Constantly updated value of the texts collected from the accessibleDescriptionRef elements.
+     * @private
+     */
+    _associatedDescriptionRefTexts?: string;
+    static i18nBundle: I18nBundle;
+    onEnterDOM(): void;
+    onExitDOM(): void;
+    _updateAssociatedTexts(): void;
+    _onkeydown(e: KeyboardEvent): void;
+    _handleEnter(): void;
+    _handleSearchIconPress(): void;
+    _handleSearchEvent(): void;
+    _handleInput(e: CustomEvent): void;
+    _handleClear(): void;
+    get _translations(): {
+        searchIcon: string;
+        searchFieldAriaLabel: string;
+        searchFieldAriaDescription: string;
+    };
+    get _inputAccInfo(): InputAccInfo;
+    get _effectivePlaceholder(): string | undefined;
+    get _ariaLabelText(): string | undefined;
+    get _ariaDescriptionText(): string | undefined;
+}
+export default SideNavigationSearchField;

package/dist/SideNavigationSearchField.js

@@ -0,0 +1,178 @@
+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 SideNavigationSearchField_1;
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import { isEnter, isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
+import { registerUI5Element, deregisterUI5Element, getEffectiveAriaLabelText, getEffectiveAriaDescriptionText, getAllAccessibleNameRefTexts, getAllAccessibleDescriptionRefTexts, } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js";
+import SideNavigationSearchFieldTemplate from "./SideNavigationSearchFieldTemplate.js";
+import SideNavigationSearchFieldCss from "./generated/themes/SideNavigationSearchField.css.js";
+import { SEARCH_FIELD_SEARCH_ICON, SIDE_NAVIGATION_SEARCH_FIELD_LABEL, SIDE_NAVIGATION_SEARCH_FIELD_PLACEHOLDER, SIDE_NAVIGATION_SEARCH_DESCRIPTION, } from "./generated/i18n/i18n-defaults.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * A `ui5-side-navigation-search-field` is a search field,
+ * used to filter the items of a `ui5-side-navigation`.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents-fiori/dist/SideNavigationSearchField.js";`
+ *
+ * @constructor
+ * @extends UI5Element
+ * @since 2.28.0
+ * @public
+ */
+let SideNavigationSearchField = SideNavigationSearchField_1 = class SideNavigationSearchField extends UI5Element {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines whether the clear icon of the search will be hidden.
+         *
+         * **Note:** When not set, the clear icon is displayed while the component has a value.
+         * @default false
+         * @public
+         */
+        this.hideClearIcon = false;
+        /**
+         * Defines the value of the component.
+         *
+         * **Note:** The property is updated upon typing.
+         * @default ""
+         * @public
+         */
+        this.value = "";
+    }
+    onEnterDOM() {
+        registerUI5Element(this, this._updateAssociatedTexts.bind(this));
+    }
+    onExitDOM() {
+        deregisterUI5Element(this);
+    }
+    _updateAssociatedTexts() {
+        this._accessibleLabelsRefTexts = getAllAccessibleNameRefTexts(this);
+        this._associatedDescriptionRefTexts = getAllAccessibleDescriptionRefTexts(this);
+    }
+    _onkeydown(e) {
+        if (isEnter(e)) {
+            this._handleEnter();
+        }
+        else if (isEscape(e)) {
+            this._handleClear();
+        }
+    }
+    _handleEnter() {
+        if (this.value.length) {
+            this._handleSearchEvent();
+        }
+    }
+    _handleSearchIconPress() {
+        this._handleSearchEvent();
+        setTimeout(() => {
+            this.focus();
+        }, 0);
+    }
+    _handleSearchEvent() {
+        this.fireDecoratorEvent("search");
+    }
+    _handleInput(e) {
+        this.value = e.target.value;
+        this.fireDecoratorEvent("input");
+    }
+    _handleClear() {
+        this.value = "";
+        this.fireDecoratorEvent("input");
+        this.focus();
+    }
+    get _translations() {
+        return {
+            searchIcon: SideNavigationSearchField_1.i18nBundle.getText(SEARCH_FIELD_SEARCH_ICON),
+            searchFieldAriaLabel: SideNavigationSearchField_1.i18nBundle.getText(SIDE_NAVIGATION_SEARCH_FIELD_LABEL),
+            searchFieldAriaDescription: SideNavigationSearchField_1.i18nBundle.getText(SIDE_NAVIGATION_SEARCH_DESCRIPTION),
+        };
+    }
+    get _inputAccInfo() {
+        return {
+            ariaLabel: this._ariaLabelText,
+            ariaDescription: this._ariaDescriptionText,
+        };
+    }
+    get _effectivePlaceholder() {
+        return this.placeholder || SideNavigationSearchField_1.i18nBundle.getText(SIDE_NAVIGATION_SEARCH_FIELD_PLACEHOLDER);
+    }
+    get _ariaLabelText() {
+        return this._accessibleLabelsRefTexts || getEffectiveAriaLabelText(this) || this._translations.searchFieldAriaLabel;
+    }
+    get _ariaDescriptionText() {
+        return this._associatedDescriptionRefTexts || getEffectiveAriaDescriptionText(this) || this._translations.searchFieldAriaDescription;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], SideNavigationSearchField.prototype, "hideClearIcon", void 0);
+__decorate([
+    property()
+], SideNavigationSearchField.prototype, "value", void 0);
+__decorate([
+    property()
+], SideNavigationSearchField.prototype, "placeholder", void 0);
+__decorate([
+    property()
+], SideNavigationSearchField.prototype, "accessibleName", void 0);
+__decorate([
+    property()
+], SideNavigationSearchField.prototype, "accessibleNameRef", void 0);
+__decorate([
+    property()
+], SideNavigationSearchField.prototype, "accessibleDescriptionRef", void 0);
+__decorate([
+    property({ noAttribute: true })
+], SideNavigationSearchField.prototype, "_accessibleLabelsRefTexts", void 0);
+__decorate([
+    property({ noAttribute: true })
+], SideNavigationSearchField.prototype, "_associatedDescriptionRefTexts", void 0);
+__decorate([
+    i18n("@ui5/webcomponents-fiori")
+], SideNavigationSearchField, "i18nBundle", void 0);
+SideNavigationSearchField = SideNavigationSearchField_1 = __decorate([
+    customElement({
+        tag: "ui5-side-navigation-search-field",
+        languageAware: true,
+        renderer: jsxRenderer,
+        template: SideNavigationSearchFieldTemplate,
+        styles: [
+            SideNavigationSearchFieldCss,
+        ],
+    })
+    /**
+     * Fired when typing in input or clear icon is pressed.
+     *
+     * @public
+     */
+    ,
+    event("input", {
+        bubbles: true,
+    })
+    /**
+     * Fired when the user has triggered search with Enter key or Search Button press.
+     * @public
+     */
+    ,
+    event("search", {
+        bubbles: true,
+        cancelable: true,
+    })
+], SideNavigationSearchField);
+SideNavigationSearchField.define();
+export default SideNavigationSearchField;
+//# sourceMappingURL=SideNavigationSearchField.js.map

package/dist/SideNavigationSearchField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationSearchField.js","sourceRoot":"","sources":["../src/SideNavigationSearchField.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isEnter, isEscape } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { InputAccInfo } from \"@ui5/webcomponents/dist/Input.js\";\nimport {\n\tregisterUI5Element,\n\tderegisterUI5Element,\n\tgetEffectiveAriaLabelText,\n\tgetEffectiveAriaDescriptionText,\n\tgetAllAccessibleNameRefTexts,\n\tgetAllAccessibleDescriptionRefTexts,\n} from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport SideNavigationSearchFieldTemplate from \"./SideNavigationSearchFieldTemplate.js\";\nimport SideNavigationSearchFieldCss from \"./generated/themes/SideNavigationSearchField.css.js\";\nimport {\n\tSEARCH_FIELD_SEARCH_ICON,\n\tSIDE_NAVIGATION_SEARCH_FIELD_LABEL,\n\tSIDE_NAVIGATION_SEARCH_FIELD_PLACEHOLDER,\n\tSIDE_NAVIGATION_SEARCH_DESCRIPTION,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * A `ui5-side-navigation-search-field` is a search field,\n * used to filter the items of a `ui5-side-navigation`.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/SideNavigationSearchField.js\";`\n *\n * @constructor\n * @extends UI5Element\n * @since 2.28.0\n * @public\n */\n@customElement({\n\ttag: \"ui5-side-navigation-search-field\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\ttemplate: SideNavigationSearchFieldTemplate,\n\tstyles: [\n\t\tSideNavigationSearchFieldCss,\n\t],\n})\n\n/**\n * Fired when typing in input or clear icon is pressed.\n *\n * @public\n */\n@event(\"input\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when the user has triggered search with Enter key or Search Button press.\n * @public\n */\n@event(\"search\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\nclass SideNavigationSearchField extends UI5Element {\n\teventDetails!: {\n\t\tsearch: object,\n\t\tinput: void,\n\t}\n\n\t/**\n\t * Defines whether the clear icon of the search will be hidden.\n\t *\n\t * **Note:** When not set, the clear icon is displayed while the component has a value.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideClearIcon = false;\n\n\t/**\n\t * Defines the value of the component.\n\t *\n\t * **Note:** The property is updated upon typing.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\tvalue = \"\";\n\n\t/**\n\t * Defines a short hint intended to aid the user with data entry when the\n\t * component has no value.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tplaceholder?: string;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @public\n\t * @default undefined\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Receives id (or many ids) of the elements that label the component.\n\t * @public\n\t * @default undefined\n\t */\n\t@property()\n\taccessibleNameRef?: string;\n\n\t/**\n\t * Receives id (or many ids) of the elements that describe the component.\n\t * @public\n\t * @default undefined\n\t */\n\t@property()\n\taccessibleDescriptionRef?: string;\n\n\t/**\n\t * Constantly updated value of the texts collected from the accessibleNameRef elements.\n\t * @private\n\t */\n\t@property({ noAttribute: true })\n\t_accessibleLabelsRefTexts?: string;\n\n\t/**\n\t * Constantly updated value of the texts collected from the accessibleDescriptionRef elements.\n\t * @private\n\t */\n\t@property({ noAttribute: true })\n\t_associatedDescriptionRefTexts?: string;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\tonEnterDOM() {\n\t\tregisterUI5Element(this, this._updateAssociatedTexts.bind(this));\n\t}\n\n\tonExitDOM() {\n\t\tderegisterUI5Element(this);\n\t}\n\n\t_updateAssociatedTexts() {\n\t\tthis._accessibleLabelsRefTexts = getAllAccessibleNameRefTexts(this);\n\t\tthis._associatedDescriptionRefTexts = getAllAccessibleDescriptionRefTexts(this);\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isEnter(e)) {\n\t\t\tthis._handleEnter();\n\t\t} else if (isEscape(e)) {\n\t\t\tthis._handleClear();\n\t\t}\n\t}\n\n\t_handleEnter() {\n\t\tif (this.value.length) {\n\t\t\tthis._handleSearchEvent();\n\t\t}\n\t}\n\n\t_handleSearchIconPress() {\n\t\tthis._handleSearchEvent();\n\n\t\tsetTimeout(() => {\n\t\t\tthis.focus();\n\t\t}, 0);\n\t}\n\n\t_handleSearchEvent() {\n\t\tthis.fireDecoratorEvent(\"search\");\n\t}\n\n\t_handleInput(e: CustomEvent) {\n\t\tthis.value = (e.target as HTMLInputElement).value;\n\n\t\tthis.fireDecoratorEvent(\"input\");\n\t}\n\n\t_handleClear() {\n\t\tthis.value = \"\";\n\t\tthis.fireDecoratorEvent(\"input\");\n\n\t\tthis.focus();\n\t}\n\n\tget _translations() {\n\t\treturn {\n\t\t\tsearchIcon: SideNavigationSearchField.i18nBundle.getText(SEARCH_FIELD_SEARCH_ICON),\n\t\t\tsearchFieldAriaLabel: SideNavigationSearchField.i18nBundle.getText(SIDE_NAVIGATION_SEARCH_FIELD_LABEL),\n\t\t\tsearchFieldAriaDescription: SideNavigationSearchField.i18nBundle.getText(SIDE_NAVIGATION_SEARCH_DESCRIPTION),\n\t\t};\n\t}\n\n\tget _inputAccInfo(): InputAccInfo {\n\t\treturn {\n\t\t\tariaLabel: this._ariaLabelText,\n\t\t\tariaDescription: this._ariaDescriptionText,\n\t\t};\n\t}\n\n\tget _effectivePlaceholder(): string | undefined {\n\t\treturn this.placeholder || SideNavigationSearchField.i18nBundle.getText(SIDE_NAVIGATION_SEARCH_FIELD_PLACEHOLDER);\n\t}\n\n\tget _ariaLabelText(): string | undefined {\n\t\treturn this._accessibleLabelsRefTexts || getEffectiveAriaLabelText(this) || this._translations.searchFieldAriaLabel;\n\t}\n\n\tget _ariaDescriptionText(): string | undefined {\n\t\treturn this._associatedDescriptionRefTexts || getEffectiveAriaDescriptionText(this) || this._translations.searchFieldAriaDescription;\n\t}\n}\n\nSideNavigationSearchField.define();\n\nexport default SideNavigationSearchField;\n"]}

package/dist/SideNavigationSearchFieldTemplate.d.ts

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

package/dist/SideNavigationSearchFieldTemplate.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+import Input from "@ui5/webcomponents/dist/Input.js";
+import InputIcon from "@ui5/webcomponents/dist/InputIcon.js";
+import search from "@ui5/webcomponents-icons/dist/search.js";
+export default function SideNavigationSearchFieldTemplate() {
+    return (_jsx("div", { class: "ui5-side-navigation-search-field-root", children: _jsx(Input, { id: `${this._id}-inner`, class: "ui5-side-navigation-search-field-input", value: this.value, type: "Search", placeholder: this._effectivePlaceholder, showClearIcon: !this.hideClearIcon, noTypeahead: true, _inputAccInfo: this._inputAccInfo, "data-sap-focus-ref": true, onInput: this._handleInput, onKeyDown: this._onkeydown, children: _jsx(InputIcon, { slot: "icon", class: "ui5-side-navigation-search-field-search-icon", name: search, accessibleName: this._translations.searchIcon, onClick: this._handleSearchIconPress }) }) }));
+}
+//# sourceMappingURL=SideNavigationSearchFieldTemplate.js.map

package/dist/SideNavigationSearchFieldTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationSearchFieldTemplate.js","sourceRoot":"","sources":["../src/SideNavigationSearchFieldTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,SAAS,MAAM,sCAAsC,CAAC;AAC7D,OAAO,MAAM,MAAM,yCAAyC,CAAC;AAG7D,MAAM,CAAC,OAAO,UAAU,iCAAiC;IACxD,OAAO,CACN,cAAK,KAAK,EAAC,uCAAuC,YACjD,KAAC,KAAK,IACL,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,QAAQ,EACvB,KAAK,EAAC,wCAAwC,EAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,IAAI,CAAC,qBAAqB,EACvC,aAAa,EAAE,CAAC,IAAI,CAAC,aAAa,EAClC,WAAW,EAAE,IAAI,EACjB,aAAa,EAAE,IAAI,CAAC,aAAa,8BAEjC,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,SAAS,EAAE,IAAI,CAAC,UAAU,YAC1B,KAAC,SAAS,IACT,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,8CAA8C,EACpD,IAAI,EAAE,MAAM,EACZ,cAAc,EAAE,IAAI,CAAC,aAAa,CAAC,UAAU,EAC7C,OAAO,EAAE,IAAI,CAAC,sBAAsB,GACnC,GACK,GACH,CACN,CAAC;AACH,CAAC","sourcesContent":["import Input from \"@ui5/webcomponents/dist/Input.js\";\nimport InputIcon from \"@ui5/webcomponents/dist/InputIcon.js\";\nimport search from \"@ui5/webcomponents-icons/dist/search.js\";\nimport type SideNavigationSearchField from \"./SideNavigationSearchField.js\";\n\nexport default function SideNavigationSearchFieldTemplate(this: SideNavigationSearchField) {\n\treturn (\n\t\t<div class=\"ui5-side-navigation-search-field-root\">\n\t\t\t<Input\n\t\t\t\tid={`${this._id}-inner`}\n\t\t\t\tclass=\"ui5-side-navigation-search-field-input\"\n\t\t\t\tvalue={this.value}\n\t\t\t\ttype=\"Search\"\n\t\t\t\tplaceholder={this._effectivePlaceholder}\n\t\t\t\tshowClearIcon={!this.hideClearIcon}\n\t\t\t\tnoTypeahead={true}\n\t\t\t\t_inputAccInfo={this._inputAccInfo}\n\t\t\t\tdata-sap-focus-ref\n\t\t\t\tonInput={this._handleInput}\n\t\t\t\tonKeyDown={this._onkeydown}>\n\t\t\t\t<InputIcon\n\t\t\t\t\tslot=\"icon\"\n\t\t\t\t\tclass=\"ui5-side-navigation-search-field-search-icon\"\n\t\t\t\t\tname={search}\n\t\t\t\t\taccessibleName={this._translations.searchIcon}\n\t\t\t\t\tonClick={this._handleSearchIconPress}\n\t\t\t\t/>\n\t\t\t</Input>\n\t\t</div>\n\t);\n}\n"]}

package/dist/SideNavigationSubItem.d.ts

@@ -16,7 +16,7 @@ import "@ui5/webcomponents/dist/Tag.js";
  * @extends SideNavigationSelectableItemBase
  * @public
  * @abstract
- * @since 1.0.0-rc.8
+ * @since 1.0.0
  */
 declare class SideNavigationSubItem extends SideNavigationSelectableItemBase {
     /**

package/dist/SideNavigationSubItem.js

@@ -27,7 +27,7 @@ import SideNavigationSubItemCss from "./generated/themes/SideNavigationSubItem.c
  * @extends SideNavigationSelectableItemBase
  * @public
  * @abstract
- * @since 1.0.0-rc.8
+ * @since 1.0.0
  */
 let SideNavigationSubItem = class SideNavigationSubItem extends SideNavigationSelectableItemBase {
     get hasTag() {

package/dist/SideNavigationSubItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavigationSubItem.js","sourceRoot":"","sources":["../src/SideNavigationSubItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAE1E,OAAO,gCAAgC,MAAM,uCAAuC,CAAC;AACrF,OAAO,6BAA6B,MAAM,oCAAoC,CAAC;AAC/E,OAAO,gCAAgC,CAAC;AAExC,SAAS;AACT,OAAO,wBAAwB,MAAM,iDAAiD,CAAC;AAEvF;;;;;;;;;;;;;;;;GAgBG;AAOH,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,gCAAgC;IAsBnE,IAAI,MAAM;QACT,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;IAC1B,CAAC;IAED,IAAI,OAAO;QACV,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,CAAC;IAC3B,CAAC;IAED,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9C,CAAC;IAED,UAAU,CAAC,CAAgB;QAC1B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;IAED,UAAU,CAAC,CAAa;QACvB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;IAED,QAAQ,CAAC,CAAa;QACrB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;IAED,IAAI,YAAY;QACf,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC;QAEnC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACtC,CAAC;QAED,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC5B,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACtC,CAAC;QAED,OAAO,OAAO,CAAC;IAChB,CAAC;CACD,CAAA;AA3CA;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;kDACJ;AApBnB,qBAAqB;IAN1B,aAAa,CAAC;QACd,GAAG,EAAE,8BAA8B;QACnC,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE,wBAAwB;KAChC,CAAC;GACI,qBAAqB,CA+D1B;AAED,qBAAqB,CAAC,MAAM,EAAE,CAAC;AAE/B,eAAe,qBAAqB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRender from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\nimport SideNavigationSubItemTemplate from \"./SideNavigationSubItemTemplate.js\";\nimport \"@ui5/webcomponents/dist/Tag.js\";\n\n// Styles\nimport SideNavigationSubItemCss from \"./generated/themes/SideNavigationSubItem.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n * Represents a single navigation action within `ui5-side-navigation-item`.\n * The `ui5-side-navigation-sub-item` is intended to be used inside a `ui5-side-navigation-item` only.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";`\n *\n * @constructor\n * @extends SideNavigationSelectableItemBase\n * @public\n * @abstract\n * @since 1.0.0-rc.8\n */\n@customElement({\n\ttag: \"ui5-side-navigation-sub-item\",\n\trenderer: jsxRender,\n\ttemplate: SideNavigationSubItemTemplate,\n\tstyles: SideNavigationSubItemCss,\n})\nclass SideNavigationSubItem extends SideNavigationSelectableItemBase {\n\t/**\n\t * Defines the tag to be displayed.\n\t *\n\t * **Note:** Tags are visible when the <code>NavigationList</code> is in expanded mode,\n\t * and hidden when collapsed, but they are visible in the overflow of the collapsed mode.\n\t *\n\t * **Note:** Only one `ui5-tag` is allowed. The tag should use `design=\"Set2\"`, `hide-state-icon`,\n\t * and `colorScheme` values 5-10 to avoid confusion with semantic colors (1-4).\n\t *\n\t * **Note:** It is recommended to limit tag width to 64px (4rem). If tag text exceeds this,\n\t * use shortened forms or abbreviations (e.g., \"Experimental\" → \"Exp\").\n\t *\n\t * **Important:** The <code>ui5-tag</code> must never be interactive (i.e., <code>active</code> must not be set to <code>true</code>),\n\t * as this would lead to nesting of interactive elements, which is not allowed.\n\t *\n\t * @public\n\t * @since 2.23.0\n\t */\n\t@slot({ type: HTMLElement })\n\ttag!: Slot<HTMLElement>;\n\n\tget hasTag() {\n\t\treturn !!this.tag.length;\n\t}\n\n\tget _textId() {\n\t\treturn `${this._id}-text`;\n\t}\n\n\tget _describedBy() {\n\t\treturn this.hasTag ? this._tagId : undefined;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tsuper._onkeydown(e);\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tsuper._onkeyup(e);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tsuper._onfocusin(e);\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tsuper._onclick(e);\n\t}\n\n\tget classesArray() {\n\t\tconst classes = super.classesArray;\n\n\t\tif (this.icon) {\n\t\t\tclasses.push(\"ui5-sn-item-has-icon\");\n\t\t}\n\n\t\tif (this.effectiveDisabled) {\n\t\t\tclasses.push(\"ui5-sn-item-disabled\");\n\t\t}\n\n\t\treturn classes;\n\t}\n}\n\nSideNavigationSubItem.define();\n\nexport default SideNavigationSubItem;\n"]}
+{"version":3,"file":"SideNavigationSubItem.js","sourceRoot":"","sources":["../src/SideNavigationSubItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAE1E,OAAO,gCAAgC,MAAM,uCAAuC,CAAC;AACrF,OAAO,6BAA6B,MAAM,oCAAoC,CAAC;AAC/E,OAAO,gCAAgC,CAAC;AAExC,SAAS;AACT,OAAO,wBAAwB,MAAM,iDAAiD,CAAC;AAEvF;;;;;;;;;;;;;;;;GAgBG;AAOH,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,gCAAgC;IAsBnE,IAAI,MAAM;QACT,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;IAC1B,CAAC;IAED,IAAI,OAAO;QACV,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,CAAC;IAC3B,CAAC;IAED,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9C,CAAC;IAED,UAAU,CAAC,CAAgB;QAC1B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;IAED,UAAU,CAAC,CAAa;QACvB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;IAED,QAAQ,CAAC,CAAa;QACrB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;IAED,IAAI,YAAY;QACf,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC;QAEnC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACtC,CAAC;QAED,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC5B,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACtC,CAAC;QAED,OAAO,OAAO,CAAC;IAChB,CAAC;CACD,CAAA;AA3CA;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;kDACJ;AApBnB,qBAAqB;IAN1B,aAAa,CAAC;QACd,GAAG,EAAE,8BAA8B;QACnC,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE,wBAAwB;KAChC,CAAC;GACI,qBAAqB,CA+D1B;AAED,qBAAqB,CAAC,MAAM,EAAE,CAAC;AAE/B,eAAe,qBAAqB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRender from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\nimport SideNavigationSubItemTemplate from \"./SideNavigationSubItemTemplate.js\";\nimport \"@ui5/webcomponents/dist/Tag.js\";\n\n// Styles\nimport SideNavigationSubItemCss from \"./generated/themes/SideNavigationSubItem.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n * Represents a single navigation action within `ui5-side-navigation-item`.\n * The `ui5-side-navigation-sub-item` is intended to be used inside a `ui5-side-navigation-item` only.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";`\n *\n * @constructor\n * @extends SideNavigationSelectableItemBase\n * @public\n * @abstract\n * @since 1.0.0\n */\n@customElement({\n\ttag: \"ui5-side-navigation-sub-item\",\n\trenderer: jsxRender,\n\ttemplate: SideNavigationSubItemTemplate,\n\tstyles: SideNavigationSubItemCss,\n})\nclass SideNavigationSubItem extends SideNavigationSelectableItemBase {\n\t/**\n\t * Defines the tag to be displayed.\n\t *\n\t * **Note:** Tags are visible when the <code>NavigationList</code> is in expanded mode,\n\t * and hidden when collapsed, but they are visible in the overflow of the collapsed mode.\n\t *\n\t * **Note:** Only one `ui5-tag` is allowed. The tag should use `design=\"Set2\"`, `hide-state-icon`,\n\t * and `colorScheme` values 5-10 to avoid confusion with semantic colors (1-4).\n\t *\n\t * **Note:** It is recommended to limit tag width to 64px (4rem). If tag text exceeds this,\n\t * use shortened forms or abbreviations (e.g., \"Experimental\" → \"Exp\").\n\t *\n\t * **Important:** The <code>ui5-tag</code> must never be interactive (i.e., <code>active</code> must not be set to <code>true</code>),\n\t * as this would lead to nesting of interactive elements, which is not allowed.\n\t *\n\t * @public\n\t * @since 2.23.0\n\t */\n\t@slot({ type: HTMLElement })\n\ttag!: Slot<HTMLElement>;\n\n\tget hasTag() {\n\t\treturn !!this.tag.length;\n\t}\n\n\tget _textId() {\n\t\treturn `${this._id}-text`;\n\t}\n\n\tget _describedBy() {\n\t\treturn this.hasTag ? this._tagId : undefined;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tsuper._onkeydown(e);\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tsuper._onkeyup(e);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tsuper._onfocusin(e);\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tsuper._onclick(e);\n\t}\n\n\tget classesArray() {\n\t\tconst classes = super.classesArray;\n\n\t\tif (this.icon) {\n\t\t\tclasses.push(\"ui5-sn-item-has-icon\");\n\t\t}\n\n\t\tif (this.effectiveDisabled) {\n\t\t\tclasses.push(\"ui5-sn-item-disabled\");\n\t\t}\n\n\t\treturn classes;\n\t}\n}\n\nSideNavigationSubItem.define();\n\nexport default SideNavigationSubItem;\n"]}

package/dist/SideNavigationSubItemTemplate.js

@@ -4,7 +4,7 @@ import arrowRight from "@ui5/webcomponents-icons/dist/arrow-right.js";
 export default function SideNavigationSubItemTemplate() {
     const EffectiveTag = this._effectiveTag;
     return (_jsx("li", { id: this._id, class: "ui5-sn-list-li", role: "none", children: _jsxs(EffectiveTag, { id: this._id, "data-sap-focus-ref": true, class: `ui5-sn-item ui5-sn-item-level2 ${this._classes}`, role: this.ariaRole, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, onClick: this._onclick, onFocusIn: this._onfocusin, tabIndex: this.effectiveTabIndex, "aria-current": this._ariaCurrent, "aria-selected": this._ariaSelected, "aria-label": this.accessibleName || undefined, title: this._tooltip, "aria-disabled": this.effectiveDisabled, href: this._href, target: this._target, "aria-haspopup": this._ariaHasPopup, "aria-describedby": this._describedBy, children: [this.icon &&
-                    _jsx(Icon, { class: "ui5-sn-item-icon", name: this.icon }), _jsx("div", { class: "ui5-sn-item-text", id: this._textId, children: this.text }), this.hasTag &&
+                    _jsx(Icon, { class: "ui5-sn-item-icon", name: this.icon }), _jsx("div", { class: "ui5-sn-item-text", id: this._textId, dangerouslySetInnerHTML: { __html: this._markupText } }), this.hasTag &&
                     _jsx("div", { id: this._tagId, class: "ui5-sn-item-tag-slot", children: _jsx("slot", { name: "tag" }) }), this.isExternalLink &&
                     _jsx(Icon, { class: "ui5-sn-item-external-link-icon", name: arrowRight })] }) }));
 }

package/dist/SideNavigationSubItemTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavigationSubItemTemplate.js","sourceRoot":"","sources":["../src/SideNavigationSubItemTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,UAAU,MAAM,8CAA8C,CAAC;AAGtE,MAAM,CAAC,OAAO,UAAU,6BAA6B;IACpD,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;IAExC,OAAO,CACN,aAAI,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,YACnD,MAAC,YAAY,IAAC,EAAE,EAAE,IAAI,CAAC,GAAG,8BAErB,KAAK,EAAE,kCAAkC,IAAI,CAAC,QAAQ,EAAE,EACxD,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,CAAC,iBAAiB,kBAClB,IAAI,CAAC,YAAY,mBAChB,IAAI,CAAC,aAAa,gBACrB,IAAI,CAAC,cAAc,IAAI,SAAS,EAC5C,KAAK,EAAE,IAAI,CAAC,QAAQ,mBACL,IAAI,CAAC,iBAAiB,EACrC,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,MAAM,EAAE,IAAI,CAAC,OAAO,mBACL,IAAI,CAAC,aAAa,sBACf,IAAI,CAAC,YAAY,aAEtC,IAAI,CAAC,IAAI;oBACT,KAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,EAElD,cAAK,KAAK,EAAC,kBAAkB,EAAC,EAAE,EAAE,IAAI,CAAC,OAAO,YAAG,IAAI,CAAC,IAAI,GAAO,EAChE,IAAI,CAAC,MAAM;oBACX,cAAK,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAC,sBAAsB,YACjD,eAAM,IAAI,EAAC,KAAK,GAAQ,GACnB,EAEN,IAAI,CAAC,cAAc;oBACnB,KAAC,IAAI,IAAC,KAAK,EAAC,gCAAgC,EACzC,IAAI,EAAE,UAAU,GACjB,IAEW,GACX,CACL,CAAC;AACH,CAAC","sourcesContent":["import Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport arrowRight from \"@ui5/webcomponents-icons/dist/arrow-right.js\";\nimport type SideNavigationSubItem from \"./SideNavigationSubItem.js\";\n\nexport default function SideNavigationSubItemTemplate(this: SideNavigationSubItem) {\n\tconst EffectiveTag = this._effectiveTag;\n\n\treturn (\n\t\t<li id={this._id} class=\"ui5-sn-list-li\" role=\"none\">\n\t\t\t<EffectiveTag id={this._id}\n\t\t\t\t\t\t  data-sap-focus-ref\n\t\t\t\t\t\t  class={`ui5-sn-item ui5-sn-item-level2 ${this._classes}`}\n\t\t\t\t\t\t  role={this.ariaRole}\n\t\t\t\t\t\t  onKeyDown={this._onkeydown}\n\t\t\t\t\t\t  onKeyUp={this._onkeyup}\n\t\t\t\t\t\t  onClick={this._onclick}\n\t\t\t\t\t\t  onFocusIn={this._onfocusin}\n\t\t\t\t\t\t  tabIndex={this.effectiveTabIndex}\n\t\t\t\t\t\t  aria-current={this._ariaCurrent}\n\t\t\t\t\t\t  aria-selected={this._ariaSelected}\n\t\t\t\t\t\t  aria-label={this.accessibleName || undefined}\n\t\t\t\t\t\t  title={this._tooltip}\n\t\t\t\t\t\t  aria-disabled={this.effectiveDisabled}\n\t\t\t\t\t\t  href={this._href}\n\t\t\t\t\t\t  target={this._target}\n\t\t\t\t\t\t  aria-haspopup={this._ariaHasPopup}\n\t\t\t\t\t\t  aria-describedby={this._describedBy}\n\t\t\t>\n\t\t\t\t{this.icon &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-icon\" name={this.icon}/>\n\t\t\t\t}\n\t\t\t\t<div class=\"ui5-sn-item-text\" id={this._textId}>{this.text}</div>\n\t\t\t\t{this.hasTag &&\n\t\t\t\t\t<div id={this._tagId} class=\"ui5-sn-item-tag-slot\">\n\t\t\t\t\t\t<slot name=\"tag\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t{this.isExternalLink &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-external-link-icon\"\n\t\t\t\t\t\t  name={arrowRight}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</EffectiveTag>\n\t\t</li>\n\t);\n}\n"]}
+{"version":3,"file":"SideNavigationSubItemTemplate.js","sourceRoot":"","sources":["../src/SideNavigationSubItemTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,UAAU,MAAM,8CAA8C,CAAC;AAGtE,MAAM,CAAC,OAAO,UAAU,6BAA6B;IACpD,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;IAExC,OAAO,CACN,aAAI,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,YACnD,MAAC,YAAY,IAAC,EAAE,EAAE,IAAI,CAAC,GAAG,8BAErB,KAAK,EAAE,kCAAkC,IAAI,CAAC,QAAQ,EAAE,EACxD,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,CAAC,iBAAiB,kBAClB,IAAI,CAAC,YAAY,mBAChB,IAAI,CAAC,aAAa,gBACrB,IAAI,CAAC,cAAc,IAAI,SAAS,EAC5C,KAAK,EAAE,IAAI,CAAC,QAAQ,mBACL,IAAI,CAAC,iBAAiB,EACrC,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,MAAM,EAAE,IAAI,CAAC,OAAO,mBACL,IAAI,CAAC,aAAa,sBACf,IAAI,CAAC,YAAY,aAEtC,IAAI,CAAC,IAAI;oBACT,KAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,EAElD,cAAK,KAAK,EAAC,kBAAkB,EAAC,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,GAAQ,EAC5G,IAAI,CAAC,MAAM;oBACX,cAAK,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAC,sBAAsB,YACjD,eAAM,IAAI,EAAC,KAAK,GAAQ,GACnB,EAEN,IAAI,CAAC,cAAc;oBACnB,KAAC,IAAI,IAAC,KAAK,EAAC,gCAAgC,EACzC,IAAI,EAAE,UAAU,GACjB,IAEW,GACX,CACL,CAAC;AACH,CAAC","sourcesContent":["import Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport arrowRight from \"@ui5/webcomponents-icons/dist/arrow-right.js\";\nimport type SideNavigationSubItem from \"./SideNavigationSubItem.js\";\n\nexport default function SideNavigationSubItemTemplate(this: SideNavigationSubItem) {\n\tconst EffectiveTag = this._effectiveTag;\n\n\treturn (\n\t\t<li id={this._id} class=\"ui5-sn-list-li\" role=\"none\">\n\t\t\t<EffectiveTag id={this._id}\n\t\t\t\t\t\t  data-sap-focus-ref\n\t\t\t\t\t\t  class={`ui5-sn-item ui5-sn-item-level2 ${this._classes}`}\n\t\t\t\t\t\t  role={this.ariaRole}\n\t\t\t\t\t\t  onKeyDown={this._onkeydown}\n\t\t\t\t\t\t  onKeyUp={this._onkeyup}\n\t\t\t\t\t\t  onClick={this._onclick}\n\t\t\t\t\t\t  onFocusIn={this._onfocusin}\n\t\t\t\t\t\t  tabIndex={this.effectiveTabIndex}\n\t\t\t\t\t\t  aria-current={this._ariaCurrent}\n\t\t\t\t\t\t  aria-selected={this._ariaSelected}\n\t\t\t\t\t\t  aria-label={this.accessibleName || undefined}\n\t\t\t\t\t\t  title={this._tooltip}\n\t\t\t\t\t\t  aria-disabled={this.effectiveDisabled}\n\t\t\t\t\t\t  href={this._href}\n\t\t\t\t\t\t  target={this._target}\n\t\t\t\t\t\t  aria-haspopup={this._ariaHasPopup}\n\t\t\t\t\t\t  aria-describedby={this._describedBy}\n\t\t\t>\n\t\t\t\t{this.icon &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-icon\" name={this.icon}/>\n\t\t\t\t}\n\t\t\t\t<div class=\"ui5-sn-item-text\" id={this._textId} dangerouslySetInnerHTML={{ __html: this._markupText }}></div>\n\t\t\t\t{this.hasTag &&\n\t\t\t\t\t<div id={this._tagId} class=\"ui5-sn-item-tag-slot\">\n\t\t\t\t\t\t<slot name=\"tag\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t{this.isExternalLink &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-external-link-icon\"\n\t\t\t\t\t\t  name={arrowRight}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</EffectiveTag>\n\t\t</li>\n\t);\n}\n"]}

package/dist/SideNavigationTemplate.js

@@ -6,10 +6,11 @@ export default function SideNavigationTemplate() {
     return (_jsxs(_Fragment, { children: [_jsxs("nav", { class: {
                     "ui5-sn-root": true,
                     "ui5-sn-collapsed": this.collapsed,
-                }, role: this._rootRole, "aria-label": this.accessibleName, children: [header.call(this), this.collapsed ?
+                }, role: this._rootRole, "aria-label": this.accessibleName, children: [header.call(this), filterSection.call(this), this.collapsed ?
                         _jsxs("div", { role: "menubar", class: "ui5-sn-list ui5-sn-flexible", "aria-orientation": "vertical", "aria-roledescription": this.ariaRoleDescNavigationList, "aria-label": this.navigationMenuPrimaryHiddenText, children: [_jsx("slot", {}), _jsx(SideNavigationItem, { isOverflow: true, id: `${this._id}-sn-overflow-item`, text: this.overflowAccessibleName, onClick: this._handleOverflowClick, class: "ui5-sn-item-overflow", sideNavCollapsed: true, icon: overflow })] })
                         :
-                            _jsx("ul", { role: "tree", class: "ui5-sn-list ui5-sn-flexible", "aria-roledescription": this.ariaRoleDescNavigationList, "aria-label": this.navigationMenuPrimaryHiddenText, children: _jsx("slot", {}) }), this.hasFixedItems && _jsxs(_Fragment, { children: [_jsx("div", { role: "separator", class: "ui5-sn-spacer" }), this.collapsed ?
+                            _jsxs("ul", { role: "tree", class: "ui5-sn-list ui5-sn-flexible", "aria-roledescription": this.ariaRoleDescNavigationList, "aria-label": this.navigationMenuPrimaryHiddenText, children: [_jsx("slot", {}), this.showNoMatchText &&
+                                        _jsx(SideNavigationItem, { text: this.noMatchText, unselectable: true, forcedTabIndex: "0", class: "ui5-sn-item-no-match" })] }), this.hasFixedItems && _jsxs(_Fragment, { children: [_jsx("div", { role: "separator", class: "ui5-sn-spacer" }), this.collapsed ?
                                 _jsx("div", { role: "menubar", class: "ui5-sn-list ui5-sn-fixed", "aria-orientation": "vertical", "aria-roledescription": this.ariaRoleDescNavigationList, "aria-label": this.navigationMenuFooterHiddenText, children: _jsx("slot", { name: "fixedItems" }) })
                                 :
                                     _jsx("ul", { role: "tree", class: "ui5-sn-list ui5-sn-fixed", "aria-roledescription": this.ariaRoleDescNavigationList, "aria-label": this.navigationMenuFooterHiddenText, children: _jsx("slot", { name: "fixedItems" }) })] })] }), SideNavigationPopoverTemplate.call(this)] }));
@@ -17,4 +18,7 @@ export default function SideNavigationTemplate() {
 function header() {
     return this.showHeader ? (_jsx("slot", { name: "header" })) : undefined;
 }
+function filterSection() {
+    return !this.collapsed && this.filterSection.length ? (_jsx("div", { class: "ui5-sn-filter-section", children: _jsx("slot", { name: "filterSection" }) })) : undefined;
+}
 //# sourceMappingURL=SideNavigationTemplate.js.map

package/dist/SideNavigationTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavigationTemplate.js","sourceRoot":"","sources":["../src/SideNavigationTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AAEjE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,6BAA6B,MAAM,oCAAoC,CAAC;AAE/E,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC7C,OAAO,CAAC,8BACP,eAAK,KAAK,EAAE;oBACX,aAAa,EAAE,IAAI;oBACnB,kBAAkB,EAAE,IAAI,CAAC,SAAS;iBAClC,EACD,IAAI,EAAE,IAAI,CAAC,SAAS,gBACR,IAAI,CAAC,cAAc,aAE7B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAEjB,IAAI,CAAC,SAAS,CAAC,CAAC;wBAChB,eAAK,IAAI,EAAC,SAAS,EAClB,KAAK,EAAC,6BAA6B,sBAClB,UAAU,0BACL,IAAI,CAAC,0BAA0B,gBACzC,IAAI,CAAC,+BAA+B,aAEhD,gBAAa,EACb,KAAC,kBAAkB,IAClB,UAAU,EAAE,IAAI,EAChB,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,mBAAmB,EAClC,IAAI,EAAE,IAAI,CAAC,sBAAsB,EACjC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,KAAK,EAAC,sBAAsB,EAC5B,gBAAgB,EAAE,IAAI,EACtB,IAAI,EAAE,QAAQ,GACb,IACG;wBACN,CAAC;4BACD,aAAI,IAAI,EAAC,MAAM,EACd,KAAK,EAAC,6BAA6B,0BACb,IAAI,CAAC,0BAA0B,gBACzC,IAAI,CAAC,+BAA+B,YAEhD,gBAAa,GACT,EAGL,IAAI,CAAC,aAAa,IAAI,8BACtB,cAAK,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,eAAe,GAAO,EACjD,IAAI,CAAC,SAAS,CAAC,CAAC;gCAChB,cAAK,IAAI,EAAC,SAAS,EAClB,KAAK,EAAC,0BAA0B,sBACf,UAAU,0BACL,IAAI,CAAC,0BAA0B,gBACzC,IAAI,CAAC,8BAA8B,YAE/C,eAAM,IAAI,EAAC,YAAY,GAAQ,GAC1B;gCACN,CAAC;oCACD,aAAI,IAAI,EAAC,MAAM,EACd,KAAK,EAAC,0BAA0B,0BACV,IAAI,CAAC,0BAA0B,gBACzC,IAAI,CAAC,8BAA8B,YAE/C,eAAM,IAAI,EAAC,YAAY,GAAQ,GAC3B,IAEJ,IACE,EACL,6BAA6B,CAAC,IAAI,CAAC,IAAI,CAAC,IACvC,CAAC,CAAC;AACN,CAAC;AAED,SAAS,MAAM;IACd,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACxB,eAAM,IAAI,EAAC,QAAQ,GAAQ,CAC3B,CAAC,CAAC,CAAC,SAAS,CAAC;AACf,CAAC","sourcesContent":["import overflow from \"@ui5/webcomponents-icons/dist/overflow.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\nimport SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationPopoverTemplate from \"./SideNavigationPopoverTemplate.js\";\n\nexport default function SideNavigationTemplate(this: SideNavigation) {\n\treturn (<>\n\t\t<nav class={{\n\t\t\t\"ui5-sn-root\": true,\n\t\t\t\"ui5-sn-collapsed\": this.collapsed,\n\t\t}}\n\t\trole={this._rootRole}\n\t\taria-label={this.accessibleName}\n\t\t>\n\t\t\t{header.call(this)}\n\n\t\t\t{this.collapsed ?\n\t\t\t\t<div role=\"menubar\"\n\t\t\t\t\tclass=\"ui5-sn-list ui5-sn-flexible\"\n\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\taria-roledescription={this.ariaRoleDescNavigationList}\n\t\t\t\t\taria-label={this.navigationMenuPrimaryHiddenText}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<SideNavigationItem\n\t\t\t\t\t\tisOverflow={true}\n\t\t\t\t\t\tid={`${this._id}-sn-overflow-item`}\n\t\t\t\t\t\ttext={this.overflowAccessibleName}\n\t\t\t\t\t\tonClick={this._handleOverflowClick}\n\t\t\t\t\t\tclass=\"ui5-sn-item-overflow\"\n\t\t\t\t\t\tsideNavCollapsed={true}\n\t\t\t\t\t\ticon={overflow}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t:\n\t\t\t\t<ul role=\"tree\"\n\t\t\t\t\tclass=\"ui5-sn-list ui5-sn-flexible\"\n\t\t\t\t\taria-roledescription={this.ariaRoleDescNavigationList}\n\t\t\t\t\taria-label={this.navigationMenuPrimaryHiddenText}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t}\n\n\t\t\t{this.hasFixedItems && <>\n\t\t\t\t<div role=\"separator\" class=\"ui5-sn-spacer\"></div>\n\t\t\t\t{this.collapsed ?\n\t\t\t\t\t<div role=\"menubar\"\n\t\t\t\t\t\tclass=\"ui5-sn-list ui5-sn-fixed\"\n\t\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\t\taria-roledescription={this.ariaRoleDescNavigationList}\n\t\t\t\t\t\taria-label={this.navigationMenuFooterHiddenText}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"fixedItems\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t:\n\t\t\t\t\t<ul role=\"tree\"\n\t\t\t\t\t\tclass=\"ui5-sn-list ui5-sn-fixed\"\n\t\t\t\t\t\taria-roledescription={this.ariaRoleDescNavigationList}\n\t\t\t\t\t\taria-label={this.navigationMenuFooterHiddenText}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"fixedItems\"></slot>\n\t\t\t\t\t</ul>\n\t\t\t\t}\n\t\t\t</>}\n\t\t</nav>\n\t\t{SideNavigationPopoverTemplate.call(this)}\n\t</>);\n}\n\nfunction header(this: SideNavigation) {\n\treturn this.showHeader ? (\n\t\t<slot name=\"header\"></slot>\n\t) : undefined;\n}\n"]}
+{"version":3,"file":"SideNavigationTemplate.js","sourceRoot":"","sources":["../src/SideNavigationTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AAEjE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,6BAA6B,MAAM,oCAAoC,CAAC;AAE/E,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC7C,OAAO,CAAC,8BACP,eAAK,KAAK,EAAE;oBACX,aAAa,EAAE,IAAI;oBACnB,kBAAkB,EAAE,IAAI,CAAC,SAAS;iBAClC,EACD,IAAI,EAAE,IAAI,CAAC,SAAS,gBACR,IAAI,CAAC,cAAc,aAE7B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAEjB,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAExB,IAAI,CAAC,SAAS,CAAC,CAAC;wBAChB,eAAK,IAAI,EAAC,SAAS,EAClB,KAAK,EAAC,6BAA6B,sBAClB,UAAU,0BACL,IAAI,CAAC,0BAA0B,gBACzC,IAAI,CAAC,+BAA+B,aAEhD,gBAAa,EACb,KAAC,kBAAkB,IAClB,UAAU,EAAE,IAAI,EAChB,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,mBAAmB,EAClC,IAAI,EAAE,IAAI,CAAC,sBAAsB,EACjC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,KAAK,EAAC,sBAAsB,EAC5B,gBAAgB,EAAE,IAAI,EACtB,IAAI,EAAE,QAAQ,GACb,IACG;wBACN,CAAC;4BACD,cAAI,IAAI,EAAC,MAAM,EACd,KAAK,EAAC,6BAA6B,0BACb,IAAI,CAAC,0BAA0B,gBACzC,IAAI,CAAC,+BAA+B,aAEhD,gBAAa,EACZ,IAAI,CAAC,eAAe;wCACpB,KAAC,kBAAkB,IAClB,IAAI,EAAE,IAAI,CAAC,WAAW,EACtB,YAAY,EAAE,IAAI,EAClB,cAAc,EAAC,GAAG,EAClB,KAAK,EAAC,sBAAsB,GAC3B,IAEC,EAGL,IAAI,CAAC,aAAa,IAAI,8BACtB,cAAK,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,eAAe,GAAO,EACjD,IAAI,CAAC,SAAS,CAAC,CAAC;gCAChB,cAAK,IAAI,EAAC,SAAS,EAClB,KAAK,EAAC,0BAA0B,sBACf,UAAU,0BACL,IAAI,CAAC,0BAA0B,gBACzC,IAAI,CAAC,8BAA8B,YAE/C,eAAM,IAAI,EAAC,YAAY,GAAQ,GAC1B;gCACN,CAAC;oCACD,aAAI,IAAI,EAAC,MAAM,EACd,KAAK,EAAC,0BAA0B,0BACV,IAAI,CAAC,0BAA0B,gBACzC,IAAI,CAAC,8BAA8B,YAE/C,eAAM,IAAI,EAAC,YAAY,GAAQ,GAC3B,IAEJ,IACE,EACL,6BAA6B,CAAC,IAAI,CAAC,IAAI,CAAC,IACvC,CAAC,CAAC;AACN,CAAC;AAED,SAAS,MAAM;IACd,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACxB,eAAM,IAAI,EAAC,QAAQ,GAAQ,CAC3B,CAAC,CAAC,CAAC,SAAS,CAAC;AACf,CAAC;AAED,SAAS,aAAa;IACrB,OAAO,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CACrD,cAAK,KAAK,EAAC,uBAAuB,YACjC,eAAM,IAAI,EAAC,eAAe,GAAQ,GAC7B,CACN,CAAC,CAAC,CAAC,SAAS,CAAC;AACf,CAAC","sourcesContent":["import overflow from \"@ui5/webcomponents-icons/dist/overflow.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\nimport SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationPopoverTemplate from \"./SideNavigationPopoverTemplate.js\";\n\nexport default function SideNavigationTemplate(this: SideNavigation) {\n\treturn (<>\n\t\t<nav class={{\n\t\t\t\"ui5-sn-root\": true,\n\t\t\t\"ui5-sn-collapsed\": this.collapsed,\n\t\t}}\n\t\trole={this._rootRole}\n\t\taria-label={this.accessibleName}\n\t\t>\n\t\t\t{header.call(this)}\n\n\t\t\t{filterSection.call(this)}\n\n\t\t\t{this.collapsed ?\n\t\t\t\t<div role=\"menubar\"\n\t\t\t\t\tclass=\"ui5-sn-list ui5-sn-flexible\"\n\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\taria-roledescription={this.ariaRoleDescNavigationList}\n\t\t\t\t\taria-label={this.navigationMenuPrimaryHiddenText}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<SideNavigationItem\n\t\t\t\t\t\tisOverflow={true}\n\t\t\t\t\t\tid={`${this._id}-sn-overflow-item`}\n\t\t\t\t\t\ttext={this.overflowAccessibleName}\n\t\t\t\t\t\tonClick={this._handleOverflowClick}\n\t\t\t\t\t\tclass=\"ui5-sn-item-overflow\"\n\t\t\t\t\t\tsideNavCollapsed={true}\n\t\t\t\t\t\ticon={overflow}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t:\n\t\t\t\t<ul role=\"tree\"\n\t\t\t\t\tclass=\"ui5-sn-list ui5-sn-flexible\"\n\t\t\t\t\taria-roledescription={this.ariaRoleDescNavigationList}\n\t\t\t\t\taria-label={this.navigationMenuPrimaryHiddenText}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t{this.showNoMatchText &&\n\t\t\t\t\t\t<SideNavigationItem\n\t\t\t\t\t\t\ttext={this.noMatchText}\n\t\t\t\t\t\t\tunselectable={true}\n\t\t\t\t\t\t\tforcedTabIndex=\"0\"\n\t\t\t\t\t\t\tclass=\"ui5-sn-item-no-match\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</ul>\n\t\t\t}\n\n\t\t\t{this.hasFixedItems && <>\n\t\t\t\t<div role=\"separator\" class=\"ui5-sn-spacer\"></div>\n\t\t\t\t{this.collapsed ?\n\t\t\t\t\t<div role=\"menubar\"\n\t\t\t\t\t\tclass=\"ui5-sn-list ui5-sn-fixed\"\n\t\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t\t\taria-roledescription={this.ariaRoleDescNavigationList}\n\t\t\t\t\t\taria-label={this.navigationMenuFooterHiddenText}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"fixedItems\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t:\n\t\t\t\t\t<ul role=\"tree\"\n\t\t\t\t\t\tclass=\"ui5-sn-list ui5-sn-fixed\"\n\t\t\t\t\t\taria-roledescription={this.ariaRoleDescNavigationList}\n\t\t\t\t\t\taria-label={this.navigationMenuFooterHiddenText}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"fixedItems\"></slot>\n\t\t\t\t\t</ul>\n\t\t\t\t}\n\t\t\t</>}\n\t\t</nav>\n\t\t{SideNavigationPopoverTemplate.call(this)}\n\t</>);\n}\n\nfunction header(this: SideNavigation) {\n\treturn this.showHeader ? (\n\t\t<slot name=\"header\"></slot>\n\t) : undefined;\n}\n\nfunction filterSection(this: SideNavigation) {\n\treturn !this.collapsed && this.filterSection.length ? (\n\t\t<div class=\"ui5-sn-filter-section\">\n\t\t\t<slot name=\"filterSection\"></slot>\n\t\t</div>\n\t) : undefined;\n}\n"]}

package/dist/SortItem.d.ts

@@ -18,7 +18,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
  * @constructor
  * @extends UI5Element
  * @abstract
- * @since 1.0.0-rc.16
+ * @since 1.0.0
  * @public
  */
 declare class SortItem extends UI5Element {

package/dist/SortItem.js

@@ -26,7 +26,7 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
  * @constructor
  * @extends UI5Element
  * @abstract
- * @since 1.0.0-rc.16
+ * @since 1.0.0
  * @public
  */
 let SortItem = class SortItem extends UI5Element {

package/dist/SortItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortItem.js","sourceRoot":"","sources":["../src/SortItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QASC;;;;WAIG;QAEH,aAAQ,GAAG,KAAK,CAAC;IAClB,CAAC;CAAA,CAAA;AATA;IADC,QAAQ,EAAE;sCACG;AAQd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACX;AAfZ,QAAQ;IADb,aAAa,CAAC,eAAe,CAAC;GACzB,QAAQ,CAgBb;AAED,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-sort-item` component defines the sorting criteria for data in `ui5-view-settings-dialog`.\n * It represents a single sort option that users can select to organize data in ascending or descending order.\n *\n * ### Usage\n *\n * The `ui5-sort-item` is used within the `ui5-view-settings-dialog` to provide sorting options.\n * Each sort item represents a column or field by which data can be sorted.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/SortItem.js\";`\n * @constructor\n * @extends UI5Element\n * @abstract\n * @since 1.0.0-rc.16\n * @public\n */\n@customElement(\"ui5-sort-item\")\nclass SortItem extends UI5Element {\n\t/**\n\t * Defines the text of the sort item.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\ttext?: string;\n\n\t/**\n\t * Defines if the sort item is selected.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n}\n\nSortItem.define();\n\nexport default SortItem;\n"]}
+{"version":3,"file":"SortItem.js","sourceRoot":"","sources":["../src/SortItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QASC;;;;WAIG;QAEH,aAAQ,GAAG,KAAK,CAAC;IAClB,CAAC;CAAA,CAAA;AATA;IADC,QAAQ,EAAE;sCACG;AAQd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACX;AAfZ,QAAQ;IADb,aAAa,CAAC,eAAe,CAAC;GACzB,QAAQ,CAgBb;AAED,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-sort-item` component defines the sorting criteria for data in `ui5-view-settings-dialog`.\n * It represents a single sort option that users can select to organize data in ascending or descending order.\n *\n * ### Usage\n *\n * The `ui5-sort-item` is used within the `ui5-view-settings-dialog` to provide sorting options.\n * Each sort item represents a column or field by which data can be sorted.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/SortItem.js\";`\n * @constructor\n * @extends UI5Element\n * @abstract\n * @since 1.0.0\n * @public\n */\n@customElement(\"ui5-sort-item\")\nclass SortItem extends UI5Element {\n\t/**\n\t * Defines the text of the sort item.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\ttext?: string;\n\n\t/**\n\t * Defines if the sort item is selected.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n}\n\nSortItem.define();\n\nexport default SortItem;\n"]}

package/dist/Timeline.d.ts

@@ -56,7 +56,9 @@ interface ITimelineItem extends UI5Element, ITabbable {
  * @constructor
  * @extends UI5Element
  * @public
- * @since 0.8.0
+ * @since 1.0.0
+ * @ui5subcomponent TimelineGroupItem
+ * @ui5subcomponent TimelineItem
  */
 declare class Timeline extends UI5Element {
     eventDetails: {
@@ -65,7 +67,7 @@ declare class Timeline extends UI5Element {
     /**
      * Defines the items orientation.
      * @default "Vertical"
-     * @since 1.0.0-rc.15
+     * @since 1.0.0
      * @public
      */
     layout: `${TimelineLayout}`;

package/dist/Timeline.js

@@ -63,7 +63,9 @@ const GROWING_WITH_SCROLL_DEBOUNCE_RATE = 250; // ms
  * @constructor
  * @extends UI5Element
  * @public
- * @since 0.8.0
+ * @since 1.0.0
+ * @ui5subcomponent TimelineGroupItem
+ * @ui5subcomponent TimelineItem
  */
 let Timeline = Timeline_1 = class Timeline extends UI5Element {
     constructor() {
@@ -71,7 +73,7 @@ let Timeline = Timeline_1 = class Timeline extends UI5Element {
         /**
          * Defines the items orientation.
          * @default "Vertical"
-         * @since 1.0.0-rc.15
+         * @since 1.0.0
          * @public
          */
         this.layout = "Vertical";