npm - @ui5/webcomponents-fiori - Versions diffs - 2.28.1 → 2.29.0-rc.0 - Mend

@ui5/webcomponents-fiori 2.28.1 → 2.29.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (156) hide show

package/dist/SideNavigationItemTemplate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SideNavigationItemTemplate.js","sourceRoot":"","sources":["../src/SideNavigationItemTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,aAAa,MAAM,yDAAyD,CAAC;AACpF,OAAO,YAAY,MAAM,wDAAwD,CAAC;AAClF,OAAO,UAAU,MAAM,8CAA8C,CAAC;AAGtE,MAAM,CAAC,OAAO,UAAU,0BAA0B;IACjD,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC3B,OAAO,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CACN,aAAI,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,YAClD,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GACpB,CACL,CAAC;AACH,CAAC;AAED,SAAS,YAAY;IACpB,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;IAExC,OAAO,CACN,8BACC,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,EACjC,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,EACjC,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,YAAY,EAAE,IAAI,CAAC,aAAa,kBAClB,IAAI,CAAC,YAAY,eACpB,IAAI,CAAC,QAAQ,gBACZ,IAAI,CAAC,UAAU,mBACZ,IAAI,CAAC,SAAS,qBACZ,IAAI,CAAC,OAAO,sBACX,IAAI,CAAC,YAAY,aAEtC,IAAI,CAAC,gBAAgB,CAAC,CAAC;wBACvB,KAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG;wBACjD,CAAC;4BACD,IAAI,CAAC,IAAI,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,EAE/D,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;~~wBACX~~,cAAK,~~EAAE~~,~~EAAE~~,~~IAAI~~,~~CAAC~~,MAAM,~~EAAE~~,~~KAAK,EAAC,sBAAsB,YACjD,~~eAAM,IAAI,EAAC,KAAK,GAAQ,GACnB,~~EAEN~~,IAAI,CAAC,gBAAgB,CAAC,CAAC;wBACvB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;4BACnB,KAAC,IAAI,IAAC,KAAK,EAAC,yBAAyB,EAClC,IAAI,EAAE,aAAa,GACpB;wBACF,CAAC;4BACD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;gCACnB,KAAC,IAAI,IAAC,KAAK,EAAC,yBAAyB,EAClC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EAClD,cAAc,EAAE,IAAI,CAAC,aAAa,EAClC,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,IAAI,CAAC,cAAc,GAC7B,EAEF,IAAI,CAAC,cAAc;wBACnB,KAAC,IAAI,IAAC,KAAK,EAAC,gCAAgC,EACzC,IAAI,EAAE,UAAU,GACjB,IAEW,EACd,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;gBAC7C,aAAI,EAAE,EAAE,IAAI,CAAC,QAAQ,EACpB,KAAK,EAAC,gBAAgB,gBACV,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,IAAI,EAC5C,IAAI,EAAC,OAAO,YAEZ,gBAAa,GACT,EAEL,IAAI,CAAC,8BAA8B;gBACnC,eAAM,EAAE,EAAE,IAAI,CAAC,4BAA4B,EAAE,KAAK,EAAC,iBAAiB,YAAE,IAAI,CAAC,8BAA8B,GAAQ,~~IAEhH~~,CACH,CAAC;AACH,CAAC","sourcesContent":["import Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport navRightArrow from \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport navDownArrow from \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\nimport arrowRight from \"@ui5/webcomponents-icons/dist/arrow-right.js\";\nimport type SideNavigationItem from \"./SideNavigationItem.js\";\n\nexport default function SideNavigationItemTemplate(this: SideNavigationItem) {\n\tif (this.sideNavCollapsed) {\n\t\treturn ItemTemplate.call(this);\n\t}\n\n\treturn (\n\t\t<li id={this._id} class=\"ui5-sn-list-li\" role=\"none\">\n\t\t\t{ItemTemplate.call(this)}\n\t\t</li>\n\t);\n}\n\nfunction ItemTemplate(this: SideNavigationItem) {\n\tconst EffectiveTag = this._effectiveTag;\n\n\treturn (\n\t\t<>\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-level1 ${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 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 onFocusOut={this._onfocusout}\n\t\t\t\t\t\t onMouseEnter={this._onmouseenter}\n\t\t\t\t\t\t onMouseLeave={this._onmouseleave}\n\t\t\t\t\t\t aria-checked={this._ariaChecked}\n\t\t\t\t\t\t aria-owns={this._groupId}\n\t\t\t\t\t\t aria-label={this._ariaLabel}\n\t\t\t\t\t\t aria-expanded={this._expanded}\n\t\t\t\t\t\t aria-labelledby={this._textId}\n\t\t\t\t\t\t aria-describedby={this._describedBy}\n\t\t\t>\n\t\t\t\t{this.sideNavCollapsed ?\n\t\t\t\t\t<Icon class=\"ui5-sn-item-icon\" name={this.icon}/>\n\t\t\t\t\t:\n\t\t\t\t\tthis.icon && <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.sideNavCollapsed ?\n\t\t\t\t\t!!this.items.length &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-toggle-icon\"\n\t\t\t\t\t\t name={navRightArrow}\n\t\t\t\t\t/>\n\t\t\t\t\t:\n\t\t\t\t\t!!this.items.length &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-toggle-icon\"\n\t\t\t\t\t\t name={this.expanded ? navDownArrow : navRightArrow}\n\t\t\t\t\t\t accessibleName={this._arrowTooltip}\n\t\t\t\t\t\t showTooltip={true}\n\t\t\t\t\t\t onClick={this._onToggleClick}\n\t\t\t\t\t/>\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\t{!this.sideNavCollapsed && !!this.items.length &&\n\t\t\t\t<ul id={this._groupId}\n\t\t\t\t\tclass=\"ui5-sn-item-ul\"\n\t\t\t\t\taria-label={this.accessibleName \|\| this.text}\n\t\t\t\t\trole=\"group\"\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t}\n\t\t\t{this._selectableItemDescriptionText &&\n\t\t\t\t<span id={this._selectableItemDescriptionId} class=\"ui5-hidden-text\">{this._selectableItemDescriptionText}</span>\n\t\t\t}\n\t\t</>\n\t);\n}\n"]}
1	+ {"version":3,"file":"SideNavigationItemTemplate.js","sourceRoot":"","sources":["../src/SideNavigationItemTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport navRightArrow from \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport navDownArrow from \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\nimport arrowRight from \"@ui5/webcomponents-icons/dist/arrow-right.js\";\nimport type SideNavigationItem from \"./SideNavigationItem.js\";\n\nexport default function SideNavigationItemTemplate(this: SideNavigationItem) {\n\tif (this.sideNavCollapsed) {\n\t\treturn ItemTemplate.call(this);\n\t}\n\n\treturn (\n\t\t<li id={this._id} class=\"ui5-sn-list-li\" role=\"none\">\n\t\t\t{ItemTemplate.call(this)}\n\t\t</li>\n\t);\n}\n\nfunction ItemTemplate(this: SideNavigationItem) {\n\tconst EffectiveTag = this._effectiveTag;\n\n\treturn (\n\t\t<>\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-level1 ${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 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 onFocusOut={this._onfocusout}\n\t\t\t\t\t\t onMouseEnter={this._onmouseenter}\n\t\t\t\t\t\t onMouseLeave={this._onmouseleave}\n\t\t\t\t\t\t aria-checked={this._ariaChecked}\n\t\t\t\t\t\t aria-owns={this._groupId}\n\t\t\t\t\t\t aria-label={this._ariaLabel}\n\t\t\t\t\t\t aria-expanded={this._expanded}\n\t\t\t\t\t\t aria-labelledby={this._textId}\n\t\t\t\t\t\t aria-describedby={this._describedBy}\n\t\t\t>\n\t\t\t\t{this.sideNavCollapsed ?\n\t\t\t\t\t<Icon class=\"ui5-sn-item-icon\" name={this.icon}/>\n\t\t\t\t\t:\n\t\t\t\t\tthis.icon && <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-tag-container\">\n\t\t\t\t\t<div class=\"ui5-sn-item-text\" id={this._textId} dangerouslySetInnerHTML={{ __html: this._markupText }}></div>\n\t\t\t\t\t{this.hasTag &&\n\t\t\t\t\t\t<div class=\"ui5-sn-item-tag-slot\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<slot name=\"tag\"></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t{this.sideNavCollapsed ?\n\t\t\t\t\t!!this.items.length &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-toggle-icon\"\n\t\t\t\t\t\t name={navRightArrow}\n\t\t\t\t\t/>\n\t\t\t\t\t:\n\t\t\t\t\t!!this.items.length &&\n\t\t\t\t\t<Icon class=\"ui5-sn-item-toggle-icon\"\n\t\t\t\t\t\t name={this.expanded ? navDownArrow : navRightArrow}\n\t\t\t\t\t\t accessibleName={this._arrowTooltip}\n\t\t\t\t\t\t showTooltip={true}\n\t\t\t\t\t\t onClick={this._onToggleClick}\n\t\t\t\t\t/>\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\t{!this.sideNavCollapsed && !!this.items.length &&\n\t\t\t\t<ul id={this._groupId}\n\t\t\t\t\tclass=\"ui5-sn-item-ul\"\n\t\t\t\t\taria-label={this.accessibleName \|\| this.text}\n\t\t\t\t\trole=\"group\"\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t}\n\t\t\t{this._selectableItemDescriptionText &&\n\t\t\t\t<span id={this._selectableItemDescriptionId} class=\"ui5-hidden-text\">{this._selectableItemDescriptionText}</span>\n\t\t\t}\n\t\t\t{this.hasTag &&\n\t\t\t\t<span id={this._tagId} class=\"ui5-hidden-text\">{this._tagDescriptionText}</span>\n\t\t\t}\n\t\t</>\n\t);\n}\n"]}

