@ui5/webcomponents-fiori 2.6.0-rc.3 → 2.6.0-rc.5

package/dist/NavigationLayout.d.ts

@@ -1,4 +1,5 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import NavigationLayoutMode from "./types/NavigationLayoutMode.js";
 import type SideNavigation from "./SideNavigation.js";
 /**
  * @class
@@ -14,9 +15,10 @@ import type SideNavigation from "./SideNavigation.js";
  *
  * ### Responsive Behavior
  *
- * On desktop and tablet devices, the side navigation remains visible and can
- * be expanded or collapsed using the `sideCollapsed` property. On phone devices, the side navigation
- * is hidden by default but can be displayed using the same `sideCollapsed` property.
+ * On desktop and tablet devices, the side navigation is visible
+ * by default and can be expanded or collapsed using the `mode` property.
+ * On phone devices, the side navigation is hidden by default and can
+ * be displayed using the `mode` property.
  *
  * ### ES6 Module Import
  *
@@ -27,7 +29,17 @@ import type SideNavigation from "./SideNavigation.js";
  * @public
  */
 declare class NavigationLayout extends UI5Element {
-    _sideCollapsed: boolean;
+    _defaultSideCollapsed: boolean;
+    /**
+     * Specifies the navigation layout mode.
+     * @default "Auto"
+     * @public
+     */
+    mode: `${NavigationLayoutMode}`;
+    /**
+     * @private
+     */
+    sideCollapsed: boolean;
     /**
      * @private
      */
@@ -37,12 +49,10 @@ declare class NavigationLayout extends UI5Element {
      */
     isTablet: boolean;
     /**
-     * Indicates whether the side navigation is collapsed.
-     * @default false
+     * Gets whether the side navigation is collapsed.
      * @public
      */
-    set sideCollapsed(value: boolean);
-    get sideCollapsed(): boolean;
+    isSideCollapsed(): boolean;
     /**
      * Defines the header.
      * @public
@@ -59,5 +69,6 @@ declare class NavigationLayout extends UI5Element {
      */
     content: Array<HTMLElement>;
     onBeforeRendering(): void;
+    calcSideCollapsed(): void;
 }
 export default NavigationLayout;

package/dist/NavigationLayout.js

@@ -11,6 +11,7 @@ import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import browserScrollbarCSS from "@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js";
 import { isPhone, isTablet, isCombi, } from "@ui5/webcomponents-base/dist/Device.js";
+import NavigationLayoutMode from "./types/NavigationLayoutMode.js";
 // Template
 import NavigationLayoutTemplate from "./NavigationLayoutTemplate.js";
 // Styles
@@ -29,9 +30,10 @@ import NavigationLayoutCss from "./generated/themes/NavigationLayout.css.js";
  *
  * ### Responsive Behavior
  *
- * On desktop and tablet devices, the side navigation remains visible and can
- * be expanded or collapsed using the `sideCollapsed` property. On phone devices, the side navigation
- * is hidden by default but can be displayed using the same `sideCollapsed` property.
+ * On desktop and tablet devices, the side navigation is visible
+ * by default and can be expanded or collapsed using the `mode` property.
+ * On phone devices, the side navigation is hidden by default and can
+ * be displayed using the `mode` property.
  *
  * ### ES6 Module Import
  *
@@ -44,7 +46,17 @@ import NavigationLayoutCss from "./generated/themes/NavigationLayout.css.js";
 let NavigationLayout = class NavigationLayout extends UI5Element {
     constructor() {
         super(...arguments);
-        this._sideCollapsed = isPhone() || (isTablet() && !isCombi());
+        this._defaultSideCollapsed = isPhone() || (isTablet() && !isCombi());
+        /**
+         * Specifies the navigation layout mode.
+         * @default "Auto"
+         * @public
+         */
+        this.mode = "Auto";
+        /**
+         * @private
+         */
+        this.sideCollapsed = this._defaultSideCollapsed;
         /**
          * @private
          */
@@ -55,42 +67,44 @@ let NavigationLayout = class NavigationLayout extends UI5Element {
         this.isTablet = isTablet() && !isCombi();
     }
     /**
-     * Indicates whether the side navigation is collapsed.
-     * @default false
+     * Gets whether the side navigation is collapsed.
      * @public
      */
-    set sideCollapsed(value) {
-        this._sideCollapsed = value;
+    isSideCollapsed() {
+        this.calcSideCollapsed();
+        return this.sideCollapsed;
+    }
+    onBeforeRendering() {
+        this.calcSideCollapsed();
         if (isPhone()) {
             return;
         }
         const sideNavigation = this.sideContent[0];
         if (sideNavigation) {
-            sideNavigation.collapsed = value;
+            sideNavigation.collapsed = this.isSideCollapsed();
         }
     }
-    get sideCollapsed() {
-        return this._sideCollapsed;
-    }
-    onBeforeRendering() {
-        if (isPhone()) {
-            return;
+    calcSideCollapsed() {
+        if (this.mode === NavigationLayoutMode.Auto) {
+            this.sideCollapsed = this._defaultSideCollapsed;
         }
-        const sideNavigation = this.sideContent[0];
-        if (sideNavigation) {
-            sideNavigation.collapsed = this.sideCollapsed;
+        else {
+            this.sideCollapsed = this.mode === NavigationLayoutMode.Collapsed;
         }
     }
 };
+__decorate([
+    property()
+], NavigationLayout.prototype, "mode", void 0);
 __decorate([
     property({ type: Boolean })
-], NavigationLayout.prototype, "isPhone", void 0);
+], NavigationLayout.prototype, "sideCollapsed", void 0);
 __decorate([
     property({ type: Boolean })
-], NavigationLayout.prototype, "isTablet", void 0);
+], NavigationLayout.prototype, "isPhone", void 0);
 __decorate([
     property({ type: Boolean })
-], NavigationLayout.prototype, "sideCollapsed", null);
+], NavigationLayout.prototype, "isTablet", void 0);
 __decorate([
     slot()
 ], NavigationLayout.prototype, "header", void 0);

