@indigina/ui-kit 1.1.166 → 1.1.167
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.
|
@@ -1950,14 +1950,14 @@ class KitNotificationComponent {
|
|
|
1950
1950
|
this.renderer.appendChild(target, this.appendedElement);
|
|
1951
1951
|
}
|
|
1952
1952
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitNotificationComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: KitNotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1953
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitNotificationComponent, isStandalone: true, selector: "kit-notification", inputs: { appendTo: "appendTo" }, ngImport: i0, template: "@for (notification of notifications().reverse(); track notification.id) {\n <div @fadeAnimation \n class=\"notification\" \n [ngClass]=\"notification.type\">\n <kit-svg-icon class=\"notification-icon\"\n [icon]=\"kitSvgIcon.WARNING_CIRCLE_FILLED\" />\n <ng-content />\n @if (notification.message) {\n <div class=\"notification-text\"
|
|
1953
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitNotificationComponent, isStandalone: true, selector: "kit-notification", inputs: { appendTo: "appendTo" }, ngImport: i0, template: "@for (notification of notifications().reverse(); track notification.id) {\n <div @fadeAnimation \n class=\"notification\" \n [ngClass]=\"notification.type\">\n <kit-svg-icon class=\"notification-icon\"\n [icon]=\"kitSvgIcon.WARNING_CIRCLE_FILLED\" />\n <ng-content />\n @if (notification.message) {\n <div class=\"notification-text\">{{ notification.message }}</div>\n }\n @if (notification.closable) {\n <kit-svg-icon class=\"notification-close-icon\"\n [icon]=\"kitSvgIcon.CROSS\"\n (click)=\"removeNotification(notification.id)\" />\n }\n </div>\n}\n", styles: [".notification{display:flex;align-items:center;padding:20px 24px;margin-top:10px;min-width:600px;border-radius:8px;line-height:22px;z-index:15;min-height:0}.notification-icon{margin-right:16px;width:24px;height:24px;stroke:none;flex-shrink:0}.notification-text{color:var(--ui-kit-color-grey-10);font-size:16px;line-height:24px;white-space:pre-wrap;flex-grow:1}.notification.success{fill:var(--ui-kit-color-green-1);background-color:var(--ui-kit-color-green-5);border:1px solid var(--ui-kit-color-green-6)}.notification.error{fill:var(--ui-kit-color-red-1);background-color:var(--ui-kit-color-red-3);border:1px solid var(--ui-kit-color-red-4)}.notification.warning{fill:var(--ui-kit-color-orange);background-color:var(--ui-kit-color-orange-4);border:1px solid var(--ui-kit-color-orange)}.notification.info{fill:var(--ui-kit-color-blue);background-color:var(--ui-kit-color-blue-1);border:1px solid var(--ui-kit-color-blue)}.notification-close-icon{width:16px;height:16px;fill:var(--ui-kit-color-grey-12);cursor:pointer}@media screen and (max-width: 768px){.notification{min-width:250px;max-width:250px;padding:12px 14px;margin-right:-10px}.notification-icon{margin-right:10px}.notification-text{font-size:15px;line-height:17px;width:80%}}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1954
1954
|
}
|
|
1955
1955
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitNotificationComponent, decorators: [{
|
|
1956
1956
|
type: Component,
|
|
1957
1957
|
args: [{ selector: 'kit-notification', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1958
1958
|
KitSvgIconModule,
|
|
1959
1959
|
NgClass,
|
|
1960
|
-
], animations: [fadeAnimation], template: "@for (notification of notifications().reverse(); track notification.id) {\n <div @fadeAnimation \n class=\"notification\" \n [ngClass]=\"notification.type\">\n <kit-svg-icon class=\"notification-icon\"\n [icon]=\"kitSvgIcon.WARNING_CIRCLE_FILLED\" />\n <ng-content />\n @if (notification.message) {\n <div class=\"notification-text\"
|
|
1960
|
+
], animations: [fadeAnimation], template: "@for (notification of notifications().reverse(); track notification.id) {\n <div @fadeAnimation \n class=\"notification\" \n [ngClass]=\"notification.type\">\n <kit-svg-icon class=\"notification-icon\"\n [icon]=\"kitSvgIcon.WARNING_CIRCLE_FILLED\" />\n <ng-content />\n @if (notification.message) {\n <div class=\"notification-text\">{{ notification.message }}</div>\n }\n @if (notification.closable) {\n <kit-svg-icon class=\"notification-close-icon\"\n [icon]=\"kitSvgIcon.CROSS\"\n (click)=\"removeNotification(notification.id)\" />\n }\n </div>\n}\n", styles: [".notification{display:flex;align-items:center;padding:20px 24px;margin-top:10px;min-width:600px;border-radius:8px;line-height:22px;z-index:15;min-height:0}.notification-icon{margin-right:16px;width:24px;height:24px;stroke:none;flex-shrink:0}.notification-text{color:var(--ui-kit-color-grey-10);font-size:16px;line-height:24px;white-space:pre-wrap;flex-grow:1}.notification.success{fill:var(--ui-kit-color-green-1);background-color:var(--ui-kit-color-green-5);border:1px solid var(--ui-kit-color-green-6)}.notification.error{fill:var(--ui-kit-color-red-1);background-color:var(--ui-kit-color-red-3);border:1px solid var(--ui-kit-color-red-4)}.notification.warning{fill:var(--ui-kit-color-orange);background-color:var(--ui-kit-color-orange-4);border:1px solid var(--ui-kit-color-orange)}.notification.info{fill:var(--ui-kit-color-blue);background-color:var(--ui-kit-color-blue-1);border:1px solid var(--ui-kit-color-blue)}.notification-close-icon{width:16px;height:16px;fill:var(--ui-kit-color-grey-12);cursor:pointer}@media screen and (max-width: 768px){.notification{min-width:250px;max-width:250px;padding:12px 14px;margin-right:-10px}.notification-icon{margin-right:10px}.notification-text{font-size:15px;line-height:17px;width:80%}}\n"] }]
|
|
1961
1961
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: KitNotificationService }], propDecorators: { appendTo: [{
|
|
1962
1962
|
type: Input
|
|
1963
1963
|
}] } });
|