@ngrdt/gov 0.0.92 → 0.0.94

package/fesm2022/ngrdt-gov.mjs

@@ -614,11 +614,11 @@ const RDT_GOV_NOTIFICATION_DATA_PROVIDER = new InjectionToken('RDT_GOV_NOTIFICAT
 class RdtGovNotificationPopupComponent {
     data = inject(RDT_GOV_NOTIFICATION_DATA_PROVIDER);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovNotificationPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtGovNotificationPopupComponent, isStandalone: true, selector: "rdt-gov-notification-popup", ngImport: i0, template: "@if(data){\n<gov-toast\n  [color]=\"data.color\"\n  [gravity]=\"data.positionVert\"\n  [position]=\"data.positionHoriz\"\n  [type]=\"data.type\"\n  [closeLabel]=\"data.closeLabel\"\n  ><div class=\"toast-wrapper\">\n    @if (data.icon) {\n    <span class=\"toast-icon\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: data.icon }\"></ng-container>\n    </span>\n    }\n    <span>{{ data.message }}</span>\n  </div>\n</gov-toast>\n}\n", styles: [".toast-wrapper{display:flex;gap:var(--spacing-s-nudge)}\n"], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i1.GovToast, selector: "gov-toast", inputs: ["accessibleCloseLabel", "closeLabel", "color", "gravity", "position", "time", "type"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RdtIconOutletDirective, selector: "[rdtIconOutlet]", exportAs: ["rdtIconOutlet"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtGovNotificationPopupComponent, isStandalone: true, selector: "rdt-gov-notification-popup", ngImport: i0, template: "@if(data){\n<gov-toast\n  [color]=\"data.color\"\n  [gravity]=\"data.positionVert\"\n  [position]=\"data.positionHoriz\"\n  [type]=\"data.type\"\n  [closeLabel]=\"data.closeLabel\"\n>\n  <div class=\"toast-wrapper\">\n    @if (data.icon) {\n    <span class=\"toast-icon\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: data.icon }\"></ng-container>\n    </span>\n    }\n    <div>\n      @if(data.header) {\n      <span class=\"toast-header\">{{ data.header }}</span>\n      }\n      <span>{{ data.message }}</span>\n    </div>\n  </div>\n</gov-toast>\n}\n", styles: [".toast-wrapper{display:flex;gap:var(--spacing-s-nudge);align-items:center}.toast-header{font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i1.GovToast, selector: "gov-toast", inputs: ["accessibleCloseLabel", "closeLabel", "color", "gravity", "position", "time", "type"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RdtIconOutletDirective, selector: "[rdtIconOutlet]", exportAs: ["rdtIconOutlet"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovNotificationPopupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdt-gov-notification-popup', imports: [GovDesignSystemModule, CommonModule, RdtIconOutletDirective], template: "@if(data){\n<gov-toast\n  [color]=\"data.color\"\n  [gravity]=\"data.positionVert\"\n  [position]=\"data.positionHoriz\"\n  [type]=\"data.type\"\n  [closeLabel]=\"data.closeLabel\"\n  ><div class=\"toast-wrapper\">\n    @if (data.icon) {\n    <span class=\"toast-icon\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: data.icon }\"></ng-container>\n    </span>\n    }\n    <span>{{ data.message }}</span>\n  </div>\n</gov-toast>\n}\n", styles: [".toast-wrapper{display:flex;gap:var(--spacing-s-nudge)}\n"] }]
+            args: [{ selector: 'rdt-gov-notification-popup', imports: [GovDesignSystemModule, CommonModule, RdtIconOutletDirective], template: "@if(data){\n<gov-toast\n  [color]=\"data.color\"\n  [gravity]=\"data.positionVert\"\n  [position]=\"data.positionHoriz\"\n  [type]=\"data.type\"\n  [closeLabel]=\"data.closeLabel\"\n>\n  <div class=\"toast-wrapper\">\n    @if (data.icon) {\n    <span class=\"toast-icon\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: data.icon }\"></ng-container>\n    </span>\n    }\n    <div>\n      @if(data.header) {\n      <span class=\"toast-header\">{{ data.header }}</span>\n      }\n      <span>{{ data.message }}</span>\n    </div>\n  </div>\n</gov-toast>\n}\n", styles: [".toast-wrapper{display:flex;gap:var(--spacing-s-nudge);align-items:center}.toast-header{font-weight:500}\n"] }]
         }] });
 
 class RdtGovNotificationService {
@@ -636,13 +636,21 @@ class RdtGovNotificationService {
         setTimeout(() => this.close(overlayRef), cfg.duration);
     }
     success(message = this.t.instant('RDT_GOV_NOTIFY_SUCCESS')) {
-        this.show({ color: 'success', message });
+        this.showSimple('success', message);
     }
     warn(message = this.t.instant('RDT_GOV_NOTIFY_WARNING')) {
-        this.show({ color: 'warning', message });
+        this.showSimple('warning', message);
     }
     error(message = this.t.instant('RDT_GOV_NOTIFY_ERROR')) {
-        this.show({ color: 'error', message });
+        this.showSimple('error', message);
+    }
+    showSimple(color, message) {
+        if (typeof message === 'object') {
+            this.show({ color, ...message });
+        }
+        else {
+            this.show({ color, message });
+        }
     }
     mergeConfig(cfg) {
         return {