package/dist/NavigationLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationLayout.js","sourceRoot":"","sources":["../src/NavigationLayout.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,mBAAmB,MAAM,kEAAkE,CAAC;AACnG,OAAO,EACN,OAAO,EACP,QAAQ,EACR,OAAO,GACP,MAAM,wCAAwC,CAAC;AAGhD,WAAW;AACX,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AAErE,SAAS;AACT,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAWH,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QACC,mBAAc,GAAG,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAEzD;;WAEG;QAEH,YAAO,GAAG,OAAO,EAAE,CAAC;QAEpB;;WAEG;QAEH,aAAQ,GAAG,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;IA0DrC,CAAC;IAxDA;;;;OAIG;IAEH,IAAI,aAAa,CAAC,KAAc;QAC/B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAE5B,IAAI,OAAO,EAAE,EAAE,CAAC;YACf,OAAO;QACR,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAE3C,IAAI,cAAc,EAAE,CAAC;YACpB,cAAc,CAAC,SAAS,GAAG,KAAK,CAAC;QAClC,CAAC;IACF,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC;IAuBD,iBAAiB;QAChB,IAAI,OAAO,EAAE,EAAE,CAAC;YACf,OAAO;QACR,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAE3C,IAAI,cAAc,EAAE,CAAC;YACpB,cAAc,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC;QAC/C,CAAC;IACF,CAAC;CACD,CAAA;AAhEA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACR;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACQ;AAQpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDAa3B;AAWD;IADC,IAAI,EAAE;gDACqB;AAO5B;IADC,IAAI,EAAE;qDAC6B;AAOpC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;iDAChB;AA1DxB,gBAAgB;IAVrB,aAAa,CAAC;QACd,GAAG,EAAE,uBAAuB;QAC5B,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE;YACP,mBAAmB;YACnB,mBAAmB;SACnB;QACD,QAAQ,EAAE,wBAAwB;KAClC,CAAC;GACI,gBAAgB,CAuErB;AAED,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAE1B,eAAe,gBAAgB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport browserScrollbarCSS from \"@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js\";\nimport {\n\tisPhone,\n\tisTablet,\n\tisCombi,\n} from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\n\n// Template\nimport NavigationLayoutTemplate from \"./NavigationLayoutTemplate.js\";\n\n// Styles\nimport NavigationLayoutCss from \"./generated/themes/NavigationLayout.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-navigation-layout` is a container component that can be used to\n * create a layout with a header, a side navigation and a content area.\n *\n * ### Usage\n *\n * Use the `ui5-navigation-layout` to create whole screen of an application with vertical navigation.\n *\n * ### Responsive Behavior\n *\n * On desktop and tablet devices, the side navigation remains visible and can\n * be expanded or collapsed using the `sideCollapsed` property. On phone devices, the side navigation\n * is hidden by default but can be displayed using the same `sideCollapsed` property.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/NavigationLayout.js\";`\n * @constructor\n * @extends UI5Element\n * @since 2.4.0\n * @public\n */\n@customElement({\n\ttag: \"ui5-navigation-layout\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: [\n\t\tbrowserScrollbarCSS,\n\t\tNavigationLayoutCss,\n\t],\n\ttemplate: NavigationLayoutTemplate,\n})\nclass NavigationLayout extends UI5Element {\n\t_sideCollapsed = isPhone() || (isTablet() && !isCombi());\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tisPhone = isPhone();\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tisTablet = isTablet() && !isCombi();\n\n\t/**\n\t * Indicates whether the side navigation is collapsed.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tset sideCollapsed(value: boolean) {\n\t\tthis._sideCollapsed = value;\n\n\t\tif (isPhone()) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst sideNavigation = this.sideContent[0];\n\n\t\tif (sideNavigation) {\n\t\t\tsideNavigation.collapsed = value;\n\t\t}\n\t}\n\n\tget sideCollapsed() : boolean {\n\t\treturn this._sideCollapsed;\n\t}\n\n\t/**\n\t * Defines the header.\n\t * @public\n\t */\n\t@slot()\n\theader!: Array<HTMLElement>;\n\n\t/**\n\t * Defines the side content.\n\t * @public\n\t */\n\t@slot()\n\tsideContent!: Array<SideNavigation>;\n\n\t/**\n\t * Defines the content.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent!: Array<HTMLElement>;\n\n\tonBeforeRendering() {\n\t\tif (isPhone()) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst sideNavigation = this.sideContent[0];\n\n\t\tif (sideNavigation) {\n\t\t\tsideNavigation.collapsed = this.sideCollapsed;\n\t\t}\n\t}\n}\n\nNavigationLayout.define();\n\nexport default NavigationLayout;\n"]}
+{"version":3,"file":"NavigationLayout.js","sourceRoot":"","sources":["../src/NavigationLayout.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,mBAAmB,MAAM,kEAAkE,CAAC;AACnG,OAAO,EACN,OAAO,EACP,QAAQ,EACR,OAAO,GACP,MAAM,wCAAwC,CAAC;AAChD,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AAGnE,WAAW;AACX,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AAErE,SAAS;AACT,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAWH,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QACC,0BAAqB,GAAG,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAEhE;;;;WAIG;QAEH,SAAI,GAA8B,MAAM,CAAC;QAEzC;;WAEG;QAEH,kBAAa,GAAa,IAAI,CAAC,qBAAqB,CAAC;QAErD;;WAEG;QAEH,YAAO,GAAG,OAAO,EAAE,CAAC;QAEpB;;WAEG;QAEH,aAAQ,GAAG,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;IAqDrC,CAAC;IAnDA;;;OAGG;IACH,eAAe;QACd,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC3B,CAAC;IAuBD,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,IAAI,OAAO,EAAE,EAAE,CAAC;YACf,OAAO;QACR,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAE3C,IAAI,cAAc,EAAE,CAAC;YACpB,cAAc,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACnD,CAAC;IACF,CAAC;IAED,iBAAiB;QAChB,IAAI,IAAI,CAAC,IAAI,KAAK,oBAAoB,CAAC,IAAI,EAAE,CAAC;YAC7C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,qBAAqB,CAAC;QACjD,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,KAAK,oBAAoB,CAAC,SAAS,CAAC;QACnE,CAAC;IACF,CAAC;CACD,CAAA;AAvEA;IADC,QAAQ,EAAE;8CAC8B;AAMzC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDACyB;AAMrD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACR;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACQ;AAgBpC;IADC,IAAI,EAAE;gDACqB;AAO5B;IADC,IAAI,EAAE;qDAC6B;AAOpC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;iDAChB;AAzDxB,gBAAgB;IAVrB,aAAa,CAAC;QACd,GAAG,EAAE,uBAAuB;QAC5B,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE;YACP,mBAAmB;YACnB,mBAAmB;SACnB;QACD,QAAQ,EAAE,wBAAwB;KAClC,CAAC;GACI,gBAAgB,CAgFrB;AAED,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAE1B,eAAe,gBAAgB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport browserScrollbarCSS from \"@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js\";\nimport {\n\tisPhone,\n\tisTablet,\n\tisCombi,\n} from \"@ui5/webcomponents-base/dist/Device.js\";\nimport NavigationLayoutMode from \"./types/NavigationLayoutMode.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\n\n// Template\nimport NavigationLayoutTemplate from \"./NavigationLayoutTemplate.js\";\n\n// Styles\nimport NavigationLayoutCss from \"./generated/themes/NavigationLayout.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-navigation-layout` is a container component that can be used to\n * create a layout with a header, a side navigation and a content area.\n *\n * ### Usage\n *\n * Use the `ui5-navigation-layout` to create whole screen of an application with vertical navigation.\n *\n * ### Responsive Behavior\n *\n * On desktop and tablet devices, the side navigation is visible\n * by default and can be expanded or collapsed using the `mode` property.\n * On phone devices, the side navigation is hidden by default and can\n * be displayed using the `mode` property.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/NavigationLayout.js\";`\n * @constructor\n * @extends UI5Element\n * @since 2.4.0\n * @public\n */\n@customElement({\n\ttag: \"ui5-navigation-layout\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: [\n\t\tbrowserScrollbarCSS,\n\t\tNavigationLayoutCss,\n\t],\n\ttemplate: NavigationLayoutTemplate,\n})\nclass NavigationLayout extends UI5Element {\n\t_defaultSideCollapsed = isPhone() || (isTablet() && !isCombi());\n\n\t/**\n\t * Specifies the navigation layout mode.\n\t * @default \"Auto\"\n\t * @public\n\t */\n\t@property()\n\tmode: `${NavigationLayoutMode}` = \"Auto\";\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tsideCollapsed : boolean = this._defaultSideCollapsed;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tisPhone = isPhone();\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tisTablet = isTablet() && !isCombi();\n\n\t/**\n\t * Gets whether the side navigation is collapsed.\n\t * @public\n\t */\n\tisSideCollapsed() : boolean {\n\t\tthis.calcSideCollapsed();\n\t\treturn this.sideCollapsed;\n\t}\n\n\t/**\n\t * Defines the header.\n\t * @public\n\t */\n\t@slot()\n\theader!: Array<HTMLElement>;\n\n\t/**\n\t * Defines the side content.\n\t * @public\n\t */\n\t@slot()\n\tsideContent!: Array<SideNavigation>;\n\n\t/**\n\t * Defines the content.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent!: Array<HTMLElement>;\n\n\tonBeforeRendering() {\n\t\tthis.calcSideCollapsed();\n\n\t\tif (isPhone()) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst sideNavigation = this.sideContent[0];\n\n\t\tif (sideNavigation) {\n\t\t\tsideNavigation.collapsed = this.isSideCollapsed();\n\t\t}\n\t}\n\n\tcalcSideCollapsed() {\n\t\tif (this.mode === NavigationLayoutMode.Auto) {\n\t\t\tthis.sideCollapsed = this._defaultSideCollapsed;\n\t\t} else {\n\t\t\tthis.sideCollapsed = this.mode === NavigationLayoutMode.Collapsed;\n\t\t}\n\t}\n}\n\nNavigationLayout.define();\n\nexport default NavigationLayout;\n"]}

