@progress/kendo-angular-notification 24.0.0-develop.4 → 24.0.0-develop.40

package/fesm2022/progress-kendo-angular-notification.mjs

@@ -11,8 +11,8 @@ import { take } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { xIcon, infoCircleIcon, xOutlineIcon, exclamationCircleIcon, checkOutlineIcon } from '@progress/kendo-svg-icons';
-import { guid } from '@progress/kendo-angular-common';
+import { xIcon, infoCircleIcon, xCircleIcon, exclamationCircleIcon, checkIcon } from '@progress/kendo-svg-icons';
+import { guid, KENDO_WEBMCP_HOST } from '@progress/kendo-angular-common';
 import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
 
 class NotificationSettings {
@@ -71,7 +71,7 @@ class NotificationSettings {
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/types)).
      *
      * The possible values are:
-     * * `style: (Default) 'none'|'success'|'error'|'warning'|'info'`
+     * * `style: (Default) 'none'|'base'|'primary'|'secondary'|'tertiary'|'info'|'success'|'warning'|'error'|'inverse'`
      * * `icon: 'true'|'false'`
      *
      * @default { style: 'none', icon: true }
@@ -129,8 +129,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1776957467,
-    version: '24.0.0-develop.4',
+    publishDate: 1779215139,
+    version: '24.0.0-develop.40',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -290,28 +290,43 @@ class NotificationComponent {
     typeClass() {
         return {
             'none': '',
+            'base': 'k-notification-base',
+            'primary': 'k-notification-primary',
+            'secondary': 'k-notification-secondary',
+            'tertiary': 'k-notification-tertiary',
             'success': 'k-notification-success',
             'warning': 'k-notification-warning',
             'error': 'k-notification-error',
-            'info': 'k-notification-info'
+            'info': 'k-notification-info',
+            'inverse': 'k-notification-inverse'
         }[this.type.style];
     }
     typeIconClass() {
         return {
             'none': '',
-            'success': 'check-outline',
+            'base': '',
+            'primary': '',
+            'secondary': '',
+            'tertiary': '',
+            'success': 'check',
             'warning': 'exclamation-circle',
-            'error': 'x-outline',
-            'info': 'info-circle'
+            'error': 'x-circle',
+            'info': 'info-circle',
+            'inverse': ''
         }[this.type.style];
     }
     typeSVGIcon() {
         return {
             'none': null,
-            'success': checkOutlineIcon,
+            'base': null,
+            'primary': null,
+            'secondary': null,
+            'tertiary': null,
+            'success': checkIcon,
             'warning': exclamationCircleIcon,
-            'error': xOutlineIcon,
-            'info': infoCircleIcon
+            'error': xCircleIcon,
+            'info': infoCircleIcon,
+            'inverse': null
         }[this.type.style];
     }
     onCloseClick() {
@@ -375,7 +390,8 @@ class NotificationComponent {
             {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.notification'
-            }
+            },
+            { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => NotificationComponent) }
         ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
     <ng-container kendoNotificationLocalizedMessages
       i18n-closeTitle="kendo.notification.closeTitle|The title of the close button"
@@ -411,7 +427,7 @@ class NotificationComponent {
       </div>
 
       @if (closable) {
-        <span class="k-notification-actions" aria-hidden="true">
+        <span class="k-notification-actions">
           <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
             <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
           </span>
@@ -459,7 +475,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       </div>
 
       @if (closable) {
-        <span class="k-notification-actions" aria-hidden="true">
+        <span class="k-notification-actions">
           <span class="k-notification-action k-notification-close-action" [attr.title]="closeButtonTitle" (click)="onCloseClick()">
             <kendo-icon-wrapper name="x" [svgIcon]="xIcon"></kendo-icon-wrapper>
           </span>
@@ -472,7 +488,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         {
                             provide: L10N_PREFIX,
                             useValue: 'kendo.notification'
-                        }
+                        },
+                        { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => NotificationComponent) }
                     ],
                     standalone: true,
                     imports: [LocalizedMessagesDirective, NgClass, IconWrapperComponent, NgTemplateOutlet]

package/models/notification-settings.d.ts

@@ -62,7 +62,7 @@ export declare class NotificationSettings {
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/types)).
      *
      * The possible values are:
-     * * `style: (Default) 'none'|'success'|'error'|'warning'|'info'`
+     * * `style: (Default) 'none'|'base'|'primary'|'secondary'|'tertiary'|'info'|'success'|'warning'|'error'|'inverse'`
      * * `icon: 'true'|'false'`
      *
      * @default { style: 'none', icon: true }

package/models/type.d.ts

@@ -5,12 +5,26 @@
 /**
  * Specifies the Notification type
  * ([see example](https://www.telerik.com/kendo-angular-ui/components/notification/types)).
- *
- * The possible values are:
- * * `style: (Default) 'none'|'success'|'error'|'warning'|'info'`
- * * `icon?: (Default) 'true'|'false'`
  */
 export type Type = {
-    style?: 'none' | 'success' | 'warning' | 'error' | 'info';
+    /**
+     * Specifies the styling of the Notification.
+     *
+     * The possible values are:
+     * * `none` (Default)—Applies no predefined styling.
+     * * `base`—Applies base styling.
+     * * `primary`—Applies primary styling.
+     * * `secondary`—Applies secondary styling.
+     * * `tertiary`—Applies tertiary styling.
+     * * `info`—Applies info styling.
+     * * `success`—Applies success styling.
+     * * `warning`—Applies warning styling.
+     * * `error`—Applies error styling.
+     * * `inverse`—Applies inverse styling.
+     */
+    style?: 'none' | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';
+    /**
+     * Specifies whether to render an icon next to the Notification content. Defaults to `false`.
+     */
     icon?: boolean;
 };

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1776957467,
-  "version": "24.0.0-develop.4",
+  "publishDate": 1779215139,
+  "version": "24.0.0-develop.40",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-notification",
-  "version": "24.0.0-develop.4",
+  "version": "24.0.0-develop.40",
   "description": "Kendo UI Notification for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,7 +17,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1776957467,
+      "publishDate": 1779215139,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -27,14 +27,14 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "24.0.0-develop.4",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.4",
-    "@progress/kendo-angular-icons": "24.0.0-develop.4",
+    "@progress/kendo-angular-common": "24.0.0-develop.40",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.40",
+    "@progress/kendo-angular-icons": "24.0.0-develop.40",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.4"
+    "@progress/kendo-angular-schematics": "24.0.0-develop.40"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-notification.mjs",