@cuby-ui/core 0.0.172 → 0.0.174
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.
- package/components/alert/alert.tokens.d.ts +1 -0
- package/components/notification/notification.component.d.ts +10 -5
- package/components/notification/notification.module.d.ts +2 -3
- package/components/notification/notification.options.d.ts +11 -7
- package/esm2020/components/alert/alert.component.mjs +3 -3
- package/esm2020/components/alert/alert.tokens.mjs +3 -2
- package/esm2020/components/notification/notification.component.mjs +20 -24
- package/esm2020/components/notification/notification.module.mjs +3 -6
- package/esm2020/components/notification/notification.options.mjs +49 -2
- package/fesm2015/cuby-ui-core.mjs +98 -56
- package/fesm2015/cuby-ui-core.mjs.map +1 -1
- package/fesm2020/cuby-ui-core.mjs +101 -59
- package/fesm2020/cuby-ui-core.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -6,6 +6,7 @@ export declare const CUI_ALERTS: InjectionToken<BehaviorSubject<readonly CuiPopo
|
|
|
6
6
|
export declare const CUI_ALERT_DEFAULT_OPTIONS: Omit<CuiAlertOptions, 'status'>;
|
|
7
7
|
export declare const CUI_ALERT_OPTIONS: InjectionToken<{
|
|
8
8
|
status: import("@cuby-ui/core").CuiStatus;
|
|
9
|
+
mode: "default" | "light";
|
|
9
10
|
position: import("@cuby-ui/core").CuiAlertPosition;
|
|
10
11
|
label: string;
|
|
11
12
|
needAutoClose: boolean;
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { CuiNotificationIconOptions, CuiNotificationOptions } from './notification.options';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class CuiNotificationComponent implements CuiNotificationOptions {
|
|
4
|
+
export declare class CuiNotificationComponent implements CuiNotificationOptions, OnInit {
|
|
5
5
|
private readonly cuiNotificationOptions;
|
|
6
|
-
protected readonly
|
|
6
|
+
protected readonly ICONS: import("./notification.options").CuiNotificationIcons;
|
|
7
|
+
protected readonly ICON_OPTIONS: Record<"default" | "light", CuiNotificationIconOptions>;
|
|
8
|
+
protected iconOptions: CuiNotificationIconOptions;
|
|
7
9
|
status: import("@cuby-ui/core").CuiStatus;
|
|
10
|
+
mode: "default" | "light";
|
|
8
11
|
isCloseable: boolean;
|
|
9
12
|
readonly closed: EventEmitter<void>;
|
|
13
|
+
ngOnInit(): void;
|
|
10
14
|
protected onClose(): void;
|
|
15
|
+
private initIconOptions;
|
|
11
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiNotificationComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CuiNotificationComponent, "cui-notification", never, { "status": "status"; "isCloseable": "isCloseable"; }, { "closed": "closed"; }, never, ["*"], false, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiNotificationComponent, "cui-notification", never, { "status": "status"; "mode": "mode"; "isCloseable": "isCloseable"; }, { "closed": "closed"; }, never, ["*"], false, never>;
|
|
13
18
|
}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./notification.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "
|
|
5
|
-
import * as i4 from "../svg/svg.module";
|
|
4
|
+
import * as i3 from "../svg/svg.module";
|
|
6
5
|
export declare class CuiNotificationModule {
|
|
7
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiNotificationModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<CuiNotificationModule, [typeof i1.CuiNotificationComponent], [typeof i2.CommonModule, typeof i3.
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CuiNotificationModule, [typeof i1.CuiNotificationComponent], [typeof i2.CommonModule, typeof i3.CuiSvgModule], [typeof i1.CuiNotificationComponent]>;
|
|
9
8
|
static ɵinj: i0.ɵɵInjectorDeclaration<CuiNotificationModule>;
|
|
10
9
|
}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
|
-
import type { CuiIcon } from '@cuby-ui/icons';
|
|
2
1
|
import type { CuiStatus } from '../../types';
|
|
3
|
-
export type
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
2
|
+
export type CuiNotificationIcons = Record<CuiStatus, {
|
|
3
|
+
icon: string;
|
|
4
|
+
}>;
|
|
5
|
+
export type CuiNotificationIconOptions = Record<CuiStatus, {
|
|
6
|
+
color: string;
|
|
7
|
+
}>;
|
|
9
8
|
export interface CuiNotificationOptions {
|
|
10
9
|
readonly status: CuiStatus;
|
|
10
|
+
readonly mode: 'default' | 'light';
|
|
11
11
|
}
|
|
12
12
|
export declare const CUI_NOTIFICATION_DEFAULT_OPTIONS: CuiNotificationOptions;
|
|
13
13
|
export declare const CUI_NOTIFICATION_OPTIONS: import("@angular/core").InjectionToken<CuiNotificationOptions>;
|
|
14
|
+
export declare const CUI_NOTIFICATION_ICONS: CuiNotificationIcons;
|
|
15
|
+
export declare const CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE: CuiNotificationIconOptions;
|
|
16
|
+
export declare const CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE: CuiNotificationIconOptions;
|
|
17
|
+
export declare const CUI_NOTIFICATION_ICON_OPTIONS: Record<CuiNotificationOptions['mode'], CuiNotificationIconOptions>;
|
|
@@ -25,12 +25,12 @@ export class CuiAlertComponent {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
CuiAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
CuiAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiAlertComponent, selector: "cui-alert", host: { properties: { "attr.data-resizing": "this.resizing" } }, ngImport: i0, template: "<cui-notification\n [status]=\"context.status\"\n [isCloseable]=\"context.isCloseable\"\n (closed)=\"onClosed()\"\n>\n <h2\n *ngIf=\"context.label\"\n class=\"c-heading\"\n >\n {{ context.label }}\n </h2>\n {{ context.content }}\n</cui-notification>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;max-width:470px}:host[data-resizing=hug]{width:-moz-fit-content;width:fit-content}:host[data-resizing=fixed]{width:470px}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0 0 8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CuiNotificationComponent, selector: "cui-notification", inputs: ["status", "isCloseable"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
28
|
+
CuiAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiAlertComponent, selector: "cui-alert", host: { properties: { "attr.data-resizing": "this.resizing" } }, ngImport: i0, template: "<cui-notification\n [status]=\"context.status\"\n [mode]=\"context.mode\"\n [isCloseable]=\"context.isCloseable\"\n (closed)=\"onClosed()\"\n>\n <h2\n *ngIf=\"context.label\"\n class=\"c-heading\"\n >\n {{ context.label }}\n </h2>\n {{ context.content }}\n</cui-notification>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;max-width:470px}:host[data-resizing=hug]{width:-moz-fit-content;width:fit-content}:host[data-resizing=fixed]{width:470px}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0 0 8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CuiNotificationComponent, selector: "cui-notification", inputs: ["status", "mode", "isCloseable"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiAlertComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'cui-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-notification\n [status]=\"context.status\"\n [isCloseable]=\"context.isCloseable\"\n (closed)=\"onClosed()\"\n>\n <h2\n *ngIf=\"context.label\"\n class=\"c-heading\"\n >\n {{ context.label }}\n </h2>\n {{ context.content }}\n</cui-notification>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;max-width:470px}:host[data-resizing=hug]{width:-moz-fit-content;width:fit-content}:host[data-resizing=fixed]{width:470px}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0 0 8px}\n"] }]
|
|
31
|
+
args: [{ selector: 'cui-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-notification\n [status]=\"context.status\"\n [mode]=\"context.mode\"\n [isCloseable]=\"context.isCloseable\"\n (closed)=\"onClosed()\"\n>\n <h2\n *ngIf=\"context.label\"\n class=\"c-heading\"\n >\n {{ context.label }}\n </h2>\n {{ context.content }}\n</cui-notification>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;max-width:470px}:host[data-resizing=hug]{width:-moz-fit-content;width:fit-content}:host[data-resizing=fixed]{width:470px}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0 0 8px}\n"] }]
|
|
32
32
|
}], propDecorators: { resizing: [{
|
|
33
33
|
type: HostBinding,
|
|
34
34
|
args: ['attr.data-resizing']
|
|
35
35
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9hbGVydC9hbGVydC50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV4RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVNuRCxNQUFNLE9BQU8saUJBQWlCO0lBTjlCO1FBT3FCLFlBQU8sR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUVwQyx3Q0FBbUMsR0FBRyxJQUFJLENBQUM7S0FzQi9EO0lBcEJDLElBQ2MsUUFBUTtRQUNwQixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO0lBQy9CLENBQUM7SUFFTSxRQUFRO1FBQ2IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFUyxRQUFRO1FBQ2hCLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFTyxhQUFhO1FBQ25CLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFBRTtZQUMvQixPQUFPO1NBQ1I7UUFFRCxVQUFVLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxDQUFDLG1DQUFtQyxDQUFDLENBQUM7SUFDakYsQ0FBQzs7K0dBeEJVLGlCQUFpQjttR0FBakIsaUJBQWlCLGtIQ1o5Qix3U0FjQTs0RkRGYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNOzhCQVFqQyxRQUFRO3NCQURyQixXQUFXO3VCQUFDLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IENVSV9BTEVSVF9DT05URVhUIH0gZnJvbSAnLi9hbGVydC50b2tlbnMnO1xuaW1wb3J0IHR5cGUgeyBDdWlBbGVydFJlc2l6aW5nIH0gZnJvbSAnLi9hbGVydC50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N1aS1hbGVydCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC50ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuc3R5bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDdWlBbGVydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByb3RlY3RlZCByZWFkb25seSBjb250ZXh0ID0gaW5qZWN0KENVSV9BTEVSVF9DT05URVhUKTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgQVVUT19DTE9TRV9EVVJBVElPTl9JTl9NSUxMSVNFQ09ORFMgPSAzMDAwO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXJlc2l6aW5nJylcbiAgcHJvdGVjdGVkIGdldCByZXNpemluZygpOiBDdWlBbGVydFJlc2l6aW5nIHtcbiAgICByZXR1cm4gdGhpcy5jb250ZXh0LnJlc2l6aW5nO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaW5pdEF1dG9DbG9zZSgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uQ2xvc2VkKCk6IHZvaWQge1xuICAgIHRoaXMuY29udGV4dC4kaW1wbGljaXQuY29tcGxldGUoKTtcbiAgfVxuXG4gIHByaXZhdGUgaW5pdEF1dG9DbG9zZSgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuY29udGV4dC5uZWVkQXV0b0Nsb3NlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgc2V0VGltZW91dCh0aGlzLm9uQ2xvc2VkLmJpbmQodGhpcyksIHRoaXMuQVVUT19DTE9TRV9EVVJBVElPTl9JTl9NSUxMSVNFQ09ORFMpO1xuICB9XG59XG4iLCI8Y3VpLW5vdGlmaWNhdGlvblxuICBbc3RhdHVzXT1cImNvbnRleHQuc3RhdHVzXCJcbiAgW21vZGVdPVwiY29udGV4dC5tb2RlXCJcbiAgW2lzQ2xvc2VhYmxlXT1cImNvbnRleHQuaXNDbG9zZWFibGVcIlxuICAoY2xvc2VkKT1cIm9uQ2xvc2VkKClcIlxuPlxuICA8aDJcbiAgICAqbmdJZj1cImNvbnRleHQubGFiZWxcIlxuICAgIGNsYXNzPVwiYy1oZWFkaW5nXCJcbiAgPlxuICAgIHt7IGNvbnRleHQubGFiZWwgfX1cbiAgPC9oMj5cbiAge3sgY29udGV4dC5jb250ZW50IH19XG48L2N1aS1ub3RpZmljYXRpb24+XG4iXX0=
|
|
@@ -2,12 +2,13 @@ import { inject, InjectionToken } from '@angular/core';
|
|
|
2
2
|
import { cuiCreateTokenFromFactory } from '@cuby-ui/cdk';
|
|
3
3
|
import { cuiCreateToken } from '@cuby-ui/cdk';
|
|
4
4
|
import { BehaviorSubject } from 'rxjs';
|
|
5
|
-
import { CUI_NOTIFICATION_OPTIONS } from '../notification
|
|
5
|
+
import { CUI_NOTIFICATION_OPTIONS } from '../notification';
|
|
6
6
|
export const CUI_ALERTS = cuiCreateToken(new BehaviorSubject([]));
|
|
7
7
|
export const CUI_ALERT_DEFAULT_OPTIONS = {
|
|
8
8
|
label: '',
|
|
9
9
|
needAutoClose: true,
|
|
10
10
|
isCloseable: true,
|
|
11
|
+
mode: 'default',
|
|
11
12
|
position: 'right',
|
|
12
13
|
resizing: 'fixed'
|
|
13
14
|
};
|
|
@@ -16,4 +17,4 @@ export const CUI_ALERT_OPTIONS = cuiCreateTokenFromFactory(() => ({
|
|
|
16
17
|
...inject(CUI_NOTIFICATION_OPTIONS)
|
|
17
18
|
}));
|
|
18
19
|
export const CUI_ALERT_CONTEXT = new InjectionToken('');
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQudG9rZW5zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LnRva2Vucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUUseUJBQXlCLEVBQWMsTUFBTSxjQUFjLENBQUM7QUFDckUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUM5QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBR3ZDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTNELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxjQUFjLENBQ3RDLElBQUksZUFBZSxDQUE2QyxFQUFFLENBQUMsQ0FDcEUsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHlCQUF5QixHQUFvQztJQUN4RSxLQUFLLEVBQUUsRUFBRTtJQUNULGFBQWEsRUFBRSxJQUFJO0lBQ25CLFdBQVcsRUFBRSxJQUFJO0lBQ2pCLElBQUksRUFBRSxTQUFTO0lBQ2YsUUFBUSxFQUFFLE9BQU87SUFDakIsUUFBUSxFQUFFLE9BQU87Q0FDbEIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLHlCQUF5QixDQUN4RCxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ0wsR0FBRyx5QkFBeUI7SUFDNUIsR0FBRyxNQUFNLENBQUMsd0JBQXdCLENBQUM7Q0FDcEMsQ0FBQyxDQUNILENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxJQUFJLGNBQWMsQ0FBOEIsRUFBRSxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmplY3QsIEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjdWlDcmVhdGVUb2tlbkZyb21GYWN0b3J5LCBDdWlQb3BvdmVyIH0gZnJvbSAnQGN1YnktdWkvY2RrJztcbmltcG9ydCB7IGN1aUNyZWF0ZVRva2VuIH0gZnJvbSAnQGN1YnktdWkvY2RrJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgdHlwZSB7IEN1aUFsZXJ0T3B0aW9ucyB9IGZyb20gJy4vYWxlcnQuaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBDVUlfTk9USUZJQ0FUSU9OX09QVElPTlMgfSBmcm9tICcuLi9ub3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgQ1VJX0FMRVJUUyA9IGN1aUNyZWF0ZVRva2VuKFxuICBuZXcgQmVoYXZpb3JTdWJqZWN0PFJlYWRvbmx5QXJyYXk8Q3VpUG9wb3ZlcjxDdWlBbGVydE9wdGlvbnM+Pj4oW10pXG4pO1xuXG5leHBvcnQgY29uc3QgQ1VJX0FMRVJUX0RFRkFVTFRfT1BUSU9OUzogT21pdDxDdWlBbGVydE9wdGlvbnMsICdzdGF0dXMnPiA9IHtcbiAgbGFiZWw6ICcnLFxuICBuZWVkQXV0b0Nsb3NlOiB0cnVlLFxuICBpc0Nsb3NlYWJsZTogdHJ1ZSxcbiAgbW9kZTogJ2RlZmF1bHQnLFxuICBwb3NpdGlvbjogJ3JpZ2h0JyxcbiAgcmVzaXppbmc6ICdmaXhlZCdcbn07XG5cbmV4cG9ydCBjb25zdCBDVUlfQUxFUlRfT1BUSU9OUyA9IGN1aUNyZWF0ZVRva2VuRnJvbUZhY3RvcnkoXG4gICgpID0+ICh7XG4gICAgLi4uQ1VJX0FMRVJUX0RFRkFVTFRfT1BUSU9OUyxcbiAgICAuLi5pbmplY3QoQ1VJX05PVElGSUNBVElPTl9PUFRJT05TKVxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IENVSV9BTEVSVF9DT05URVhUID0gbmV3IEluamVjdGlvblRva2VuPEN1aVBvcG92ZXI8Q3VpQWxlcnRPcHRpb25zPj4oJycpO1xuIl19
|
|
@@ -1,51 +1,47 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, inject, Input, Output } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { CUI_NOTIFICATION_ICON_OPTIONS } from './notification.options';
|
|
3
|
+
import { CUI_NOTIFICATION_OPTIONS, CUI_NOTIFICATION_ICONS } from './notification.options';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "
|
|
6
|
-
import * as i3 from "../svg/svg.component";
|
|
6
|
+
import * as i2 from "../svg/svg.component";
|
|
7
7
|
export class CuiNotificationComponent {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.cuiNotificationOptions = inject(CUI_NOTIFICATION_OPTIONS);
|
|
10
|
-
this.
|
|
11
|
-
|
|
12
|
-
icon: 'cuiIconInfo',
|
|
13
|
-
color: 'var(--c-info-icon-color)'
|
|
14
|
-
},
|
|
15
|
-
success: {
|
|
16
|
-
icon: 'cuiIconCheckCircle',
|
|
17
|
-
color: 'var(--cui-green-500)'
|
|
18
|
-
},
|
|
19
|
-
alert: {
|
|
20
|
-
icon: 'cuiIconAlertTriangle',
|
|
21
|
-
color: 'var(--cui-yellow-400)'
|
|
22
|
-
},
|
|
23
|
-
error: {
|
|
24
|
-
icon: 'cuiIconXCircle',
|
|
25
|
-
color: 'var(--cui-danger)'
|
|
26
|
-
},
|
|
27
|
-
};
|
|
10
|
+
this.ICONS = CUI_NOTIFICATION_ICONS;
|
|
11
|
+
this.ICON_OPTIONS = CUI_NOTIFICATION_ICON_OPTIONS;
|
|
28
12
|
this.status = this.cuiNotificationOptions.status;
|
|
13
|
+
this.mode = this.cuiNotificationOptions.mode;
|
|
29
14
|
this.isCloseable = false;
|
|
30
15
|
this.closed = new EventEmitter();
|
|
31
16
|
}
|
|
17
|
+
ngOnInit() {
|
|
18
|
+
this.initIconOptions();
|
|
19
|
+
}
|
|
32
20
|
onClose() {
|
|
33
21
|
this.closed.next();
|
|
34
22
|
}
|
|
23
|
+
initIconOptions() {
|
|
24
|
+
this.iconOptions = this.ICON_OPTIONS[this.mode];
|
|
25
|
+
}
|
|
35
26
|
}
|
|
36
27
|
CuiNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
CuiNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiNotificationComponent, selector: "cui-notification", inputs: { status: "status", isCloseable: "isCloseable" }, outputs: { closed: "closed" }, host: { properties: { "attr.data-status": "this.status" } }, ngImport: i0, template: "
|
|
28
|
+
CuiNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiNotificationComponent, selector: "cui-notification", inputs: { status: "status", mode: "mode", isCloseable: "isCloseable" }, outputs: { closed: "closed" }, host: { properties: { "attr.data-status": "this.status", "attr.data-mode": "this.mode" } }, ngImport: i0, template: "<cui-svg\n class=\"c-icon\"\n [icon]=\"ICONS[status].icon\"\n [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n <ng-content></ng-content>\n</div>\n<button\n *ngIf=\"isCloseable\"\n class=\"c-button\"\n (click)=\"onClose()\"\n>\n <cui-svg\n icon=\"cuiIconX\"\n color=\"var(--cui-gray-0)\"\n />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-info-bg)}:host[data-mode=light][data-status=success]{border-color:var(--cui-green-700);background:var(--cui-badge-success-bg)}:host[data-mode=light][data-status=alert]{border-color:var(--cui-yellow-400);background:var(--cui-badge-warning-bg)}:host[data-mode=light][data-status=error]{border-color:var(--cui-danger);background:var(--cui-badge-danger-bg)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;margin-top:5px;overflow-wrap:anywhere}.c-icon{margin-top:6px}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:rgba(255,255,255,.2)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationComponent, decorators: [{
|
|
39
30
|
type: Component,
|
|
40
|
-
args: [{ selector: 'cui-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "
|
|
31
|
+
args: [{ selector: 'cui-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\n class=\"c-icon\"\n [icon]=\"ICONS[status].icon\"\n [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n <ng-content></ng-content>\n</div>\n<button\n *ngIf=\"isCloseable\"\n class=\"c-button\"\n (click)=\"onClose()\"\n>\n <cui-svg\n icon=\"cuiIconX\"\n color=\"var(--cui-gray-0)\"\n />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-info-bg)}:host[data-mode=light][data-status=success]{border-color:var(--cui-green-700);background:var(--cui-badge-success-bg)}:host[data-mode=light][data-status=alert]{border-color:var(--cui-yellow-400);background:var(--cui-badge-warning-bg)}:host[data-mode=light][data-status=error]{border-color:var(--cui-danger);background:var(--cui-badge-danger-bg)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;margin-top:5px;overflow-wrap:anywhere}.c-icon{margin-top:6px}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:rgba(255,255,255,.2)}\n"] }]
|
|
41
32
|
}], propDecorators: { status: [{
|
|
42
33
|
type: Input
|
|
43
34
|
}, {
|
|
44
35
|
type: HostBinding,
|
|
45
36
|
args: ['attr.data-status']
|
|
37
|
+
}], mode: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}, {
|
|
40
|
+
type: HostBinding,
|
|
41
|
+
args: ['attr.data-mode']
|
|
46
42
|
}], isCloseable: [{
|
|
47
43
|
type: Input
|
|
48
44
|
}], closed: [{
|
|
49
45
|
type: Output
|
|
50
46
|
}] } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxNQUFNLEVBQ04sS0FBSyxFQUVMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsNkJBQTZCLEVBRzlCLE1BQU0sd0JBQXdCLENBQUM7QUFDaEMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLHNCQUFzQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFRMUYsTUFBTSxPQUFPLHdCQUF3QjtJQU5yQztRQU9tQiwyQkFBc0IsR0FBRyxNQUFNLENBQUMsd0JBQXdCLENBQUMsQ0FBQztRQUV4RCxVQUFLLEdBQUcsc0JBQXNCLENBQUM7UUFDL0IsaUJBQVksR0FBRyw2QkFBNkIsQ0FBQztRQU16RCxXQUFNLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLE1BQU0sQ0FBQztRQUk1QyxTQUFJLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQztRQUd4QyxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUdYLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBYW5EO0lBWFEsUUFBUTtRQUNiLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRVMsT0FBTztRQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVPLGVBQWU7UUFDckIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsRCxDQUFDOztzSEFoQ1Usd0JBQXdCOzBHQUF4Qix3QkFBd0IsMlBDdkJyQyxnV0FrQkE7NEZES2Esd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNOzhCQVl4QyxNQUFNO3NCQUZaLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsa0JBQWtCO2dCQUt4QixJQUFJO3NCQUZWLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsZ0JBQWdCO2dCQUl0QixXQUFXO3NCQURqQixLQUFLO2dCQUlVLE1BQU07c0JBRHJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBpbmplY3QsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIENVSV9OT1RJRklDQVRJT05fSUNPTl9PUFRJT05TLFxuICBDdWlOb3RpZmljYXRpb25JY29uT3B0aW9ucyxcbiAgQ3VpTm90aWZpY2F0aW9uT3B0aW9uc1xufSBmcm9tICcuL25vdGlmaWNhdGlvbi5vcHRpb25zJztcbmltcG9ydCB7IENVSV9OT1RJRklDQVRJT05fT1BUSU9OUywgQ1VJX05PVElGSUNBVElPTl9JQ09OUyB9IGZyb20gJy4vbm90aWZpY2F0aW9uLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjdWktbm90aWZpY2F0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi50ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLnN0eWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ3VpTm90aWZpY2F0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgQ3VpTm90aWZpY2F0aW9uT3B0aW9ucywgT25Jbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSBjdWlOb3RpZmljYXRpb25PcHRpb25zID0gaW5qZWN0KENVSV9OT1RJRklDQVRJT05fT1BUSU9OUyk7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IElDT05TID0gQ1VJX05PVElGSUNBVElPTl9JQ09OUztcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IElDT05fT1BUSU9OUyA9IENVSV9OT1RJRklDQVRJT05fSUNPTl9PUFRJT05TO1xuXG4gIHByb3RlY3RlZCBpY29uT3B0aW9ucyE6IEN1aU5vdGlmaWNhdGlvbkljb25PcHRpb25zO1xuXG4gIEBJbnB1dCgpXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXN0YXR1cycpXG4gIHB1YmxpYyBzdGF0dXMgPSB0aGlzLmN1aU5vdGlmaWNhdGlvbk9wdGlvbnMuc3RhdHVzO1xuXG4gIEBJbnB1dCgpXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLW1vZGUnKVxuICBwdWJsaWMgbW9kZSA9IHRoaXMuY3VpTm90aWZpY2F0aW9uT3B0aW9ucy5tb2RlO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpc0Nsb3NlYWJsZSA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRJY29uT3B0aW9ucygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZWQubmV4dCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBpbml0SWNvbk9wdGlvbnMoKTogdm9pZCB7XG4gICAgdGhpcy5pY29uT3B0aW9ucyA9IHRoaXMuSUNPTl9PUFRJT05TW3RoaXMubW9kZV07XG4gIH1cbn1cbiIsIjxjdWktc3ZnXG4gIGNsYXNzPVwiYy1pY29uXCJcbiAgW2ljb25dPVwiSUNPTlNbc3RhdHVzXS5pY29uXCJcbiAgW2NvbG9yXT1cImljb25PcHRpb25zW3N0YXR1c10uY29sb3JcIlxuPjwvY3VpLXN2Zz5cbjxkaXYgY2xhc3M9XCJjLWNvbnRlbnRcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48YnV0dG9uXG4gICpuZ0lmPVwiaXNDbG9zZWFibGVcIlxuICBjbGFzcz1cImMtYnV0dG9uXCJcbiAgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiXG4+XG4gIDxjdWktc3ZnXG4gICAgaWNvbj1cImN1aUljb25YXCJcbiAgICBjb2xvcj1cInZhcigtLWN1aS1ncmF5LTApXCJcbiAgLz5cbjwvYnV0dG9uPlxuIl19
|
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
1
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import {
|
|
4
|
-
import { CuiNotificationComponent } from './notification.component';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
5
3
|
import { CuiSvgModule } from '../svg';
|
|
4
|
+
import { CuiNotificationComponent } from './notification.component';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
export class CuiNotificationModule {
|
|
8
7
|
}
|
|
9
8
|
CuiNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
9
|
CuiNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationModule, declarations: [CuiNotificationComponent], imports: [CommonModule,
|
|
11
|
-
CuiLetDirective,
|
|
12
10
|
CuiSvgModule], exports: [CuiNotificationComponent] });
|
|
13
11
|
CuiNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationModule, imports: [CommonModule,
|
|
14
12
|
CuiSvgModule] });
|
|
@@ -17,11 +15,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
17
15
|
args: [{
|
|
18
16
|
imports: [
|
|
19
17
|
CommonModule,
|
|
20
|
-
CuiLetDirective,
|
|
21
18
|
CuiSvgModule
|
|
22
19
|
],
|
|
23
20
|
declarations: [CuiNotificationComponent],
|
|
24
21
|
exports: [CuiNotificationComponent]
|
|
25
22
|
}]
|
|
26
23
|
}] });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDOztBQVVwRSxNQUFNLE9BQU8scUJBQXFCOzttSEFBckIscUJBQXFCO29IQUFyQixxQkFBcUIsaUJBSGpCLHdCQUF3QixhQUhyQyxZQUFZO1FBQ1osWUFBWSxhQUdKLHdCQUF3QjtvSEFFdkIscUJBQXFCLFlBTjlCLFlBQVk7UUFDWixZQUFZOzRGQUtILHFCQUFxQjtrQkFSakMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3FCQUNiO29CQUNELFlBQVksRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUN4QyxPQUFPLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztpQkFDcEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQ3VpU3ZnTW9kdWxlIH0gZnJvbSAnLi4vc3ZnJztcbmltcG9ydCB7IEN1aU5vdGlmaWNhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQ3VpU3ZnTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW0N1aU5vdGlmaWNhdGlvbkNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtDdWlOb3RpZmljYXRpb25Db21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIEN1aU5vdGlmaWNhdGlvbk1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -1,6 +1,53 @@
|
|
|
1
1
|
import { cuiCreateToken } from '@cuby-ui/cdk';
|
|
2
2
|
export const CUI_NOTIFICATION_DEFAULT_OPTIONS = {
|
|
3
|
-
status: 'info'
|
|
3
|
+
status: 'info',
|
|
4
|
+
mode: 'default'
|
|
4
5
|
};
|
|
5
6
|
export const CUI_NOTIFICATION_OPTIONS = cuiCreateToken(CUI_NOTIFICATION_DEFAULT_OPTIONS);
|
|
6
|
-
|
|
7
|
+
export const CUI_NOTIFICATION_ICONS = {
|
|
8
|
+
info: {
|
|
9
|
+
icon: 'cuiIconInfo'
|
|
10
|
+
},
|
|
11
|
+
success: {
|
|
12
|
+
icon: 'cuiIconCheckCircle'
|
|
13
|
+
},
|
|
14
|
+
alert: {
|
|
15
|
+
icon: 'cuiIconAlertTriangle'
|
|
16
|
+
},
|
|
17
|
+
error: {
|
|
18
|
+
icon: 'cuiIconXCircle'
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
export const CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE = {
|
|
22
|
+
info: {
|
|
23
|
+
color: 'var(--c-info-icon-color)'
|
|
24
|
+
},
|
|
25
|
+
success: {
|
|
26
|
+
color: 'var(--cui-green-500)'
|
|
27
|
+
},
|
|
28
|
+
alert: {
|
|
29
|
+
color: 'var(--cui-yellow-400)'
|
|
30
|
+
},
|
|
31
|
+
error: {
|
|
32
|
+
color: 'var(--cui-danger)'
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
export const CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE = {
|
|
36
|
+
info: {
|
|
37
|
+
color: 'var(--cui-info)'
|
|
38
|
+
},
|
|
39
|
+
success: {
|
|
40
|
+
color: 'var(--cui-green-700)'
|
|
41
|
+
},
|
|
42
|
+
alert: {
|
|
43
|
+
color: 'var(--cui-yellow-400)'
|
|
44
|
+
},
|
|
45
|
+
error: {
|
|
46
|
+
color: 'var(--cui-danger)'
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
export const CUI_NOTIFICATION_ICON_OPTIONS = {
|
|
50
|
+
default: CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE,
|
|
51
|
+
light: CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFhOUMsTUFBTSxDQUFDLE1BQU0sZ0NBQWdDLEdBQTJCO0lBQ3RFLE1BQU0sRUFBRSxNQUFNO0lBQ2QsSUFBSSxFQUFFLFNBQVM7Q0FDaEIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLGNBQWMsQ0FBQyxnQ0FBZ0MsQ0FBQyxDQUFDO0FBRXpGLE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUF5QjtJQUMxRCxJQUFJLEVBQUU7UUFDSixJQUFJLEVBQUUsYUFBYTtLQUNwQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxvQkFBb0I7S0FDM0I7SUFDRCxLQUFLLEVBQUU7UUFDTCxJQUFJLEVBQUUsc0JBQXNCO0tBQzdCO0lBQ0QsS0FBSyxFQUFFO1FBQ0wsSUFBSSxFQUFFLGdCQUFnQjtLQUN2QjtDQUNPLENBQUM7QUFFWCxNQUFNLENBQUMsTUFBTSwwQ0FBMEMsR0FBK0I7SUFDcEYsSUFBSSxFQUFFO1FBQ0osS0FBSyxFQUFFLDBCQUEwQjtLQUNsQztJQUNELE9BQU8sRUFBRTtRQUNQLEtBQUssRUFBRSxzQkFBc0I7S0FDOUI7SUFDRCxLQUFLLEVBQUU7UUFDTCxLQUFLLEVBQUUsdUJBQXVCO0tBQy9CO0lBQ0QsS0FBSyxFQUFFO1FBQ0wsS0FBSyxFQUFFLG1CQUFtQjtLQUMzQjtDQUNPLENBQUM7QUFFWCxNQUFNLENBQUMsTUFBTSx3Q0FBd0MsR0FBK0I7SUFDbEYsSUFBSSxFQUFFO1FBQ0osS0FBSyxFQUFFLGlCQUFpQjtLQUN6QjtJQUNELE9BQU8sRUFBRTtRQUNQLEtBQUssRUFBRSxzQkFBc0I7S0FDOUI7SUFDRCxLQUFLLEVBQUU7UUFDTCxLQUFLLEVBQUUsdUJBQXVCO0tBQy9CO0lBQ0QsS0FBSyxFQUFFO1FBQ0wsS0FBSyxFQUFFLG1CQUFtQjtLQUMzQjtDQUNPLENBQUM7QUFFWCxNQUFNLENBQUMsTUFBTSw2QkFBNkIsR0FBdUU7SUFDL0csT0FBTyxFQUFFLDBDQUEwQztJQUNuRCxLQUFLLEVBQUUsd0NBQXdDO0NBQ2hELENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjdWlDcmVhdGVUb2tlbiB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XG5cbmltcG9ydCB0eXBlIHsgQ3VpU3RhdHVzIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBDdWlOb3RpZmljYXRpb25JY29ucyA9IFJlY29yZDxDdWlTdGF0dXMsIHsgaWNvbjogc3RyaW5nIH0+O1xuXG5leHBvcnQgdHlwZSBDdWlOb3RpZmljYXRpb25JY29uT3B0aW9ucyA9IFJlY29yZDxDdWlTdGF0dXMsIHsgY29sb3I6IHN0cmluZyB9PjtcblxuZXhwb3J0IGludGVyZmFjZSBDdWlOb3RpZmljYXRpb25PcHRpb25zIHtcbiAgcmVhZG9ubHkgc3RhdHVzOiBDdWlTdGF0dXM7XG4gIHJlYWRvbmx5IG1vZGU6ICdkZWZhdWx0JyB8ICdsaWdodCc7XG59XG5cbmV4cG9ydCBjb25zdCBDVUlfTk9USUZJQ0FUSU9OX0RFRkFVTFRfT1BUSU9OUzogQ3VpTm90aWZpY2F0aW9uT3B0aW9ucyA9IHtcbiAgc3RhdHVzOiAnaW5mbycsXG4gIG1vZGU6ICdkZWZhdWx0J1xufTtcblxuZXhwb3J0IGNvbnN0IENVSV9OT1RJRklDQVRJT05fT1BUSU9OUyA9IGN1aUNyZWF0ZVRva2VuKENVSV9OT1RJRklDQVRJT05fREVGQVVMVF9PUFRJT05TKTtcblxuZXhwb3J0IGNvbnN0IENVSV9OT1RJRklDQVRJT05fSUNPTlM6IEN1aU5vdGlmaWNhdGlvbkljb25zID0ge1xuICBpbmZvOiB7XG4gICAgaWNvbjogJ2N1aUljb25JbmZvJ1xuICB9LFxuICBzdWNjZXNzOiB7XG4gICAgaWNvbjogJ2N1aUljb25DaGVja0NpcmNsZSdcbiAgfSxcbiAgYWxlcnQ6IHtcbiAgICBpY29uOiAnY3VpSWNvbkFsZXJ0VHJpYW5nbGUnXG4gIH0sXG4gIGVycm9yOiB7XG4gICAgaWNvbjogJ2N1aUljb25YQ2lyY2xlJ1xuICB9LFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IENVSV9OT1RJRklDQVRJT05fSUNPTl9PUFRJT05TX0RFRkFVTFRfTU9ERTogQ3VpTm90aWZpY2F0aW9uSWNvbk9wdGlvbnMgPSB7XG4gIGluZm86IHtcbiAgICBjb2xvcjogJ3ZhcigtLWMtaW5mby1pY29uLWNvbG9yKSdcbiAgfSxcbiAgc3VjY2Vzczoge1xuICAgIGNvbG9yOiAndmFyKC0tY3VpLWdyZWVuLTUwMCknXG4gIH0sXG4gIGFsZXJ0OiB7XG4gICAgY29sb3I6ICd2YXIoLS1jdWkteWVsbG93LTQwMCknXG4gIH0sXG4gIGVycm9yOiB7XG4gICAgY29sb3I6ICd2YXIoLS1jdWktZGFuZ2VyKSdcbiAgfSxcbn0gYXMgY29uc3Q7XG5cbmV4cG9ydCBjb25zdCBDVUlfTk9USUZJQ0FUSU9OX0lDT05fT1BUSU9OU19MSUdIVF9NT0RFOiBDdWlOb3RpZmljYXRpb25JY29uT3B0aW9ucyA9IHtcbiAgaW5mbzoge1xuICAgIGNvbG9yOiAndmFyKC0tY3VpLWluZm8pJ1xuICB9LFxuICBzdWNjZXNzOiB7XG4gICAgY29sb3I6ICd2YXIoLS1jdWktZ3JlZW4tNzAwKSdcbiAgfSxcbiAgYWxlcnQ6IHtcbiAgICBjb2xvcjogJ3ZhcigtLWN1aS15ZWxsb3ctNDAwKSdcbiAgfSxcbiAgZXJyb3I6IHtcbiAgICBjb2xvcjogJ3ZhcigtLWN1aS1kYW5nZXIpJ1xuICB9LFxufSBhcyBjb25zdDtcblxuZXhwb3J0IGNvbnN0IENVSV9OT1RJRklDQVRJT05fSUNPTl9PUFRJT05TOiBSZWNvcmQ8Q3VpTm90aWZpY2F0aW9uT3B0aW9uc1snbW9kZSddLCBDdWlOb3RpZmljYXRpb25JY29uT3B0aW9ucz4gPSB7XG4gIGRlZmF1bHQ6IENVSV9OT1RJRklDQVRJT05fSUNPTl9PUFRJT05TX0RFRkFVTFRfTU9ERSxcbiAgbGlnaHQ6IENVSV9OT1RJRklDQVRJT05fSUNPTl9PUFRJT05TX0xJR0hUX01PREVcbn0iXX0=
|
|
@@ -3,7 +3,7 @@ import { Component, ChangeDetectionStrategy, InjectionToken, inject, Input, Host
|
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule, DOCUMENT } from '@angular/common';
|
|
5
5
|
import * as i1$1 from '@cuby-ui/cdk';
|
|
6
|
-
import { CUI_WINDOW, cuiCreateToken, cuiCreateTokenFromFactory, CuiDestroyService,
|
|
6
|
+
import { CUI_WINDOW, cuiCreateToken, cuiCreateTokenFromFactory, CuiDestroyService, CuiFilterPipe, CuiLetDirective, CuiPopoverService, CUI_LOCAL_STORAGE, CuiItemDirective, CuiFocusTrapDirective, CuiClickOutsideDirective, CuiTargetDirective, cuiProvide, CuiTime, CuiAutoResizingDirective } from '@cuby-ui/cdk';
|
|
7
7
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
8
8
|
import { cuiIsIcon, CUI_ICONS } from '@cuby-ui/icons';
|
|
9
9
|
import { BehaviorSubject, takeUntil, fromEvent, take } from 'rxjs';
|
|
@@ -299,66 +299,129 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
299
299
|
}] });
|
|
300
300
|
|
|
301
301
|
const CUI_NOTIFICATION_DEFAULT_OPTIONS = {
|
|
302
|
-
status: 'info'
|
|
302
|
+
status: 'info',
|
|
303
|
+
mode: 'default'
|
|
303
304
|
};
|
|
304
305
|
const CUI_NOTIFICATION_OPTIONS = cuiCreateToken(CUI_NOTIFICATION_DEFAULT_OPTIONS);
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
306
|
+
const CUI_NOTIFICATION_ICONS = {
|
|
307
|
+
info: {
|
|
308
|
+
icon: 'cuiIconInfo'
|
|
309
|
+
},
|
|
310
|
+
success: {
|
|
311
|
+
icon: 'cuiIconCheckCircle'
|
|
312
|
+
},
|
|
313
|
+
alert: {
|
|
314
|
+
icon: 'cuiIconAlertTriangle'
|
|
315
|
+
},
|
|
316
|
+
error: {
|
|
317
|
+
icon: 'cuiIconXCircle'
|
|
318
|
+
},
|
|
319
|
+
};
|
|
320
|
+
const CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE = {
|
|
321
|
+
info: {
|
|
322
|
+
color: 'var(--c-info-icon-color)'
|
|
323
|
+
},
|
|
324
|
+
success: {
|
|
325
|
+
color: 'var(--cui-green-500)'
|
|
326
|
+
},
|
|
327
|
+
alert: {
|
|
328
|
+
color: 'var(--cui-yellow-400)'
|
|
329
|
+
},
|
|
330
|
+
error: {
|
|
331
|
+
color: 'var(--cui-danger)'
|
|
332
|
+
},
|
|
333
|
+
};
|
|
334
|
+
const CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE = {
|
|
335
|
+
info: {
|
|
336
|
+
color: 'var(--cui-info)'
|
|
337
|
+
},
|
|
338
|
+
success: {
|
|
339
|
+
color: 'var(--cui-green-700)'
|
|
340
|
+
},
|
|
341
|
+
alert: {
|
|
342
|
+
color: 'var(--cui-yellow-400)'
|
|
343
|
+
},
|
|
344
|
+
error: {
|
|
345
|
+
color: 'var(--cui-danger)'
|
|
346
|
+
},
|
|
347
|
+
};
|
|
348
|
+
const CUI_NOTIFICATION_ICON_OPTIONS = {
|
|
349
|
+
default: CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE,
|
|
350
|
+
light: CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE
|
|
313
351
|
};
|
|
314
|
-
const CUI_ALERT_OPTIONS = cuiCreateTokenFromFactory(() => (Object.assign(Object.assign({}, CUI_ALERT_DEFAULT_OPTIONS), inject(CUI_NOTIFICATION_OPTIONS))));
|
|
315
|
-
const CUI_ALERT_CONTEXT = new InjectionToken('');
|
|
316
352
|
|
|
317
353
|
class CuiNotificationComponent {
|
|
318
354
|
constructor() {
|
|
319
355
|
this.cuiNotificationOptions = inject(CUI_NOTIFICATION_OPTIONS);
|
|
320
|
-
this.
|
|
321
|
-
|
|
322
|
-
icon: 'cuiIconInfo',
|
|
323
|
-
color: 'var(--c-info-icon-color)'
|
|
324
|
-
},
|
|
325
|
-
success: {
|
|
326
|
-
icon: 'cuiIconCheckCircle',
|
|
327
|
-
color: 'var(--cui-green-500)'
|
|
328
|
-
},
|
|
329
|
-
alert: {
|
|
330
|
-
icon: 'cuiIconAlertTriangle',
|
|
331
|
-
color: 'var(--cui-yellow-400)'
|
|
332
|
-
},
|
|
333
|
-
error: {
|
|
334
|
-
icon: 'cuiIconXCircle',
|
|
335
|
-
color: 'var(--cui-danger)'
|
|
336
|
-
},
|
|
337
|
-
};
|
|
356
|
+
this.ICONS = CUI_NOTIFICATION_ICONS;
|
|
357
|
+
this.ICON_OPTIONS = CUI_NOTIFICATION_ICON_OPTIONS;
|
|
338
358
|
this.status = this.cuiNotificationOptions.status;
|
|
359
|
+
this.mode = this.cuiNotificationOptions.mode;
|
|
339
360
|
this.isCloseable = false;
|
|
340
361
|
this.closed = new EventEmitter();
|
|
341
362
|
}
|
|
363
|
+
ngOnInit() {
|
|
364
|
+
this.initIconOptions();
|
|
365
|
+
}
|
|
342
366
|
onClose() {
|
|
343
367
|
this.closed.next();
|
|
344
368
|
}
|
|
369
|
+
initIconOptions() {
|
|
370
|
+
this.iconOptions = this.ICON_OPTIONS[this.mode];
|
|
371
|
+
}
|
|
345
372
|
}
|
|
346
373
|
CuiNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
347
|
-
CuiNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiNotificationComponent, selector: "cui-notification", inputs: { status: "status", isCloseable: "isCloseable" }, outputs: { closed: "closed" }, host: { properties: { "attr.data-status": "this.status" } }, ngImport: i0, template: "
|
|
374
|
+
CuiNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiNotificationComponent, selector: "cui-notification", inputs: { status: "status", mode: "mode", isCloseable: "isCloseable" }, outputs: { closed: "closed" }, host: { properties: { "attr.data-status": "this.status", "attr.data-mode": "this.mode" } }, ngImport: i0, template: "<cui-svg\n class=\"c-icon\"\n [icon]=\"ICONS[status].icon\"\n [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n <ng-content></ng-content>\n</div>\n<button\n *ngIf=\"isCloseable\"\n class=\"c-button\"\n (click)=\"onClose()\"\n>\n <cui-svg\n icon=\"cuiIconX\"\n color=\"var(--cui-gray-0)\"\n />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-info-bg)}:host[data-mode=light][data-status=success]{border-color:var(--cui-green-700);background:var(--cui-badge-success-bg)}:host[data-mode=light][data-status=alert]{border-color:var(--cui-yellow-400);background:var(--cui-badge-warning-bg)}:host[data-mode=light][data-status=error]{border-color:var(--cui-danger);background:var(--cui-badge-danger-bg)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;margin-top:5px;overflow-wrap:anywhere}.c-icon{margin-top:6px}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:rgba(255,255,255,.2)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
348
375
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationComponent, decorators: [{
|
|
349
376
|
type: Component,
|
|
350
|
-
args: [{ selector: 'cui-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "
|
|
377
|
+
args: [{ selector: 'cui-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\n class=\"c-icon\"\n [icon]=\"ICONS[status].icon\"\n [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n <ng-content></ng-content>\n</div>\n<button\n *ngIf=\"isCloseable\"\n class=\"c-button\"\n (click)=\"onClose()\"\n>\n <cui-svg\n icon=\"cuiIconX\"\n color=\"var(--cui-gray-0)\"\n />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-info-bg)}:host[data-mode=light][data-status=success]{border-color:var(--cui-green-700);background:var(--cui-badge-success-bg)}:host[data-mode=light][data-status=alert]{border-color:var(--cui-yellow-400);background:var(--cui-badge-warning-bg)}:host[data-mode=light][data-status=error]{border-color:var(--cui-danger);background:var(--cui-badge-danger-bg)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;margin-top:5px;overflow-wrap:anywhere}.c-icon{margin-top:6px}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:rgba(255,255,255,.2)}\n"] }]
|
|
351
378
|
}], propDecorators: { status: [{
|
|
352
379
|
type: Input
|
|
353
380
|
}, {
|
|
354
381
|
type: HostBinding,
|
|
355
382
|
args: ['attr.data-status']
|
|
383
|
+
}], mode: [{
|
|
384
|
+
type: Input
|
|
385
|
+
}, {
|
|
386
|
+
type: HostBinding,
|
|
387
|
+
args: ['attr.data-mode']
|
|
356
388
|
}], isCloseable: [{
|
|
357
389
|
type: Input
|
|
358
390
|
}], closed: [{
|
|
359
391
|
type: Output
|
|
360
392
|
}] } });
|
|
361
393
|
|
|
394
|
+
class CuiNotificationModule {
|
|
395
|
+
}
|
|
396
|
+
CuiNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
397
|
+
CuiNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationModule, declarations: [CuiNotificationComponent], imports: [CommonModule,
|
|
398
|
+
CuiSvgModule], exports: [CuiNotificationComponent] });
|
|
399
|
+
CuiNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationModule, imports: [CommonModule,
|
|
400
|
+
CuiSvgModule] });
|
|
401
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationModule, decorators: [{
|
|
402
|
+
type: NgModule,
|
|
403
|
+
args: [{
|
|
404
|
+
imports: [
|
|
405
|
+
CommonModule,
|
|
406
|
+
CuiSvgModule
|
|
407
|
+
],
|
|
408
|
+
declarations: [CuiNotificationComponent],
|
|
409
|
+
exports: [CuiNotificationComponent]
|
|
410
|
+
}]
|
|
411
|
+
}] });
|
|
412
|
+
|
|
413
|
+
const CUI_ALERTS = cuiCreateToken(new BehaviorSubject([]));
|
|
414
|
+
const CUI_ALERT_DEFAULT_OPTIONS = {
|
|
415
|
+
label: '',
|
|
416
|
+
needAutoClose: true,
|
|
417
|
+
isCloseable: true,
|
|
418
|
+
mode: 'default',
|
|
419
|
+
position: 'right',
|
|
420
|
+
resizing: 'fixed'
|
|
421
|
+
};
|
|
422
|
+
const CUI_ALERT_OPTIONS = cuiCreateTokenFromFactory(() => (Object.assign(Object.assign({}, CUI_ALERT_DEFAULT_OPTIONS), inject(CUI_NOTIFICATION_OPTIONS))));
|
|
423
|
+
const CUI_ALERT_CONTEXT = new InjectionToken('');
|
|
424
|
+
|
|
362
425
|
class CuiAlertComponent {
|
|
363
426
|
constructor() {
|
|
364
427
|
this.context = inject(CUI_ALERT_CONTEXT);
|
|
@@ -381,10 +444,10 @@ class CuiAlertComponent {
|
|
|
381
444
|
}
|
|
382
445
|
}
|
|
383
446
|
CuiAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
384
|
-
CuiAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiAlertComponent, selector: "cui-alert", host: { properties: { "attr.data-resizing": "this.resizing" } }, ngImport: i0, template: "<cui-notification\n [status]=\"context.status\"\n [isCloseable]=\"context.isCloseable\"\n (closed)=\"onClosed()\"\n>\n <h2\n *ngIf=\"context.label\"\n class=\"c-heading\"\n >\n {{ context.label }}\n </h2>\n {{ context.content }}\n</cui-notification>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;max-width:470px}:host[data-resizing=hug]{width:-moz-fit-content;width:fit-content}:host[data-resizing=fixed]{width:470px}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0 0 8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiNotificationComponent, selector: "cui-notification", inputs: ["status", "isCloseable"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
447
|
+
CuiAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiAlertComponent, selector: "cui-alert", host: { properties: { "attr.data-resizing": "this.resizing" } }, ngImport: i0, template: "<cui-notification\n [status]=\"context.status\"\n [mode]=\"context.mode\"\n [isCloseable]=\"context.isCloseable\"\n (closed)=\"onClosed()\"\n>\n <h2\n *ngIf=\"context.label\"\n class=\"c-heading\"\n >\n {{ context.label }}\n </h2>\n {{ context.content }}\n</cui-notification>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;max-width:470px}:host[data-resizing=hug]{width:-moz-fit-content;width:fit-content}:host[data-resizing=fixed]{width:470px}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0 0 8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiNotificationComponent, selector: "cui-notification", inputs: ["status", "mode", "isCloseable"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
385
448
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiAlertComponent, decorators: [{
|
|
386
449
|
type: Component,
|
|
387
|
-
args: [{ selector: 'cui-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-notification\n [status]=\"context.status\"\n [isCloseable]=\"context.isCloseable\"\n (closed)=\"onClosed()\"\n>\n <h2\n *ngIf=\"context.label\"\n class=\"c-heading\"\n >\n {{ context.label }}\n </h2>\n {{ context.content }}\n</cui-notification>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;max-width:470px}:host[data-resizing=hug]{width:-moz-fit-content;width:fit-content}:host[data-resizing=fixed]{width:470px}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0 0 8px}\n"] }]
|
|
450
|
+
args: [{ selector: 'cui-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-notification\n [status]=\"context.status\"\n [mode]=\"context.mode\"\n [isCloseable]=\"context.isCloseable\"\n (closed)=\"onClosed()\"\n>\n <h2\n *ngIf=\"context.label\"\n class=\"c-heading\"\n >\n {{ context.label }}\n </h2>\n {{ context.content }}\n</cui-notification>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;max-width:470px}:host[data-resizing=hug]{width:-moz-fit-content;width:fit-content}:host[data-resizing=fixed]{width:470px}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0 0 8px}\n"] }]
|
|
388
451
|
}], propDecorators: { resizing: [{
|
|
389
452
|
type: HostBinding,
|
|
390
453
|
args: ['attr.data-resizing']
|
|
@@ -419,27 +482,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
419
482
|
args: [{ selector: 'cui-alerts', changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiDestroyService], template: "<ng-container *cuiLet=\"alerts$ | async as alerts\">\n <div class=\"c-wrapper c-wrapper_position_center\">\n <ng-container *ngFor=\"let alert of alerts! | cuiFilter: alertsMatcher: 'center'; let i = index; trackBy: trackByFn\">\n <ng-container *ngComponentOutlet=\"alert.component; injector: alertInjectors[i]\" />\n </ng-container>\n </div>\n <div class=\"c-wrapper c-wrapper_position_right\">\n <ng-container *ngFor=\"let alert of alerts! | cuiFilter: alertsMatcher: 'right'; let i = index; trackBy: trackByFn\">\n <ng-container *ngComponentOutlet=\"alert.component; injector: alertInjectors[i]\" />\n </ng-container>\n </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;position:fixed;right:20px;bottom:20px}.c-wrapper{position:fixed;bottom:20px;display:flex;flex-direction:column;gap:16px;pointer-events:none}.c-wrapper_position_center{align-items:center;left:50%;transform:translate(-50%)}.c-wrapper_position_right{align-items:flex-end;right:20px}.c-wrapper ::ng-deep>*{pointer-events:auto}\n"] }]
|
|
420
483
|
}] });
|
|
421
484
|
|
|
422
|
-
class CuiNotificationModule {
|
|
423
|
-
}
|
|
424
|
-
CuiNotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
425
|
-
CuiNotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationModule, declarations: [CuiNotificationComponent], imports: [CommonModule,
|
|
426
|
-
CuiLetDirective,
|
|
427
|
-
CuiSvgModule], exports: [CuiNotificationComponent] });
|
|
428
|
-
CuiNotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationModule, imports: [CommonModule,
|
|
429
|
-
CuiSvgModule] });
|
|
430
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiNotificationModule, decorators: [{
|
|
431
|
-
type: NgModule,
|
|
432
|
-
args: [{
|
|
433
|
-
imports: [
|
|
434
|
-
CommonModule,
|
|
435
|
-
CuiLetDirective,
|
|
436
|
-
CuiSvgModule
|
|
437
|
-
],
|
|
438
|
-
declarations: [CuiNotificationComponent],
|
|
439
|
-
exports: [CuiNotificationComponent]
|
|
440
|
-
}]
|
|
441
|
-
}] });
|
|
442
|
-
|
|
443
485
|
class CuiAlertModule {
|
|
444
486
|
}
|
|
445
487
|
CuiAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -2280,5 +2322,5 @@ function cuiReplace(value, search, replace) {
|
|
|
2280
2322
|
* Generated bundle index. Do not edit.
|
|
2281
2323
|
*/
|
|
2282
2324
|
|
|
2283
|
-
export { CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_OPTIONS, CUI_ROOT_SELECTOR, CUI_TAB_ACTIVATE, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CuiAccordionComponent, CuiAccordionItemComponent, CuiAccordionModule, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCheckboxComponent, CuiCheckboxModule, CuiContextMenuComponent, CuiContextMenuModule, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiFormFieldComponent, CuiFormFieldModule, CuiHintComponent, CuiHintModule, CuiIconButtonComponent, CuiIconButtonModule, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiLabelComponent, CuiLabelModule, CuiNotificationComponent, CuiNotificationModule, CuiRadioComponent, CuiRadioModule, CuiRootComponent, CuiRootModule, CuiSelectComponent, CuiSelectModule, CuiSvgComponent, CuiSvgModule, CuiTabComponent, CuiTabsComponent, CuiTabsModule, CuiTextFieldController, CuiTextFieldControllerModule, CuiTextFieldIconLeftDirective, CuiTextFieldIdDirective, CuiTextFieldIsErrorDirective, CuiTextFieldPlaceholderDirective, CuiTextFieldSizeDirective, CuiTextareaComponent, CuiTextareaModule, CuiThemeService, CuiToggleComponent, CuiToggleModule, cuiRemoveSpaces, cuiReplace };
|
|
2325
|
+
export { CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_ICONS, CUI_NOTIFICATION_ICON_OPTIONS, CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE, CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE, CUI_NOTIFICATION_OPTIONS, CUI_ROOT_SELECTOR, CUI_TAB_ACTIVATE, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CuiAccordionComponent, CuiAccordionItemComponent, CuiAccordionModule, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCheckboxComponent, CuiCheckboxModule, CuiContextMenuComponent, CuiContextMenuModule, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiFormFieldComponent, CuiFormFieldModule, CuiHintComponent, CuiHintModule, CuiIconButtonComponent, CuiIconButtonModule, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiLabelComponent, CuiLabelModule, CuiNotificationComponent, CuiNotificationModule, CuiRadioComponent, CuiRadioModule, CuiRootComponent, CuiRootModule, CuiSelectComponent, CuiSelectModule, CuiSvgComponent, CuiSvgModule, CuiTabComponent, CuiTabsComponent, CuiTabsModule, CuiTextFieldController, CuiTextFieldControllerModule, CuiTextFieldIconLeftDirective, CuiTextFieldIdDirective, CuiTextFieldIsErrorDirective, CuiTextFieldPlaceholderDirective, CuiTextFieldSizeDirective, CuiTextareaComponent, CuiTextareaModule, CuiThemeService, CuiToggleComponent, CuiToggleModule, cuiRemoveSpaces, cuiReplace };
|
|
2284
2326
|
//# sourceMappingURL=cuby-ui-core.mjs.map
|