package/dist/NotificationList.d.ts

@@ -2,7 +2,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type { ListItemClickEventDetail, ListItemToggleEventDetail, ListItemCloseEventDetail } from "@ui5/webcomponents/dist/List.js";
 import type NotificationListItemBase from "./NotificationListItemBase.js";
-import NotificationListInternal from "./NotificationListInternal.js";
+import type NotificationListInternal from "./NotificationListInternal.js";
 type NotificationItemEventDetail = {
     item: NotificationListItemBase;
 };

package/dist/NotificationList.js

@@ -12,7 +12,6 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import NotificationListInternal from "./NotificationListInternal.js";
 // Template
 import NotificationListTemplate from "./NotificationListTemplate.js";
 // Styles
@@ -98,9 +97,6 @@ NotificationList = NotificationList_1 = __decorate([
         languageAware: true,
         styles: [NotificationListCss],
         template: NotificationListTemplate,
-        dependencies: [
-            NotificationListInternal,
-        ],
     })
     /**
      * Fired when an item is clicked.

package/dist/NotificationList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationList.js","sourceRoot":"","sources":["../src/NotificationList.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type {\n\tListItemClickEventDetail,\n\tListItemToggleEventDetail,\n\tListItemCloseEventDetail,\n} from \"@ui5/webcomponents/dist/List.js\";\nimport type NotificationListItemBase from \"./NotificationListItemBase.js\";\nimport NotificationListInternal from \"./NotificationListInternal.js\";\n\n// Template\nimport NotificationListTemplate from \"./NotificationListTemplate.js\";\n\n// Styles\nimport NotificationListCss from \"./generated/themes/NotificationList.css.js\";\n\n// Texts\nimport {\n\tNOTIFICATION_LIST_ACCESSIBLE_NAME,\n} from \"./generated/i18n/i18n-defaults.js\";\n\ntype NotificationItemEventDetail = {\n\titem: NotificationListItemBase,\n}\n\ntype NotificationItemClickEventDetail = NotificationItemEventDetail;\ntype NotificationItemToggleEventDetail = NotificationItemEventDetail;\ntype NotificationItemCloseEventDetail = NotificationItemEventDetail;\n\n/**\n * @class\n * ### Overview\n * The `ui5-notification-list` web component represents\n * a container for `ui5-li-notification-group` and `ui5-li-notification`.\n *\n * ### Keyboard Handling\n *\n * #### Basic Navigation\n * The `ui5-notification-list` provides advanced keyboard handling.\n * When a list is focused the user can use the following keyboard\n * shortcuts in order to perform a navigation:\n *\n * - [Up] or [Left] - Navigates up the items\n * - [Down] or [Right] - Navigates down the items\n * - [Home] - Navigates to first item\n * - [End] - Navigates to the last item\n *\n * #### Fast Navigation\n * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\n * In order to use this functionality, you need to import the following module:\n * `import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/NotificationList.js\";``\n * @constructor\n * @extends UI5Element\n * @since 2.0.0\n * @public\n */\n@customElement({\n\ttag: \"ui5-notification-list\",\n\trenderer: jsxRenderer,\n\tlanguageAware: true,\n\tstyles: [NotificationListCss],\n\ttemplate: NotificationListTemplate,\n\tdependencies: [\n\t\tNotificationListInternal,\n\t],\n})\n\n/**\n * Fired when an item is clicked.\n * @param {HTMLElement} item The clicked item.\n * @public\n */\n@event(\"item-click\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/**\n * Fired when the `Close` button of any item is clicked.\n * @param {HTMLElement} item the item about to be closed.\n * @public\n */\n@event(\"item-close\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/**\n * Fired when an item is toggled.\n *\n * @param {HTMLElement} item the toggled item.\n * @public\n */\n@event(\"item-toggle\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\nclass NotificationList extends UI5Element {\n\teventDetails!: {\n\t\t\"item-click\": NotificationItemClickEventDetail,\n\t\t\"item-close\": NotificationItemCloseEventDetail,\n\t\t\"item-toggle\": NotificationItemToggleEventDetail,\n\t\t\"load-more\": void,\n\t}\n\t/**\n\t * Defines the items of the component.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<NotificationListItemBase>;\n\n\t/**\n\t * Defines the text that is displayed when the component contains no items.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tnoDataText?: string;\n\n\tget _accessibleName() {\n\t\treturn NotificationList.i18nFioriBundle.getText(NOTIFICATION_LIST_ACCESSIBLE_NAME);\n\t}\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nFioriBundle: I18nBundle;\n\n\tgetEnabledItems() {\n\t\treturn this.innerList?.getEnabledItems() || [];\n\t}\n\n\tget innerList() {\n\t\treturn this.shadowRoot?.querySelector(\"[ui5-notification-list-internal]\") as NotificationListInternal;\n\t}\n\n\t_onItemClick(e: CustomEvent<ListItemClickEventDetail>) {\n\t\tconst item = e.detail.item as NotificationListItemBase;\n\n\t\tif (!this.fireDecoratorEvent(\"item-click\", { item })) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onItemClose(e: CustomEvent<ListItemCloseEventDetail>) {\n\t\tconst item = e.detail.item as NotificationListItemBase;\n\n\t\tif (!this.fireDecoratorEvent(\"item-close\", { item })) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onItemToggle(e: CustomEvent<ListItemToggleEventDetail>) {\n\t\tconst item = e.detail.item as NotificationListItemBase;\n\n\t\tif (!this.fireDecoratorEvent(\"item-toggle\", { item })) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onLoadMore() {\n\t\tthis.fireDecoratorEvent(\"load-more\");\n\t}\n}\n\nNotificationList.define();\n\nexport default NotificationList;\nexport type {\n\tNotificationItemClickEventDetail,\n\tNotificationItemToggleEventDetail,\n\tNotificationItemCloseEventDetail,\n};\n"]}
+{"version":3,"file":"NotificationList.js","sourceRoot":"","sources":["../src/NotificationList.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,UAAU,MAAM,4CAA4C,CAAC;AAUpE,WAAW;AACX,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AAErE,SAAS;AACT,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAE7E,QAAQ;AACR,OAAO,EACN,iCAAiC,GACjC,MAAM,mCAAmC,CAAC;AAU3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAwCH,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAuBxC,IAAI,eAAe;QAClB,OAAO,kBAAgB,CAAC,eAAe,CAAC,OAAO,CAAC,iCAAiC,CAAC,CAAC;IACpF,CAAC;IAKD,eAAe;QACd,OAAO,IAAI,CAAC,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,kCAAkC,CAA6B,CAAC;IACvG,CAAC;IAED,YAAY,CAAC,CAAwC;QACpD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAAgC,CAAC;QAEvD,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;YACtD,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;IACF,CAAC;IAED,YAAY,CAAC,CAAwC;QACpD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAAgC,CAAC;QAEvD,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;YACtD,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;IACF,CAAC;IAED,aAAa,CAAC,CAAyC;QACtD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAAgC,CAAC;QAEvD,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;YACvD,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;IACF,CAAC;IAED,WAAW;QACV,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;CACD,CAAA;AApDA;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+CACL;AAQxC;IADC,QAAQ,EAAE;oDACS;AAOb;IADN,IAAI,CAAC,0BAA0B,CAAC;+CACE;AA5B9B,gBAAgB;IAvCrB,aAAa,CAAC;QACd,GAAG,EAAE,uBAAuB;QAC5B,QAAQ,EAAE,WAAW;QACrB,aAAa,EAAE,IAAI;QACnB,MAAM,EAAE,CAAC,mBAAmB,CAAC;QAC7B,QAAQ,EAAE,wBAAwB;KAClC,CAAC;IAEF;;;;OAIG;;IACF,KAAK,CAAC,YAAY,EAAE;QACpB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KAChB,CAAC;IAEF;;;;OAIG;;IACF,KAAK,CAAC,YAAY,EAAE;QACpB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KAChB,CAAC;IAEF;;;;;OAKG;;IACF,KAAK,CAAC,aAAa,EAAE;QACrB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KAChB,CAAC;GAEI,gBAAgB,CAiErB;AAED,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAE1B,eAAe,gBAAgB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type {\n\tListItemClickEventDetail,\n\tListItemToggleEventDetail,\n\tListItemCloseEventDetail,\n} from \"@ui5/webcomponents/dist/List.js\";\nimport type NotificationListItemBase from \"./NotificationListItemBase.js\";\nimport type NotificationListInternal from \"./NotificationListInternal.js\";\n\n// Template\nimport NotificationListTemplate from \"./NotificationListTemplate.js\";\n\n// Styles\nimport NotificationListCss from \"./generated/themes/NotificationList.css.js\";\n\n// Texts\nimport {\n\tNOTIFICATION_LIST_ACCESSIBLE_NAME,\n} from \"./generated/i18n/i18n-defaults.js\";\n\ntype NotificationItemEventDetail = {\n\titem: NotificationListItemBase,\n}\n\ntype NotificationItemClickEventDetail = NotificationItemEventDetail;\ntype NotificationItemToggleEventDetail = NotificationItemEventDetail;\ntype NotificationItemCloseEventDetail = NotificationItemEventDetail;\n\n/**\n * @class\n * ### Overview\n * The `ui5-notification-list` web component represents\n * a container for `ui5-li-notification-group` and `ui5-li-notification`.\n *\n * ### Keyboard Handling\n *\n * #### Basic Navigation\n * The `ui5-notification-list` provides advanced keyboard handling.\n * When a list is focused the user can use the following keyboard\n * shortcuts in order to perform a navigation:\n *\n * - [Up] or [Left] - Navigates up the items\n * - [Down] or [Right] - Navigates down the items\n * - [Home] - Navigates to first item\n * - [End] - Navigates to the last item\n *\n * #### Fast Navigation\n * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\n * In order to use this functionality, you need to import the following module:\n * `import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/NotificationList.js\";``\n * @constructor\n * @extends UI5Element\n * @since 2.0.0\n * @public\n */\n@customElement({\n\ttag: \"ui5-notification-list\",\n\trenderer: jsxRenderer,\n\tlanguageAware: true,\n\tstyles: [NotificationListCss],\n\ttemplate: NotificationListTemplate,\n})\n\n/**\n * Fired when an item is clicked.\n * @param {HTMLElement} item The clicked item.\n * @public\n */\n@event(\"item-click\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/**\n * Fired when the `Close` button of any item is clicked.\n * @param {HTMLElement} item the item about to be closed.\n * @public\n */\n@event(\"item-close\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/**\n * Fired when an item is toggled.\n *\n * @param {HTMLElement} item the toggled item.\n * @public\n */\n@event(\"item-toggle\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\nclass NotificationList extends UI5Element {\n\teventDetails!: {\n\t\t\"item-click\": NotificationItemClickEventDetail,\n\t\t\"item-close\": NotificationItemCloseEventDetail,\n\t\t\"item-toggle\": NotificationItemToggleEventDetail,\n\t\t\"load-more\": void,\n\t}\n\t/**\n\t * Defines the items of the component.\n\t *\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<NotificationListItemBase>;\n\n\t/**\n\t * Defines the text that is displayed when the component contains no items.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tnoDataText?: string;\n\n\tget _accessibleName() {\n\t\treturn NotificationList.i18nFioriBundle.getText(NOTIFICATION_LIST_ACCESSIBLE_NAME);\n\t}\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nFioriBundle: I18nBundle;\n\n\tgetEnabledItems() {\n\t\treturn this.innerList?.getEnabledItems() || [];\n\t}\n\n\tget innerList() {\n\t\treturn this.shadowRoot?.querySelector(\"[ui5-notification-list-internal]\") as NotificationListInternal;\n\t}\n\n\t_onItemClick(e: CustomEvent<ListItemClickEventDetail>) {\n\t\tconst item = e.detail.item as NotificationListItemBase;\n\n\t\tif (!this.fireDecoratorEvent(\"item-click\", { item })) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onItemClose(e: CustomEvent<ListItemCloseEventDetail>) {\n\t\tconst item = e.detail.item as NotificationListItemBase;\n\n\t\tif (!this.fireDecoratorEvent(\"item-close\", { item })) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onItemToggle(e: CustomEvent<ListItemToggleEventDetail>) {\n\t\tconst item = e.detail.item as NotificationListItemBase;\n\n\t\tif (!this.fireDecoratorEvent(\"item-toggle\", { item })) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onLoadMore() {\n\t\tthis.fireDecoratorEvent(\"load-more\");\n\t}\n}\n\nNotificationList.define();\n\nexport default NotificationList;\nexport type {\n\tNotificationItemClickEventDetail,\n\tNotificationItemToggleEventDetail,\n\tNotificationItemCloseEventDetail,\n};\n"]}