package/dist/SideNavigationSelectableItemBase.d.ts CHANGED Viewed

@@ -139,6 +139,11 @@ declare class SideNavigationSelectableItemBase extends SideNavigationItemBase {
     get _ariaCurrent(): "page" | undefined;
     get _ariaSelected(): boolean | undefined;
     get _tagId(): string;
+    /**
+     * Forces the slotted tag onto a single line (truncated) in collapsed mode,
+     * and restores the author's wrapping when expanded.
+     */
+    _syncTagWrapping(): void;
     _onkeydown(e: KeyboardEvent): void;
     _onkeyup(e: KeyboardEvent): void;
     _onclick(e: MouseEvent): void;

package/dist/SideNavigationSelectableItemBase.js CHANGED Viewed

@@ -145,6 +145,32 @@ let SideNavigationSelectableItemBase = class SideNavigationSelectableItemBase ex
     get _tagId() {
         return `${this._id}-tag`;
     }
+    /**
+     * Forces the slotted tag onto a single line (truncated) in collapsed mode,
+     * and restores the author's wrapping when expanded.
+     */
+    _syncTagWrapping() {
+        const tag = this.querySelector(`[slot="tag"]`);
+        if (!tag) {
+            return;
+        }
+        if (this.sideNavCollapsed) {
+            if (!tag.hasAttribute("data-ui5-tag-wrapping-synced")) {
+                tag.setAttribute("data-ui5-tag-wrapping-synced", tag.getAttribute("wrapping-type") ?? "");
+            }
+            tag.setAttribute("wrapping-type", "None");
+        }
+        else if (tag.hasAttribute("data-ui5-tag-wrapping-synced")) {
+            const original = tag.getAttribute("data-ui5-tag-wrapping-synced");
+            if (original) {
+                tag.setAttribute("wrapping-type", original);
+            }
+            else {
+                tag.removeAttribute("wrapping-type");
+            }
+            tag.removeAttribute("data-ui5-tag-wrapping-synced");
+        }
+    }
     _onkeydown(e) {
         const isRTL = this.effectiveDir === "rtl";
         if (isSpace(e) || isRight(e) || isLeft(e)) {

package/dist/SideNavigationSelectableItemBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SideNavigationSelectableItemBase.js","sourceRoot":"","sources":["../src/SideNavigationSelectableItemBase.ts"],"names":[],"mappings":"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","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 {\n\tisSpace,\n\tisEnter,\n\tisEnterShift,\n\tisEnterCtrl,\n\tisEnterAlt,\n\tisLeft,\n\tisRight,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport SideNavigationItemBase from \"./SideNavigationItemBase.js\";\nimport type SideNavigationItemDesign from \"./types/SideNavigationItemDesign.js\";\nimport type { AccessibilityAttributes } from \"@ui5/webcomponents-base/dist/types.js\";\nimport type { SideNavigationItemClickEventDetail } from \"./SideNavigationItemBase.js\";\nimport createInstanceChecker from \"@ui5/webcomponents-base/dist/util/createInstanceChecker.js\";\n\ntype SideNavigationItemAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\">;\n\n/*\n Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.\n \n @public\n * @param {boolean} altKey Returns whether the \"ALT\" key was pressed when the event was triggered.\n * @param {boolean} ctrlKey Returns whether the \"CTRL\" key was pressed when the event was triggered.\n * @param {boolean} metaKey Returns whether the \"META\" key was pressed when the event was triggered.\n * @param {boolean} shiftKey Returns whether the \"SHIFT\" key was pressed when the event was triggered.\n /\n@event(\"click\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/\n @class\n * Base class for the navigation items that support actions.\n \n @constructor\n * @extends SideNavigationItemBase\n * @abstract\n * @public\n * @since 1.24.0\n /\n@customElement()\nclass SideNavigationSelectableItemBase extends SideNavigationItemBase {\n\teventDetails!: SideNavigationItemBase[\"eventDetails\"] & {\n\t\t\"click\": SideNavigationItemClickEventDetail\n\t}\n\n\t/\n\t Defines if the item's parent is disabled.\n\t * @private\n\t * @default false\n\t * @since 2.10.0\n\t /\n\t@property({ type: Boolean, noAttribute: true })\n\t_parentDisabled: boolean = false;\n\n\t/\n\t Defines the icon of the item.\n\t \n\t Note: Icons on second-level (child) navigation items are not recommended according to the design specification.\n\t \n\t The SAP-icons font provides numerous options.\n\t \n\t See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @public\n\t * @default undefined\n\t /\n\t@property()\n\ticon?: string;\n\n\t/\n\t Defines whether the item is selected.\n\t \n\t Note: Items that have a set `href` and `target` set to `_blank` should not be selectable.\n\t \n\t @public\n\t * @default false\n\t /\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t/\n\t Defines the link target URI. Supports standard hyperlink behavior.\n\t * If a JavaScript action should be triggered,\n\t * this should not be set, but instead an event handler\n\t * for the `click` event should be registered.\n\t \n\t @public\n\t * @default undefined\n\t * @since 1.19.0\n\t /\n\t@property()\n\thref?: string;\n\n\t/\n\t Defines the component target.\n\t \n\t Possible values:\n\t \n\t - `_self`\n\t * - `_top`\n\t * - `_blank`\n\t * - `_parent`\n\t * - `framename`\n\t \n\t Note: Items that have a defined `href` and `target`\n\t * attribute set to `_blank` should not be selectable.\n\t \n\t @public\n\t * @default undefined\n\t * @since 1.19.0\n\t /\n\t@property()\n\ttarget?: string;\n\n\t/\n\t Item design.\n\t \n\t Note: Items with \"Action\" design must not have sub-items.\n\t \n\t @public\n\t * @default \"Default\"\n\t * @since 2.7.0\n\t /\n\t@property()\n\tdesign: `${SideNavigationItemDesign}` = \"Default\";\n\n\t/\n\t Indicates whether the navigation item is selectable. By default, all items are selectable unless specifically marked as unselectable.\n\t \n\t When a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.\n\t * To improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.\n\t \n\t \n\t * Guidelines:\n\t * - Items with an assigned `href` and a target of `_blank` should be marked as unselectable.\n\t * - Items that trigger actions (with design \"Action\") should be marked as unselectable.\n\t \n\t @public\n\t * @default false\n\t * @since 2.7.0\n\t /\n\t@property({ type: Boolean })\n\tunselectable = false;\n\n\t/\n\t Defines the additional accessibility attributes that will be applied to the component.\n\t * The following fields are supported:\n\t \n\t - hasPopup: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\n\t * Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\t \n\t Note: Do not use it on parent items, as it will be overridden if the item is in the overflow menu.\n\t \n\t @public\n\t * @default {}\n\t * @since 2.7.0\n\t /\n\t@property({ type: Object })\n\taccessibilityAttributes: SideNavigationItemAccessibilityAttributes = {};\n\n\t/\n\t @private\n\t * @default false\n\t /\n\t@property({ type: Boolean })\n\tisOverflow = false;\n\n\t/\n\t Reference to the original side navigation item that opened the popover.\n\t \n\t @private\n\t */\n\tassociatedItem?: SideNavigationItemBase;\n\n\tget ariaRole() {\n\t\tif (this.sideNavCollapsed) {\n\t\t\treturn this.isOverflow \|\| this.unselectable ? \"menuitem\" : \"menuitemradio\";\n\t\t}\n\n\t\treturn \"treeitem\";\n\t}\n\n\tget isSelectable() {\n\t\treturn !this.unselectable && !this.effectiveDisabled;\n\t}\n\n\tget _href() {\n\t\treturn (!this.effectiveDisabled && this.href) ? this.href : undefined;\n\t}\n\n\tget _target() {\n\t\treturn (!this.effectiveDisabled && this.href && this.target) ? this.target : undefined;\n\t}\n\n\tget isExternalLink() {\n\t\treturn this.href && this.target === \"_blank\";\n\t}\n\n\tget _selected() {\n\t\treturn this.selected;\n\t}\n\n\tget _effectiveTag() {\n\t\treturn this._href ? \"a\" : \"div\";\n\t}\n\n\tget effectiveDisabled() {\n\t\treturn this.disabled \|\| this._parentDisabled;\n\t}\n\n\tget _ariaHasPopup() {\n\t\tif (this.accessibilityAttributes?.hasPopup) {\n\t\t\treturn this.accessibilityAttributes.hasPopup;\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tget classesArray() {\n\t\tconst classes = [];\n\n\t\tif (this.effectiveDisabled) {\n\t\t\tclasses.push(\"ui5-sn-item-disabled\");\n\t\t}\n\n\t\tif (this._selected) {\n\t\t\tclasses.push(\"ui5-sn-item-selected\");\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tget _classes() {\n\t\treturn this.classesArray.join(\" \");\n\t}\n\n\tget _ariaCurrent() {\n\t\tif (!this.sideNavCollapsed && !this.selected) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn \"page\";\n\t}\n\n\tget _ariaSelected() {\n\t\tif (!this.sideNavCollapsed) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.selected;\n\t}\n\n\tget _tagId() {\n\t\treturn `${this._id}-tag`;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst isRTL = this.effectiveDir === \"rtl\";\n\n\t\tif (isSpace(e) \|\| isRight(e) \|\| isLeft(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\t// \"Enter\" + \"Meta\" is missing since it is often reserved by the operating system or window manager\n\t\tif (isEnter(e) \|\| isEnterShift(e) \|\| isEnterCtrl(e) \|\| isEnterAlt(e)) {\n\t\t\tif (!this.unselectable) {\n\t\t\t\tthis._activate(e);\n\t\t\t}\n\t\t}\n\n\t\tif ((isRTL ? isLeft(e) : isRight(e)) && this.sideNavCollapsed && this.hasSubItems) {\n\t\t\tthis._activate(e);\n\t\t}\n\n\t\tif ((isRTL ? isRight(e) : isLeft(e)) && this.inPopover) {\n\t\t\tthis.associatedItem?.sideNavigation?.closePicker();\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\t// \"Space\" + modifier is often reserved by the operating system or window manager\n\t\tif (isSpace(e)) {\n\t\t\tthis._activate(e);\n\n\t\t\tif (this.href && !e.defaultPrevented) {\n\t\t\t\tconst customEvent = new MouseEvent(\"click\");\n\n\t\t\t\tcustomEvent.stopImmediatePropagation();\n\t\t\t\tif (this.getDomRef()!.querySelector(\"a\")) {\n\t\t\t\t\tthis.getDomRef()!.querySelector(\"a\")!.dispatchEvent(customEvent);\n\t\t\t\t} else {\n\t\t\t\t\t// when Side Navigation is collapsed and it is first level item we have directly <a> element\n\t\t\t\t\tthis.getDomRef()!.dispatchEvent(customEvent);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tthis._activate(e);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\te.stopPropagation();\n\n\t\tthis.sideNavigation?.focusItem(this);\n\t}\n\n\t_activate(e: KeyboardEvent \| MouseEvent) {\n\t\tconst {\n\t\t\taltKey,\n\t\t\tctrlKey,\n\t\t\tmetaKey,\n\t\t\tshiftKey,\n\t\t} = e;\n\n\t\te.stopPropagation();\n\n\t\tif (this.isOverflow) {\n\t\t\tconst executeEvent = this.fireDecoratorEvent(\"click\", {\n\t\t\t\taltKey,\n\t\t\t\tctrlKey,\n\t\t\t\tmetaKey,\n\t\t\t\tshiftKey,\n\t\t\t});\n\n\t\t\tif (!executeEvent) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t} else {\n\t\t\tthis.sideNavigation?._handleItemClick(e, this);\n\t\t}\n\t}\n\n\tget isSideNavigationSelectableItemBase() {\n\t\treturn true;\n\t}\n}\n\nexport default SideNavigationSelectableItemBase;\nexport const isInstanceOfSideNavigationSelectableItemBase = createInstanceChecker<SideNavigationSelectableItemBase>(\"isSideNavigationSelectableItemBase\");\nexport type {\n\tSideNavigationItemAccessibilityAttributes,\n};\n"]}
1	+ {"version":3,"file":"SideNavigationSelectableItemBase.js","sourceRoot":"","sources":["../src/SideNavigationSelectableItemBase.ts"],"names":[],"mappings":"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","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 {\n\tisSpace,\n\tisEnter,\n\tisEnterShift,\n\tisEnterCtrl,\n\tisEnterAlt,\n\tisLeft,\n\tisRight,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport SideNavigationItemBase from \"./SideNavigationItemBase.js\";\nimport type SideNavigationItemDesign from \"./types/SideNavigationItemDesign.js\";\nimport type { AccessibilityAttributes } from \"@ui5/webcomponents-base/dist/types.js\";\nimport type { SideNavigationItemClickEventDetail } from \"./SideNavigationItemBase.js\";\nimport createInstanceChecker from \"@ui5/webcomponents-base/dist/util/createInstanceChecker.js\";\n\ntype SideNavigationItemAccessibilityAttributes = Pick<AccessibilityAttributes, \"hasPopup\">;\n\n/*\n Fired when the component is activated either with a click/tap or by using the [Enter] or [Space] keys.\n \n @public\n * @param {boolean} altKey Returns whether the \"ALT\" key was pressed when the event was triggered.\n * @param {boolean} ctrlKey Returns whether the \"CTRL\" key was pressed when the event was triggered.\n * @param {boolean} metaKey Returns whether the \"META\" key was pressed when the event was triggered.\n * @param {boolean} shiftKey Returns whether the \"SHIFT\" key was pressed when the event was triggered.\n /\n@event(\"click\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/\n @class\n * Base class for the navigation items that support actions.\n \n @constructor\n * @extends SideNavigationItemBase\n * @abstract\n * @public\n * @since 1.24.0\n /\n@customElement()\nclass SideNavigationSelectableItemBase extends SideNavigationItemBase {\n\teventDetails!: SideNavigationItemBase[\"eventDetails\"] & {\n\t\t\"click\": SideNavigationItemClickEventDetail\n\t}\n\n\t/\n\t Defines if the item's parent is disabled.\n\t * @private\n\t * @default false\n\t * @since 2.10.0\n\t /\n\t@property({ type: Boolean, noAttribute: true })\n\t_parentDisabled: boolean = false;\n\n\t/\n\t Defines the icon of the item.\n\t \n\t Note: Icons on second-level (child) navigation items are not recommended according to the design specification.\n\t \n\t The SAP-icons font provides numerous options.\n\t \n\t See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @public\n\t * @default undefined\n\t /\n\t@property()\n\ticon?: string;\n\n\t/\n\t Defines whether the item is selected.\n\t \n\t Note: Items that have a set `href` and `target` set to `_blank` should not be selectable.\n\t \n\t @public\n\t * @default false\n\t /\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t/\n\t Defines the link target URI. Supports standard hyperlink behavior.\n\t * If a JavaScript action should be triggered,\n\t * this should not be set, but instead an event handler\n\t * for the `click` event should be registered.\n\t \n\t @public\n\t * @default undefined\n\t * @since 1.19.0\n\t /\n\t@property()\n\thref?: string;\n\n\t/\n\t Defines the component target.\n\t \n\t Possible values:\n\t \n\t - `_self`\n\t * - `_top`\n\t * - `_blank`\n\t * - `_parent`\n\t * - `framename`\n\t \n\t Note: Items that have a defined `href` and `target`\n\t * attribute set to `_blank` should not be selectable.\n\t \n\t @public\n\t * @default undefined\n\t * @since 1.19.0\n\t /\n\t@property()\n\ttarget?: string;\n\n\t/\n\t Item design.\n\t \n\t Note: Items with \"Action\" design must not have sub-items.\n\t \n\t @public\n\t * @default \"Default\"\n\t * @since 2.7.0\n\t /\n\t@property()\n\tdesign: `${SideNavigationItemDesign}` = \"Default\";\n\n\t/\n\t Indicates whether the navigation item is selectable. By default, all items are selectable unless specifically marked as unselectable.\n\t \n\t When a parent item is marked as unselectable, selecting it will only expand or collapse its sub-items.\n\t * To improve user experience do not mix unselectable parent items with selectable parent items in a single side navigation.\n\t \n\t \n\t * Guidelines:\n\t * - Items with an assigned `href` and a target of `_blank` should be marked as unselectable.\n\t * - Items that trigger actions (with design \"Action\") should be marked as unselectable.\n\t \n\t @public\n\t * @default false\n\t * @since 2.7.0\n\t /\n\t@property({ type: Boolean })\n\tunselectable = false;\n\n\t/\n\t Defines the additional accessibility attributes that will be applied to the component.\n\t * The following fields are supported:\n\t \n\t - hasPopup: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\n\t * Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\t \n\t Note: Do not use it on parent items, as it will be overridden if the item is in the overflow menu.\n\t \n\t @public\n\t * @default {}\n\t * @since 2.7.0\n\t /\n\t@property({ type: Object })\n\taccessibilityAttributes: SideNavigationItemAccessibilityAttributes = {};\n\n\t/\n\t @private\n\t * @default false\n\t /\n\t@property({ type: Boolean })\n\tisOverflow = false;\n\n\t/\n\t Reference to the original side navigation item that opened the popover.\n\t \n\t @private\n\t /\n\tassociatedItem?: SideNavigationItemBase;\n\n\tget ariaRole() {\n\t\tif (this.sideNavCollapsed) {\n\t\t\treturn this.isOverflow \|\| this.unselectable ? \"menuitem\" : \"menuitemradio\";\n\t\t}\n\n\t\treturn \"treeitem\";\n\t}\n\n\tget isSelectable() {\n\t\treturn !this.unselectable && !this.effectiveDisabled;\n\t}\n\n\tget _href() {\n\t\treturn (!this.effectiveDisabled && this.href) ? this.href : undefined;\n\t}\n\n\tget _target() {\n\t\treturn (!this.effectiveDisabled && this.href && this.target) ? this.target : undefined;\n\t}\n\n\tget isExternalLink() {\n\t\treturn this.href && this.target === \"_blank\";\n\t}\n\n\tget _selected() {\n\t\treturn this.selected;\n\t}\n\n\tget _effectiveTag() {\n\t\treturn this._href ? \"a\" : \"div\";\n\t}\n\n\tget effectiveDisabled() {\n\t\treturn this.disabled \|\| this._parentDisabled;\n\t}\n\n\tget _ariaHasPopup() {\n\t\tif (this.accessibilityAttributes?.hasPopup) {\n\t\t\treturn this.accessibilityAttributes.hasPopup;\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tget classesArray() {\n\t\tconst classes = [];\n\n\t\tif (this.effectiveDisabled) {\n\t\t\tclasses.push(\"ui5-sn-item-disabled\");\n\t\t}\n\n\t\tif (this._selected) {\n\t\t\tclasses.push(\"ui5-sn-item-selected\");\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tget _classes() {\n\t\treturn this.classesArray.join(\" \");\n\t}\n\n\tget _ariaCurrent() {\n\t\tif (!this.sideNavCollapsed && !this.selected) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn \"page\";\n\t}\n\n\tget _ariaSelected() {\n\t\tif (!this.sideNavCollapsed) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.selected;\n\t}\n\n\tget _tagId() {\n\t\treturn `${this._id}-tag`;\n\t}\n\n\t/\n\t Forces the slotted tag onto a single line (truncated) in collapsed mode,\n\t * and restores the author's wrapping when expanded.\n\t */\n\t_syncTagWrapping() {\n\t\tconst tag = this.querySelector(`[slot=\"tag\"]`);\n\t\tif (!tag) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.sideNavCollapsed) {\n\t\t\tif (!tag.hasAttribute(\"data-ui5-tag-wrapping-synced\")) {\n\t\t\t\ttag.setAttribute(\"data-ui5-tag-wrapping-synced\", tag.getAttribute(\"wrapping-type\") ?? \"\");\n\t\t\t}\n\t\t\ttag.setAttribute(\"wrapping-type\", \"None\");\n\t\t} else if (tag.hasAttribute(\"data-ui5-tag-wrapping-synced\")) {\n\t\t\tconst original = tag.getAttribute(\"data-ui5-tag-wrapping-synced\");\n\t\t\tif (original) {\n\t\t\t\ttag.setAttribute(\"wrapping-type\", original);\n\t\t\t} else {\n\t\t\t\ttag.removeAttribute(\"wrapping-type\");\n\t\t\t}\n\t\t\ttag.removeAttribute(\"data-ui5-tag-wrapping-synced\");\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst isRTL = this.effectiveDir === \"rtl\";\n\n\t\tif (isSpace(e) \|\| isRight(e) \|\| isLeft(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\t// \"Enter\" + \"Meta\" is missing since it is often reserved by the operating system or window manager\n\t\tif (isEnter(e) \|\| isEnterShift(e) \|\| isEnterCtrl(e) \|\| isEnterAlt(e)) {\n\t\t\tif (!this.unselectable) {\n\t\t\t\tthis._activate(e);\n\t\t\t}\n\t\t}\n\n\t\tif ((isRTL ? isLeft(e) : isRight(e)) && this.sideNavCollapsed && this.hasSubItems) {\n\t\t\tthis._activate(e);\n\t\t}\n\n\t\tif ((isRTL ? isRight(e) : isLeft(e)) && this.inPopover) {\n\t\t\tthis.associatedItem?.sideNavigation?.closePicker();\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\t// \"Space\" + modifier is often reserved by the operating system or window manager\n\t\tif (isSpace(e)) {\n\t\t\tthis._activate(e);\n\n\t\t\tif (this.href && !e.defaultPrevented) {\n\t\t\t\tconst customEvent = new MouseEvent(\"click\");\n\n\t\t\t\tcustomEvent.stopImmediatePropagation();\n\t\t\t\tif (this.getDomRef()!.querySelector(\"a\")) {\n\t\t\t\t\tthis.getDomRef()!.querySelector(\"a\")!.dispatchEvent(customEvent);\n\t\t\t\t} else {\n\t\t\t\t\t// when Side Navigation is collapsed and it is first level item we have directly <a> element\n\t\t\t\t\tthis.getDomRef()!.dispatchEvent(customEvent);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tthis._activate(e);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\te.stopPropagation();\n\n\t\tthis.sideNavigation?.focusItem(this);\n\t}\n\n\t_activate(e: KeyboardEvent \| MouseEvent) {\n\t\tconst {\n\t\t\taltKey,\n\t\t\tctrlKey,\n\t\t\tmetaKey,\n\t\t\tshiftKey,\n\t\t} = e;\n\n\t\te.stopPropagation();\n\n\t\tif (this.isOverflow) {\n\t\t\tconst executeEvent = this.fireDecoratorEvent(\"click\", {\n\t\t\t\taltKey,\n\t\t\t\tctrlKey,\n\t\t\t\tmetaKey,\n\t\t\t\tshiftKey,\n\t\t\t});\n\n\t\t\tif (!executeEvent) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t} else {\n\t\t\tthis.sideNavigation?._handleItemClick(e, this);\n\t\t}\n\t}\n\n\tget isSideNavigationSelectableItemBase() {\n\t\treturn true;\n\t}\n}\n\nexport default SideNavigationSelectableItemBase;\nexport const isInstanceOfSideNavigationSelectableItemBase = createInstanceChecker<SideNavigationSelectableItemBase>(\"isSideNavigationSelectableItemBase\");\nexport type {\n\tSideNavigationItemAccessibilityAttributes,\n};\n"]}

package/dist/SideNavigationSubItem.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import SideNavigationSelectableItemBase from "./SideNavigationSelectableItemBase.js";
 import "@ui5/webcomponents/dist/Tag.js";
@@ -19,6 +20,7 @@ import "@ui5/webcomponents/dist/Tag.js";
  * @since 1.0.0
  */
 declare class SideNavigationSubItem extends SideNavigationSelectableItemBase {
+    static i18nBundle: I18nBundle;
     /**
      * Defines the tag to be displayed.
      *
@@ -39,6 +41,9 @@ declare class SideNavigationSubItem extends SideNavigationSelectableItemBase {
      */
     tag: Slot<HTMLElement>;
     get hasTag(): boolean;
+    onBeforeRendering(): void;
+    get _tagText(): string;
+    get _tagDescriptionText(): string | undefined;
     get _textId(): string;
     get _describedBy(): string | undefined;
     _onkeydown(e: KeyboardEvent): void;

package/dist/SideNavigationSubItem.js CHANGED Viewed

@@ -4,11 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 SideNavigationSubItem_1;
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import jsxRender from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import SideNavigationSelectableItemBase from "./SideNavigationSelectableItemBase.js";
 import SideNavigationSubItemTemplate from "./SideNavigationSubItemTemplate.js";
+import { SIDE_NAVIGATION_LIST_ITEM_TAG_TEXT } from "./generated/i18n/i18n-defaults.js";
 import "@ui5/webcomponents/dist/Tag.js";
 // Styles
 import SideNavigationSubItemCss from "./generated/themes/SideNavigationSubItem.css.js";
@@ -29,10 +32,19 @@ import SideNavigationSubItemCss from "./generated/themes/SideNavigationSubItem.c
  * @abstract
  * @since 1.0.0
  */
-let SideNavigationSubItem = class SideNavigationSubItem extends SideNavigationSelectableItemBase {
+let SideNavigationSubItem = SideNavigationSubItem_1 = class SideNavigationSubItem extends SideNavigationSelectableItemBase {
     get hasTag() {
         return !!this.tag.length;
     }
+    onBeforeRendering() {
+        this._syncTagWrapping();
+    }
+    get _tagText() {
+        return this.tag[0]?.textContent?.trim() ?? "";
+    }
+    get _tagDescriptionText() {
+        return this.hasTag ? SideNavigationSubItem_1.i18nBundle.getText(SIDE_NAVIGATION_LIST_ITEM_TAG_TEXT, this._tagText) : undefined;
+    }
     get _textId() {
         return `${this._id}-text`;
     }
@@ -65,7 +77,10 @@ let SideNavigationSubItem = class SideNavigationSubItem extends SideNavigationSe
 __decorate([
     slot({ type: HTMLElement })
 ], SideNavigationSubItem.prototype, "tag", void 0);
-SideNavigationSubItem = __decorate([
+__decorate([
+    i18n("@ui5/webcomponents-fiori")
+], SideNavigationSubItem, "i18nBundle", void 0);
+SideNavigationSubItem = SideNavigationSubItem_1 = __decorate([
     customElement({
         tag: "ui5-side-navigation-sub-item",
         renderer: jsxRender,

package/dist/SideNavigationSubItem.js.map CHANGED Viewed

	@@ -1 +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\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"]}
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;AAC1E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAGnE,OAAO,gCAAgC,MAAM,uCAAuC,CAAC;AACrF,OAAO,6BAA6B,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,gCAAgC,CAAC;AAExC,SAAS;AACT,OAAO,wBAAwB,MAAM,iDAAiD,CAAC;AAEvF;;;;;;;;;;;;;;;;GAgBG;AAOH,IAAM,qBAAqB,6BAA3B,MAAM,qBAAsB,SAAQ,gCAAgC;IAyBnE,IAAI,MAAM;QACT,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;IAC1B,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACzB,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC/C,CAAC;IAED,IAAI,mBAAmB;QACtB,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAqB,CAAC,UAAU,CAAC,OAAO,CAAC,kCAAkC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9H,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;AAvDA;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;kDACJ;AArBjB;IADN,IAAI,CAAC,0BAA0B,CAAC;+CACH;AAFzB,qBAAqB;IAN1B,aAAa,CAAC;QACd,GAAG,EAAE,8BAA8B;QACnC,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE,wBAAwB;KAChC,CAAC;GACI,qBAAqB,CA8E1B;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 i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\nimport SideNavigationSubItemTemplate from \"./SideNavigationSubItemTemplate.js\";\nimport { SIDE_NAVIGATION_LIST_ITEM_TAG_TEXT } from \"./generated/i18n/i18n-defaults.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@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\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\tonBeforeRendering() {\n\t\tthis._syncTagWrapping();\n\t}\n\n\tget _tagText() {\n\t\treturn this.tag[0]?.textContent?.trim() ?? \"\";\n\t}\n\n\tget _tagDescriptionText() {\n\t\treturn this.hasTag ? SideNavigationSubItem.i18nBundle.getText(SIDE_NAVIGATION_LIST_ITEM_TAG_TEXT, this._tagText) : undefined;\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 CHANGED Viewed

@@ -3,9 +3,10 @@ import Icon from "@ui5/webcomponents/dist/Icon.js";
 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, 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 })] }) }));
+    return (_jsxs("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 }), _jsxs("div", { class: "ui5-sn-item-text-tag-container", children: [_jsx("div", { class: "ui5-sn-item-text", id: this._textId, dangerouslySetInnerHTML: { __html: this._markupText } }), this.hasTag &&
+                                _jsx("div", { class: "ui5-sn-item-tag-slot", "aria-hidden": "true", children: _jsx("slot", { name: "tag" }) })] }), this.isExternalLink &&
+                        _jsx(Icon, { class: "ui5-sn-item-external-link-icon", name: arrowRight })] }), this.hasTag &&
+                _jsx("span", { id: this._tagId, class: "ui5-hidden-text", children: this._tagDescriptionText })] }));
 }
 //# sourceMappingURL=SideNavigationSubItemTemplate.js.map

