@cuby-ui/core 0.0.39 → 0.0.42
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.component.d.ts +1 -1
- package/components/alert/alert.module.d.ts +1 -1
- package/components/banner/banner.component.d.ts +5 -1
- package/components/banner/banner.module.d.ts +4 -3
- package/components/button/button.component.d.ts +1 -1
- package/components/button/button.options.d.ts +2 -2
- package/components/dialog/dialog.module.d.ts +3 -2
- package/components/notification/notification.module.d.ts +3 -3
- package/esm2020/components/alert/alert.component.mjs +3 -2
- package/esm2020/components/alert/alert.module.mjs +6 -4
- package/esm2020/components/alert/alerts.component.mjs +3 -3
- package/esm2020/components/banner/banner.component.mjs +18 -11
- package/esm2020/components/banner/banner.module.mjs +4 -1
- package/esm2020/components/button/button.component.mjs +2 -2
- package/esm2020/components/button/button.options.mjs +2 -2
- package/esm2020/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2020/components/dialog/dialog.module.mjs +4 -1
- package/esm2020/components/dialog/dialogs.component.mjs +4 -3
- package/esm2020/components/input-number/input-number.component.mjs +3 -3
- package/esm2020/components/input-password/input-password.component.mjs +3 -3
- package/esm2020/components/input-text/input-text.component.mjs +3 -3
- package/esm2020/components/notification/notification.component.mjs +7 -7
- package/esm2020/components/notification/notification.module.mjs +7 -8
- package/esm2020/components/radio/radio.component.mjs +2 -2
- package/esm2020/components/select/select.component.mjs +2 -2
- package/esm2020/services/index.mjs +2 -1
- package/esm2020/types/appearance.mjs +1 -1
- package/fesm2015/cuby-ui-core.mjs +87 -76
- package/fesm2015/cuby-ui-core.mjs.map +1 -1
- package/fesm2020/cuby-ui-core.mjs +87 -76
- package/fesm2020/cuby-ui-core.mjs.map +1 -1
- package/package.json +3 -3
- package/services/index.d.ts +1 -0
- package/styles/mixins/inputs.scss +5 -1
- package/styles/theme.scss +0 -8
- package/styles/variables/colors.scss +7 -8
- package/types/appearance.d.ts +1 -1
|
@@ -3,7 +3,7 @@ import type { CuiAlertResizing } from './alert.types';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class CuiAlertComponent implements OnInit {
|
|
5
5
|
protected readonly context: import("@cuby-ui/cdk").CuiPopover<import("@cuby-ui/core").CuiAlertOptions>;
|
|
6
|
-
protected readonly AUTO_CLOSE_DURATION_IN_MILLISECONDS =
|
|
6
|
+
protected readonly AUTO_CLOSE_DURATION_IN_MILLISECONDS = 10000000;
|
|
7
7
|
protected get resizing(): CuiAlertResizing;
|
|
8
8
|
ngOnInit(): void;
|
|
9
9
|
protected onClosed(): void;
|
|
@@ -6,6 +6,6 @@ import * as i4 from "@cuby-ui/cdk";
|
|
|
6
6
|
import * as i5 from "../notification/notification.module";
|
|
7
7
|
export declare class CuiAlertModule {
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiAlertModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<CuiAlertModule, [typeof i1.CuiAlertComponent, typeof i2.CuiAlertsComponent], [typeof i3.CommonModule, typeof i4.CuiFilterPipe, typeof i5.CuiNotificationModule], [typeof i1.CuiAlertComponent, typeof i1.CuiAlertComponent, typeof i2.CuiAlertsComponent]>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CuiAlertModule, [typeof i1.CuiAlertComponent, typeof i2.CuiAlertsComponent], [typeof i3.CommonModule, typeof i4.CuiFilterPipe, typeof i5.CuiNotificationModule, typeof i4.CuiLetDirective], [typeof i1.CuiAlertComponent, typeof i1.CuiAlertComponent, typeof i2.CuiAlertsComponent]>;
|
|
10
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<CuiAlertModule>;
|
|
11
11
|
}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import type { CuiBannerIconOptions, CuiBannerOptions } from './banner.options';
|
|
3
|
+
import type { CuiTheme } from '../../services';
|
|
4
|
+
import { CuiThemeService } from '../../services';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
export declare class CuiBannerComponent implements CuiBannerOptions {
|
|
5
|
-
private readonly
|
|
7
|
+
private readonly options;
|
|
8
|
+
protected readonly theme$: CuiThemeService;
|
|
6
9
|
protected readonly ICON_OPTIONS: CuiBannerIconOptions;
|
|
10
|
+
protected readonly THEME_CLOSE_BUTTON_ICON_COLORS: Record<CuiTheme, string>;
|
|
7
11
|
status: import("@cuby-ui/core").CuiStatus;
|
|
8
12
|
isCloseable: boolean;
|
|
9
13
|
label?: string;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./banner.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "
|
|
5
|
-
import * as i4 from "../
|
|
4
|
+
import * as i3 from "@cuby-ui/cdk";
|
|
5
|
+
import * as i4 from "../svg/svg.module";
|
|
6
|
+
import * as i5 from "../button/button.module";
|
|
6
7
|
export declare class CuiBannerModule {
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiBannerModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<CuiBannerModule, [typeof i1.CuiBannerComponent], [typeof i2.CommonModule, typeof i3.
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CuiBannerModule, [typeof i1.CuiBannerComponent], [typeof i2.CommonModule, typeof i3.CuiLetDirective, typeof i4.CuiSvgModule, typeof i5.CuiButtonModule], [typeof i1.CuiBannerComponent]>;
|
|
9
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<CuiBannerModule>;
|
|
10
11
|
}
|
|
@@ -8,7 +8,7 @@ export declare class CuiButtonComponent implements CuiButtonOptions, AfterViewIn
|
|
|
8
8
|
private readonly cuiButtonOptions;
|
|
9
9
|
protected readonly COLOR_BASE_500 = "var(--cui-base-500)";
|
|
10
10
|
protected readonly BUTTON_ICONS_COLOR_BASE_500: CuiButtonOptions['appearance'][];
|
|
11
|
-
protected _appearance: "link" | "flat" | "
|
|
11
|
+
protected _appearance: "link" | "flat" | "action" | "secondary" | "outlined" | "outlined-gray" | "ghost" | "destructive";
|
|
12
12
|
protected iconColor: string;
|
|
13
13
|
protected _size: "xxs" | "xs" | "sm" | "md";
|
|
14
14
|
protected iconDimensions: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { InjectionToken } from '@angular/core';
|
|
2
|
-
import type {
|
|
2
|
+
import type { CuiAppearanceAction, CuiAppearanceDestructive, CuiAppearanceFlat, CuiAppearanceGhost, CuiAppearanceLink, CuiAppearanceOutlined, CuiAppearanceOutlinedGray, CuiAppearanceSecondary, CuiShapeRounded, CuiSizeMd, CuiSizeSm, CuiSizeXs, CuiSizeXxs } from '../../types';
|
|
3
3
|
export interface CuiButtonOptions {
|
|
4
|
-
readonly appearance:
|
|
4
|
+
readonly appearance: CuiAppearanceAction | CuiAppearanceSecondary | CuiAppearanceOutlined | CuiAppearanceOutlinedGray | CuiAppearanceGhost | CuiAppearanceFlat | CuiAppearanceDestructive | CuiAppearanceLink;
|
|
5
5
|
readonly shape: CuiShapeRounded | null;
|
|
6
6
|
readonly size: CuiSizeXxs | CuiSizeXs | CuiSizeSm | CuiSizeMd;
|
|
7
7
|
}
|
|
@@ -2,9 +2,10 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./dialog.component";
|
|
3
3
|
import * as i2 from "./dialogs.component";
|
|
4
4
|
import * as i3 from "@angular/common";
|
|
5
|
-
import * as i4 from "
|
|
5
|
+
import * as i4 from "@cuby-ui/cdk";
|
|
6
|
+
import * as i5 from "../button/button.module";
|
|
6
7
|
export declare class CuiDialogModule {
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiDialogModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<CuiDialogModule, [typeof i1.CuiDialogComponent, typeof i2.CuiDialogsComponent], [typeof i3.CommonModule, typeof i4.CuiButtonModule], [typeof i1.CuiDialogComponent, typeof i2.CuiDialogsComponent]>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CuiDialogModule, [typeof i1.CuiDialogComponent, typeof i2.CuiDialogsComponent], [typeof i3.CommonModule, typeof i4.CuiLetDirective, typeof i5.CuiButtonModule], [typeof i1.CuiDialogComponent, typeof i2.CuiDialogsComponent]>;
|
|
9
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<CuiDialogModule>;
|
|
10
11
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
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 "../
|
|
4
|
+
import * as i3 from "@cuby-ui/cdk";
|
|
5
|
+
import * as i4 from "../svg/svg.module";
|
|
6
6
|
export declare class CuiNotificationModule {
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiNotificationModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<CuiNotificationModule, [typeof i1.CuiNotificationComponent], [typeof i2.CommonModule, typeof i3.
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CuiNotificationModule, [typeof i1.CuiNotificationComponent], [typeof i2.CommonModule, typeof i3.CuiLetDirective, typeof i4.CuiSvgModule], [typeof i1.CuiNotificationComponent]>;
|
|
9
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<CuiNotificationModule>;
|
|
10
10
|
}
|
|
@@ -7,7 +7,7 @@ import * as i2 from "../notification/notification.component";
|
|
|
7
7
|
export class CuiAlertComponent {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.context = inject(CUI_ALERT_CONTEXT);
|
|
10
|
-
this.AUTO_CLOSE_DURATION_IN_MILLISECONDS =
|
|
10
|
+
this.AUTO_CLOSE_DURATION_IN_MILLISECONDS = 10000000;
|
|
11
11
|
}
|
|
12
12
|
get resizing() {
|
|
13
13
|
return this.context.resizing;
|
|
@@ -16,6 +16,7 @@ export class CuiAlertComponent {
|
|
|
16
16
|
this.initAutoClose();
|
|
17
17
|
}
|
|
18
18
|
onClosed() {
|
|
19
|
+
console.log(this.context);
|
|
19
20
|
this.context.$implicit.complete();
|
|
20
21
|
}
|
|
21
22
|
initAutoClose() {
|
|
@@ -34,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
34
35
|
type: HostBinding,
|
|
35
36
|
args: ['attr.data-resizing']
|
|
36
37
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9hbGVydC9hbGVydC50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFM0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFTbkQsTUFBTSxPQUFPLGlCQUFpQjtJQU45QjtRQU9xQixZQUFPLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFFcEMsd0NBQW1DLEdBQUcsUUFBUSxDQUFDO0tBd0JuRTtJQXRCQyxJQUNjLFFBQVE7UUFDcEIsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztJQUMvQixDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRVMsUUFBUTtRQUNoQixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQTtRQUV6QixJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNwQyxDQUFDO0lBRU8sYUFBYTtRQUNuQixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUU7WUFDL0IsT0FBTztTQUNSO1FBRUQsVUFBVSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksQ0FBQyxtQ0FBbUMsQ0FBQyxDQUFDO0lBQ2pGLENBQUM7OytHQTFCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixrSENiOUIsNlFBYUE7NEZEQWEsaUJBQWlCO2tCQU43QixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTs4QkFRakMsUUFBUTtzQkFEckIsV0FBVzt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDVUlfQUxFUlRfQ09OVEVYVCB9IGZyb20gJy4vYWxlcnQudG9rZW5zJztcbmltcG9ydCB0eXBlIHsgQ3VpQWxlcnRSZXNpemluZyB9IGZyb20gJy4vYWxlcnQudHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjdWktYWxlcnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQudGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FsZXJ0LnN0eWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ3VpQWxlcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgY29udGV4dCA9IGluamVjdChDVUlfQUxFUlRfQ09OVEVYVCk7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IEFVVE9fQ0xPU0VfRFVSQVRJT05fSU5fTUlMTElTRUNPTkRTID0gMTAwMDAwMDA7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtcmVzaXppbmcnKVxuICBwcm90ZWN0ZWQgZ2V0IHJlc2l6aW5nKCk6IEN1aUFsZXJ0UmVzaXppbmcge1xuICAgIHJldHVybiB0aGlzLmNvbnRleHQucmVzaXppbmc7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0QXV0b0Nsb3NlKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25DbG9zZWQoKTogdm9pZCB7XG4gICAgY29uc29sZS5sb2codGhpcy5jb250ZXh0KVxuXG4gICAgdGhpcy5jb250ZXh0LiRpbXBsaWNpdC5jb21wbGV0ZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBpbml0QXV0b0Nsb3NlKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jb250ZXh0Lm5lZWRBdXRvQ2xvc2UpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBzZXRUaW1lb3V0KHRoaXMub25DbG9zZWQuYmluZCh0aGlzKSwgdGhpcy5BVVRPX0NMT1NFX0RVUkFUSU9OX0lOX01JTExJU0VDT05EUyk7XG4gIH1cbn1cbiIsIjxjdWktbm90aWZpY2F0aW9uXG4gIFtzdGF0dXNdPVwiY29udGV4dC5zdGF0dXNcIlxuICBbaXNDbG9zZWFibGVdPVwiY29udGV4dC5pc0Nsb3NlYWJsZVwiXG4gIChjbG9zZWQpPVwib25DbG9zZWQoKVwiXG4+XG4gIDxoMlxuICAgICpuZ0lmPVwiY29udGV4dC5sYWJlbFwiXG4gICAgY2xhc3M9XCJjLWhlYWRpbmdcIlxuICA+XG4gICAge3sgY29udGV4dC5sYWJlbCB9fVxuICA8L2gyPlxuICB7eyBjb250ZXh0LmNvbnRlbnQgfX1cbjwvY3VpLW5vdGlmaWNhdGlvbj5cbiJdfQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { CuiFilterPipe } from '@cuby-ui/cdk';
|
|
3
|
+
import { CuiFilterPipe, CuiLetDirective } from '@cuby-ui/cdk';
|
|
4
4
|
import { CuiAlertComponent } from './alert.component';
|
|
5
5
|
import { CuiAlertsComponent } from './alerts.component';
|
|
6
6
|
import { CuiNotificationModule } from '../notification';
|
|
@@ -11,7 +11,8 @@ CuiAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version:
|
|
|
11
11
|
CuiAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiAlertModule, declarations: [CuiAlertComponent,
|
|
12
12
|
CuiAlertsComponent], imports: [CommonModule,
|
|
13
13
|
CuiFilterPipe,
|
|
14
|
-
CuiNotificationModule
|
|
14
|
+
CuiNotificationModule,
|
|
15
|
+
CuiLetDirective], exports: [CuiAlertComponent,
|
|
15
16
|
CuiAlertComponent,
|
|
16
17
|
CuiAlertsComponent] });
|
|
17
18
|
CuiAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiAlertModule, imports: [CommonModule,
|
|
@@ -22,7 +23,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
22
23
|
imports: [
|
|
23
24
|
CommonModule,
|
|
24
25
|
CuiFilterPipe,
|
|
25
|
-
CuiNotificationModule
|
|
26
|
+
CuiNotificationModule,
|
|
27
|
+
CuiLetDirective
|
|
26
28
|
],
|
|
27
29
|
declarations: [
|
|
28
30
|
CuiAlertComponent,
|
|
@@ -35,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
35
37
|
]
|
|
36
38
|
}]
|
|
37
39
|
}] });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU5RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFtQnhELE1BQU0sT0FBTyxjQUFjOzs0R0FBZCxjQUFjOzZHQUFkLGNBQWMsaUJBVHZCLGlCQUFpQjtRQUNqQixrQkFBa0IsYUFQbEIsWUFBWTtRQUNaLGFBQWE7UUFDYixxQkFBcUI7UUFDckIsZUFBZSxhQU9mLGlCQUFpQjtRQUNqQixpQkFBaUI7UUFDakIsa0JBQWtCOzZHQUdULGNBQWMsWUFmdkIsWUFBWTtRQUVaLHFCQUFxQjs0RkFhWixjQUFjO2tCQWpCMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLHFCQUFxQjt3QkFDckIsZUFBZTtxQkFDaEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGlCQUFpQjt3QkFDakIsa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3dCQUNqQixpQkFBaUI7d0JBQ2pCLGtCQUFrQjtxQkFDbkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEN1aUZpbHRlclBpcGUsIEN1aUxldERpcmVjdGl2ZSB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XG5cbmltcG9ydCB7IEN1aUFsZXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9hbGVydC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ3VpQWxlcnRzQ29tcG9uZW50IH0gZnJvbSAnLi9hbGVydHMuY29tcG9uZW50JztcbmltcG9ydCB7IEN1aU5vdGlmaWNhdGlvbk1vZHVsZSB9IGZyb20gJy4uL25vdGlmaWNhdGlvbic7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQ3VpRmlsdGVyUGlwZSxcbiAgICBDdWlOb3RpZmljYXRpb25Nb2R1bGUsXG4gICAgQ3VpTGV0RGlyZWN0aXZlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEN1aUFsZXJ0Q29tcG9uZW50LFxuICAgIEN1aUFsZXJ0c0NvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ3VpQWxlcnRDb21wb25lbnQsXG4gICAgQ3VpQWxlcnRDb21wb25lbnQsXG4gICAgQ3VpQWxlcnRzQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQ3VpQWxlcnRNb2R1bGUge1xufVxuIl19
|
|
@@ -28,9 +28,9 @@ export class CuiAlertsComponent {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
CuiAlertsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiAlertsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
CuiAlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiAlertsComponent, selector: "cui-alerts", providers: [CuiDestroyService], ngImport: i0, template: "<ng-container *
|
|
31
|
+
CuiAlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiAlertsComponent, selector: "cui-alerts", providers: [CuiDestroyService], ngImport: i0, 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"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.CuiLetDirective, selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.CuiFilterPipe, name: "cuiFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiAlertsComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
|
-
args: [{ selector: 'cui-alerts', changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiDestroyService], template: "<ng-container *
|
|
34
|
+
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"] }]
|
|
35
35
|
}] });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9hbGVydC9hbGVydHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0cy50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVyRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUVqQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFVL0QsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVFtQixhQUFRLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFFbkQsWUFBTyxHQUEyRCxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7S0FzQnpHO0lBbkJRLFFBQVE7UUFDYixJQUFJLENBQUMsOEJBQThCLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRVMsU0FBUyxDQUFDLENBQVMsRUFBRSxLQUFrQztRQUMvRCxPQUFPLEtBQUssQ0FBQyxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUVTLGFBQWEsQ0FBQyxLQUFrQyxFQUFFLFFBQWdCO1FBQzFFLE9BQU8sS0FBSyxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUM7SUFDckMsQ0FBQztJQUVTLDhCQUE4QjtRQUN0QyxJQUFJLENBQUMsT0FBTzthQUNULElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCLFNBQVMsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxjQUFjLEdBQUcsT0FBTyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUM7WUFDbEYsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsUUFBUSxFQUFFLENBQUM7U0FDdEQsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNULENBQUM7O2dIQXhCVSxrQkFBa0I7b0dBQWxCLGtCQUFrQixxQ0FGbEIsQ0FBQyxpQkFBaUIsQ0FBQywwQkNmaEMsbXFCQVlBOzRGREthLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQyxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7IEN1aVBvcG92ZXIgfSBmcm9tICdAY3VieS11aS9jZGsnO1xuaW1wb3J0IHsgQ3VpRGVzdHJveVNlcnZpY2UgfSBmcm9tICdAY3VieS11aS9jZGsnO1xuaW1wb3J0IHR5cGUgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgQ1VJX0FMRVJUX0NPTlRFWFQsIENVSV9BTEVSVFMgfSBmcm9tICcuL2FsZXJ0LnRva2Vucyc7XG5pbXBvcnQgdHlwZSB7IEN1aUFsZXJ0T3B0aW9ucyB9IGZyb20gJy4vYWxlcnQuaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N1aS1hbGVydHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnRzLnRlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hbGVydHMuc3R5bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbQ3VpRGVzdHJveVNlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIEN1aUFsZXJ0c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveSQgPSBpbmplY3QoQ3VpRGVzdHJveVNlcnZpY2UsIHsgc2VsZjogdHJ1ZSB9KTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgYWxlcnRzJDogT2JzZXJ2YWJsZTxSZWFkb25seUFycmF5PEN1aVBvcG92ZXI8Q3VpQWxlcnRPcHRpb25zPj4+ID0gaW5qZWN0KENVSV9BTEVSVFMpO1xuICBwcm90ZWN0ZWQgYWxlcnRJbmplY3RvcnMhOiBSZWFkb25seUFycmF5PEluamVjdG9yPjtcblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbml0QWxlcnRJbmplY3RvcnNTdWJzY3JpcHRpb24oKTtcbiAgfVxuXG4gIHByb3RlY3RlZCB0cmFja0J5Rm4oXzogbnVtYmVyLCBhbGVydDogQ3VpUG9wb3ZlcjxDdWlBbGVydE9wdGlvbnM+KTogc3RyaW5nIHtcbiAgICByZXR1cm4gYWxlcnQuaWQ7XG4gIH1cblxuICBwcm90ZWN0ZWQgYWxlcnRzTWF0Y2hlcihhbGVydDogQ3VpUG9wb3ZlcjxDdWlBbGVydE9wdGlvbnM+LCBwb3NpdGlvbjogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGFsZXJ0LnBvc2l0aW9uID09PSBwb3NpdGlvbjtcbiAgfVxuXG4gIHByb3RlY3RlZCBpbml0QWxlcnRJbmplY3RvcnNTdWJzY3JpcHRpb24oKTogdm9pZCB7XG4gICAgdGhpcy5hbGVydHMkXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXG4gICAgICAuc3Vic2NyaWJlKGRpYWxvZ3MgPT4gdGhpcy5hbGVydEluamVjdG9ycyA9IGRpYWxvZ3MubWFwKHVzZVZhbHVlID0+IEluamVjdG9yLmNyZWF0ZSh7XG4gICAgICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQ1VJX0FMRVJUX0NPTlRFWFQsIHVzZVZhbHVlIH1dXG4gICAgICB9KSkpO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpjdWlMZXQ9XCJhbGVydHMkIHwgYXN5bmMgYXMgYWxlcnRzXCI+XG4gIDxkaXYgY2xhc3M9XCJjLXdyYXBwZXIgYy13cmFwcGVyX3Bvc2l0aW9uX2NlbnRlclwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGFsZXJ0IG9mIGFsZXJ0cyEgfCBjdWlGaWx0ZXI6IGFsZXJ0c01hdGNoZXI6ICdjZW50ZXInOyBsZXQgaSA9IGluZGV4OyB0cmFja0J5OiB0cmFja0J5Rm5cIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nQ29tcG9uZW50T3V0bGV0PVwiYWxlcnQuY29tcG9uZW50OyBpbmplY3RvcjogYWxlcnRJbmplY3RvcnNbaV1cIiAvPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImMtd3JhcHBlciBjLXdyYXBwZXJfcG9zaXRpb25fcmlnaHRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBhbGVydCBvZiBhbGVydHMhIHwgY3VpRmlsdGVyOiBhbGVydHNNYXRjaGVyOiAncmlnaHQnOyBsZXQgaSA9IGluZGV4OyB0cmFja0J5OiB0cmFja0J5Rm5cIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nQ29tcG9uZW50T3V0bGV0PVwiYWxlcnQuY29tcG9uZW50OyBpbmplY3RvcjogYWxlcnRJbmplY3RvcnNbaV1cIiAvPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuIl19
|
|
@@ -1,31 +1,38 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, inject, Input, Output } from '@angular/core';
|
|
2
2
|
import { CUI_BANNER_OPTIONS } from './banner.options';
|
|
3
|
+
import { CuiThemeService } from '../../services';
|
|
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 "../
|
|
6
|
+
import * as i2 from "@cuby-ui/cdk";
|
|
7
|
+
import * as i3 from "../svg/svg.component";
|
|
8
|
+
import * as i4 from "../button/button.component";
|
|
7
9
|
export class CuiBannerComponent {
|
|
8
10
|
constructor() {
|
|
9
|
-
this.
|
|
11
|
+
this.options = inject(CUI_BANNER_OPTIONS);
|
|
12
|
+
this.theme$ = inject(CuiThemeService);
|
|
10
13
|
this.ICON_OPTIONS = {
|
|
11
14
|
info: {
|
|
12
15
|
icon: 'cuiIconInfo',
|
|
13
|
-
color: 'var(--c-info-color)'
|
|
16
|
+
color: 'var(--c-info-icon-color)'
|
|
14
17
|
},
|
|
15
18
|
success: {
|
|
16
19
|
icon: 'cuiIconCheckCircle',
|
|
17
|
-
color: 'var(--cui-
|
|
20
|
+
color: 'var(--cui-success)'
|
|
18
21
|
},
|
|
19
22
|
alert: {
|
|
20
23
|
icon: 'cuiIconAlertTriangle',
|
|
21
|
-
color: 'var(--c-alert-color)'
|
|
24
|
+
color: 'var(--c-alert-icon-color)'
|
|
22
25
|
},
|
|
23
26
|
error: {
|
|
24
27
|
icon: 'cuiIconXCircle',
|
|
25
|
-
color: 'var(--cui-
|
|
28
|
+
color: 'var(--cui-danger)'
|
|
26
29
|
},
|
|
27
30
|
};
|
|
28
|
-
this.
|
|
31
|
+
this.THEME_CLOSE_BUTTON_ICON_COLORS = {
|
|
32
|
+
light: 'var(--cui-gray-500)',
|
|
33
|
+
dark: 'var(--cui-gray-0)'
|
|
34
|
+
};
|
|
35
|
+
this.status = this.options.status;
|
|
29
36
|
this.isCloseable = true;
|
|
30
37
|
this.actionButtonClicked = new EventEmitter();
|
|
31
38
|
this.closed = new EventEmitter();
|
|
@@ -38,10 +45,10 @@ export class CuiBannerComponent {
|
|
|
38
45
|
}
|
|
39
46
|
}
|
|
40
47
|
CuiBannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
-
CuiBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiBannerComponent, selector: "cui-banner", inputs: { status: "status", isCloseable: "isCloseable", label: "label", actionButtonText: "actionButtonText" }, outputs: { actionButtonClicked: "actionButtonClicked", closed: "closed" }, host: { properties: { "attr.data-status": "this.status" } }, ngImport: i0, template: "<cui-svg\n *
|
|
48
|
+
CuiBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiBannerComponent, selector: "cui-banner", inputs: { status: "status", isCloseable: "isCloseable", label: "label", actionButtonText: "actionButtonText" }, outputs: { actionButtonClicked: "actionButtonClicked", closed: "closed" }, host: { properties: { "attr.data-status": "this.status" } }, ngImport: i0, template: "<cui-svg\n *cuiLet=\"ICON_OPTIONS[status] as iconOption\"\n [icon]=\"iconOption.icon\"\n [color]=\"iconOption.color\"\n class=\"c-icon\"\n></cui-svg>\n<div class=\"c-wrapper\">\n <h2\n *ngIf=\"label\"\n class=\"c-heading\"\n >\n {{ label }}\n </h2>\n <ng-content></ng-content>\n <button\n cuiButton\n *ngIf=\"actionButtonText\"\n appearance=\"link\"\n class=\"c-action\"\n (click)=\"onAction()\"\n >\n {{ actionButtonText }}\n </button>\n</div>\n<button\n class=\"c-button\"\n (click)=\"onClose()\"\n>\n <cui-svg\n *cuiLet=\"theme$ | async as theme\"\n icon=\"cuiIconX\"\n [color]=\"THEME_CLOSE_BUTTON_ICON_COLORS[theme!]\"\n />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-light-blue-800);--c-alert-icon-color: var(--cui-orange-800);padding:12px 16px;font-weight:400;font-size:14px;line-height:20px;display:flex;color:var(--cui-base-900);font-family:var(--cui-main-font)}:host[data-status=info]{color:var(--cui-light-blue-800);background:var(--cui-blue-50)}:host[data-status=success]{background:var(--cui-green-50)}:host[data-status=alert]{color:var(--cui-orange-800);background:var(--cui-yellow-100)}:host[data-status=error]{background:var(--cui-red-50)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400);--c-alert-icon-color: var(--cui-yellow-300);color:var(--cui-gray-0)}:host-context([cuiTheme=dark])[data-status=info]{color:var(--cui-light-blue-400);background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=info] .c-action:hover{color:var(--cui-blue-500)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=success] .c-action{color:var(--cui-green-500)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=alert] .c-action{color:var(--cui-yellow-300)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}:host-context([cuiTheme=dark])[data-status=error] .c-action{color:var(--cui-red-400)}.c-icon{height:28px}.c-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:12px;margin-right:16px;overflow-wrap:anywhere}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border: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: "directive", type: i2.CuiLetDirective, selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "component", type: i3.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "component", type: i4.CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "size"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
42
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiBannerComponent, decorators: [{
|
|
43
50
|
type: Component,
|
|
44
|
-
args: [{ selector: 'cui-banner', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\n *
|
|
51
|
+
args: [{ selector: 'cui-banner', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\n *cuiLet=\"ICON_OPTIONS[status] as iconOption\"\n [icon]=\"iconOption.icon\"\n [color]=\"iconOption.color\"\n class=\"c-icon\"\n></cui-svg>\n<div class=\"c-wrapper\">\n <h2\n *ngIf=\"label\"\n class=\"c-heading\"\n >\n {{ label }}\n </h2>\n <ng-content></ng-content>\n <button\n cuiButton\n *ngIf=\"actionButtonText\"\n appearance=\"link\"\n class=\"c-action\"\n (click)=\"onAction()\"\n >\n {{ actionButtonText }}\n </button>\n</div>\n<button\n class=\"c-button\"\n (click)=\"onClose()\"\n>\n <cui-svg\n *cuiLet=\"theme$ | async as theme\"\n icon=\"cuiIconX\"\n [color]=\"THEME_CLOSE_BUTTON_ICON_COLORS[theme!]\"\n />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-light-blue-800);--c-alert-icon-color: var(--cui-orange-800);padding:12px 16px;font-weight:400;font-size:14px;line-height:20px;display:flex;color:var(--cui-base-900);font-family:var(--cui-main-font)}:host[data-status=info]{color:var(--cui-light-blue-800);background:var(--cui-blue-50)}:host[data-status=success]{background:var(--cui-green-50)}:host[data-status=alert]{color:var(--cui-orange-800);background:var(--cui-yellow-100)}:host[data-status=error]{background:var(--cui-red-50)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400);--c-alert-icon-color: var(--cui-yellow-300);color:var(--cui-gray-0)}:host-context([cuiTheme=dark])[data-status=info]{color:var(--cui-light-blue-400);background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=info] .c-action:hover{color:var(--cui-blue-500)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=success] .c-action{color:var(--cui-green-500)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=alert] .c-action{color:var(--cui-yellow-300)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}:host-context([cuiTheme=dark])[data-status=error] .c-action{color:var(--cui-red-400)}.c-icon{height:28px}.c-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:12px;margin-right:16px;overflow-wrap:anywhere}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border: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"] }]
|
|
45
52
|
}], propDecorators: { status: [{
|
|
46
53
|
type: Input
|
|
47
54
|
}, {
|
|
@@ -58,4 +65,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
58
65
|
}], closed: [{
|
|
59
66
|
type: Output
|
|
60
67
|
}] } });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3JILE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXRELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBUWpELE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFPbUIsWUFBTyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ25DLFdBQU0sR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFakMsaUJBQVksR0FBeUI7WUFDdEQsSUFBSSxFQUFFO2dCQUNKLElBQUksRUFBRSxhQUFhO2dCQUNuQixLQUFLLEVBQUUsMEJBQTBCO2FBQ2xDO1lBQ0QsT0FBTyxFQUFFO2dCQUNQLElBQUksRUFBRSxvQkFBb0I7Z0JBQzFCLEtBQUssRUFBRSxvQkFBb0I7YUFDNUI7WUFDRCxLQUFLLEVBQUU7Z0JBQ0wsSUFBSSxFQUFFLHNCQUFzQjtnQkFDNUIsS0FBSyxFQUFFLDJCQUEyQjthQUNuQztZQUNELEtBQUssRUFBRTtnQkFDTCxJQUFJLEVBQUUsZ0JBQWdCO2dCQUN0QixLQUFLLEVBQUUsbUJBQW1CO2FBQzNCO1NBQ0YsQ0FBQztRQUNpQixtQ0FBOEIsR0FBNkI7WUFDNUUsS0FBSyxFQUFFLHFCQUFxQjtZQUM1QixJQUFJLEVBQUUsbUJBQW1CO1NBQzFCLENBQUE7UUFJTSxXQUFNLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7UUFHN0IsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFTbkIsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUcvQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQVMxQztJQVBXLFFBQVE7UUFDaEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFUyxPQUFPO1FBQ2YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDOztnSEFwRFUsa0JBQWtCO29HQUFsQixrQkFBa0IsMFNDYi9CLHNyQkFrQ0E7NEZEckJhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU07OEJBK0J4QyxNQUFNO3NCQUZaLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsa0JBQWtCO2dCQUl4QixXQUFXO3NCQURqQixLQUFLO2dCQUlDLEtBQUs7c0JBRFgsS0FBSztnQkFJQyxnQkFBZ0I7c0JBRHRCLEtBQUs7Z0JBSUMsbUJBQW1CO3NCQUR6QixNQUFNO2dCQUlBLE1BQU07c0JBRFosTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIGluamVjdCwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IEN1aUJhbm5lckljb25PcHRpb25zLCBDdWlCYW5uZXJPcHRpb25zIH0gZnJvbSAnLi9iYW5uZXIub3B0aW9ucyc7XG5pbXBvcnQgeyBDVUlfQkFOTkVSX09QVElPTlMgfSBmcm9tICcuL2Jhbm5lci5vcHRpb25zJztcbmltcG9ydCB0eXBlIHsgQ3VpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBDdWlUaGVtZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2N1aS1iYW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFubmVyLnRlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYW5uZXIuc3R5bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDdWlCYW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBDdWlCYW5uZXJPcHRpb25zIHtcbiAgcHJpdmF0ZSByZWFkb25seSBvcHRpb25zID0gaW5qZWN0KENVSV9CQU5ORVJfT1BUSU9OUyk7XG4gIHByb3RlY3RlZCByZWFkb25seSB0aGVtZSQgPSBpbmplY3QoQ3VpVGhlbWVTZXJ2aWNlKTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgSUNPTl9PUFRJT05TOiBDdWlCYW5uZXJJY29uT3B0aW9ucyA9IHtcbiAgICBpbmZvOiB7XG4gICAgICBpY29uOiAnY3VpSWNvbkluZm8nLFxuICAgICAgY29sb3I6ICd2YXIoLS1jLWluZm8taWNvbi1jb2xvciknXG4gICAgfSxcbiAgICBzdWNjZXNzOiB7XG4gICAgICBpY29uOiAnY3VpSWNvbkNoZWNrQ2lyY2xlJyxcbiAgICAgIGNvbG9yOiAndmFyKC0tY3VpLXN1Y2Nlc3MpJ1xuICAgIH0sXG4gICAgYWxlcnQ6IHtcbiAgICAgIGljb246ICdjdWlJY29uQWxlcnRUcmlhbmdsZScsXG4gICAgICBjb2xvcjogJ3ZhcigtLWMtYWxlcnQtaWNvbi1jb2xvciknXG4gICAgfSxcbiAgICBlcnJvcjoge1xuICAgICAgaWNvbjogJ2N1aUljb25YQ2lyY2xlJyxcbiAgICAgIGNvbG9yOiAndmFyKC0tY3VpLWRhbmdlciknXG4gICAgfSxcbiAgfTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IFRIRU1FX0NMT1NFX0JVVFRPTl9JQ09OX0NPTE9SUzogUmVjb3JkPEN1aVRoZW1lLCBzdHJpbmc+ID0ge1xuICAgIGxpZ2h0OiAndmFyKC0tY3VpLWdyYXktNTAwKScsXG4gICAgZGFyazogJ3ZhcigtLWN1aS1ncmF5LTApJ1xuICB9XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc3RhdHVzJylcbiAgcHVibGljIHN0YXR1cyA9IHRoaXMub3B0aW9ucy5zdGF0dXM7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGlzQ2xvc2VhYmxlID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgbGFiZWw/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGFjdGlvbkJ1dHRvblRleHQ/OiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBhY3Rpb25CdXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHByb3RlY3RlZCBvbkFjdGlvbigpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGlvbkJ1dHRvbkNsaWNrZWQuZW1pdCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8Y3VpLXN2Z1xuICAqY3VpTGV0PVwiSUNPTl9PUFRJT05TW3N0YXR1c10gYXMgaWNvbk9wdGlvblwiXG4gIFtpY29uXT1cImljb25PcHRpb24uaWNvblwiXG4gIFtjb2xvcl09XCJpY29uT3B0aW9uLmNvbG9yXCJcbiAgY2xhc3M9XCJjLWljb25cIlxuPjwvY3VpLXN2Zz5cbjxkaXYgY2xhc3M9XCJjLXdyYXBwZXJcIj5cbiAgPGgyXG4gICAgKm5nSWY9XCJsYWJlbFwiXG4gICAgY2xhc3M9XCJjLWhlYWRpbmdcIlxuICA+XG4gICAge3sgbGFiZWwgfX1cbiAgPC9oMj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8YnV0dG9uXG4gICAgY3VpQnV0dG9uXG4gICAgKm5nSWY9XCJhY3Rpb25CdXR0b25UZXh0XCJcbiAgICBhcHBlYXJhbmNlPVwibGlua1wiXG4gICAgY2xhc3M9XCJjLWFjdGlvblwiXG4gICAgKGNsaWNrKT1cIm9uQWN0aW9uKClcIlxuICA+XG4gICAge3sgYWN0aW9uQnV0dG9uVGV4dCB9fVxuICA8L2J1dHRvbj5cbjwvZGl2PlxuPGJ1dHRvblxuICBjbGFzcz1cImMtYnV0dG9uXCJcbiAgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiXG4+XG4gIDxjdWktc3ZnXG4gICAgKmN1aUxldD1cInRoZW1lJCB8IGFzeW5jIGFzIHRoZW1lXCJcbiAgICBpY29uPVwiY3VpSWNvblhcIlxuICAgIFtjb2xvcl09XCJUSEVNRV9DTE9TRV9CVVRUT05fSUNPTl9DT0xPUlNbdGhlbWUhXVwiXG4gIC8+XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { CuiLetDirective } from '@cuby-ui/cdk';
|
|
3
4
|
import { CuiBannerComponent } from './banner.component';
|
|
4
5
|
import { CuiSvgModule } from '../svg';
|
|
5
6
|
import { CuiButtonModule } from '../button';
|
|
@@ -8,6 +9,7 @@ export class CuiBannerModule {
|
|
|
8
9
|
}
|
|
9
10
|
CuiBannerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
11
|
CuiBannerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiBannerModule, declarations: [CuiBannerComponent], imports: [CommonModule,
|
|
12
|
+
CuiLetDirective,
|
|
11
13
|
CuiSvgModule,
|
|
12
14
|
CuiButtonModule], exports: [CuiBannerComponent] });
|
|
13
15
|
CuiBannerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiBannerModule, imports: [CommonModule,
|
|
@@ -18,6 +20,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
18
20
|
args: [{
|
|
19
21
|
imports: [
|
|
20
22
|
CommonModule,
|
|
23
|
+
CuiLetDirective,
|
|
21
24
|
CuiSvgModule,
|
|
22
25
|
CuiButtonModule
|
|
23
26
|
],
|
|
@@ -25,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
25
28
|
exports: [CuiBannerComponent]
|
|
26
29
|
}]
|
|
27
30
|
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYW5uZXIvYmFubmVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRS9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFDdEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7QUFZNUMsTUFBTSxPQUFPLGVBQWU7OzZHQUFmLGVBQWU7OEdBQWYsZUFBZSxpQkFIWCxrQkFBa0IsYUFML0IsWUFBWTtRQUNaLGVBQWU7UUFDZixZQUFZO1FBQ1osZUFBZSxhQUdQLGtCQUFrQjs4R0FFakIsZUFBZSxZQVJ4QixZQUFZO1FBRVosWUFBWTtRQUNaLGVBQWU7NEZBS04sZUFBZTtrQkFWM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLFlBQVk7d0JBQ1osZUFBZTtxQkFDaEI7b0JBQ0QsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ3VpTGV0RGlyZWN0aXZlIH0gZnJvbSAnQGN1YnktdWkvY2RrJztcblxuaW1wb3J0IHsgQ3VpQmFubmVyQ29tcG9uZW50IH0gZnJvbSAnLi9iYW5uZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEN1aVN2Z01vZHVsZSB9IGZyb20gJy4uL3N2Zyc7XG5pbXBvcnQgeyBDdWlCdXR0b25Nb2R1bGUgfSBmcm9tICcuLi9idXR0b24nO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEN1aUxldERpcmVjdGl2ZSxcbiAgICBDdWlTdmdNb2R1bGUsXG4gICAgQ3VpQnV0dG9uTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW0N1aUJhbm5lckNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtDdWlCYW5uZXJDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIEN1aUJhbm5lck1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -68,10 +68,10 @@ export class CuiButtonComponent {
|
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
CuiButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
-
CuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: { shape: "shape", disabled: "disabled", isLoaderShown: "isLoaderShown", icon: "icon", iconRight: "iconRight", appearance: "appearance", size: "size" }, host: { properties: { "attr.data-shape": "this.shape", "class._disabled": "this.disabled", "class._loading": "this.isLoaderShown", "attr.data-appearance": "this.appearance", "attr.data-size": "this.size", "class._only-icon": "this.containsOnlyIcon", "disabled": "this.isDisabled" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<span\n class=\"c-wrapper\"\n [class.c-wrapper_invisible]=\"isLoaderShown\"\n>\n <cui-svg\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n <span\n #content\n *ngIf=\"!containsOnlyIcon\"\n >\n <ng-content></ng-content>\n </span>\n <cui-svg\n *ngIf=\"iconRight\"\n [icon]=\"iconRight\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n</span>\n<cui-svg\n *ngIf=\"isLoaderShown\"\n icon=\"cuiIconLoading\"\n class=\"c-loader\"\n></cui-svg>\n", styles: [":host{padding:0;border:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;font-weight:500;font-size:14px;line-height:20px;display:inline-block;position:relative;box-sizing:border-box;border-radius:8px;font-family:var(--cui-main-font)}:host:disabled{cursor:not-allowed}:host[data-shape=rounded]{border-radius:20px}:host[data-appearance=
|
|
71
|
+
CuiButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: { shape: "shape", disabled: "disabled", isLoaderShown: "isLoaderShown", icon: "icon", iconRight: "iconRight", appearance: "appearance", size: "size" }, host: { properties: { "attr.data-shape": "this.shape", "class._disabled": "this.disabled", "class._loading": "this.isLoaderShown", "attr.data-appearance": "this.appearance", "attr.data-size": "this.size", "class._only-icon": "this.containsOnlyIcon", "disabled": "this.isDisabled" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<span\n class=\"c-wrapper\"\n [class.c-wrapper_invisible]=\"isLoaderShown\"\n>\n <cui-svg\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n <span\n #content\n *ngIf=\"!containsOnlyIcon\"\n >\n <ng-content></ng-content>\n </span>\n <cui-svg\n *ngIf=\"iconRight\"\n [icon]=\"iconRight\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n</span>\n<cui-svg\n *ngIf=\"isLoaderShown\"\n icon=\"cuiIconLoading\"\n class=\"c-loader\"\n></cui-svg>\n", styles: [":host{padding:0;border:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;font-weight:500;font-size:14px;line-height:20px;display:inline-block;position:relative;box-sizing:border-box;border-radius:8px;font-family:var(--cui-main-font)}:host:disabled{cursor:not-allowed}:host[data-shape=rounded]{border-radius:20px}:host[data-appearance=action]{background:var(--cui-light-blue-500);color:var(--cui-gray-0);border:1px solid var(--cui-light-blue-500)}@media (hover: hover){:host[data-appearance=action]:hover{background:var(--cui-light-blue-600);border-color:var(--cui-light-blue-600)}}:host[data-appearance=action]:active{background:var(--cui-light-blue-600);border-color:var(--cui-light-blue-600)}:host[data-appearance=action]:disabled{background:var(--cui-light-blue-500);border-color:var(--cui-light-blue-500)}:host[data-appearance=secondary]{background:var(--cui-base-100);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=secondary]:hover{background:var(--cui-base-200)}}:host[data-appearance=secondary]:active{background:var(--cui-base-200)}:host[data-appearance=secondary]:disabled{background:var(--cui-base-100)}:host[data-appearance=outlined]{border:1px solid var(--cui-base-200);background:var(--cui-base-0);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=outlined]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined]:active{background:var(--cui-base-50)}:host[data-appearance=outlined]:disabled{background:var(--cui-base-0)}:host[data-appearance=outlined-gray]{border:1px solid var(--cui-base-200);background:var(--cui-base-10);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=outlined-gray]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined-gray]:active{background:var(--cui-base-50)}:host[data-appearance=outlined-gray]:disabled{background:var(--cui-base-10)}:host[data-appearance=ghost]{color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=ghost]:hover{background:var(--cui-base-50)}}:host[data-appearance=ghost]:active{background:var(--cui-base-50)}:host[data-appearance=ghost]:disabled{background:inherit}:host[data-appearance=flat]{color:var(--cui-light-blue-600)}@media (hover: hover){:host[data-appearance=flat]:hover{background:var(--cui-base-50)}}:host[data-appearance=flat]:active{background:var(--cui-base-50)}:host[data-appearance=flat]:disabled{background:inherit}:host[data-appearance=destructive]{background:var(--cui-danger);color:var(--cui-gray-0)}@media (hover: hover){:host[data-appearance=destructive]:hover{background:var(--cui-red-600)}}:host[data-appearance=destructive]:active{background:var(--cui-red-600)}:host[data-appearance=destructive]:disabled{background:var(--cui-danger)}:host[data-appearance=link]{height:24px!important;padding:0 4px!important;color:var(--cui-info)}@media (hover: hover){:host[data-appearance=link]:hover{color:var(--cui-blue-800)}}:host[data-appearance=link]:active{color:var(--cui-blue-800)}:host[data-appearance=link]:disabled{color:var(--cui-info)}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 8px}:host[data-size=xxs][data-appearance=action],:host[data-size=xxs][data-appearance=outlined],:host[data-size=xxs][data-appearance=outlined-gray]{padding:0 7px}:host[data-size=xxs]._only-icon{width:28px}:host[data-size=xxs] .c-wrapper{gap:6px}:host[data-size=xs]{font-size:13px;line-height:16px;height:32px;padding:0 12px}:host[data-size=xs][data-appearance=action],:host[data-size=xs][data-appearance=outlined],:host[data-size=xs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xs]._only-icon{width:32px}:host[data-size=sm]{height:36px;padding:0 14px}:host[data-size=sm][data-appearance=action],:host[data-size=sm][data-appearance=outlined],:host[data-size=sm][data-appearance=outlined-gray]{padding:0 13px}:host[data-size=sm]._only-icon{width:36px}:host[data-size=md]{height:40px;padding:0 16px}:host[data-size=md][data-appearance=action],:host[data-size=md][data-appearance=outlined],:host[data-size=md][data-appearance=outlined-gray]{padding:0 15px}:host[data-size=md]._only-icon{width:40px}:host._disabled{opacity:.5}:host-context([cuiTheme=dark])[data-appearance=action]{background:var(--cui-light-blue-700)}@media (hover: hover){:host-context([cuiTheme=dark])[data-appearance=action]:hover{background:var(--cui-light-blue-600)}}:host-context([cuiTheme=dark])[data-appearance=action]:active{background:var(--cui-light-blue-600)}:host-context([cuiTheme=dark])[data-appearance=action]:disabled{background:var(--cui-light-blue-700)}@media (hover: hover){:host-context([cuiTheme=dark])[data-appearance=destructive]:hover{background:var(--cui-red-300)}}:host-context([cuiTheme=dark])[data-appearance=destructive]:active{background:var(--cui-red-300)}:host-context([cuiTheme=dark])[data-appearance=destructive]:disabled{background:var(--cui-danger)}.c-wrapper{display:flex;justify-content:center;align-items:center;gap:8px;height:100%}.c-wrapper_invisible{opacity:0}.c-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\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 });
|
|
72
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiButtonComponent, decorators: [{
|
|
73
73
|
type: Component,
|
|
74
|
-
args: [{ selector: 'button[cuiButton], a[cuiButton]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n class=\"c-wrapper\"\n [class.c-wrapper_invisible]=\"isLoaderShown\"\n>\n <cui-svg\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n <span\n #content\n *ngIf=\"!containsOnlyIcon\"\n >\n <ng-content></ng-content>\n </span>\n <cui-svg\n *ngIf=\"iconRight\"\n [icon]=\"iconRight\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n</span>\n<cui-svg\n *ngIf=\"isLoaderShown\"\n icon=\"cuiIconLoading\"\n class=\"c-loader\"\n></cui-svg>\n", styles: [":host{padding:0;border:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;font-weight:500;font-size:14px;line-height:20px;display:inline-block;position:relative;box-sizing:border-box;border-radius:8px;font-family:var(--cui-main-font)}:host:disabled{cursor:not-allowed}:host[data-shape=rounded]{border-radius:20px}:host[data-appearance=
|
|
74
|
+
args: [{ selector: 'button[cuiButton], a[cuiButton]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n class=\"c-wrapper\"\n [class.c-wrapper_invisible]=\"isLoaderShown\"\n>\n <cui-svg\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n <span\n #content\n *ngIf=\"!containsOnlyIcon\"\n >\n <ng-content></ng-content>\n </span>\n <cui-svg\n *ngIf=\"iconRight\"\n [icon]=\"iconRight\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n</span>\n<cui-svg\n *ngIf=\"isLoaderShown\"\n icon=\"cuiIconLoading\"\n class=\"c-loader\"\n></cui-svg>\n", styles: [":host{padding:0;border:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;font-weight:500;font-size:14px;line-height:20px;display:inline-block;position:relative;box-sizing:border-box;border-radius:8px;font-family:var(--cui-main-font)}:host:disabled{cursor:not-allowed}:host[data-shape=rounded]{border-radius:20px}:host[data-appearance=action]{background:var(--cui-light-blue-500);color:var(--cui-gray-0);border:1px solid var(--cui-light-blue-500)}@media (hover: hover){:host[data-appearance=action]:hover{background:var(--cui-light-blue-600);border-color:var(--cui-light-blue-600)}}:host[data-appearance=action]:active{background:var(--cui-light-blue-600);border-color:var(--cui-light-blue-600)}:host[data-appearance=action]:disabled{background:var(--cui-light-blue-500);border-color:var(--cui-light-blue-500)}:host[data-appearance=secondary]{background:var(--cui-base-100);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=secondary]:hover{background:var(--cui-base-200)}}:host[data-appearance=secondary]:active{background:var(--cui-base-200)}:host[data-appearance=secondary]:disabled{background:var(--cui-base-100)}:host[data-appearance=outlined]{border:1px solid var(--cui-base-200);background:var(--cui-base-0);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=outlined]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined]:active{background:var(--cui-base-50)}:host[data-appearance=outlined]:disabled{background:var(--cui-base-0)}:host[data-appearance=outlined-gray]{border:1px solid var(--cui-base-200);background:var(--cui-base-10);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=outlined-gray]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined-gray]:active{background:var(--cui-base-50)}:host[data-appearance=outlined-gray]:disabled{background:var(--cui-base-10)}:host[data-appearance=ghost]{color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=ghost]:hover{background:var(--cui-base-50)}}:host[data-appearance=ghost]:active{background:var(--cui-base-50)}:host[data-appearance=ghost]:disabled{background:inherit}:host[data-appearance=flat]{color:var(--cui-light-blue-600)}@media (hover: hover){:host[data-appearance=flat]:hover{background:var(--cui-base-50)}}:host[data-appearance=flat]:active{background:var(--cui-base-50)}:host[data-appearance=flat]:disabled{background:inherit}:host[data-appearance=destructive]{background:var(--cui-danger);color:var(--cui-gray-0)}@media (hover: hover){:host[data-appearance=destructive]:hover{background:var(--cui-red-600)}}:host[data-appearance=destructive]:active{background:var(--cui-red-600)}:host[data-appearance=destructive]:disabled{background:var(--cui-danger)}:host[data-appearance=link]{height:24px!important;padding:0 4px!important;color:var(--cui-info)}@media (hover: hover){:host[data-appearance=link]:hover{color:var(--cui-blue-800)}}:host[data-appearance=link]:active{color:var(--cui-blue-800)}:host[data-appearance=link]:disabled{color:var(--cui-info)}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 8px}:host[data-size=xxs][data-appearance=action],:host[data-size=xxs][data-appearance=outlined],:host[data-size=xxs][data-appearance=outlined-gray]{padding:0 7px}:host[data-size=xxs]._only-icon{width:28px}:host[data-size=xxs] .c-wrapper{gap:6px}:host[data-size=xs]{font-size:13px;line-height:16px;height:32px;padding:0 12px}:host[data-size=xs][data-appearance=action],:host[data-size=xs][data-appearance=outlined],:host[data-size=xs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xs]._only-icon{width:32px}:host[data-size=sm]{height:36px;padding:0 14px}:host[data-size=sm][data-appearance=action],:host[data-size=sm][data-appearance=outlined],:host[data-size=sm][data-appearance=outlined-gray]{padding:0 13px}:host[data-size=sm]._only-icon{width:36px}:host[data-size=md]{height:40px;padding:0 16px}:host[data-size=md][data-appearance=action],:host[data-size=md][data-appearance=outlined],:host[data-size=md][data-appearance=outlined-gray]{padding:0 15px}:host[data-size=md]._only-icon{width:40px}:host._disabled{opacity:.5}:host-context([cuiTheme=dark])[data-appearance=action]{background:var(--cui-light-blue-700)}@media (hover: hover){:host-context([cuiTheme=dark])[data-appearance=action]:hover{background:var(--cui-light-blue-600)}}:host-context([cuiTheme=dark])[data-appearance=action]:active{background:var(--cui-light-blue-600)}:host-context([cuiTheme=dark])[data-appearance=action]:disabled{background:var(--cui-light-blue-700)}@media (hover: hover){:host-context([cuiTheme=dark])[data-appearance=destructive]:hover{background:var(--cui-red-300)}}:host-context([cuiTheme=dark])[data-appearance=destructive]:active{background:var(--cui-red-300)}:host-context([cuiTheme=dark])[data-appearance=destructive]:disabled{background:var(--cui-danger)}.c-wrapper{display:flex;justify-content:center;align-items:center;gap:8px;height:100%}.c-wrapper_invisible{opacity:0}.c-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
|
|
75
75
|
}], propDecorators: { shape: [{
|
|
76
76
|
type: Input
|
|
77
77
|
}, {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { InjectionToken } from '@angular/core';
|
|
2
2
|
export const CUI_BUTTON_DEFAULT_OPTIONS = {
|
|
3
|
-
appearance: '
|
|
3
|
+
appearance: 'action',
|
|
4
4
|
shape: null,
|
|
5
5
|
size: 'sm'
|
|
6
6
|
};
|
|
7
7
|
export const CUI_BUTTON_OPTIONS = new InjectionToken('', {
|
|
8
8
|
factory: () => CUI_BUTTON_DEFAULT_OPTIONS
|
|
9
9
|
});
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFvQy9DLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFxQjtJQUMxRCxVQUFVLEVBQUUsUUFBUTtJQUNwQixLQUFLLEVBQUUsSUFBSTtJQUNYLElBQUksRUFBRSxJQUFJO0NBQ1gsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUFDLEVBQUUsRUFBRTtJQUN2RCxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsMEJBQTBCO0NBQzFDLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHtcbiAgQ3VpQXBwZWFyYW5jZUFjdGlvbixcbiAgQ3VpQXBwZWFyYW5jZURlc3RydWN0aXZlLFxuICBDdWlBcHBlYXJhbmNlRmxhdCxcbiAgQ3VpQXBwZWFyYW5jZUdob3N0LFxuICBDdWlBcHBlYXJhbmNlTGluayxcbiAgQ3VpQXBwZWFyYW5jZU91dGxpbmVkLFxuICBDdWlBcHBlYXJhbmNlT3V0bGluZWRHcmF5LFxuICBDdWlBcHBlYXJhbmNlU2Vjb25kYXJ5LFxuICBDdWlTaGFwZVJvdW5kZWQsXG4gIEN1aVNpemVNZCxcbiAgQ3VpU2l6ZVNtLFxuICBDdWlTaXplWHMsXG4gIEN1aVNpemVYeHNcbn0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEN1aUJ1dHRvbk9wdGlvbnMge1xuICByZWFkb25seSBhcHBlYXJhbmNlOlxuICAgIHwgQ3VpQXBwZWFyYW5jZUFjdGlvblxuICAgIHwgQ3VpQXBwZWFyYW5jZVNlY29uZGFyeVxuICAgIHwgQ3VpQXBwZWFyYW5jZU91dGxpbmVkXG4gICAgfCBDdWlBcHBlYXJhbmNlT3V0bGluZWRHcmF5XG4gICAgfCBDdWlBcHBlYXJhbmNlR2hvc3RcbiAgICB8IEN1aUFwcGVhcmFuY2VGbGF0XG4gICAgfCBDdWlBcHBlYXJhbmNlRGVzdHJ1Y3RpdmVcbiAgICB8IEN1aUFwcGVhcmFuY2VMaW5rXG4gIHJlYWRvbmx5IHNoYXBlOiBDdWlTaGFwZVJvdW5kZWQgfCBudWxsO1xuICByZWFkb25seSBzaXplOlxuICAgIHwgQ3VpU2l6ZVh4c1xuICAgIHwgQ3VpU2l6ZVhzXG4gICAgfCBDdWlTaXplU21cbiAgICB8IEN1aVNpemVNZDtcbn1cblxuZXhwb3J0IGNvbnN0IENVSV9CVVRUT05fREVGQVVMVF9PUFRJT05TOiBDdWlCdXR0b25PcHRpb25zID0ge1xuICBhcHBlYXJhbmNlOiAnYWN0aW9uJyxcbiAgc2hhcGU6IG51bGwsXG4gIHNpemU6ICdzbSdcbn07XG5cbmV4cG9ydCBjb25zdCBDVUlfQlVUVE9OX09QVElPTlMgPSBuZXcgSW5qZWN0aW9uVG9rZW4oJycsIHtcbiAgZmFjdG9yeTogKCkgPT4gQ1VJX0JVVFRPTl9ERUZBVUxUX09QVElPTlNcbn0pO1xuIl19
|
|
@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class CuiCheckboxComponent {
|
|
4
4
|
}
|
|
5
5
|
CuiCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
CuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiCheckboxComponent, selector: "input[type=\"checkbox\"][cuiCheckbox]", ngImport: i0, template: '', isInline: true, styles: [":host{position:relative;width:16px;height:16px;border:1px solid var(--cui-base-200);border-radius:4px;outline:none;margin:0;appearance:none;cursor:pointer}:host:before{content:\"\";position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:12px;height:12px;mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M10 3L4.5 8.5L2 6\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>')
|
|
6
|
+
CuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiCheckboxComponent, selector: "input[type=\"checkbox\"][cuiCheckbox]", ngImport: i0, template: '', isInline: true, styles: [":host{position:relative;width:16px;height:16px;border:1px solid var(--cui-base-200);border-radius:4px;outline:none;margin:0;appearance:none;cursor:pointer;background:var(--cui-base-0)}:host:before{content:\"\";position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:12px;height:12px;mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M10 3L4.5 8.5L2 6\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>')}:host:checked{border:none;background:var(--cui-info)}:host:checked:before{background:var(--cui-base-0)}:host:focus{box-shadow:0 0 0 2px var(--cui-focus)}@media (hover: hover){:host:hover{border-color:var(--cui-base-400)}}:host:active{border-color:var(--cui-base-400);box-shadow:none}:host:disabled{cursor:not-allowed;border:1px solid var(--cui-base-200);background:var(--cui-base-100)}:host:disabled:checked:before{background:var(--cui-gray-500)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiCheckboxComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
|
-
args: [{ selector: 'input[type="checkbox"][cuiCheckbox]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:relative;width:16px;height:16px;border:1px solid var(--cui-base-200);border-radius:4px;outline:none;margin:0;appearance:none;cursor:pointer}:host:before{content:\"\";position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:12px;height:12px;mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M10 3L4.5 8.5L2 6\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>')
|
|
9
|
+
args: [{ selector: 'input[type="checkbox"][cuiCheckbox]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:relative;width:16px;height:16px;border:1px solid var(--cui-base-200);border-radius:4px;outline:none;margin:0;appearance:none;cursor:pointer;background:var(--cui-base-0)}:host:before{content:\"\";position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:12px;height:12px;mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M10 3L4.5 8.5L2 6\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>')}:host:checked{border:none;background:var(--cui-info)}:host:checked:before{background:var(--cui-base-0)}:host:focus{box-shadow:0 0 0 2px var(--cui-focus)}@media (hover: hover){:host:hover{border-color:var(--cui-base-400)}}:host:active{border-color:var(--cui-base-400);box-shadow:none}:host:disabled{cursor:not-allowed;border:1px solid var(--cui-base-200);background:var(--cui-base-100)}:host:disabled:checked:before{background:var(--cui-gray-500)}\n"] }]
|
|
10
10
|
}] });
|
|
11
11
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFuRSxNQUFNLE9BQU8sb0JBQW9COztrSEFBcEIsb0JBQW9CO3NHQUFwQixvQkFBb0IsNkVBSnJCLEVBQUU7NEZBSUQsb0JBQW9CO2tCQU5oQyxTQUFTOytCQUNFLHFDQUFxQyxZQUNyQyxFQUFFLG1CQUVLLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2lucHV0W3R5cGU9XCJjaGVja2JveFwiXVtjdWlDaGVja2JveF0nLFxuICB0ZW1wbGF0ZTogJycsXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LnN0eWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ3VpQ2hlY2tib3hDb21wb25lbnQge1xufVxuIl19
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { CuiLetDirective } from '@cuby-ui/cdk';
|
|
3
4
|
import { CuiDialogComponent } from './dialog.component';
|
|
4
5
|
import { CuiDialogsComponent } from './dialogs.component';
|
|
5
6
|
import { CuiButtonModule } from '../button';
|
|
@@ -9,6 +10,7 @@ export class CuiDialogModule {
|
|
|
9
10
|
CuiDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
11
|
CuiDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiDialogModule, declarations: [CuiDialogComponent,
|
|
11
12
|
CuiDialogsComponent], imports: [CommonModule,
|
|
13
|
+
CuiLetDirective,
|
|
12
14
|
CuiButtonModule], exports: [CuiDialogComponent,
|
|
13
15
|
CuiDialogsComponent] });
|
|
14
16
|
CuiDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDialogModule, imports: [CommonModule,
|
|
@@ -18,6 +20,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
18
20
|
args: [{
|
|
19
21
|
imports: [
|
|
20
22
|
CommonModule,
|
|
23
|
+
CuiLetDirective,
|
|
21
24
|
CuiButtonModule
|
|
22
25
|
],
|
|
23
26
|
declarations: [
|
|
@@ -30,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
30
33
|
]
|
|
31
34
|
}]
|
|
32
35
|
}] });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9kaWFsb2cvZGlhbG9nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRS9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUM7O0FBaUI1QyxNQUFNLE9BQU8sZUFBZTs7NkdBQWYsZUFBZTs4R0FBZixlQUFlLGlCQVJ4QixrQkFBa0I7UUFDbEIsbUJBQW1CLGFBTm5CLFlBQVk7UUFDWixlQUFlO1FBQ2YsZUFBZSxhQU9mLGtCQUFrQjtRQUNsQixtQkFBbUI7OEdBR1YsZUFBZSxZQWJ4QixZQUFZO1FBRVosZUFBZTs0RkFXTixlQUFlO2tCQWYzQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsZUFBZTtxQkFDaEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asa0JBQWtCO3dCQUNsQixtQkFBbUI7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDdWlMZXREaXJlY3RpdmUgfSBmcm9tICdAY3VieS11aS9jZGsnO1xuXG5pbXBvcnQgeyBDdWlEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL2RpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ3VpRGlhbG9nc0NvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9ncy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ3VpQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBDdWlMZXREaXJlY3RpdmUsXG4gICAgQ3VpQnV0dG9uTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEN1aURpYWxvZ0NvbXBvbmVudCxcbiAgICBDdWlEaWFsb2dzQ29tcG9uZW50XG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBDdWlEaWFsb2dDb21wb25lbnQsXG4gICAgQ3VpRGlhbG9nc0NvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEN1aURpYWxvZ01vZHVsZSB7XG59XG4iXX0=
|
|
@@ -4,6 +4,7 @@ import { takeUntil } from 'rxjs';
|
|
|
4
4
|
import { CUI_DIALOG_CONTEXT, CUI_DIALOGS } from './dialog.tokens';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@angular/common";
|
|
7
|
+
import * as i2 from "@cuby-ui/cdk";
|
|
7
8
|
export class CuiDialogsComponent {
|
|
8
9
|
constructor() {
|
|
9
10
|
this.destroy$ = inject(CuiDestroyService, { self: true });
|
|
@@ -24,9 +25,9 @@ export class CuiDialogsComponent {
|
|
|
24
25
|
}
|
|
25
26
|
}
|
|
26
27
|
CuiDialogsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDialogsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
-
CuiDialogsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiDialogsComponent, selector: "cui-dialogs", providers: [CuiDestroyService], ngImport: i0, template: "<ng-container *
|
|
28
|
+
CuiDialogsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiDialogsComponent, selector: "cui-dialogs", providers: [CuiDestroyService], ngImport: i0, template: "<ng-container *cuiLet=\"dialogs$ | async as dialogs\">\n <div\n *ngIf=\"dialogs!.length\"\n class=\"c-overlay\"\n ></div>\n <ng-container *ngFor=\"let dialog of dialogs; let i = index; trackBy: trackByFn\">\n <ng-container *ngComponentOutlet=\"dialog.component; injector: dialogInjectors[i]\"></ng-container>\n </ng-container>\n</ng-container>\n", styles: [".c-overlay{position:fixed;inset:0;background:var(--cui-base-900);opacity:.3}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CuiLetDirective, selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
28
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDialogsComponent, decorators: [{
|
|
29
30
|
type: Component,
|
|
30
|
-
args: [{ selector: 'cui-dialogs', changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiDestroyService], template: "<ng-container *
|
|
31
|
+
args: [{ selector: 'cui-dialogs', changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiDestroyService], template: "<ng-container *cuiLet=\"dialogs$ | async as dialogs\">\n <div\n *ngIf=\"dialogs!.length\"\n class=\"c-overlay\"\n ></div>\n <ng-container *ngFor=\"let dialog of dialogs; let i = index; trackBy: trackByFn\">\n <ng-container *ngComponentOutlet=\"dialog.component; injector: dialogInjectors[i]\"></ng-container>\n </ng-container>\n</ng-container>\n", styles: [".c-overlay{position:fixed;inset:0;background:var(--cui-base-900);opacity:.3}\n"] }]
|
|
31
32
|
}] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9ncy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZ3MuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2RpYWxvZy9kaWFsb2dzLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXJGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUVqRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRWpDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxXQUFXLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQVVsRSxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUW1CLGFBQVEsR0FBRyxNQUFNLENBQUMsaUJBQWlCLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUVuRCxhQUFRLEdBQTRELE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztLQWtCNUc7SUFmUSxRQUFRO1FBQ2IsSUFBSSxDQUFDLCtCQUErQixFQUFFLENBQUM7SUFDekMsQ0FBQztJQUVTLFNBQVMsQ0FBQyxDQUFTLEVBQUUsTUFBb0M7UUFDakUsT0FBTyxNQUFNLENBQUMsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFUywrQkFBK0I7UUFDdkMsSUFBSSxDQUFDLFFBQVE7YUFDVixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsZUFBZSxHQUFHLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDO1lBQ25GLFNBQVMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLFFBQVEsRUFBRSxDQUFDO1NBQ3ZELENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDVCxDQUFDOztpSEFwQlUsbUJBQW1CO3FHQUFuQixtQkFBbUIsc0NBRm5CLENBQUMsaUJBQWlCLENBQUMsMEJDZmhDLHdXQVNBOzRGRFFhLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxhQUFhLG1CQUdOLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQyxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7IEN1aVBvcG92ZXIgfSBmcm9tICdAY3VieS11aS9jZGsnO1xuaW1wb3J0IHsgQ3VpRGVzdHJveVNlcnZpY2UgfSBmcm9tICdAY3VieS11aS9jZGsnO1xuaW1wb3J0IHR5cGUgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgQ1VJX0RJQUxPR19DT05URVhULCBDVUlfRElBTE9HUyB9IGZyb20gJy4vZGlhbG9nLnRva2Vucyc7XG5pbXBvcnQgdHlwZSB7IEN1aURpYWxvZ09wdGlvbnMgfSBmcm9tICcuL2RpYWxvZy5pbnRlcmZhY2VzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3VpLWRpYWxvZ3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9ncy50ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGlhbG9ncy5zdHlsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtDdWlEZXN0cm95U2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgQ3VpRGlhbG9nc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveSQgPSBpbmplY3QoQ3VpRGVzdHJveVNlcnZpY2UsIHsgc2VsZjogdHJ1ZSB9KTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZGlhbG9ncyQ6IE9ic2VydmFibGU8UmVhZG9ubHlBcnJheTxDdWlQb3BvdmVyPEN1aURpYWxvZ09wdGlvbnM+Pj4gPSBpbmplY3QoQ1VJX0RJQUxPR1MpO1xuICBwcm90ZWN0ZWQgZGlhbG9nSW5qZWN0b3JzITogUmVhZG9ubHlBcnJheTxJbmplY3Rvcj47XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaW5pdERpYWxvZ0luamVjdG9yc1N1YnNjcmlwdGlvbigpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHRyYWNrQnlGbihfOiBudW1iZXIsIGRpYWxvZzogQ3VpUG9wb3ZlcjxDdWlEaWFsb2dPcHRpb25zPik6IHN0cmluZyB7XG4gICAgcmV0dXJuIGRpYWxvZy5pZDtcbiAgfVxuXG4gIHByb3RlY3RlZCBpbml0RGlhbG9nSW5qZWN0b3JzU3Vic2NyaXB0aW9uKCk6IHZvaWQge1xuICAgIHRoaXMuZGlhbG9ncyRcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUoZGlhbG9ncyA9PiB0aGlzLmRpYWxvZ0luamVjdG9ycyA9IGRpYWxvZ3MubWFwKHVzZVZhbHVlID0+IEluamVjdG9yLmNyZWF0ZSh7XG4gICAgICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQ1VJX0RJQUxPR19DT05URVhULCB1c2VWYWx1ZSB9XVxuICAgICAgfSkpKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqY3VpTGV0PVwiZGlhbG9ncyQgfCBhc3luYyBhcyBkaWFsb2dzXCI+XG4gIDxkaXZcbiAgICAqbmdJZj1cImRpYWxvZ3MhLmxlbmd0aFwiXG4gICAgY2xhc3M9XCJjLW92ZXJsYXlcIlxuICA+PC9kaXY+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGRpYWxvZyBvZiBkaWFsb2dzOyBsZXQgaSA9IGluZGV4OyB0cmFja0J5OiB0cmFja0J5Rm5cIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0NvbXBvbmVudE91dGxldD1cImRpYWxvZy5jb21wb25lbnQ7IGluamVjdG9yOiBkaWFsb2dJbmplY3RvcnNbaV1cIj48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
|