package/dist/NotificationListGroupItem.d.ts

@@ -1,8 +1,6 @@
 import type NotificationListGrowingMode from "@ui5/webcomponents/dist/types/NotificationListGrowingMode.js";
 import NotificationListItemBase from "./NotificationListItemBase.js";
 import type NotificationListItem from "./NotificationListItem.js";
-import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
-import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
 type NotificationListGroupItemToggleEventDetail = {
     item: NotificationListGroupItem;
 };

package/dist/NotificationListGroupItem.js

@@ -10,21 +10,17 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import Button from "@ui5/webcomponents/dist/Button.js";
-import BusyIndicator from "@ui5/webcomponents/dist/BusyIndicator.js";
-import Icon from "@ui5/webcomponents/dist/Icon.js";
-import NotificationListGroupList from "./NotificationListGroupList.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import NotificationListItemBase from "./NotificationListItemBase.js";
 // Icons
-import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
-import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
+import iconNavigationRightArrow from "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
+import iconNavigationDownArrow from "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
 // Texts
 import { NOTIFICATION_LIST_GROUP_ITEM_TXT, NOTIFICATION_LIST_GROUP_COLLAPSED, NOTIFICATION_LIST_GROUP_EXPANDED, NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE, } from "./generated/i18n/i18n-defaults.js";
 // Templates
