@indigina/ui-kit 1.1.100 → 1.1.101

package/lib/components/kit-notification/kit-notification.animation.d.ts

@@ -0,0 +1,2 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+export declare const fadeAnimation: AnimationTriggerMetadata;

package/lib/components/kit-notification/kit-notification.component.d.ts

@@ -1,15 +1,22 @@
+import { ElementRef, Renderer2, Signal } from '@angular/core';
+import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+import { KitNotificationType, KitNotification } from './kit-notification.const';
+import { KitNotificationService } from './kit-notification.service';
 import * as i0 from "@angular/core";
-export declare enum KitNotificationType {
-    INFO = "info",
-    WARNING = "warning",
-    ERROR = "error",
-    SUCCESS = "success"
-}
 export declare class KitNotificationComponent {
-    /**
-     * Defines a value that is going to be applied as a notification type
-     */
-    type: KitNotificationType;
+    private readonly renderer;
+    private readonly el;
+    private readonly notificationService;
+    appendTo: string;
+    readonly notifications: Signal<KitNotification[]>;
+    readonly closeIcon: KitSvgIcon;
+    private appendedElement;
+    constructor(renderer: Renderer2, el: ElementRef, notificationService: KitNotificationService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    removeNotification(id: number): void;
+    getNotificationType(type: KitNotificationType): string;
+    private appendToTarget;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitNotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitNotificationComponent, "kit-notification", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitNotificationComponent, "kit-notification", never, { "appendTo": { "alias": "appendTo"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/kit-notification/kit-notification.const.d.ts

@@ -0,0 +1,13 @@
+export declare enum KitNotificationType {
+    INFO = "info",
+    WARNING = "warning",
+    ERROR = "error",
+    SUCCESS = "success"
+}
+export interface KitNotification {
+    id: number;
+    type: KitNotificationType;
+    message: string;
+    closable: boolean;
+    autoHideTime: number | null;
+}

package/lib/components/kit-notification/kit-notification.service.d.ts

@@ -0,0 +1,11 @@
+import { WritableSignal } from '@angular/core';
+import { KitNotification, KitNotificationType } from './kit-notification.const';
+import * as i0 from "@angular/core";
+export declare class KitNotificationService {
+    readonly notifications: WritableSignal<KitNotification[]>;
+    private notificationIdCounter;
+    addNotification(type: KitNotificationType, message?: string, closable?: boolean, autoHideTime?: number | null): void;
+    removeNotification(id: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitNotificationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KitNotificationService>;
+}

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.1.100",
+  "version": "1.1.101",
   "peerDependencies": {
     "@angular/common": "^18.2.6",
     "@angular/core": "^18.2.6"

package/public-api.d.ts

@@ -33,8 +33,9 @@ export { KitUnitsTextboxModule } from './lib/components/kit-units-textbox/kit-un
 export { KitUnitsTextboxDropdownPosition, KitUnitsTextboxType } from './lib/components/kit-units-textbox/kit-units-textbox.model';
 export { KitDatetimepickerComponent } from './lib/components/kit-datetimepicker/kit-datetimepicker.component';
 export { KitDatetimepickerModule } from './lib/components/kit-datetimepicker/kit-datetimepicker.module';
-export { KitNotificationComponent, KitNotificationType } from './lib/components/kit-notification/kit-notification.component';
-export { KitNotificationModule } from './lib/components/kit-notification/kit-notification.module';
+export { KitNotificationComponent } from './lib/components/kit-notification/kit-notification.component';
+export { KitNotificationType } from './lib/components/kit-notification/kit-notification.const';
+export { KitNotificationService } from './lib/components/kit-notification/kit-notification.service';
 export { KitLocationStepperComponent, KitLocationStepperItem, KitLocationStepperItemDate, } from './lib/components/kit-location-stepper/kit-location-stepper.component';
 export { KitLocationStepperModule } from './lib/components/kit-location-stepper/kit-location-stepper.module';
 export { KitAutocompleteComponent, KitAutocompleteItem } from './lib/components/kit-autocomplete/kit-autocomplete.component';

package/styles/theming.scss

@@ -38,12 +38,14 @@
   --ui-kit-color-green-3: #1cb589;
   --ui-kit-color-green-4: #e0f2ed;
   --ui-kit-color-green-5: #e5ffe5;
+  --ui-kit-color-green-6: #62dd5f;
 
   --ui-kit-color-red: #ef3e42;
   --ui-kit-color-red-20: #f8e0e0;
   --ui-kit-color-red-1: #f5222d;
   --ui-kit-color-red-2: #f5222d33;
   --ui-kit-color-red-3: #f9e9ea;
+  --ui-kit-color-red-4: #fb5760;
 
   --ui-kit-color-cobalt: #006890;
   --ui-kit-color-cobalt-darkest: #002a3a;

package/esm2022/lib/components/kit-notification/kit-notification.module.mjs

@@ -1,28 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { KitNotificationComponent } from './kit-notification.component';
-import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
-import * as i0 from "@angular/core";
-export class KitNotificationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KitNotificationModule, declarations: [KitNotificationComponent], imports: [CommonModule,
-            KitSvgIconModule], exports: [KitNotificationComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitNotificationModule, imports: [CommonModule,
-            KitSvgIconModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KitNotificationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitNotificationComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        KitSvgIconModule,
-                    ],
-                    exports: [
-                        KitNotificationComponent,
-                    ],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5vdGlmaWNhdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1ub3RpZmljYXRpb24va2l0LW5vdGlmaWNhdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBY3ZFLE1BQU0sT0FBTyxxQkFBcUI7OEdBQXJCLHFCQUFxQjsrR0FBckIscUJBQXFCLGlCQVY5Qix3QkFBd0IsYUFHeEIsWUFBWTtZQUNaLGdCQUFnQixhQUdoQix3QkFBd0I7K0dBR2YscUJBQXFCLFlBUDlCLFlBQVk7WUFDWixnQkFBZ0I7OzJGQU1QLHFCQUFxQjtrQkFaakMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osd0JBQXdCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCx3QkFBd0I7cUJBQ3pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBLaXROb3RpZmljYXRpb25Db21wb25lbnQgfSBmcm9tICcuL2tpdC1ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IEtpdFN2Z0ljb25Nb2R1bGUgfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEtpdE5vdGlmaWNhdGlvbkNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBLaXRTdmdJY29uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgS2l0Tm90aWZpY2F0aW9uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLaXROb3RpZmljYXRpb25Nb2R1bGUge1xufVxuIl19

package/lib/components/kit-notification/kit-notification.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./kit-notification.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../kit-svg-icon/kit-svg-icon.module";
-export declare class KitNotificationModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KitNotificationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KitNotificationModule, [typeof i1.KitNotificationComponent], [typeof i2.CommonModule, typeof i3.KitSvgIconModule], [typeof i1.KitNotificationComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KitNotificationModule>;
-}