package/dist/SideNavigationSubItemTemplate.js.map CHANGED Viewed

	@@ -1 +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,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"]}
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,cAAI,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,aACnD,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;wBACT,KAAC,IAAI,IAAC,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,EAElD,eAAK,KAAK,EAAC,gCAAgC,aAC1C,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;gCACX,cAAK,KAAK,EAAC,sBAAsB,iBAAa,MAAM,YACnD,eAAM,IAAI,EAAC,KAAK,GAAQ,GACnB,IAEF,EACL,IAAI,CAAC,cAAc;wBACnB,KAAC,IAAI,IAAC,KAAK,EAAC,gCAAgC,EACzC,IAAI,EAAE,UAAU,GACjB,IAEW,EACd,IAAI,CAAC,MAAM;gBACX,eAAM,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAC,iBAAiB,YAAE,IAAI,CAAC,mBAAmB,GAAQ,IAE7E,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-tag-container\">\n\t\t\t\t\t<div class=\"ui5-sn-item-text\" id={this._textId} dangerouslySetInnerHTML={{ __html: this._markupText }}></div>\n\t\t\t\t\t{this.hasTag &&\n\t\t\t\t\t\t<div class=\"ui5-sn-item-tag-slot\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<slot name=\"tag\"></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\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\t{this.hasTag &&\n\t\t\t\t<span id={this._tagId} class=\"ui5-hidden-text\">{this._tagDescriptionText}</span>\n\t\t\t}\n\t\t</li>\n\t);\n}\n"]}

package/dist/ViewSettingsDialog.js CHANGED Viewed

@@ -281,9 +281,21 @@ let ViewSettingsDialog = ViewSettingsDialog_1 = class ViewSettingsDialog extends
         return !this.sortDescending;
     }
     get _title() {
-        return this.showBackButton
-            ? this._filterByTitle
-            : this._dialogTitle;
+        if (this.showBackButton) {
+            return this._filterByTitle;
+        }
+        if (!this.hasPagination) {
+            if (this.isModeSort) {
+                return this._sortByLabel;
+            }
+            if (this.isModeFilter) {
+                return this._filterByLabel;
+            }
+            if (this.isModeGroup) {
+                return this._groupByLabel;
+            }
+        }
+        return this._dialogTitle;
     }
     /**
      * Determines disabled state of the `Reset` button.