npm - @ui5/webcomponents-fiori - Versions diffs - 2.16.0-rc.0 → 2.16.0-rc.2 - Mend

@ui5/webcomponents-fiori 2.16.0-rc.0 → 2.16.0-rc.2

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 (369) hide show

package/dist/NavigationMenu.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import Menu from "@ui5/webcomponents/dist/Menu.js";
 import type NavigationMenuItem from "./NavigationMenuItem.js";
 /**
@@ -28,6 +29,7 @@ declare class NavigationMenu extends Menu {
      * @public
      */
     items: Array<NavigationMenuItem>;
+    static i18nBundleFiori: I18nBundle;
     _itemMouseOver(e: MouseEvent): void;
     get accSideNavigationPopoverHiddenText(): string;
 }

package/dist/NavigationMenu.js CHANGED Viewed

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var NavigationMenu_1;
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import { isDesktop, } from "@ui5/webcomponents-base/dist/Device.js";
 import Menu from "@ui5/webcomponents/dist/Menu.js";
@@ -45,12 +46,15 @@ let NavigationMenu = NavigationMenu_1 = class NavigationMenu extends Menu {
         }
     }
     get accSideNavigationPopoverHiddenText() {
-        return NavigationMenu_1.i18nBundle.getText(NAVIGATION_MENU_POPOVER_HIDDEN_TEXT);
+        return NavigationMenu_1.i18nBundleFiori.getText(NAVIGATION_MENU_POPOVER_HIDDEN_TEXT);
     }
 };
 __decorate([
     slot({ "default": true, type: HTMLElement, invalidateOnChildChange: true })
 ], NavigationMenu.prototype, "items", void 0);