-import NotificationListGroupItemTemplate from "./generated/templates/NotificationListGroupItemTemplate.lit.js";
+import NotificationListGroupItemTemplate from "./NotificationListGroupItemTemplate.js";
 // Styles
 import NotificationListGroupItemCss from "./generated/themes/NotificationListGroupItem.css.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 /**
  * @class
  *
@@ -80,7 +76,7 @@ let NotificationListGroupItem = NotificationListGroupItem_1 = class Notification
     onBeforeRendering() {
         super.onBeforeRendering();
         this.items.forEach(item => {
-            item._ariaLevel = "2";
+            item._ariaLevel = 2;
         });
         if (this.loading) {
             this.clearChildBusyIndicator();
@@ -129,7 +125,7 @@ let NotificationListGroupItem = NotificationListGroupItem_1 = class Notification
         return false;
     }
     get groupCollapsedIcon() {
-        return this.collapsed ? "navigation-right-arrow" : "navigation-down-arrow";
+        return this.collapsed ? iconNavigationRightArrow : iconNavigationDownArrow;
     }
     toggleCollapsed() {
         this.collapsed = !this.collapsed;
@@ -195,17 +191,11 @@ NotificationListGroupItem = NotificationListGroupItem_1 = __decorate([
     customElement({
         tag: "ui5-li-notification-group",
         languageAware: true,
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [
             NotificationListGroupItemCss,
         ],
         template: NotificationListGroupItemTemplate,
-        dependencies: [
-            NotificationListGroupList,
-            Button,
-            Icon,
-            BusyIndicator,
-        ],
     })
     /**
      * Fired when the `ui5-li-notification-group` is expanded/collapsed by user interaction.

package/dist/NotificationListGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationListGroupItem.js","sourceRoot":"","sources":["../src/NotificationListGroupItem.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tisSpace, isPlus, isMinus, isLeft, isRight,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport BusyIndicator from \"@ui5/webcomponents/dist/BusyIndicator.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type NotificationListGrowingMode from \"@ui5/webcomponents/dist/types/NotificationListGrowingMode.js\";\nimport NotificationListGroupList from \"./NotificationListGroupList.js\";\nimport NotificationListItemBase from \"./NotificationListItemBase.js\";\nimport type NotificationListItem from \"./NotificationListItem.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\n\n// Texts\nimport {\n\tNOTIFICATION_LIST_GROUP_ITEM_TXT,\n\tNOTIFICATION_LIST_GROUP_COLLAPSED,\n\tNOTIFICATION_LIST_GROUP_EXPANDED,\n\tNOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Templates\nimport NotificationListGroupItemTemplate from \"./generated/templates/NotificationListGroupItemTemplate.lit.js\";\n\n// Styles\nimport NotificationListGroupItemCss from \"./generated/themes/NotificationListGroupItem.css.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\n\ntype NotificationListGroupItemToggleEventDetail = {\n\titem: NotificationListGroupItem,\n};\n\n/**\n * @class\n *\n * ### Overview\n * The `ui5-li-notification-group` is a special type of list item,\n * that unlike others can group items within self, usually `ui5-li-notification` items.\n *\n * The component consists of:\n *\n * - `Toggle` button to expand and collapse the group\n * - `TitleText` to entitle the group\n * - Items of the group\n *\n * ### Usage\n * The component can be used in a standard `ui5-list`.\n *\n * ### Keyboard Handling\n * The `ui5-li-notification-group` provides advanced keyboard handling.\n * This component provides fast navigation when the header is focused using the following keyboard shortcuts:\n *\n * - [Space] - toggles expand / collapse of the group\n * - [Plus] - expands the group\n * - [Minus] - collapses the group\n * - [Right] - expands the group\n * - [Left] - collapses the group\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js\";`\n * @constructor\n * @extends NotificationListItemBase\n * @since 1.0.0-rc.8\n * @public\n */\n@customElement({\n\ttag: \"ui5-li-notification-group\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: [\n\t\tNotificationListGroupItemCss,\n\t],\n\ttemplate: NotificationListGroupItemTemplate,\n\tdependencies: [\n\t\tNotificationListGroupList,\n\t\tButton,\n\t\tIcon,\n\t\tBusyIndicator,\n\t],\n})\n\n/**\n * Fired when the `ui5-li-notification-group` is expanded/collapsed by user interaction.\n * @public\n */\n@event(\"toggle\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when additional items are requested.\n *\n * @public\n * @since 2.2.0\n */\n@event(\"load-more\", {\n\tbubbles: true,\n})\n\nclass NotificationListGroupItem extends NotificationListItemBase {\n\teventDetails!: NotificationListItemBase[\"eventDetails\"] & {\n\t\ttoggle: NotificationListGroupItemToggleEventDetail;\n\t\t\"load-more\": void;\n\t}\n\t/**\n\t * Defines if the group is collapsed or expanded.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tcollapsed = false;\n\n\t/**\n\t * Defines whether the component will have growing capability by pressing a `More` button.\n\t * When button is pressed `load-more` event will be fired.\n\t * @default \"None\"\n\t * @public\n\t * @since 2.2.0\n\t */\n\t@property()\n\tgrowing: `${NotificationListGrowingMode}` = \"None\";\n\n\t/**\n\t * Defines the items of the `ui5-li-notification-group`,\n\t * usually `ui5-li-notification` items.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<NotificationListItem>\n\n\tonBeforeRendering() {\n\t\tsuper.onBeforeRendering();\n\n\t\tthis.items.forEach(item => {\n\t\t\titem._ariaLevel = \"2\";\n\t\t});\n\n\t\tif (this.loading) {\n\t\t\tthis.clearChildBusyIndicator();\n\t\t}\n\t\tthis.actionable = false;\n\t}\n\n\t/**\n\t * Clears child items loading state to show a single loading over the entire group,\n\t * instead of multiple BusyIndicator instances\n\t */\n\tclearChildBusyIndicator() {\n\t\tthis.items.forEach(item => {\n\t\t\titem.loading = false;\n\t\t});\n\t}\n\n\tget toggleIconAccessibleName() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE);\n\t}\n\n\tget accInvisibleText() {\n\t\treturn `${this.groupText} ${this.expandText}`;\n\t}\n\n\tget expandText() {\n\t\tif (this.collapsed) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_COLLAPSED);\n\t\t}\n\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_EXPANDED);\n\t}\n\n\tget groupText() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TXT);\n\t}\n\n\tget ariaLabelledBy() {\n\t\tconst id = this._id;\n\n\t\tif (this.loading) {\n\t\t\treturn `${id}-loading`;\n\t\t}\n\n\t\tconst ids = [];\n\n\t\tif (this.hasTitleText) {\n\t\t\tids.push(`${id}-title-text`);\n\t\t}\n\n\t\treturn ids.join(\" \");\n\t}\n\n\tget _expanded() {\n\t\treturn !this.collapsed;\n\t}\n\n\tget _pressable() {\n\t\treturn false;\n\t}\n\n\tget groupCollapsedIcon() {\n\t\treturn this.collapsed ? \"navigation-right-arrow\" : \"navigation-down-arrow\";\n\t}\n\n\ttoggleCollapsed() {\n\t\tthis.collapsed = !this.collapsed;\n\t\tthis.fireDecoratorEvent(\"toggle\", { item: this });\n\t}\n\n\t/**\n\t * Event handlers\n\t *\n\t */\n\t_onHeaderToggleClick() {\n\t\tthis.toggleCollapsed();\n\t}\n\n\t_onLoadMore() {\n\t\tthis.fireDecoratorEvent(\"load-more\");\n\t}\n\n\tget loadMoreButton() {\n\t\tconst innerList = this.getDomRef()?.querySelector(\"[ui5-notification-group-list]\") as NotificationListGroupList;\n\t\treturn innerList.getDomRef()?.querySelector(\".ui5-growing-button-inner\") as HTMLElement;\n\t}\n\n\tasync _onkeydown(e: KeyboardEvent) {\n\t\tconst isFocused = this.matches(\":focus\");\n\t\tif (!isFocused) {\n\t\t\treturn;\n\t\t}\n\n\t\tawait super._onkeydown(e);\n\n\t\tconst space = isSpace(e);\n\t\tconst plus = isPlus(e);\n\t\tconst minus = isMinus(e);\n\t\tconst left = isLeft(e);\n\t\tconst right = isRight(e);\n\n\t\tif (space) {\n\t\t\tthis.toggleCollapsed();\n\t\t}\n\n\t\tif (plus || right) {\n\t\t\t// expand\n\t\t\tif (this.collapsed) {\n\t\t\t\tthis.toggleCollapsed();\n\t\t\t\te.stopImmediatePropagation();\n\t\t\t}\n\t\t}\n\n\t\tif (minus || left) {\n\t\t\t// collapse\n\t\t\tif (!this.collapsed) {\n\t\t\t\tthis.toggleCollapsed();\n\t\t\t\te.stopImmediatePropagation();\n\t\t\t}\n\t\t}\n\t}\n\n\tgetHeaderDomRef() {\n\t\treturn this.getDomRef()?.querySelector(\".ui5-nli-group-header\") as HTMLElement;\n\t}\n}\n\nNotificationListGroupItem.define();\n\nexport default NotificationListGroupItem;\nexport type {\n\tNotificationListGroupItemToggleEventDetail,\n};\n"]}
+{"version":3,"file":"NotificationListGroupItem.js","sourceRoot":"","sources":["../src/NotificationListGroupItem.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tisSpace, isPlus, isMinus, isLeft, isRight,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type NotificationListGrowingMode from \"@ui5/webcomponents/dist/types/NotificationListGrowingMode.js\";\nimport type NotificationListGroupList from \"./NotificationListGroupList.js\";\nimport NotificationListItemBase from \"./NotificationListItemBase.js\";\nimport type NotificationListItem from \"./NotificationListItem.js\";\n\n// Icons\nimport iconNavigationRightArrow from \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport iconNavigationDownArrow from \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\n\n// Texts\nimport {\n\tNOTIFICATION_LIST_GROUP_ITEM_TXT,\n\tNOTIFICATION_LIST_GROUP_COLLAPSED,\n\tNOTIFICATION_LIST_GROUP_EXPANDED,\n\tNOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Templates\nimport NotificationListGroupItemTemplate from \"./NotificationListGroupItemTemplate.js\";\n\n// Styles\nimport NotificationListGroupItemCss from \"./generated/themes/NotificationListGroupItem.css.js\";\n\ntype NotificationListGroupItemToggleEventDetail = {\n\titem: NotificationListGroupItem,\n};\n\n/**\n * @class\n *\n * ### Overview\n * The `ui5-li-notification-group` is a special type of list item,\n * that unlike others can group items within self, usually `ui5-li-notification` items.\n *\n * The component consists of:\n *\n * - `Toggle` button to expand and collapse the group\n * - `TitleText` to entitle the group\n * - Items of the group\n *\n * ### Usage\n * The component can be used in a standard `ui5-list`.\n *\n * ### Keyboard Handling\n * The `ui5-li-notification-group` provides advanced keyboard handling.\n * This component provides fast navigation when the header is focused using the following keyboard shortcuts:\n *\n * - [Space] - toggles expand / collapse of the group\n * - [Plus] - expands the group\n * - [Minus] - collapses the group\n * - [Right] - expands the group\n * - [Left] - collapses the group\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js\";`\n * @constructor\n * @extends NotificationListItemBase\n * @since 1.0.0-rc.8\n * @public\n */\n@customElement({\n\ttag: \"ui5-li-notification-group\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: [\n\t\tNotificationListGroupItemCss,\n\t],\n\ttemplate: NotificationListGroupItemTemplate,\n})\n\n/**\n * Fired when the `ui5-li-notification-group` is expanded/collapsed by user interaction.\n * @public\n */\n@event(\"toggle\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when additional items are requested.\n *\n * @public\n * @since 2.2.0\n */\n@event(\"load-more\", {\n\tbubbles: true,\n})\n\nclass NotificationListGroupItem extends NotificationListItemBase {\n\teventDetails!: NotificationListItemBase[\"eventDetails\"] & {\n\t\ttoggle: NotificationListGroupItemToggleEventDetail;\n\t\t\"load-more\": void;\n\t}\n\t/**\n\t * Defines if the group is collapsed or expanded.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tcollapsed = false;\n\n\t/**\n\t * Defines whether the component will have growing capability by pressing a `More` button.\n\t * When button is pressed `load-more` event will be fired.\n\t * @default \"None\"\n\t * @public\n\t * @since 2.2.0\n\t */\n\t@property()\n\tgrowing: `${NotificationListGrowingMode}` = \"None\";\n\n\t/**\n\t * Defines the items of the `ui5-li-notification-group`,\n\t * usually `ui5-li-notification` items.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<NotificationListItem>\n\n\tonBeforeRendering() {\n\t\tsuper.onBeforeRendering();\n\n\t\tthis.items.forEach(item => {\n\t\t\titem._ariaLevel = 2;\n\t\t});\n\n\t\tif (this.loading) {\n\t\t\tthis.clearChildBusyIndicator();\n\t\t}\n\t\tthis.actionable = false;\n\t}\n\n\t/**\n\t * Clears child items loading state to show a single loading over the entire group,\n\t * instead of multiple BusyIndicator instances\n\t */\n\tclearChildBusyIndicator() {\n\t\tthis.items.forEach(item => {\n\t\t\titem.loading = false;\n\t\t});\n\t}\n\n\tget toggleIconAccessibleName() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE);\n\t}\n\n\tget accInvisibleText() {\n\t\treturn `${this.groupText} ${this.expandText}`;\n\t}\n\n\tget expandText() {\n\t\tif (this.collapsed) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_COLLAPSED);\n\t\t}\n\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_EXPANDED);\n\t}\n\n\tget groupText() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TXT);\n\t}\n\n\tget ariaLabelledBy() {\n\t\tconst id = this._id;\n\n\t\tif (this.loading) {\n\t\t\treturn `${id}-loading`;\n\t\t}\n\n\t\tconst ids = [];\n\n\t\tif (this.hasTitleText) {\n\t\t\tids.push(`${id}-title-text`);\n\t\t}\n\n\t\treturn ids.join(\" \");\n\t}\n\n\tget _expanded() {\n\t\treturn !this.collapsed;\n\t}\n\n\tget _pressable() {\n\t\treturn false;\n\t}\n\n\tget groupCollapsedIcon() {\n\t\treturn this.collapsed ? iconNavigationRightArrow : iconNavigationDownArrow;\n\t}\n\n\ttoggleCollapsed() {\n\t\tthis.collapsed = !this.collapsed;\n\t\tthis.fireDecoratorEvent(\"toggle\", { item: this });\n\t}\n\n\t/**\n\t * Event handlers\n\t *\n\t */\n\t_onHeaderToggleClick() {\n\t\tthis.toggleCollapsed();\n\t}\n\n\t_onLoadMore() {\n\t\tthis.fireDecoratorEvent(\"load-more\");\n\t}\n\n\tget loadMoreButton() {\n\t\tconst innerList = this.getDomRef()?.querySelector(\"[ui5-notification-group-list]\") as NotificationListGroupList;\n\t\treturn innerList.getDomRef()?.querySelector(\".ui5-growing-button-inner\") as HTMLElement;\n\t}\n\n\tasync _onkeydown(e: KeyboardEvent) {\n\t\tconst isFocused = this.matches(\":focus\");\n\t\tif (!isFocused) {\n\t\t\treturn;\n\t\t}\n\n\t\tawait super._onkeydown(e);\n\n\t\tconst space = isSpace(e);\n\t\tconst plus = isPlus(e);\n\t\tconst minus = isMinus(e);\n\t\tconst left = isLeft(e);\n\t\tconst right = isRight(e);\n\n\t\tif (space) {\n\t\t\tthis.toggleCollapsed();\n\t\t}\n\n\t\tif (plus || right) {\n\t\t\t// expand\n\t\t\tif (this.collapsed) {\n\t\t\t\tthis.toggleCollapsed();\n\t\t\t\te.stopImmediatePropagation();\n\t\t\t}\n\t\t}\n\n\t\tif (minus || left) {\n\t\t\t// collapse\n\t\t\tif (!this.collapsed) {\n\t\t\t\tthis.toggleCollapsed();\n\t\t\t\te.stopImmediatePropagation();\n\t\t\t}\n\t\t}\n\t}\n\n\tgetHeaderDomRef() {\n\t\treturn this.getDomRef()?.querySelector(\".ui5-nli-group-header\") as HTMLElement;\n\t}\n}\n\nNotificationListGroupItem.define();\n\nexport default NotificationListGroupItem;\nexport type {\n\tNotificationListGroupItemToggleEventDetail,\n};\n"]}

package/dist/NotificationListGroupItemTemplate.d.ts

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

package/dist/NotificationListGroupItemTemplate.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import BusyIndicator from "@ui5/webcomponents/dist/BusyIndicator.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import NotificationListGroupList from "./NotificationListGroupList.js";
+export default function NotificationListItemTemplate() {
+    return (_jsxs("li", { class: "ui5-nli-group-root ui5-nli-focusable", onFocusIn: this._onfocusin, onKeyDown: this._onkeydown, tabindex: this.forcedTabIndex ? parseInt(this.forcedTabIndex) : undefined, "aria-labelledby": this.ariaLabelledBy, "aria-description": this.accInvisibleText, "aria-level": 1, children: [this.loading && (_jsx("span", { id: `${this._id}-loading`, class: "ui5-hidden-text", children: this.loadingText })), _jsx(BusyIndicator, { delay: this.loadingDelay, active: this.loading, inert: this.loading, class: "ui5-nli-loading", children: _jsxs("div", { class: "ui5-nli-group-content-wrapper", children: [_jsxs("div", { class: {
+                                "ui5-nli-group-header": true,
+                                "ui5-nli-group-header-expanded": this._expanded,
+                            }, onClick: this._onHeaderToggleClick, onKeyDown: this._onkeydown, role: "button", "aria-expanded": this._expanded, "aria-controls": `${this._id}-notificationsList`, title: this.toggleIconAccessibleName, children: [_jsx(Icon, { name: this.groupCollapsedIcon, class: "ui5-nli-group-toggle-icon", mode: "Decorative" }), _jsx("div", { id: `${this._id}-title-text`, class: "ui5-nli-group-title-text", part: "title-text", role: "heading", "aria-level": 2, children: this.titleText }), _jsx("div", { class: "ui5-nli-group-divider" })] }), _jsx(NotificationListGroupList, { id: `${this._id}-notificationsList`, class: "ui5-nli-group-items", accessibleNameRef: `${this._id}-title-text`, growing: this.growing, onLoadMore: this._onLoadMore, children: _jsx("slot", {}) })] }) })] }));
+}
+//# sourceMappingURL=NotificationListGroupItemTemplate.js.map

package/dist/NotificationListGroupItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationListGroupItemTemplate.js","sourceRoot":"","sources":["../src/NotificationListGroupItemTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,0CAA0C,CAAC;AAErE,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,yBAAyB,MAAM,gCAAgC,CAAC;AAEvE,MAAM,CAAC,OAAO,UAAU,4BAA4B;IACnD,OAAO,CACN,cACC,KAAK,EAAC,sCAAsC,EAC5C,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,SAAS,qBACxD,IAAI,CAAC,cAAc,sBAClB,IAAI,CAAC,gBAAgB,gBAC3B,CAAC,aAEZ,IAAI,CAAC,OAAO,IAAI,CAChB,eACC,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,UAAU,EACzB,KAAK,EAAC,iBAAiB,YAEtB,IAAI,CAAC,WAAW,GACX,CACP,EACD,KAAC,aAAa,IACb,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,MAAM,EAAE,IAAI,CAAC,OAAO,EACpB,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,KAAK,EAAC,iBAAiB,YAEvB,eAAK,KAAK,EAAC,+BAA+B,aACzC,eACC,KAAK,EAAE;gCACN,sBAAsB,EAAE,IAAI;gCAC5B,+BAA+B,EAAE,IAAI,CAAC,SAAS;6BAC/C,EACD,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,SAAS,mBACd,GAAG,IAAI,CAAC,GAAG,oBAAoB,EAC9C,KAAK,EAAE,IAAI,CAAC,wBAAwB,aACpC,KAAC,IAAI,IACJ,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAC7B,KAAK,EAAC,2BAA2B,EACjC,IAAI,EAAC,YAAY,GAChB,EACF,cACC,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,aAAa,EAC5B,KAAK,EAAC,0BAA0B,EAChC,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,SAAS,gBACF,CAAC,YAEZ,IAAI,CAAC,SAAS,GACV,EACN,cAAK,KAAK,EAAC,uBAAuB,GAAO,IACpC,EACN,KAAC,yBAAyB,IACzB,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,oBAAoB,EACnC,KAAK,EAAC,qBAAqB,EAC3B,iBAAiB,EAAE,GAAG,IAAI,CAAC,GAAG,aAAa,EAC3C,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,UAAU,EAAE,IAAI,CAAC,WAAW,YAE5B,gBAAa,GACc,IACvB,GACS,IACZ,CACL,CAAC;AACH,CAAC","sourcesContent":["import BusyIndicator from \"@ui5/webcomponents/dist/BusyIndicator.js\";\nimport type NotificationListGroupItem from \"./NotificationListGroupItem.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport NotificationListGroupList from \"./NotificationListGroupList.js\";\n\nexport default function NotificationListItemTemplate(this: NotificationListGroupItem) {\n\treturn (\n\t\t<li\n\t\t\tclass=\"ui5-nli-group-root ui5-nli-focusable\"\n\t\t\tonFocusIn={this._onfocusin}\n\t\t\tonKeyDown={this._onkeydown}\n\t\t\ttabindex={this.forcedTabIndex ? parseInt(this.forcedTabIndex) : undefined}\n\t\t\taria-labelledby={this.ariaLabelledBy}\n\t\t\taria-description={this.accInvisibleText}\n\t\t\taria-level={1}\n\t\t>\n\t\t\t{this.loading && (\n\t\t\t\t<span\n\t\t\t\t\tid={`${this._id}-loading`}\n\t\t\t\t\tclass=\"ui5-hidden-text\"\n\t\t\t\t>\n\t\t\t\t\t{this.loadingText}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t<BusyIndicator\n\t\t\t\tdelay={this.loadingDelay}\n\t\t\t\tactive={this.loading}\n\t\t\t\tinert={this.loading}\n\t\t\t\tclass=\"ui5-nli-loading\"\n\t\t\t>\n\t\t\t\t<div class=\"ui5-nli-group-content-wrapper\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\"ui5-nli-group-header\": true,\n\t\t\t\t\t\t\t\"ui5-nli-group-header-expanded\": this._expanded,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={this._onHeaderToggleClick}\n\t\t\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\taria-expanded={this._expanded}\n\t\t\t\t\t\taria-controls={`${this._id}-notificationsList`}\n\t\t\t\t\t\ttitle={this.toggleIconAccessibleName}>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname={this.groupCollapsedIcon}\n\t\t\t\t\t\t\tclass=\"ui5-nli-group-toggle-icon\"\n\t\t\t\t\t\t\tmode=\"Decorative\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tid={`${this._id}-title-text`}\n\t\t\t\t\t\t\tclass=\"ui5-nli-group-title-text\"\n\t\t\t\t\t\t\tpart=\"title-text\"\n\t\t\t\t\t\t\trole=\"heading\"\n\t\t\t\t\t\t\taria-level={2}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.titleText}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"ui5-nli-group-divider\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<NotificationListGroupList\n\t\t\t\t\t\tid={`${this._id}-notificationsList`}\n\t\t\t\t\t\tclass=\"ui5-nli-group-items\"\n\t\t\t\t\t\taccessibleNameRef={`${this._id}-title-text`}\n\t\t\t\t\t\tgrowing={this.growing}\n\t\t\t\t\t\tonLoadMore={this._onLoadMore}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</NotificationListGroupList>\n\t\t\t\t</div>\n\t\t\t</BusyIndicator>\n\t\t</li>\n\t);\n}\n"]}

package/dist/NotificationListItem.d.ts

@@ -1,16 +1,13 @@
+import type { UI5CustomEvent } from "@ui5/webcomponents-base";
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
+import type { ButtonAccessibilityAttributes } from "@ui5/webcomponents/dist/Button.js";
+import type Link from "@ui5/webcomponents/dist/Link.js";
 import WrappingType from "@ui5/webcomponents/dist/types/WrappingType.js";
 import type Menu from "@ui5/webcomponents/dist/Menu.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
 import NotificationListItemImportance from "./types/NotificationListItemImportance.js";
 import NotificationListItemBase from "./NotificationListItemBase.js";
-import "@ui5/webcomponents-icons/dist/overflow.js";
-import "@ui5/webcomponents-icons/dist/decline.js";
-import "@ui5/webcomponents-icons/dist/high-priority.js";
-import "@ui5/webcomponents-icons/dist/message-success.js";
-import "@ui5/webcomponents-icons/dist/message-information.js";
-import "@ui5/webcomponents-icons/dist/message-error.js";
-import "@ui5/webcomponents-icons/dist/message-warning.js";
+import IconDesign from "@ui5/webcomponents/dist/types/IconDesign.js";
 type NotificationListItemCloseEventDetail = {
     item: HTMLElement;
 };
@@ -146,14 +143,13 @@ declare class NotificationListItem extends NotificationListItemBase {
     _titleTextOverflowHeight: number;
     _descOverflowHeight: number;
     _onResizeBound: ResizeObserverCallback;
-    _ariaLevel: string | undefined;
+    _ariaLevel?: number;
     constructor();
     onEnterDOM(): void;
     onExitDOM(): void;
     get hasState(): boolean;
     get hasDesc(): boolean;
     get hasImportance(): boolean;
-    get contentClasses(): "ui5-nli-content ui5-nli-content-with-importance" | "ui5-nli-content";
     get hasFootNotes(): boolean;
     get showMoreText(): string;
     get menuBtnAccessibleName(): string;
@@ -171,31 +167,26 @@ declare class NotificationListItem extends NotificationListItemBase {
     get ariaLabelledBy(): string;
     get itemClasses(): string;
     get statusIconName(): string;
-    get statusIconDesign(): string;
+    get statusIconDesign(): IconDesign | undefined;
     get importanceText(): string;
     get stateText(): string;
     get readText(): string;
-    get accInfoButton(): {
-        accessibilityAttributes: {
-            hasPopup: string;
-        };
-    };
-    get accInfoLink(): {
-        accessibilityAttributes: {
-            expanded: boolean;
-        };
+    get menuButtonAccessibilityAttributes(): ButtonAccessibilityAttributes;
+    get moreLinkAccessibilityAttributes(): {
+        expanded: boolean;
     };
     get showMenu(): boolean;
     /**
      * Event handlers
      */
     _onclick(): void;
-    _onShowMoreClick(e: MouseEvent): void;
+    _onShowMoreClick(e: UI5CustomEvent<Link, "click">): void;
     _onkeydown(e: KeyboardEvent): Promise<void>;
     focusSameItemOnNextRow(e: KeyboardEvent): void;
     _onkeyup(e: KeyboardEvent): void;
     _onBtnCloseClick(): void;
     _onBtnMenuClick(): void;
+    _toggleShowMorePressed(): void;
     openMenu(): void;
     getMenu(): Menu;
     /**