@alauda/ui 6.4.2-beta.1 → 6.4.2-beta.12
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/dialog/confirm-dialog/confirm-dialog-config.d.ts +2 -1
- package/dialog/confirm-dialog/confirm-dialog.component.d.ts +1 -0
- package/esm2020/card/card.component.mjs +2 -2
- package/esm2020/card/section.component.mjs +2 -2
- package/esm2020/dialog/confirm-dialog/confirm-dialog-config.mjs +1 -1
- package/esm2020/dialog/confirm-dialog/confirm-dialog.component.mjs +5 -4
- package/fesm2015/alauda-ui.mjs +7 -6
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +7 -6
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
1
2
|
import { BeforeAction, ConfirmType } from '../dialog.types';
|
|
2
3
|
export declare class ConfirmDialogConfig<T = unknown, R = unknown> {
|
|
3
4
|
title: string;
|
|
4
|
-
content?: string
|
|
5
|
+
content?: string | TemplateRef<any>;
|
|
5
6
|
cancelButton?: boolean;
|
|
6
7
|
confirmType?: ConfirmType;
|
|
7
8
|
confirmText?: string;
|
|
@@ -11,6 +11,7 @@ export declare class ConfirmDialogComponent<T = unknown, R = unknown> {
|
|
|
11
11
|
config: ConfirmDialogConfig<T, R>;
|
|
12
12
|
waitConfirm: boolean;
|
|
13
13
|
waitCancel: boolean;
|
|
14
|
+
isTemplateRef: (label: any) => label is import("@angular/core").TemplateRef<unknown>;
|
|
14
15
|
constructor(dialogRef: DialogRef<any>, cdr: ChangeDetectorRef);
|
|
15
16
|
setConfig(config: ConfirmDialogConfig<T, R>): void;
|
|
16
17
|
iconMap(type: ConfirmType): "check_circle_s" | "exclamation_triangle_s" | "exclamation_circle_s";
|
|
@@ -6,10 +6,10 @@ export class CardComponent {
|
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
8
|
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CardComponent, selector: "aui-card", inputs: { divider: "divider" }, ngImport: i0, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m)}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
9
|
+
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CardComponent, selector: "aui-card", inputs: { divider: "divider" }, ngImport: i0, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CardComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ selector: 'aui-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m)}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"] }]
|
|
12
|
+
args: [{ selector: 'aui-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"] }]
|
|
13
13
|
}], propDecorators: { divider: [{
|
|
14
14
|
type: Input
|
|
15
15
|
}] } });
|
|
@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class SectionComponent {
|
|
4
4
|
}
|
|
5
5
|
SectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
SectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SectionComponent, selector: "aui-section", ngImport: i0, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m)}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-size:var(--aui-font-size-l);
|
|
6
|
+
SectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SectionComponent, selector: "aui-section", ngImport: i0, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);color:rgb(var(--aui-color-main-text))}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SectionComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
|
-
args: [{ selector: 'aui-section', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m)}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-size:var(--aui-font-size-l);
|
|
9
|
+
args: [{ selector: 'aui-section', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);color:rgb(var(--aui-color-main-text))}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"] }]
|
|
10
10
|
}] });
|
|
11
11
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY2FyZC9zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy9jYXJkL3NlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOztBQVV2QixNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsbURDZDdCLHdLQUlBOzJGRFVhLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxhQUFhLGlCQUdSLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sdUJBQzFCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1aS1zZWN0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZWN0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgU2VjdGlvbkNvbXBvbmVudCB7fVxuIiwiPGRpdiBjbGFzcz1cImF1aS1zZWN0aW9uXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIlthdWlTZWN0aW9uVGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICA8ZGl2IGNsYXNzPVwiYXVpLXNlY3Rpb25fX2NvbnRlbnRcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -7,4 +7,4 @@ export class ConfirmDialogConfig {
|
|
|
7
7
|
this.cancelText = 'Cancel';
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1kaWFsb2ctY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2RpYWxvZy9jb25maXJtLWRpYWxvZy9jb25maXJtLWRpYWxvZy1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFnQixXQUFXLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUU1RCxNQUFNLE9BQU8sbUJBQW1CO0lBQWhDO1FBR0UsaUJBQVksR0FBSSxJQUFJLENBQUM7UUFDckIsZ0JBQVcsR0FBaUIsV0FBVyxDQUFDLE9BQU8sQ0FBQztRQUNoRCxnQkFBVyxHQUFJLElBQUksQ0FBQztRQUNwQixlQUFVLEdBQUksUUFBUSxDQUFDO0lBSXpCLENBQUM7Q0FBQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJlZm9yZUFjdGlvbiwgQ29uZmlybVR5cGUgfSBmcm9tICcuLi9kaWFsb2cudHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgQ29uZmlybURpYWxvZ0NvbmZpZzxUID0gdW5rbm93biwgUiA9IHVua25vd24+IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgY29udGVudD86IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT47XG4gIGNhbmNlbEJ1dHRvbj8gPSB0cnVlO1xuICBjb25maXJtVHlwZT86IENvbmZpcm1UeXBlID0gQ29uZmlybVR5cGUuUHJpbWFyeTtcbiAgY29uZmlybVRleHQ/ID0gJ09LJztcbiAgY2FuY2VsVGV4dD8gPSAnQ2FuY2VsJztcblxuICBiZWZvcmVDb25maXJtPzogQmVmb3JlQWN0aW9uPFQ+O1xuICBiZWZvcmVDYW5jZWw/OiBCZWZvcmVBY3Rpb248Uj47XG59XG4iXX0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import { firstValueFrom, Observable } from 'rxjs';
|
|
3
|
-
import { buildBem } from '../../utils';
|
|
3
|
+
import { buildBem, isTemplateRef } from '../../utils';
|
|
4
4
|
import { ConfirmType, } from '../dialog.types';
|
|
5
5
|
import { ConfirmDialogConfig } from './confirm-dialog-config';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
@@ -15,6 +15,7 @@ export class ConfirmDialogComponent {
|
|
|
15
15
|
this.bem = buildBem('aui-confirm-dialog');
|
|
16
16
|
this.waitConfirm = false;
|
|
17
17
|
this.waitCancel = false;
|
|
18
|
+
this.isTemplateRef = isTemplateRef;
|
|
18
19
|
}
|
|
19
20
|
setConfig(config) {
|
|
20
21
|
this.config = { ...new ConfirmDialogConfig(), ...config };
|
|
@@ -75,9 +76,9 @@ export class ConfirmDialogComponent {
|
|
|
75
76
|
}
|
|
76
77
|
}
|
|
77
78
|
ConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1.DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
78
|
-
ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: ConfirmDialogComponent, selector: "aui-confirm-dialog", ngImport: i0, template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\"
|
|
79
|
+
ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: ConfirmDialogComponent, selector: "aui-confirm-dialog", ngImport: i0, template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isTemplateRef(config.content); else stringTemplate\">\n <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n </ng-container>\n <ng-template #stringTemplate>\n {{ config.content }}\n </ng-template>\n </div>\n <div [class]=\"bem.element('button-wrapper')\">\n <div>\n <button\n [aui-button]=\"config.confirmType\"\n [ngClass]=\"bem.element('confirm-button')\"\n [loading]=\"waitConfirm\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"confirm()\"\n >\n {{ config.confirmText }}\n </button>\n <button\n *ngIf=\"config.cancelButton\"\n aui-button\n [ngClass]=\"bem.element('cancel-button')\"\n [loading]=\"waitCancel\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"cancel()\"\n >\n {{ config.cancelText }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold);display:flex;word-wrap:break-word;word-break:break-all}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text));word-wrap:break-word;word-break:break-all}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"], components: [{ type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: i3.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
79
80
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
|
|
80
81
|
type: Component,
|
|
81
|
-
args: [{ selector: 'aui-confirm-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\"
|
|
82
|
+
args: [{ selector: 'aui-confirm-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isTemplateRef(config.content); else stringTemplate\">\n <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n </ng-container>\n <ng-template #stringTemplate>\n {{ config.content }}\n </ng-template>\n </div>\n <div [class]=\"bem.element('button-wrapper')\">\n <div>\n <button\n [aui-button]=\"config.confirmType\"\n [ngClass]=\"bem.element('confirm-button')\"\n [loading]=\"waitConfirm\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"confirm()\"\n >\n {{ config.confirmText }}\n </button>\n <button\n *ngIf=\"config.cancelButton\"\n aui-button\n [ngClass]=\"bem.element('cancel-button')\"\n [loading]=\"waitCancel\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"cancel()\"\n >\n {{ config.cancelText }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold);display:flex;word-wrap:break-word;word-break:break-all}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text));word-wrap:break-word;word-break:break-all}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"] }]
|
|
82
83
|
}], ctorParameters: function () { return [{ type: i1.DialogRef }, { type: i0.ChangeDetectorRef }]; } });
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2RpYWxvZy9jb25maXJtLWRpYWxvZy9jb25maXJtLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9zcmMvZGlhbG9nL2NvbmZpcm0tZGlhbG9nL2NvbmZpcm0tZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLFVBQVUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUVsRCxPQUFPLEVBQU8sUUFBUSxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUUzRCxPQUFPLEVBRUwsV0FBVyxHQUdaLE1BQU0saUJBQWlCLENBQUM7QUFFekIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7OztBQVU5RCxNQUFNLE9BQU8sc0JBQXNCO0lBUWpDLFlBQ21CLFNBQXlCLEVBQ3pCLEdBQXNCO1FBRHRCLGNBQVMsR0FBVCxTQUFTLENBQWdCO1FBQ3pCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBVHpDLFFBQUcsR0FBUSxRQUFRLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUkxQyxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGtCQUFhLEdBQUcsYUFBYSxDQUFDO0lBSTNCLENBQUM7SUFFSixTQUFTLENBQUMsTUFBaUM7UUFDekMsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLEdBQUcsSUFBSSxtQkFBbUIsRUFBRSxFQUFFLEdBQUcsTUFBTSxFQUFFLENBQUM7SUFDNUQsQ0FBQztJQUVELE9BQU8sQ0FBQyxJQUFpQjtRQUN2QixRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssV0FBVyxDQUFDLE9BQU87Z0JBQ3RCLE9BQU8sZ0JBQWdCLENBQUM7WUFDMUIsS0FBSyxXQUFXLENBQUMsTUFBTTtnQkFDckIsT0FBTyx3QkFBd0IsQ0FBQztZQUNsQztnQkFDRSxPQUFPLHNCQUFzQixDQUFDO1NBQ2pDO0lBQ0gsQ0FBQztJQUVELEtBQUssQ0FBQyxPQUFPO1FBQ1gsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxFQUFFO1lBQzlCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztZQUN0RCxPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUN4QixJQUFJO1lBQ0YsTUFBTSxNQUFNLEdBQUcsTUFBTSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDL0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7U0FDakQ7UUFBQyxNQUFNO1NBQ1A7Z0JBQVM7WUFDUixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztZQUN6QixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQztJQUVELEtBQUssQ0FBQyxNQUFNO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFO1lBQzdCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztZQUN2RCxPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN2QixJQUFJO1lBQ0YsTUFBTSxNQUFNLEdBQUcsTUFBTSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDOUQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7U0FDbEQ7UUFBQyxNQUFNO1NBQ1A7Z0JBQVM7WUFDUixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztZQUN4QixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQztJQUVPLFNBQVMsQ0FBSSxZQUE2QjtRQUNoRCxJQUFJLFlBQVksQ0FBQyxNQUFNLEVBQUU7WUFDdkIsT0FBTyxJQUFJLE9BQU8sQ0FBQyxZQUFrQyxDQUFDLENBQUM7U0FDeEQ7UUFFRCxNQUFNLE1BQU0sR0FBSSxZQUFzQyxFQUFFLENBQUM7UUFFekQsSUFBSSxNQUFNLFlBQVksVUFBVSxFQUFFO1lBQ2hDLE9BQU8sY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQy9CO1FBRUQsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQzs7bUhBeEVVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLDBEQzNCbkMsczVDQThDQTsyRkRuQmEsc0JBQXNCO2tCQVJsQyxTQUFTOytCQUNFLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLHVCQUNoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZpcnN0VmFsdWVGcm9tLCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IEJlbSwgYnVpbGRCZW0sIGlzVGVtcGxhdGVSZWYgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICcuLi9kaWFsb2ctcmVmJztcbmltcG9ydCB7XG4gIEJlZm9yZUFjdGlvbixcbiAgQ29uZmlybVR5cGUsXG4gIEN1c3RvbUJlZm9yZUFjdGlvbixcbiAgUHJvbWlzZUV4ZWN1dG9yLFxufSBmcm9tICcuLi9kaWFsb2cudHlwZXMnO1xuXG5pbXBvcnQgeyBDb25maXJtRGlhbG9nQ29uZmlnIH0gZnJvbSAnLi9jb25maXJtLWRpYWxvZy1jb25maWcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdWktY29uZmlybS1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29uZmlybS1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb25maXJtLWRpYWxvZy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIENvbmZpcm1EaWFsb2dDb21wb25lbnQ8VCA9IHVua25vd24sIFIgPSB1bmtub3duPiB7XG4gIGJlbTogQmVtID0gYnVpbGRCZW0oJ2F1aS1jb25maXJtLWRpYWxvZycpO1xuXG4gIGNvbmZpZzogQ29uZmlybURpYWxvZ0NvbmZpZzxULCBSPjtcblxuICB3YWl0Q29uZmlybSA9IGZhbHNlO1xuICB3YWl0Q2FuY2VsID0gZmFsc2U7XG4gIGlzVGVtcGxhdGVSZWYgPSBpc1RlbXBsYXRlUmVmO1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IGRpYWxvZ1JlZjogRGlhbG9nUmVmPGFueT4sXG4gICAgcHJpdmF0ZSByZWFkb25seSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICApIHt9XG5cbiAgc2V0Q29uZmlnKGNvbmZpZzogQ29uZmlybURpYWxvZ0NvbmZpZzxULCBSPikge1xuICAgIHRoaXMuY29uZmlnID0geyAuLi5uZXcgQ29uZmlybURpYWxvZ0NvbmZpZygpLCAuLi5jb25maWcgfTtcbiAgfVxuXG4gIGljb25NYXAodHlwZTogQ29uZmlybVR5cGUpIHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgIGNhc2UgQ29uZmlybVR5cGUuU3VjY2VzczpcbiAgICAgICAgcmV0dXJuICdjaGVja19jaXJjbGVfcyc7XG4gICAgICBjYXNlIENvbmZpcm1UeXBlLkRhbmdlcjpcbiAgICAgICAgcmV0dXJuICdleGNsYW1hdGlvbl90cmlhbmdsZV9zJztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiAnZXhjbGFtYXRpb25fY2lyY2xlX3MnO1xuICAgIH1cbiAgfVxuXG4gIGFzeW5jIGNvbmZpcm0oKSB7XG4gICAgaWYgKCF0aGlzLmNvbmZpZy5iZWZvcmVDb25maXJtKSB7XG4gICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSh7IGNvbmZpcm06IHRydWUsIHJlc3VsdDogbnVsbCB9KTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy53YWl0Q29uZmlybSA9IHRydWU7XG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IHJlc3VsdCA9IGF3YWl0IHRoaXMudG9Qcm9taXNlKHRoaXMuY29uZmlnLmJlZm9yZUNvbmZpcm0pO1xuICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoeyBjb25maXJtOiB0cnVlLCByZXN1bHQgfSk7XG4gICAgfSBjYXRjaCB7XG4gICAgfSBmaW5hbGx5IHtcbiAgICAgIHRoaXMud2FpdENvbmZpcm0gPSBmYWxzZTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIGFzeW5jIGNhbmNlbCgpIHtcbiAgICBpZiAoIXRoaXMuY29uZmlnLmJlZm9yZUNhbmNlbCkge1xuICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoeyBjb25maXJtOiBmYWxzZSwgcmVzdWx0OiBudWxsIH0pO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLndhaXRDYW5jZWwgPSB0cnVlO1xuICAgIHRyeSB7XG4gICAgICBjb25zdCByZXN1bHQgPSBhd2FpdCB0aGlzLnRvUHJvbWlzZSh0aGlzLmNvbmZpZy5iZWZvcmVDYW5jZWwpO1xuICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoeyBjb25maXJtOiBmYWxzZSwgcmVzdWx0IH0pO1xuICAgIH0gY2F0Y2gge1xuICAgIH0gZmluYWxseSB7XG4gICAgICB0aGlzLndhaXRDYW5jZWwgPSBmYWxzZTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgdG9Qcm9taXNlPFQ+KGJlZm9yZUFjdGlvbjogQmVmb3JlQWN0aW9uPFQ+KSB7XG4gICAgaWYgKGJlZm9yZUFjdGlvbi5sZW5ndGgpIHtcbiAgICAgIHJldHVybiBuZXcgUHJvbWlzZShiZWZvcmVBY3Rpb24gYXMgUHJvbWlzZUV4ZWN1dG9yPFQ+KTtcbiAgICB9XG5cbiAgICBjb25zdCByZXN1bHQgPSAoYmVmb3JlQWN0aW9uIGFzIEN1c3RvbUJlZm9yZUFjdGlvbjxUPikoKTtcblxuICAgIGlmIChyZXN1bHQgaW5zdGFuY2VvZiBPYnNlcnZhYmxlKSB7XG4gICAgICByZXR1cm4gZmlyc3RWYWx1ZUZyb20ocmVzdWx0KTtcbiAgICB9XG5cbiAgICByZXR1cm4gcmVzdWx0O1xuICB9XG59XG4iLCI8ZGl2IFtjbGFzc109XCJiZW0uYmxvY2soKVwiPlxuICA8ZGl2IFtjbGFzc109XCJiZW0uZWxlbWVudCgndGl0bGUnKVwiPlxuICAgIDxzcGFuIFtjbGFzc109XCJiZW0uZWxlbWVudCgnaWNvbicsIGNvbmZpZy5jb25maXJtVHlwZSArICcnKVwiPlxuICAgICAgPGF1aS1pY29uXG4gICAgICAgIFtpY29uXT1cImljb25NYXAoY29uZmlnLmNvbmZpcm1UeXBlKVwiXG4gICAgICAgIFtiYWNrZ3JvdW5kXT1cIlxuICAgICAgICAgIGljb25NYXAoY29uZmlnLmNvbmZpcm1UeXBlKS5lbmRzV2l0aCgnX3RyaWFuZ2xlX3MnKVxuICAgICAgICAgICAgPyAndHJpYW5nbGUnXG4gICAgICAgICAgICA6ICdjaXJjbGUnXG4gICAgICAgIFwiXG4gICAgICA+PC9hdWktaWNvbj5cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4+e3sgY29uZmlnLnRpdGxlIH19PC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdiBbY2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2NvbnRlbnQnKVwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpc1RlbXBsYXRlUmVmKGNvbmZpZy5jb250ZW50KTsgZWxzZSBzdHJpbmdUZW1wbGF0ZVwiPlxuICAgICAgPG5nLXRlbXBsYXRlICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29uZmlnLmNvbnRlbnRcIj48L25nLXRlbXBsYXRlPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZSAjc3RyaW5nVGVtcGxhdGU+XG4gICAgICB7eyBjb25maWcuY29udGVudCB9fVxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvZGl2PlxuICA8ZGl2IFtjbGFzc109XCJiZW0uZWxlbWVudCgnYnV0dG9uLXdyYXBwZXInKVwiPlxuICAgIDxkaXY+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIFthdWktYnV0dG9uXT1cImNvbmZpZy5jb25maXJtVHlwZVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cImJlbS5lbGVtZW50KCdjb25maXJtLWJ1dHRvbicpXCJcbiAgICAgICAgW2xvYWRpbmddPVwid2FpdENvbmZpcm1cIlxuICAgICAgICBbZGlzYWJsZWRdPVwid2FpdENvbmZpcm0gfHwgd2FpdENhbmNlbFwiXG4gICAgICAgIChjbGljayk9XCJjb25maXJtKClcIlxuICAgICAgPlxuICAgICAgICB7eyBjb25maWcuY29uZmlybVRleHQgfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cImNvbmZpZy5jYW5jZWxCdXR0b25cIlxuICAgICAgICBhdWktYnV0dG9uXG4gICAgICAgIFtuZ0NsYXNzXT1cImJlbS5lbGVtZW50KCdjYW5jZWwtYnV0dG9uJylcIlxuICAgICAgICBbbG9hZGluZ109XCJ3YWl0Q2FuY2VsXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIndhaXRDb25maXJtIHx8IHdhaXRDYW5jZWxcIlxuICAgICAgICAoY2xpY2spPVwiY2FuY2VsKClcIlxuICAgICAgPlxuICAgICAgICB7eyBjb25maWcuY2FuY2VsVGV4dCB9fVxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
package/fesm2015/alauda-ui.mjs
CHANGED
|
@@ -2326,10 +2326,10 @@ class CardComponent {
|
|
|
2326
2326
|
}
|
|
2327
2327
|
}
|
|
2328
2328
|
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2329
|
-
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CardComponent, selector: "aui-card", inputs: { divider: "divider" }, ngImport: i0, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m)}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2329
|
+
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CardComponent, selector: "aui-card", inputs: { divider: "divider" }, ngImport: i0, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2330
2330
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CardComponent, decorators: [{
|
|
2331
2331
|
type: Component,
|
|
2332
|
-
args: [{ selector: 'aui-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m)}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"] }]
|
|
2332
|
+
args: [{ selector: 'aui-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"] }]
|
|
2333
2333
|
}], propDecorators: { divider: [{
|
|
2334
2334
|
type: Input
|
|
2335
2335
|
}] } });
|
|
@@ -2377,10 +2377,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
2377
2377
|
class SectionComponent {
|
|
2378
2378
|
}
|
|
2379
2379
|
SectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2380
|
-
SectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SectionComponent, selector: "aui-section", ngImport: i0, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m)}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-size:var(--aui-font-size-l);
|
|
2380
|
+
SectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SectionComponent, selector: "aui-section", ngImport: i0, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);color:rgb(var(--aui-color-main-text))}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2381
2381
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SectionComponent, decorators: [{
|
|
2382
2382
|
type: Component,
|
|
2383
|
-
args: [{ selector: 'aui-section', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m)}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-size:var(--aui-font-size-l);
|
|
2383
|
+
args: [{ selector: 'aui-section', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);color:rgb(var(--aui-color-main-text))}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"] }]
|
|
2384
2384
|
}] });
|
|
2385
2385
|
|
|
2386
2386
|
class CardModule {
|
|
@@ -5688,6 +5688,7 @@ class ConfirmDialogComponent {
|
|
|
5688
5688
|
this.bem = buildBem('aui-confirm-dialog');
|
|
5689
5689
|
this.waitConfirm = false;
|
|
5690
5690
|
this.waitCancel = false;
|
|
5691
|
+
this.isTemplateRef = isTemplateRef;
|
|
5691
5692
|
}
|
|
5692
5693
|
setConfig(config) {
|
|
5693
5694
|
this.config = Object.assign(Object.assign({}, new ConfirmDialogConfig()), config);
|
|
@@ -5752,10 +5753,10 @@ class ConfirmDialogComponent {
|
|
|
5752
5753
|
}
|
|
5753
5754
|
}
|
|
5754
5755
|
ConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: DialogRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5755
|
-
ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: ConfirmDialogComponent, selector: "aui-confirm-dialog", ngImport: i0, template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\"
|
|
5756
|
+
ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: ConfirmDialogComponent, selector: "aui-confirm-dialog", ngImport: i0, template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isTemplateRef(config.content); else stringTemplate\">\n <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n </ng-container>\n <ng-template #stringTemplate>\n {{ config.content }}\n </ng-template>\n </div>\n <div [class]=\"bem.element('button-wrapper')\">\n <div>\n <button\n [aui-button]=\"config.confirmType\"\n [ngClass]=\"bem.element('confirm-button')\"\n [loading]=\"waitConfirm\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"confirm()\"\n >\n {{ config.confirmText }}\n </button>\n <button\n *ngIf=\"config.cancelButton\"\n aui-button\n [ngClass]=\"bem.element('cancel-button')\"\n [loading]=\"waitCancel\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"cancel()\"\n >\n {{ config.cancelText }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold);display:flex;word-wrap:break-word;word-break:break-all}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text));word-wrap:break-word;word-break:break-all}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
5756
5757
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
|
|
5757
5758
|
type: Component,
|
|
5758
|
-
args: [{ selector: 'aui-confirm-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\"
|
|
5759
|
+
args: [{ selector: 'aui-confirm-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isTemplateRef(config.content); else stringTemplate\">\n <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n </ng-container>\n <ng-template #stringTemplate>\n {{ config.content }}\n </ng-template>\n </div>\n <div [class]=\"bem.element('button-wrapper')\">\n <div>\n <button\n [aui-button]=\"config.confirmType\"\n [ngClass]=\"bem.element('confirm-button')\"\n [loading]=\"waitConfirm\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"confirm()\"\n >\n {{ config.confirmText }}\n </button>\n <button\n *ngIf=\"config.cancelButton\"\n aui-button\n [ngClass]=\"bem.element('cancel-button')\"\n [loading]=\"waitCancel\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"cancel()\"\n >\n {{ config.cancelText }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold);display:flex;word-wrap:break-word;word-break:break-all}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text));word-wrap:break-word;word-break:break-all}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"] }]
|
|
5759
5760
|
}], ctorParameters: function () { return [{ type: DialogRef }, { type: i0.ChangeDetectorRef }]; } });
|
|
5760
5761
|
|
|
5761
5762
|
class DialogConfig {
|