+__decorate([
+    i18n("@ui5/webcomponents-fiori")
+], NavigationMenu, "i18nBundleFiori", void 0);
 NavigationMenu = NavigationMenu_1 = __decorate([
     customElement({
         tag: "ui5-navigation-menu",

package/dist/NavigationMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationMenu.js","sourceRoot":"","sources":["../src/NavigationMenu.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,EACN,SAAS,GACT,MAAM,wCAAwC,CAAC;AAChD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAGnD,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAEjE,SAAS;AACT,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AACzE,OAAO,OAAO,MAAM,sDAAsD,CAAC;AAE3E,OAAO,EACN,mCAAmC,GACnC,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;GAmBG;AAQH,IAAM,cAAc,sBAApB,MAAM,cAAe,SAAQ,IAAI;~~IAUhC~~,cAAc,CAAC,CAAa;QAC3B,IAAI,SAAS,EAAE,EAAE,CAAC;YACjB,oCAAoC;YACpC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAkB,CAAC;YAElC,iCAAiC;YACjC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC;IACF,CAAC;IAED,IAAI,kCAAkC;QACrC,OAAO,gBAAc,CAAC,~~UAAU~~,CAAC,OAAO,CAAC,mCAAmC,CAAC,CAAC;~~IAC/E~~,CAAC;CACD,CAAA;~~AAfQ~~;IADP,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC;6CACnC;~~AARpC~~,cAAc;IAPnB,aAAa,CAAC;QACd,GAAG,EAAE,qBAAqB;QAC1B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC;QACpC,QAAQ,EAAE,sBAAsB;KAChC,CAAC;GAEI,cAAc,~~CAuBnB~~;AAED,cAAc,CAAC,MAAM,EAAE,CAAC;AAExB,eAAe,cAAc,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport {\n\tisDesktop,\n} from \"@ui5/webcomponents-base/dist/Device.js\";\nimport Menu from \"@ui5/webcomponents/dist/Menu.js\";\nimport type MenuItem from \"@ui5/webcomponents/dist/MenuItem.js\";\nimport type NavigationMenuItem from \"./NavigationMenuItem.js\";\nimport NavigationMenuTemplate from \"./NavigationMenuTemplate.js\";\n\n// Styles\nimport navigationMenuCss from \"./generated/themes/NavigationMenu.css.js\";\nimport menuCss from \"@ui5/webcomponents/dist/generated/themes/Menu.css.js\";\n\nimport {\n\tNAVIGATION_MENU_POPOVER_HIDDEN_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n/*\n @class\n \n ### Overview\n \n `ui5-navigation-menu` component represents a hierarchical menu structure, inherits all the functionality of `ui5-menu`.\n \n ### Usage\n \n `ui5-navigation-menu` contains `ui5-navigation-menu-item` components.\n * An arbitrary hierarchy structure can be represented by recursively nesting navigation menu items.\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/NavigationMenu.js\";`\n * @constructor\n * @extends Menu\n * @since 1.22.0\n * @private\n /\n@customElement({\n\ttag: \"ui5-navigation-menu\",\n\trenderer: jsxRenderer,\n\tstyles: [menuCss, navigationMenuCss],\n\ttemplate: NavigationMenuTemplate,\n})\n\nclass NavigationMenu extends Menu {\n\t/\n\t Defines the items of this component.\n\t \n\t Note: Use `ui5-navigation-menu-item` for the intended design.\n\t * @public\n\t */\n\t@slot({ \"default\": true, type: HTMLElement, invalidateOnChildChange: true })\n\tdeclare items: Array<NavigationMenuItem>;\n\n\t_itemMouseOver(e: MouseEvent) {\n\t\tif (isDesktop()) {\n\t\t\t// respect mouseover only on desktop\n\t\t\tconst item = e.target as MenuItem;\n\n\t\t\t// Opens submenu with 300ms delay\n\t\t\tthis._startOpenTimeout(item);\n\t\t}\n\t}\n\n\tget accSideNavigationPopoverHiddenText() {\n\t\treturn NavigationMenu.~~i18nBundle~~.getText(NAVIGATION_MENU_POPOVER_HIDDEN_TEXT);\n\t}\n}\n\nNavigationMenu.define();\n\nexport default NavigationMenu;\n"]}
1	+ {"version":3,"file":"NavigationMenu.js","sourceRoot":"","sources":["../src/NavigationMenu.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,EACN,SAAS,GACT,MAAM,wCAAwC,CAAC;AAChD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAGnD,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAEjE,SAAS;AACT,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AACzE,OAAO,OAAO,MAAM,sDAAsD,CAAC;AAE3E,OAAO,EACN,mCAAmC,GACnC,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;GAmBG;AAQH,IAAM,cAAc,sBAApB,MAAM,cAAe,SAAQ,IAAI;IAahC,cAAc,CAAC,CAAa;QAC3B,IAAI,SAAS,EAAE,EAAE,CAAC;YACjB,oCAAoC;YACpC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAkB,CAAC;YAElC,iCAAiC;YACjC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC;IACF,CAAC;IAED,IAAI,kCAAkC;QACrC,OAAO,gBAAc,CAAC,eAAe,CAAC,OAAO,CAAC,mCAAmC,CAAC,CAAC;IACpF,CAAC;CACD,CAAA;AAlBQ;IADP,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,CAAC;6CACnC;AAGlC;IADN,IAAI,CAAC,0BAA0B,CAAC;6CACE;AAX9B,cAAc;IAPnB,aAAa,CAAC;QACd,GAAG,EAAE,qBAAqB;QAC1B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC;QACpC,QAAQ,EAAE,sBAAsB;KAChC,CAAC;GAEI,cAAc,CA0BnB;AAED,cAAc,CAAC,MAAM,EAAE,CAAC;AAExB,eAAe,cAAc,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport {\n\tisDesktop,\n} from \"@ui5/webcomponents-base/dist/Device.js\";\nimport Menu from \"@ui5/webcomponents/dist/Menu.js\";\nimport type MenuItem from \"@ui5/webcomponents/dist/MenuItem.js\";\nimport type NavigationMenuItem from \"./NavigationMenuItem.js\";\nimport NavigationMenuTemplate from \"./NavigationMenuTemplate.js\";\n\n// Styles\nimport navigationMenuCss from \"./generated/themes/NavigationMenu.css.js\";\nimport menuCss from \"@ui5/webcomponents/dist/generated/themes/Menu.css.js\";\n\nimport {\n\tNAVIGATION_MENU_POPOVER_HIDDEN_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n/*\n @class\n \n ### Overview\n \n `ui5-navigation-menu` component represents a hierarchical menu structure, inherits all the functionality of `ui5-menu`.\n \n ### Usage\n \n `ui5-navigation-menu` contains `ui5-navigation-menu-item` components.\n * An arbitrary hierarchy structure can be represented by recursively nesting navigation menu items.\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/NavigationMenu.js\";`\n * @constructor\n * @extends Menu\n * @since 1.22.0\n * @private\n /\n@customElement({\n\ttag: \"ui5-navigation-menu\",\n\trenderer: jsxRenderer,\n\tstyles: [menuCss, navigationMenuCss],\n\ttemplate: NavigationMenuTemplate,\n})\n\nclass NavigationMenu extends Menu {\n\t/\n\t Defines the items of this component.\n\t \n\t Note: Use `ui5-navigation-menu-item` for the intended design.\n\t * @public\n\t */\n\t@slot({ \"default\": true, type: HTMLElement, invalidateOnChildChange: true })\n\tdeclare items: Array<NavigationMenuItem>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundleFiori: I18nBundle;\n\n\t_itemMouseOver(e: MouseEvent) {\n\t\tif (isDesktop()) {\n\t\t\t// respect mouseover only on desktop\n\t\t\tconst item = e.target as MenuItem;\n\n\t\t\t// Opens submenu with 300ms delay\n\t\t\tthis._startOpenTimeout(item);\n\t\t}\n\t}\n\n\tget accSideNavigationPopoverHiddenText() {\n\t\treturn NavigationMenu.i18nBundleFiori.getText(NAVIGATION_MENU_POPOVER_HIDDEN_TEXT);\n\t}\n}\n\nNavigationMenu.define();\n\nexport default NavigationMenu;\n"]}

package/dist/NavigationMenuItem.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type { ClassMap } from "@ui5/webcomponents-base/dist/types.js";
 import MenuItem from "@ui5/webcomponents/dist/MenuItem.js";
 import type SideNavigationItemDesign from "./types/SideNavigationItemDesign.js";
@@ -53,6 +54,7 @@ declare class NavigationMenuItem extends MenuItem {
      */
     target?: string;
     design: `${SideNavigationItemDesign}`;
+    static i18nBundleFiori: I18nBundle;
     associatedItem?: SideNavigationSelectableItemBase;
     get isExternalLink(): boolean | "" | undefined;
     get _href(): string | undefined;
@@ -79,6 +81,6 @@ declare class NavigationMenuItem extends MenuItem {
     _activate(e: MouseEvent | KeyboardEvent): void;
     _onkeydown(e: KeyboardEvent): Promise<void>;
     _onkeyup(e: KeyboardEvent): void;
-    get acessibleNameText(): string;
+    get accessibleNameText(): string;
 }
 export default NavigationMenuItem;

package/dist/NavigationMenuItem.js CHANGED Viewed

@@ -4,17 +4,18 @@ 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 NavigationMenuItem_1;
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import MenuItem from "@ui5/webcomponents/dist/MenuItem.js";
-import NavigationMenu from "./NavigationMenu.js";
 import { isSpace, isEnter, isEnterShift, isEnterCtrl, isEnterAlt, } from "@ui5/webcomponents-base/dist/Keys.js";
 // Templates
 import NavigationMenuItemTemplate from "./NavigationMenuItemTemplate.js";
 // Styles
 import navigationMenuItemCss from "./generated/themes/NavigationMenuItem.css.js";
-import { NAVIGATION_MENU_POPOVER_HIDDEN_TEXT, } from "./generated/i18n/i18n-defaults.js";
+import { NAVIGATION_MENU_SELECTABLE_ITEM_HIDDEN_TEXT, } from "./generated/i18n/i18n-defaults.js";
 /**
  * @class
  *
@@ -37,7 +38,7 @@ import { NAVIGATION_MENU_POPOVER_HIDDEN_TEXT, } from "./generated/i18n/i18n-defa
  * @since 1.22.0
  * @private
  */
-let NavigationMenuItem = class NavigationMenuItem extends MenuItem {
+let NavigationMenuItem = NavigationMenuItem_1 = class NavigationMenuItem extends MenuItem {
     constructor() {
         super(...arguments);
         this.design = "Default";
@@ -50,9 +51,10 @@ let NavigationMenuItem = class NavigationMenuItem extends MenuItem {
     }
     get _accInfo() {
         const accInfo = super._accInfo;
-        accInfo.role = this.href ? "none" : "treeitem";
-        if (!accInfo.ariaHaspopup) {
-            accInfo.ariaHaspopup = this.accessibilityAttributes.hasPopup;
+        accInfo.role = "none";
+        if (this.hasSubmenu && this.associatedItem?.isSelectable) {
+            // For the menu item on first level (parent item)
+            accInfo.ariaSelectedText = NavigationMenuItem_1.i18nBundleFiori.getText(NAVIGATION_MENU_SELECTABLE_ITEM_HIDDEN_TEXT);
         }
         return accInfo;
     }
@@ -127,8 +129,9 @@ let NavigationMenuItem = class NavigationMenuItem extends MenuItem {
             }
         }
     }
-    get acessibleNameText() {
-        return NavigationMenu.i18nBundle.getText(NAVIGATION_MENU_POPOVER_HIDDEN_TEXT);
+    get accessibleNameText() {
+        // For the submenu's dialog
+        return this.text ?? "";
     }
 };
 __decorate([
@@ -140,7 +143,10 @@ __decorate([
 __decorate([
     property()
 ], NavigationMenuItem.prototype, "design", void 0);
-NavigationMenuItem = __decorate([
+__decorate([
+    i18n("@ui5/webcomponents-fiori")
+], NavigationMenuItem, "i18nBundleFiori", void 0);
+NavigationMenuItem = NavigationMenuItem_1 = __decorate([
     customElement({
         renderer: jsxRenderer,
         tag: "ui5-navigation-menu-item",

package/dist/NavigationMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationMenuItem.js","sourceRoot":"","sources":["../src/NavigationMenuItem.ts"],"names":[],"mappings":"~~;;;;;;~~AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,WAAW,MAAM,sDAAsD,CAAC;~~AAE~~/E,OAAO,~~QAAQ~~,MAAM,~~qDAAqD~~,CAAC;~~AAC3E~~,OAAO,QAAQ,MAAM,~~qCAAqC~~,CAAC;~~AAE3D~~,OAAO,~~cAAc~~,MAAM,~~qBAAqB~~,CAAC;~~AACjD~~,OAAO,EACN,OAAO,EACP,OAAO,EACP,YAAY,EACZ,WAAW,EACX,UAAU,GACV,MAAM,sCAAsC,CAAC;AAG9C,YAAY;AACZ,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AAEzE,SAAS;AACT,OAAO,qBAAqB,MAAM,8CAA8C,CAAC;AAEjF,OAAO,EACN,~~mCAAmC~~,~~GACnC~~,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;GAqBG;AAOH,IAAM,kBAAkB,~~GAAxB~~,MAAM,kBAAmB,SAAQ,QAAQ;IAAzC;;QAiCC,WAAM,GAAkC,SAAS,CAAC;~~IAsHnD~~,CAAC;~~IAlHA~~,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC;IAC9C,CAAC;IAED,IAAI,KAAK;QACR,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9D,CAAC;IAED,IAAI,QAAQ;QACX,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;QAE/B,OAAO,CAAC,IAAI,GAAG,~~IAAI~~,CAAC,IAAI,~~CAAC~~,CAAC,~~CAAC,MAAM,CAAC,CAAC,CAAC,~~UAAU,~~CAAC;QAE/C~~,IAAI,CAAC,~~OAAO~~,~~CAAC~~,YAAY,EAAE,CAAC;~~YAC3B~~,OAAO,CAAC,~~YAAY~~,GAAG,~~IAAI~~,CAAC,~~uBAAuB~~,CAAC,~~QAAQ~~,CAAC;~~QAC9D~~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~~iBAAiB~~;~~QACpB~~,OAAO,~~cAAc~~,CAAC,~~UAAU~~,~~CAAC~~,~~OAAO~~,CAAC~~,mCAAmC,CAAC,CAAC~~;~~IAC/E~~,CAAC;CACD,CAAA;~~AA5IA~~;IADC,QAAQ,EAAE;gDACG;AAmBd;IADC,QAAQ,EAAE;kDACK;AAGhB;IADC,QAAQ,EAAE;kDACuC;~~AAjC7C~~,kBAAkB;IANvB,aAAa,CAAC;QACd,QAAQ,EAAE,WAAW;QACrB,GAAG,EAAE,0BAA0B;QAC/B,QAAQ,EAAE,0BAA0B;QACpC,MAAM,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,qBAAqB,CAAC;KAChD,CAAC;GACI,kBAAkB,~~CAuJvB~~;AAED,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAE5B,eAAe,kBAAkB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type { ClassMap } from \"@ui5/webcomponents-base/dist/types.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport MenuItem from \"@ui5/webcomponents/dist/MenuItem.js\";\nimport type SideNavigationItemDesign from \"./types/SideNavigationItemDesign.js\";\nimport ~~NavigationMenu from \"./NavigationMenu.js\";\nimport~~ {\n\tisSpace,\n\tisEnter,\n\tisEnterShift,\n\tisEnterCtrl,\n\tisEnterAlt,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\n\n// Templates\nimport NavigationMenuItemTemplate from \"./NavigationMenuItemTemplate.js\";\n\n// Styles\nimport navigationMenuItemCss from \"./generated/themes/NavigationMenuItem.css.js\";\n\nimport {\n\~~tNAVIGATION_MENU_POPOVER_HIDDEN_TEXT~~,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n/*\n @class\n \n ### Overview\n \n `ui5-navigation-menu-item` is the item to use inside a `ui5-navigation-menu`.\n * An arbitrary hierarchy structure can be represented by recursively nesting navigation menu items.\n \n ### Usage\n \n `ui5-navigation-menu-item` represents a node in a `ui5-navigation-menu`. The navigation menu itself is rendered as a list,\n * and each `ui5-navigation-menu-item` is represented by a list item in that list. Therefore, you should only use\n * `ui5-navigation-menu-item` directly in your apps. The `ui5-li` list item is internal for the list, and not intended for public use.\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/NavigationMenuItem.js\";`\n * @constructor\n * @extends MenuItem\n * @since 1.22.0\n * @private\n /\n@customElement({\n\trenderer: jsxRenderer,\n\ttag: \"ui5-navigation-menu-item\",\n\ttemplate: NavigationMenuItemTemplate,\n\tstyles: [MenuItem.styles, navigationMenuItemCss],\n})\nclass NavigationMenuItem extends MenuItem {\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 * @public\n\t * @default undefined\n\t * @since 1.22.0\n\t /\n\t@property()\n\thref?: string;\n\n\t/\n\t Defines the component target.\n\t \n\t Notes:\n\t \n\t - `_self`\n\t * - `_top`\n\t * - `_blank`\n\t * - `_parent`\n\t * - `_search`\n\t \n\t This property must only be used when the `href` property is set.\n\t * @public\n\t * @default undefined\n\t * @since 1.22.0\n\t */\n\t@property()\n\ttarget?: string;\n\n\t@property()\n\tdesign: `${SideNavigationItemDesign}` = \"Default\";\n\n\tassociatedItem?: SideNavigationSelectableItemBase;\n\n\tget isExternalLink() {\n\t\treturn this.href && this.target === \"_blank\";\n\t}\n\n\tget _href() {\n\t\treturn (!this.disabled && this.href) ? this.href : undefined;\n\t}\n\n\tget _accInfo() {\n\t\tconst accInfo = super._accInfo;\n\n\t\taccInfo.role = ~~this.href ?~~ \"none\" ~~: \"treeitem\"~~;\n\n\t\tif (~~!accInfo~~.~~ariaHaspopup~~) {\n\t\t\taccInfo.~~ariaHaspopup~~ = ~~this~~.~~accessibilityAttributes~~.~~hasPopup~~;\n\t\t}\n\n\t\treturn accInfo;\n\t}\n\n\tget classes(): ClassMap {\n\t\tconst result = super.classes;\n\n\t\tresult.main[\"ui5-navigation-menu-item-root\"] = true;\n\n\t\treturn result;\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tthis._activate(e);\n\t}\n\n\t_activate(e: MouseEvent \| KeyboardEvent) {\n\t\te.stopPropagation();\n\n\t\tconst item = this.associatedItem;\n\n\t\tif (this.disabled \|\| !item) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst sideNav = item.sideNavigation;\n\t\tconst overflowMenu = sideNav?.getOverflowPopover();\n\t\tconst isSelectable = item.isSelectable;\n\n\t\tconst executeEvent = item.fireDecoratorEvent(\"click\", {\n\t\t\taltKey: e.altKey,\n\t\t\tctrlKey: e.ctrlKey,\n\t\t\tmetaKey: e.metaKey,\n\t\t\tshiftKey: e.shiftKey,\n\t\t});\n\n\t\tif (!executeEvent) {\n\t\t\te.preventDefault();\n\n\t\t\tif (this.hasSubmenu) {\n\t\t\t\toverflowMenu?._openItemSubMenu(this);\n\t\t\t} else {\n\t\t\t\tsideNav?.closeMenu();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst shouldSelect = !this.hasSubmenu && isSelectable;\n\n\t\tif (this.hasSubmenu) {\n\t\t\toverflowMenu?._openItemSubMenu(this);\n\t\t}\n\n\t\tif (shouldSelect) {\n\t\t\tsideNav?._selectItem(item);\n\t\t}\n\n\t\tif (!this.hasSubmenu) {\n\t\t\tsideNav?.closeMenu(shouldSelect);\n\t\t}\n\t}\n\n\tasync _onkeydown(e: KeyboardEvent): Promise<void> {\n\t\tif (isSpace(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\tthis._activate(e);\n\t\t}\n\n\t\treturn Promise.resolve();\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\tget ~~acessibleNameText~~() {\n\t\treturn ~~NavigationMenu~~.~~i18nBundle.getText(NAVIGATION_MENU_POPOVER_HIDDEN_TEXT)~~;\n\t}\n}\n\nNavigationMenuItem.define();\n\nexport default NavigationMenuItem;\n"]}
1	+ {"version":3,"file":"NavigationMenuItem.js","sourceRoot":"","sources":["../src/NavigationMenuItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { ClassMap } from \"@ui5/webcomponents-base/dist/types.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport MenuItem from \"@ui5/webcomponents/dist/MenuItem.js\";\nimport type SideNavigationItemDesign from \"./types/SideNavigationItemDesign.js\";\nimport {\n\tisSpace,\n\tisEnter,\n\tisEnterShift,\n\tisEnterCtrl,\n\tisEnterAlt,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\n\n// Templates\nimport NavigationMenuItemTemplate from \"./NavigationMenuItemTemplate.js\";\n\n// Styles\nimport navigationMenuItemCss from \"./generated/themes/NavigationMenuItem.css.js\";\n\nimport {\n\tNAVIGATION_MENU_SELECTABLE_ITEM_HIDDEN_TEXT,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n/*\n @class\n \n ### Overview\n \n `ui5-navigation-menu-item` is the item to use inside a `ui5-navigation-menu`.\n * An arbitrary hierarchy structure can be represented by recursively nesting navigation menu items.\n \n ### Usage\n \n `ui5-navigation-menu-item` represents a node in a `ui5-navigation-menu`. The navigation menu itself is rendered as a list,\n * and each `ui5-navigation-menu-item` is represented by a list item in that list. Therefore, you should only use\n * `ui5-navigation-menu-item` directly in your apps. The `ui5-li` list item is internal for the list, and not intended for public use.\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/NavigationMenuItem.js\";`\n * @constructor\n * @extends MenuItem\n * @since 1.22.0\n * @private\n /\n@customElement({\n\trenderer: jsxRenderer,\n\ttag: \"ui5-navigation-menu-item\",\n\ttemplate: NavigationMenuItemTemplate,\n\tstyles: [MenuItem.styles, navigationMenuItemCss],\n})\nclass NavigationMenuItem extends MenuItem {\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 * @public\n\t * @default undefined\n\t * @since 1.22.0\n\t /\n\t@property()\n\thref?: string;\n\n\t/\n\t Defines the component target.\n\t \n\t Notes:\n\t \n\t - `_self`\n\t * - `_top`\n\t * - `_blank`\n\t * - `_parent`\n\t * - `_search`\n\t \n\t This property must only be used when the `href` property is set.\n\t * @public\n\t * @default undefined\n\t * @since 1.22.0\n\t */\n\t@property()\n\ttarget?: string;\n\n\t@property()\n\tdesign: `${SideNavigationItemDesign}` = \"Default\";\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundleFiori: I18nBundle;\n\n\tassociatedItem?: SideNavigationSelectableItemBase;\n\n\tget isExternalLink() {\n\t\treturn this.href && this.target === \"_blank\";\n\t}\n\n\tget _href() {\n\t\treturn (!this.disabled && this.href) ? this.href : undefined;\n\t}\n\n\tget _accInfo() {\n\t\tconst accInfo = super._accInfo;\n\n\t\taccInfo.role = \"none\";\n\n\t\tif (this.hasSubmenu && this.associatedItem?.isSelectable) {\n\t\t\t// For the menu item on first level (parent item)\n\t\t\taccInfo.ariaSelectedText = NavigationMenuItem.i18nBundleFiori.getText(NAVIGATION_MENU_SELECTABLE_ITEM_HIDDEN_TEXT);\n\t\t}\n\n\t\treturn accInfo;\n\t}\n\n\tget classes(): ClassMap {\n\t\tconst result = super.classes;\n\n\t\tresult.main[\"ui5-navigation-menu-item-root\"] = true;\n\n\t\treturn result;\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tthis._activate(e);\n\t}\n\n\t_activate(e: MouseEvent \| KeyboardEvent) {\n\t\te.stopPropagation();\n\n\t\tconst item = this.associatedItem;\n\n\t\tif (this.disabled \|\| !item) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst sideNav = item.sideNavigation;\n\t\tconst overflowMenu = sideNav?.getOverflowPopover();\n\t\tconst isSelectable = item.isSelectable;\n\n\t\tconst executeEvent = item.fireDecoratorEvent(\"click\", {\n\t\t\taltKey: e.altKey,\n\t\t\tctrlKey: e.ctrlKey,\n\t\t\tmetaKey: e.metaKey,\n\t\t\tshiftKey: e.shiftKey,\n\t\t});\n\n\t\tif (!executeEvent) {\n\t\t\te.preventDefault();\n\n\t\t\tif (this.hasSubmenu) {\n\t\t\t\toverflowMenu?._openItemSubMenu(this);\n\t\t\t} else {\n\t\t\t\tsideNav?.closeMenu();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst shouldSelect = !this.hasSubmenu && isSelectable;\n\n\t\tif (this.hasSubmenu) {\n\t\t\toverflowMenu?._openItemSubMenu(this);\n\t\t}\n\n\t\tif (shouldSelect) {\n\t\t\tsideNav?._selectItem(item);\n\t\t}\n\n\t\tif (!this.hasSubmenu) {\n\t\t\tsideNav?.closeMenu(shouldSelect);\n\t\t}\n\t}\n\n\tasync _onkeydown(e: KeyboardEvent): Promise<void> {\n\t\tif (isSpace(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\tthis._activate(e);\n\t\t}\n\n\t\treturn Promise.resolve();\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\tget accessibleNameText() {\n\t\t// For the submenu's dialog\n\t\treturn this.text ?? \"\";\n\t}\n}\n\nNavigationMenuItem.define();\n\nexport default NavigationMenuItem;\n"]}

package/dist/NavigationMenuItemTemplate.js CHANGED Viewed

@@ -10,7 +10,7 @@ const predefinedHooks = {
 };
 export default function NavigationMenuItemTemplate(hooks) {
     const currentHooks = { ...predefinedHooks, ...hooks, };
-    return _jsx(_Fragment, { children: this._href ? (_jsx("a", { role: "treeitem", class: "ui5-navmenu-item-link", href: this.href, target: this.target, children: MenuItemTemplate.call(this, currentHooks) })) : MenuItemTemplate.call(this, currentHooks) });
+    return _jsx(_Fragment, { children: this._href ? (_jsx("a", { role: "menuitem", class: "ui5-navmenu-item-link", href: this.href, target: this.target, children: MenuItemTemplate.call(this, currentHooks) })) : MenuItemTemplate.call(this, currentHooks) });
 }
 function listItemContent() {
     return _jsx(_Fragment, { children: this.text });

package/dist/NavigationMenuItemTemplate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationMenuItemTemplate.js","sourceRoot":"","sources":["../src/NavigationMenuItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,gBAAgB,MAAM,6CAA6C,CAAC;AAC3E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,kBAAkB,MAAM,mDAAmD,CAAC;AACnF,OAAO,cAAc,MAAM,8CAA8C,CAAC;AAG1E,MAAM,eAAe,GAA2B;IAC/C,eAAe;IACf,SAAS;IACT,OAAO;CACP,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAA2B,KAA8B;IAC1G,MAAM,YAAY,GAAG,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,GAAG,CAAC;IAEvD,OAAO,4BAEL,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,YAAG,IAAI,EAAC,UAAU,EACjB,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,YAElB,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,GACvC,CACJ,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,GAE5C,CAAC;AACL,CAAC;AAED,SAAS,eAAe;IACvB,OAAO,4BAAG,IAAI,CAAC,IAAI,GAAI,CAAC;AACzB,CAAC;AAED,SAAS,SAAS;IACjB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EACvB,KAAK,EAAC,aAAa,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,GACd,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC5B,OAAO,cAAK,KAAK,EAAC,0BAA0B,GAAO,CAAC;IACrD,CAAC;AACF,CAAC;AAED,SAAS,OAAO;IACf,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACrB,OAAO,KAAC,IAAI,IACX,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,kBAAkB,EACxB,KAAK,EAAC,wBAAwB,GAC7B,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;QACzB,OAAO,KAAC,IAAI,IACX,KAAK,EAAC,gCAAgC,EACtC,IAAI,EAAE,cAAc,GACnB,CAAC;IACJ,CAAC;AACF,CAAC","sourcesContent":["import type NavigationMenuItem from \"./NavigationMenuItem.js\";\nimport MenuItemTemplate from \"@ui5/webcomponents/dist/MenuItemTemplate.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport slimArrowRightIcon from \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport arrowRightIcon from \"@ui5/webcomponents-icons/dist/arrow-right.js\";\nimport type { ListItemHooks } from \"@ui5/webcomponents/dist/ListItemTemplate.js\";\n\nconst predefinedHooks: Partial<ListItemHooks> = {\n\tlistItemContent,\n\ticonBegin,\n\ticonEnd,\n};\n\nexport default function NavigationMenuItemTemplate(this: NavigationMenuItem, hooks?: Partial<ListItemHooks>) {\n\tconst currentHooks = { ...predefinedHooks, ...hooks, };\n\n\treturn <>\n\t\t{\n\t\t\tthis._href ? (\n\t\t\t\t<a role=\"~~treeitem~~\"\n\t\t\t\t\tclass=\"ui5-navmenu-item-link\"\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t{MenuItemTemplate.call(this, currentHooks)}\n\t\t\t\t</a>\n\t\t\t) : MenuItemTemplate.call(this, currentHooks)\n\t\t}\n\t</>;\n}\n\nfunction listItemContent(this: NavigationMenuItem) {\n\treturn <>{this.text}</>;\n}\n\nfunction iconBegin(this: NavigationMenuItem) {\n\tif (this.hasIcon) {\n\t\treturn <Icon part=\"icon\"\n\t\t\tclass=\"ui5-li-icon\"\n\t\t\tname={this.icon}\n\t\t/>;\n\t}\n\n\tif (this._siblingsWithIcon) {\n\t\treturn <div class=\"ui5-menu-item-dummy-icon\"></div>;\n\t}\n}\n\nfunction iconEnd(this: NavigationMenuItem) {\n\tif (this.hasSubmenu) {\n\t\treturn <Icon\n\t\t\tpart=\"icon\"\n\t\t\tname={slimArrowRightIcon}\n\t\t\tclass=\"ui5-menu-item-icon-end\"\n\t\t/>;\n\t}\n\n\tif (this.isExternalLink) {\n\t\treturn <Icon\n\t\t\tclass=\"ui5-sn-item-external-link-icon\"\n\t\t\tname={arrowRightIcon}\n\t\t/>;\n\t}\n}\n"]}
1	+ {"version":3,"file":"NavigationMenuItemTemplate.js","sourceRoot":"","sources":["../src/NavigationMenuItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,gBAAgB,MAAM,6CAA6C,CAAC;AAC3E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,kBAAkB,MAAM,mDAAmD,CAAC;AACnF,OAAO,cAAc,MAAM,8CAA8C,CAAC;AAG1E,MAAM,eAAe,GAA2B;IAC/C,eAAe;IACf,SAAS;IACT,OAAO;CACP,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAA2B,KAA8B;IAC1G,MAAM,YAAY,GAAG,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,GAAG,CAAC;IAEvD,OAAO,4BAEL,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,YAAG,IAAI,EAAC,UAAU,EACjB,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,YAElB,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,GACvC,CACJ,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,GAE5C,CAAC;AACL,CAAC;AAED,SAAS,eAAe;IACvB,OAAO,4BAAG,IAAI,CAAC,IAAI,GAAI,CAAC;AACzB,CAAC;AAED,SAAS,SAAS;IACjB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EACvB,KAAK,EAAC,aAAa,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,GACd,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC5B,OAAO,cAAK,KAAK,EAAC,0BAA0B,GAAO,CAAC;IACrD,CAAC;AACF,CAAC;AAED,SAAS,OAAO;IACf,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACrB,OAAO,KAAC,IAAI,IACX,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,kBAAkB,EACxB,KAAK,EAAC,wBAAwB,GAC7B,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;QACzB,OAAO,KAAC,IAAI,IACX,KAAK,EAAC,gCAAgC,EACtC,IAAI,EAAE,cAAc,GACnB,CAAC;IACJ,CAAC;AACF,CAAC","sourcesContent":["import type NavigationMenuItem from \"./NavigationMenuItem.js\";\nimport MenuItemTemplate from \"@ui5/webcomponents/dist/MenuItemTemplate.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport slimArrowRightIcon from \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport arrowRightIcon from \"@ui5/webcomponents-icons/dist/arrow-right.js\";\nimport type { ListItemHooks } from \"@ui5/webcomponents/dist/ListItemTemplate.js\";\n\nconst predefinedHooks: Partial<ListItemHooks> = {\n\tlistItemContent,\n\ticonBegin,\n\ticonEnd,\n};\n\nexport default function NavigationMenuItemTemplate(this: NavigationMenuItem, hooks?: Partial<ListItemHooks>) {\n\tconst currentHooks = { ...predefinedHooks, ...hooks, };\n\n\treturn <>\n\t\t{\n\t\t\tthis._href ? (\n\t\t\t\t<a role=\"menuitem\"\n\t\t\t\t\tclass=\"ui5-navmenu-item-link\"\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t{MenuItemTemplate.call(this, currentHooks)}\n\t\t\t\t</a>\n\t\t\t) : MenuItemTemplate.call(this, currentHooks)\n\t\t}\n\t</>;\n}\n\nfunction listItemContent(this: NavigationMenuItem) {\n\treturn <>{this.text}</>;\n}\n\nfunction iconBegin(this: NavigationMenuItem) {\n\tif (this.hasIcon) {\n\t\treturn <Icon part=\"icon\"\n\t\t\tclass=\"ui5-li-icon\"\n\t\t\tname={this.icon}\n\t\t/>;\n\t}\n\n\tif (this._siblingsWithIcon) {\n\t\treturn <div class=\"ui5-menu-item-dummy-icon\"></div>;\n\t}\n}\n\nfunction iconEnd(this: NavigationMenuItem) {\n\tif (this.hasSubmenu) {\n\t\treturn <Icon\n\t\t\tpart=\"icon\"\n\t\t\tname={slimArrowRightIcon}\n\t\t\tclass=\"ui5-menu-item-icon-end\"\n\t\t/>;\n\t}\n\n\tif (this.isExternalLink) {\n\t\treturn <Icon\n\t\t\tclass=\"ui5-sn-item-external-link-icon\"\n\t\t\tname={arrowRightIcon}\n\t\t/>;\n\t}\n}\n"]}

package/dist/NavigationMenuTemplate.js CHANGED Viewed

@@ -7,7 +7,7 @@ import declineIcon from "@ui5/webcomponents-icons/dist/decline.js";
 export default function NavigationMenuTemplate() {
     return (_jsxs(ResponsivePopover, { id: `${this._id}-navigation-menu-rp`, class: "ui5-menu-rp ui5-navigation-menu", verticalAlign: "Center", opener: this.opener, open: this.open, preventInitialFocus: true, accessibleNameRef: `${this._id}-navigationMenuPopoverText`, onBeforeOpen: this._beforePopoverOpen, onOpen: this._afterPopoverOpen, onBeforeClose: this._beforePopoverClose, onClose: this._afterPopoverClose, hideArrow: true, children: [_jsx("span", { id: `${this._id}-navigationMenuPopoverText`, class: "ui5-hidden-text", children: this.accSideNavigationPopoverHiddenText }), this.isPhone &&
                 _jsxs("div", { slot: "header", class: "ui5-menu-dialog-header", children: [_jsx("div", { class: "ui5-menu-dialog-title", children: _jsx("div", { children: this.headerText }) }), _jsx(Button, { icon: declineIcon, design: "Transparent", "aria-label": this.labelClose, onClick: this._close })] }), _jsx("div", { id: `${this._id}-menu-main`, class: "ui5-navigation-menu-main", children: this.items.length > 0 ?
-                    _jsx(List, { id: `${this._id}-menu-list`, accessibleRole: "Tree", selectionMode: "None", loading: this.loading, loadingDelay: this.loadingDelay, separators: "None", onItemClick: this._itemClick, onKeyDown: this._itemKeyDown, "onui5-close-menu": this._close, children: _jsx("slot", {}) })
+                    _jsx(List, { id: `${this._id}-menu-list`, accessibleRole: "Menu", selectionMode: "None", loading: this.loading, loadingDelay: this.loadingDelay, separators: "None", onItemClick: this._itemClick, onKeyDown: this._itemKeyDown, "onui5-close-menu": this._close, children: _jsx("slot", {}) })
                     :
                         this.loading &&
                             _jsx(BusyIndicator, { id: `${this._id}-menu-busy-indicator`, active: true, delay: this.loadingDelay, class: "ui5-menu-busy-indicator" }) })] }));

package/dist/NavigationMenuTemplate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationMenuTemplate.js","sourceRoot":"","sources":["../src/NavigationMenuTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,iBAAiB,MAAM,8CAA8C,CAAC;AAE7E,OAAO,WAAW,MAAM,0CAA0C,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC7C,OAAO,CACN,MAAC,iBAAiB,IACjB,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,qBAAqB,EACpC,KAAK,EAAC,iCAAiC,EACvC,aAAa,EAAC,QAAQ,EACtB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,mBAAmB,EAAE,IAAI,EACzB,iBAAiB,EAAE,GAAG,IAAI,CAAC,GAAG,4BAA4B,EAC1D,YAAY,EAAE,IAAI,CAAC,kBAAkB,EACrC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAC9B,aAAa,EAAE,IAAI,CAAC,mBAAmB,EACvC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,IAAI,aAEf,eAAM,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,4BAA4B,EAAE,KAAK,EAAC,iBAAiB,YAAE,IAAI,CAAC,kCAAkC,GAAQ,EAC1H,IAAI,CAAC,OAAO;gBACZ,eAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,wBAAwB,aAChD,cAAK,KAAK,EAAC,uBAAuB,YACjC,wBAAM,IAAI,CAAC,UAAU,GAAO,GACvB,EACN,KAAC,MAAM,IACN,IAAI,EAAE,WAAW,EACjB,MAAM,EAAC,aAAa,gBACR,IAAI,CAAC,UAAU,EAC3B,OAAO,EAAE,IAAI,CAAC,MAAM,GAEZ,IACJ,EAEP,cAAK,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,YAAY,EAAE,KAAK,EAAC,0BAA0B,YAChE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oBACvB,KAAC,IAAI,IACJ,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,YAAY,EAC3B,cAAc,EAAC,MAAM,EACrB,aAAa,EAAC,MAAM,EACpB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,UAAU,EAAC,MAAM,EACjB,WAAW,EAAE,IAAI,CAAC,UAAU,EAC5B,SAAS,EAAE,IAAI,CAAC,YAAY,sBAEV,IAAI,CAAC,MAAM,YAE7B,gBAAa,GACP;oBACP,CAAC;wBACD,IAAI,CAAC,OAAO;4BACX,KAAC,aAAa,IACb,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,sBAAsB,EACrC,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,KAAK,EAAC,yBAAyB,GACf,GAEd,IACa,CACpB,CAAC;AACH,CAAC","sourcesContent":["import List from \"@ui5/webcomponents/dist/List.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport BusyIndicator from \"@ui5/webcomponents/dist/BusyIndicator.js\";\nimport ResponsivePopover from \"@ui5/webcomponents/dist/ResponsivePopover.js\";\nimport type NavigationMenu from \"./NavigationMenu.js\";\nimport declineIcon from \"@ui5/webcomponents-icons/dist/decline.js\";\n\nexport default function NavigationMenuTemplate(this: NavigationMenu) {\n\treturn (\n\t\t<ResponsivePopover\n\t\t\tid={`${this._id}-navigation-menu-rp`}\n\t\t\tclass=\"ui5-menu-rp ui5-navigation-menu\"\n\t\t\tverticalAlign=\"Center\"\n\t\t\topener={this.opener}\n\t\t\topen={this.open}\n\t\t\tpreventInitialFocus={true}\n\t\t\taccessibleNameRef={`${this._id}-navigationMenuPopoverText`}\n\t\t\tonBeforeOpen={this._beforePopoverOpen}\n\t\t\tonOpen={this._afterPopoverOpen}\n\t\t\tonBeforeClose={this._beforePopoverClose}\n\t\t\tonClose={this._afterPopoverClose}\n\t\t\thideArrow={true}\n\t\t>\n\t\t\t<span id={`${this._id}-navigationMenuPopoverText`} class=\"ui5-hidden-text\">{this.accSideNavigationPopoverHiddenText}</span>\n\t\t\t{this.isPhone &&\n\t\t\t\t<div slot=\"header\" class=\"ui5-menu-dialog-header\">\n\t\t\t\t\t<div class=\"ui5-menu-dialog-title\">\n\t\t\t\t\t\t<div>{this.headerText}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={declineIcon}\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\taria-label={this.labelClose}\n\t\t\t\t\t\tonClick={this._close}\n\t\t\t\t\t>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div id={`${this._id}-menu-main`} class=\"ui5-navigation-menu-main\">\n\t\t\t\t{this.items.length > 0 ?\n\t\t\t\t\t<List\n\t\t\t\t\t\tid={`${this._id}-menu-list`}\n\t\t\t\t\t\taccessibleRole=\"~~Tree~~\"\n\t\t\t\t\t\tselectionMode=\"None\"\n\t\t\t\t\t\tloading={this.loading}\n\t\t\t\t\t\tloadingDelay={this.loadingDelay}\n\t\t\t\t\t\tseparators=\"None\"\n\t\t\t\t\t\tonItemClick={this._itemClick}\n\t\t\t\t\t\tonKeyDown={this._itemKeyDown}\n\t\t\t\t\t\t// events bubbling from slotted items\n\t\t\t\t\t\tonui5-close-menu={this._close}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</List>\n\t\t\t\t\t:\n\t\t\t\t\tthis.loading &&\n\t\t\t\t\t\t<BusyIndicator\n\t\t\t\t\t\t\tid={`${this._id}-menu-busy-indicator`}\n\t\t\t\t\t\t\tactive={true}\n\t\t\t\t\t\t\tdelay={this.loadingDelay}\n\t\t\t\t\t\t\tclass=\"ui5-menu-busy-indicator\"\n\t\t\t\t\t\t></BusyIndicator>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</ResponsivePopover>\n\t);\n}\n"]}
1	+ {"version":3,"file":"NavigationMenuTemplate.js","sourceRoot":"","sources":["../src/NavigationMenuTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,iBAAiB,MAAM,8CAA8C,CAAC;AAE7E,OAAO,WAAW,MAAM,0CAA0C,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC7C,OAAO,CACN,MAAC,iBAAiB,IACjB,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,qBAAqB,EACpC,KAAK,EAAC,iCAAiC,EACvC,aAAa,EAAC,QAAQ,EACtB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,mBAAmB,EAAE,IAAI,EACzB,iBAAiB,EAAE,GAAG,IAAI,CAAC,GAAG,4BAA4B,EAC1D,YAAY,EAAE,IAAI,CAAC,kBAAkB,EACrC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAC9B,aAAa,EAAE,IAAI,CAAC,mBAAmB,EACvC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,IAAI,aAEf,eAAM,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,4BAA4B,EAAE,KAAK,EAAC,iBAAiB,YAAE,IAAI,CAAC,kCAAkC,GAAQ,EAC1H,IAAI,CAAC,OAAO;gBACZ,eAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,wBAAwB,aAChD,cAAK,KAAK,EAAC,uBAAuB,YACjC,wBAAM,IAAI,CAAC,UAAU,GAAO,GACvB,EACN,KAAC,MAAM,IACN,IAAI,EAAE,WAAW,EACjB,MAAM,EAAC,aAAa,gBACR,IAAI,CAAC,UAAU,EAC3B,OAAO,EAAE,IAAI,CAAC,MAAM,GAEZ,IACJ,EAEP,cAAK,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,YAAY,EAAE,KAAK,EAAC,0BAA0B,YAChE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oBACvB,KAAC,IAAI,IACJ,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,YAAY,EAC3B,cAAc,EAAC,MAAM,EACrB,aAAa,EAAC,MAAM,EACpB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,UAAU,EAAC,MAAM,EACjB,WAAW,EAAE,IAAI,CAAC,UAAU,EAC5B,SAAS,EAAE,IAAI,CAAC,YAAY,sBAEV,IAAI,CAAC,MAAM,YAE7B,gBAAa,GACP;oBACP,CAAC;wBACD,IAAI,CAAC,OAAO;4BACX,KAAC,aAAa,IACb,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,sBAAsB,EACrC,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,KAAK,EAAC,yBAAyB,GACf,GAEd,IACa,CACpB,CAAC;AACH,CAAC","sourcesContent":["import List from \"@ui5/webcomponents/dist/List.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport BusyIndicator from \"@ui5/webcomponents/dist/BusyIndicator.js\";\nimport ResponsivePopover from \"@ui5/webcomponents/dist/ResponsivePopover.js\";\nimport type NavigationMenu from \"./NavigationMenu.js\";\nimport declineIcon from \"@ui5/webcomponents-icons/dist/decline.js\";\n\nexport default function NavigationMenuTemplate(this: NavigationMenu) {\n\treturn (\n\t\t<ResponsivePopover\n\t\t\tid={`${this._id}-navigation-menu-rp`}\n\t\t\tclass=\"ui5-menu-rp ui5-navigation-menu\"\n\t\t\tverticalAlign=\"Center\"\n\t\t\topener={this.opener}\n\t\t\topen={this.open}\n\t\t\tpreventInitialFocus={true}\n\t\t\taccessibleNameRef={`${this._id}-navigationMenuPopoverText`}\n\t\t\tonBeforeOpen={this._beforePopoverOpen}\n\t\t\tonOpen={this._afterPopoverOpen}\n\t\t\tonBeforeClose={this._beforePopoverClose}\n\t\t\tonClose={this._afterPopoverClose}\n\t\t\thideArrow={true}\n\t\t>\n\t\t\t<span id={`${this._id}-navigationMenuPopoverText`} class=\"ui5-hidden-text\">{this.accSideNavigationPopoverHiddenText}</span>\n\t\t\t{this.isPhone &&\n\t\t\t\t<div slot=\"header\" class=\"ui5-menu-dialog-header\">\n\t\t\t\t\t<div class=\"ui5-menu-dialog-title\">\n\t\t\t\t\t\t<div>{this.headerText}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={declineIcon}\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\taria-label={this.labelClose}\n\t\t\t\t\t\tonClick={this._close}\n\t\t\t\t\t>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div id={`${this._id}-menu-main`} class=\"ui5-navigation-menu-main\">\n\t\t\t\t{this.items.length > 0 ?\n\t\t\t\t\t<List\n\t\t\t\t\t\tid={`${this._id}-menu-list`}\n\t\t\t\t\t\taccessibleRole=\"Menu\"\n\t\t\t\t\t\tselectionMode=\"None\"\n\t\t\t\t\t\tloading={this.loading}\n\t\t\t\t\t\tloadingDelay={this.loadingDelay}\n\t\t\t\t\t\tseparators=\"None\"\n\t\t\t\t\t\tonItemClick={this._itemClick}\n\t\t\t\t\t\tonKeyDown={this._itemKeyDown}\n\t\t\t\t\t\t// events bubbling from slotted items\n\t\t\t\t\t\tonui5-close-menu={this._close}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</List>\n\t\t\t\t\t:\n\t\t\t\t\tthis.loading &&\n\t\t\t\t\t\t<BusyIndicator\n\t\t\t\t\t\t\tid={`${this._id}-menu-busy-indicator`}\n\t\t\t\t\t\t\tactive={true}\n\t\t\t\t\t\t\tdelay={this.loadingDelay}\n\t\t\t\t\t\t\tclass=\"ui5-menu-busy-indicator\"\n\t\t\t\t\t\t></BusyIndicator>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</ResponsivePopover>\n\t);\n}\n"]}

package/dist/SearchItemShowMore.d.ts CHANGED Viewed

@@ -1,5 +1,8 @@
 import ListItemBase from "@ui5/webcomponents/dist/ListItemBase.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+type ShowMoreItemClickEventDetail = {
+    fromKeyboard: boolean;
+};
 /**
  * @class
  * ### Overview
@@ -17,6 +20,9 @@ import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
  * @experimental
  */
 declare class SearchItemShowMore extends ListItemBase {
+    eventDetails: ListItemBase["eventDetails"] & {
+        "click": ShowMoreItemClickEventDetail;
+    };
     /**
      * Specifies the number of additional items available to show.
      * This value replaces the placeholder (N) in the "Show more (N)" text.
@@ -35,5 +41,9 @@ declare class SearchItemShowMore extends ListItemBase {
     get showMoreTextCount(): string;
     _onfocusin(e: FocusEvent): void;
     _onfocusout(): void;
+    _onclick(e: MouseEvent | KeyboardEvent, fromKeyboard?: boolean): void;
+    _onkeydown(e: KeyboardEvent): void;
+    _onkeyup(e: KeyboardEvent): void;
 }
 export default SearchItemShowMore;
+export type { ShowMoreItemClickEventDetail, };

package/dist/SearchItemShowMore.js CHANGED Viewed

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var SearchItemShowMore_1;
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import ListItemBase from "@ui5/webcomponents/dist/ListItemBase.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
@@ -14,6 +15,7 @@ import SearchItemShowMoreTemplate from "./SearchItemShowMoreTemplate.js";
 import SearchItemCss from "./generated/themes/SearchItem.css.js";
 import SearchItemShowMoreCss from "./generated/themes/SearchItemShowMore.css.js";
 import { SEARCH_ITEM_SHOW_MORE_COUNT, SEARCH_ITEM_SHOW_MORE_NO_COUNT } from "./generated/i18n/i18n-defaults.js";
+import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 /**
  * @class
  * ### Overview
@@ -53,6 +55,22 @@ let SearchItemShowMore = SearchItemShowMore_1 = class SearchItemShowMore extends
     _onfocusout() {
         this.selected = false;
     }
+    _onclick(e, fromKeyboard = false) {
+        e.stopImmediatePropagation();
+        this.fireDecoratorEvent("click", { fromKeyboard });
+    }
+    _onkeydown(e) {
+        if (isEnter(e)) {
+            this._onclick(e, true);
+            e.preventDefault();
+        }
+    }
+    _onkeyup(e) {
+        if (isSpace(e)) {
+            this._onclick(e, true);
+            e.preventDefault();
+        }
+    }
 };
 __decorate([
     property()
@@ -75,6 +93,19 @@ SearchItemShowMore = SearchItemShowMore_1 = __decorate([
             SearchItemShowMoreCss,
         ],
     })
+    /**
+     * Fired when the component is activated, either with a mouse/tap
+     * or by pressing the Enter or Space keys.
+     *
+     * @public
+     * @param {boolean} fromKeyboard Indicates whether the event was fired
+     * due to keyboard interaction (Enter or Space) rather than mouse/tap.
+     */
+    ,
+    event("click", {
+        bubbles: true,
+        cancelable: true,
+    })
 ], SearchItemShowMore);
 SearchItemShowMore.define();
 export default SearchItemShowMore;

package/dist/SearchItemShowMore.js.map CHANGED Viewed

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

package/dist/SearchItemShowMoreTemplate.js CHANGED Viewed

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

package/dist/SearchItemShowMoreTemplate.js.map CHANGED Viewed

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

package/dist/SideNavigationGroup.js CHANGED Viewed

@@ -9,7 +9,7 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import jsxRender from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import { isLeft, isRight, isMinus, isPlus, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { isSpace, isLeft, isRight, isMinus, isPlus, } from "@ui5/webcomponents-base/dist/Keys.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import SideNavigationItemBase from "./SideNavigationItemBase.js";
 import SideNavigationGroupTemplate from "./SideNavigationGroupTemplate.js";
@@ -103,6 +103,9 @@ let SideNavigationGroup = SideNavigationGroup_1 = class SideNavigationGroup exte
         if (this.disabled) {
             return;
         }
+        if (isSpace(e)) {
+            e.preventDefault();
+        }
         const isRTL = this.effectiveDir === "rtl";
         if (isLeft(e)) {
             e.preventDefault();

package/dist/SideNavigationGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SideNavigationGroup.js","sourceRoot":"","sources":["../src/SideNavigationGroup.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,GACN,MAAM,sCAAsC,CAAC;AAC9C,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAGjE,OAAO,2BAA2B,MAAM,kCAAkC,CAAC;AAE3E,OAAO,EACN,6BAA6B,EAC7B,2BAA2B,GAC3B,MAAM,mCAAmC,CAAC;AAE3C,SAAS;AACT,OAAO,sBAAsB,MAAM,+CAA+C,CAAC;AAEnF;;;;;;;;;;;;;;;;;GAiBG;AAOH,IAAM,mBAAmB,2BAAzB,MAAM,mBAAoB,SAAQ,sBAAsB;IAAxD;;QACC;;;;;WAKG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB,eAAU,GAAG,KAAK,CAAC;~~IAkIpB~~,CAAC;~~IArHA~~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~~AApIA~~;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACX;AAUjB;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;kDAC1C;AAG3B;IADN,IAAI,CAAC,0BAA0B,CAAC;6CACH;AArBzB,mBAAmB;IANxB,aAAa,CAAC;QACd,GAAG,EAAE,2BAA2B;QAChC,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,2BAA2B;QACrC,MAAM,EAAE,sBAAsB;KAC9B,CAAC;GACI,mBAAmB,~~CA4IxB~~;AAED,mBAAmB,CAAC,MAAM,EAAE,CAAC;AAE7B,MAAM,+BAA+B,GAAG,CAAC,MAAW,EAAiC,EAAE;IACtF,OAAO,uBAAuB,IAAI,MAAM,CAAC;AAC1C,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC;AACnC,OAAO,EAAE,+BAA+B,EAAE,CAAC","sourcesContent":["import property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRender from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport {\n\tisLeft,\n\tisRight,\n\tisMinus,\n\tisPlus,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport SideNavigationItemBase from \"./SideNavigationItemBase.js\";\nimport type SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\nimport type SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationGroupTemplate from \"./SideNavigationGroupTemplate.js\";\n\nimport {\n\tSIDE_NAVIGATION_ICON_COLLAPSE,\n\tSIDE_NAVIGATION_ICON_EXPAND,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport SideNavigationGroupCss from \"./generated/themes/SideNavigationGroup.css.js\";\n\n/*\n @class\n \n ### Overview\n \n Represents a group of navigation actions within `ui5-side-navigation`.\n * The `ui5-side-navigation-group` can only be used inside a `ui5-side-navigation`.\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/SideNavigationGroup.js\";`\n \n @constructor\n * @extends SideNavigationItemBase\n * @public\n * @abstract\n * @since 1.24.0\n /\n@customElement({\n\ttag: \"ui5-side-navigation-group\",\n\trenderer: jsxRender,\n\ttemplate: SideNavigationGroupTemplate,\n\tstyles: SideNavigationGroupCss,\n})\nclass SideNavigationGroup extends SideNavigationItemBase {\n\t/\n\t Defines if the item is expanded\n\t \n\t @public\n\t * @default false\n\t /\n\t@property({ type: Boolean })\n\texpanded = false;\n\n\tbelowGroup = false;\n\n\t/\n\t Defines nested items by passing `ui5-side-navigation-item` to the default slot.\n\t \n\t @public\n\t */\n\t@slot({ type: HTMLElement, invalidateOnChildChange: true, \"default\": true })\n\titems!: Array<SideNavigationItem>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\tonBeforeRendering() {\n\t\tthis.allItems.forEach(item => {\n\t\t\titem._groupDisabled = this.disabled;\n\t\t});\n\t}\n\n\tget overflowItems() : Array<HTMLElement> {\n\t\tconst separator1 = this.shadowRoot!.querySelector<HTMLElement>(\".ui5-sn-item-separator:first-child\")!;\n\t\tconst separator2 = this.shadowRoot!.querySelector<HTMLElement>(\".ui5-sn-item-separator:last-child\")!;\n\n\t\tconst overflowItems = this.items.reduce((result, item) => {\n\t\t\treturn result.concat(item.overflowItems);\n\t\t}, new Array<SideNavigationItem>());\n\n\t\treturn [separator1, ...overflowItems, separator2];\n\t}\n\n\tget selectableItems() : Array<SideNavigationSelectableItemBase> {\n\t\treturn this.items.reduce((result, item) => {\n\t\t\treturn result.concat(item.selectableItems);\n\t\t}, new Array<SideNavigationSelectableItemBase>());\n\t}\n\n\tget focusableItems() : Array<SideNavigationItemBase> {\n\t\tif (this.sideNavCollapsed) {\n\t\t\treturn this.items;\n\t\t}\n\n\t\tif (this.expanded) {\n\t\t\treturn this.items.reduce((result, item) => {\n\t\t\t\treturn result.concat(item.focusableItems);\n\t\t\t}, new Array<SideNavigationItemBase>(this));\n\t\t}\n\n\t\treturn [this];\n\t}\n\n\tget allItems() : Array<SideNavigationItemBase> {\n\t\treturn this.items.reduce((result, item) => {\n\t\t\treturn result.concat(item.allItems);\n\t\t}, new Array<SideNavigationItemBase>(this));\n\t}\n\n\tget _groupId() {\n\t\tif (!this.items.length) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn `${this._id}-group`;\n\t}\n\n\tget _expanded() {\n\t\tif (!this.items.length) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.expanded;\n\t}\n\n\tget belowGroupClassName() {\n\t\treturn this.belowGroup ? \"ui5-sn-item-group-below-group\" : \"\";\n\t}\n\n\tget _arrowTooltip() {\n\t\treturn this.expanded ? SideNavigationGroup.i18nBundle.getText(SIDE_NAVIGATION_ICON_COLLAPSE)\n\t\t\t: SideNavigationGroup.i18nBundle.getText(SIDE_NAVIGATION_ICON_EXPAND);\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isRTL = this.effectiveDir === \"rtl\";\n\n\t\tif (isLeft(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = isRTL;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isRight(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = !isRTL;\n\t\t}\n\n\t\tif (isMinus(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isPlus(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = true;\n\t\t}\n\t}\n\n\t_onclick() {\n\t\tthis._toggle();\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\te.stopPropagation();\n\n\t\tthis.sideNavigation?.focusItem(this);\n\t}\n\n\t_toggle() {\n\t\tif (!this.disabled) {\n\t\t\tthis.expanded = !this.expanded;\n\t\t}\n\t}\n\n\tget isSideNavigationGroup() {\n\t\treturn true;\n\t}\n}\n\nSideNavigationGroup.define();\n\nconst isInstanceOfSideNavigationGroup = (object: any): object is SideNavigationGroup => {\n\treturn \"isSideNavigationGroup\" in object;\n};\n\nexport default SideNavigationGroup;\nexport { isInstanceOfSideNavigationGroup };\n"]}
1	+ {"version":3,"file":"SideNavigationGroup.js","sourceRoot":"","sources":["../src/SideNavigationGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRender from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport {\n\tisSpace,\n\tisLeft,\n\tisRight,\n\tisMinus,\n\tisPlus,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport SideNavigationItemBase from \"./SideNavigationItemBase.js\";\nimport type SideNavigationSelectableItemBase from \"./SideNavigationSelectableItemBase.js\";\nimport type SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationGroupTemplate from \"./SideNavigationGroupTemplate.js\";\n\nimport {\n\tSIDE_NAVIGATION_ICON_COLLAPSE,\n\tSIDE_NAVIGATION_ICON_EXPAND,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport SideNavigationGroupCss from \"./generated/themes/SideNavigationGroup.css.js\";\n\n/*\n @class\n \n ### Overview\n \n Represents a group of navigation actions within `ui5-side-navigation`.\n * The `ui5-side-navigation-group` can only be used inside a `ui5-side-navigation`.\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/SideNavigationGroup.js\";`\n \n @constructor\n * @extends SideNavigationItemBase\n * @public\n * @abstract\n * @since 1.24.0\n /\n@customElement({\n\ttag: \"ui5-side-navigation-group\",\n\trenderer: jsxRender,\n\ttemplate: SideNavigationGroupTemplate,\n\tstyles: SideNavigationGroupCss,\n})\nclass SideNavigationGroup extends SideNavigationItemBase {\n\t/\n\t Defines if the item is expanded\n\t \n\t @public\n\t * @default false\n\t /\n\t@property({ type: Boolean })\n\texpanded = false;\n\n\tbelowGroup = false;\n\n\t/\n\t Defines nested items by passing `ui5-side-navigation-item` to the default slot.\n\t \n\t @public\n\t */\n\t@slot({ type: HTMLElement, invalidateOnChildChange: true, \"default\": true })\n\titems!: Array<SideNavigationItem>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\tonBeforeRendering() {\n\t\tthis.allItems.forEach(item => {\n\t\t\titem._groupDisabled = this.disabled;\n\t\t});\n\t}\n\n\tget overflowItems() : Array<HTMLElement> {\n\t\tconst separator1 = this.shadowRoot!.querySelector<HTMLElement>(\".ui5-sn-item-separator:first-child\")!;\n\t\tconst separator2 = this.shadowRoot!.querySelector<HTMLElement>(\".ui5-sn-item-separator:last-child\")!;\n\n\t\tconst overflowItems = this.items.reduce((result, item) => {\n\t\t\treturn result.concat(item.overflowItems);\n\t\t}, new Array<SideNavigationItem>());\n\n\t\treturn [separator1, ...overflowItems, separator2];\n\t}\n\n\tget selectableItems() : Array<SideNavigationSelectableItemBase> {\n\t\treturn this.items.reduce((result, item) => {\n\t\t\treturn result.concat(item.selectableItems);\n\t\t}, new Array<SideNavigationSelectableItemBase>());\n\t}\n\n\tget focusableItems() : Array<SideNavigationItemBase> {\n\t\tif (this.sideNavCollapsed) {\n\t\t\treturn this.items;\n\t\t}\n\n\t\tif (this.expanded) {\n\t\t\treturn this.items.reduce((result, item) => {\n\t\t\t\treturn result.concat(item.focusableItems);\n\t\t\t}, new Array<SideNavigationItemBase>(this));\n\t\t}\n\n\t\treturn [this];\n\t}\n\n\tget allItems() : Array<SideNavigationItemBase> {\n\t\treturn this.items.reduce((result, item) => {\n\t\t\treturn result.concat(item.allItems);\n\t\t}, new Array<SideNavigationItemBase>(this));\n\t}\n\n\tget _groupId() {\n\t\tif (!this.items.length) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn `${this._id}-group`;\n\t}\n\n\tget _expanded() {\n\t\tif (!this.items.length) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.expanded;\n\t}\n\n\tget belowGroupClassName() {\n\t\treturn this.belowGroup ? \"ui5-sn-item-group-below-group\" : \"\";\n\t}\n\n\tget _arrowTooltip() {\n\t\treturn this.expanded ? SideNavigationGroup.i18nBundle.getText(SIDE_NAVIGATION_ICON_COLLAPSE)\n\t\t\t: SideNavigationGroup.i18nBundle.getText(SIDE_NAVIGATION_ICON_EXPAND);\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tconst isRTL = this.effectiveDir === \"rtl\";\n\n\t\tif (isLeft(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = isRTL;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isRight(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = !isRTL;\n\t\t}\n\n\t\tif (isMinus(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isPlus(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis.expanded = true;\n\t\t}\n\t}\n\n\t_onclick() {\n\t\tthis._toggle();\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\te.stopPropagation();\n\n\t\tthis.sideNavigation?.focusItem(this);\n\t}\n\n\t_toggle() {\n\t\tif (!this.disabled) {\n\t\t\tthis.expanded = !this.expanded;\n\t\t}\n\t}\n\n\tget isSideNavigationGroup() {\n\t\treturn true;\n\t}\n}\n\nSideNavigationGroup.define();\n\nconst isInstanceOfSideNavigationGroup = (object: any): object is SideNavigationGroup => {\n\treturn \"isSideNavigationGroup\" in object;\n};\n\nexport default SideNavigationGroup;\nexport { isInstanceOfSideNavigationGroup };\n"]}

package/dist/SideNavigationItem.d.ts CHANGED Viewed

@@ -55,6 +55,7 @@ declare class SideNavigationItem extends SideNavigationSelectableItemBase {
     get _ariaChecked(): boolean | undefined;
     get _groupId(): string | undefined;
     get _expanded(): boolean | undefined;
+    get _describedBy(): string | undefined;
     get classesArray(): string[];
     get _selected(): boolean;
     get _arrowTooltip(): string;

package/dist/SideNavigationItem.js CHANGED Viewed

@@ -10,9 +10,9 @@ import jsxRender from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import { isLeft, isRight, isSpace, isEnter, isEnterShift, isEnterCtrl, isEnterAlt, isMinus, isPlus, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { isLeft, isRight, isMinus, isPlus, isEnter, } from "@ui5/webcomponents-base/dist/Keys.js";
 import SideNavigationSelectableItemBase from "./SideNavigationSelectableItemBase.js";
-import { SIDE_NAVIGATION_ICON_COLLAPSE, SIDE_NAVIGATION_ICON_EXPAND, SIDE_NAVIGATION_OVERFLOW_ITEM_LABEL, } from "./generated/i18n/i18n-defaults.js";
+import { SIDE_NAVIGATION_ICON_COLLAPSE, SIDE_NAVIGATION_ICON_EXPAND, SIDE_NAVIGATION_OVERFLOW_ITEM_LABEL, SIDE_NAVIGATION_PARENT_ITEM_SELECTABLE_DESCRIPTION, } from "./generated/i18n/i18n-defaults.js";
 // Templates
 import SideNavigationItemTemplate from "./SideNavigationItemTemplate.js";
 // Styles
@@ -105,6 +105,9 @@ let SideNavigationItem = SideNavigationItem_1 = class SideNavigationItem extends
         if (this.accessibilityAttributes?.hasPopup) {
             return this.accessibilityAttributes.hasPopup;
         }
+        if (this.isOverflow) {
+            return "menu";
+        }
         return undefined;
     }
     get _ariaChecked() {
@@ -125,6 +128,11 @@ let SideNavigationItem = SideNavigationItem_1 = class SideNavigationItem extends
         }
         return this.expanded;
     }
+    get _describedBy() {
+        if (!this.effectiveDisabled && this.items.length && !this.unselectable) {
+            return SideNavigationItem_1.i18nBundle.getText(SIDE_NAVIGATION_PARENT_ITEM_SELECTABLE_DESCRIPTION, this.text ?? "");
+        }
+    }
     get classesArray() {
         const classes = super.classesArray;
         if (!this.effectiveDisabled && this.items.length) {
@@ -192,14 +200,10 @@ let SideNavigationItem = SideNavigationItem_1 = class SideNavigationItem extends
             this.expanded = true;
             return;
         }
-        // "Space" + modifier is often reserved by the operating system or window manager
-        if (this.unselectable && isSpace(e)) {
-            this._toggle();
-            return;
-        }
-        // "Enter" + "Meta" is missing since it is often reserved by the operating system or window manager
-        if (this.unselectable && (isEnter(e) || isEnterShift(e) || isEnterCtrl(e) || isEnterAlt(e))) {
-            this._toggle();
+        if (isEnter(e)) {
+            if (!this.inPopover && this.unselectable && !this.isExternalLink) {
+                e.preventDefault();
+            }
         }
         super._onkeydown(e);
     }