@alauda/ui 6.4.2-beta.6 → 6.4.2-beta.9
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 +2 -1
- 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 +7 -4
- package/esm2020/table/table-placeholder.directive.mjs +4 -21
- package/esm2020/table/table.component.mjs +6 -3
- package/fesm2015/alauda-ui.mjs +16 -26
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +16 -26
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/table/table-placeholder.directive.d.ts +1 -7
package/fesm2020/alauda-ui.mjs
CHANGED
|
@@ -2300,10 +2300,10 @@ class CardComponent {
|
|
|
2300
2300
|
}
|
|
2301
2301
|
}
|
|
2302
2302
|
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2303
|
-
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 });
|
|
2303
|
+
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 });
|
|
2304
2304
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CardComponent, decorators: [{
|
|
2305
2305
|
type: Component,
|
|
2306
|
-
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"] }]
|
|
2306
|
+
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"] }]
|
|
2307
2307
|
}], propDecorators: { divider: [{
|
|
2308
2308
|
type: Input
|
|
2309
2309
|
}] } });
|
|
@@ -2351,10 +2351,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
2351
2351
|
class SectionComponent {
|
|
2352
2352
|
}
|
|
2353
2353
|
SectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2354
|
-
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);
|
|
2354
|
+
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 });
|
|
2355
2355
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SectionComponent, decorators: [{
|
|
2356
2356
|
type: Component,
|
|
2357
|
-
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);
|
|
2357
|
+
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"] }]
|
|
2358
2358
|
}] });
|
|
2359
2359
|
|
|
2360
2360
|
class CardModule {
|
|
@@ -5700,12 +5700,15 @@ class ConfirmDialogComponent {
|
|
|
5700
5700
|
}
|
|
5701
5701
|
return result;
|
|
5702
5702
|
}
|
|
5703
|
+
isTemplateRef(content) {
|
|
5704
|
+
return content instanceof TemplateRef;
|
|
5705
|
+
}
|
|
5703
5706
|
}
|
|
5704
5707
|
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 });
|
|
5705
|
-
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')\"
|
|
5708
|
+
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 });
|
|
5706
5709
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
|
|
5707
5710
|
type: Component,
|
|
5708
|
-
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')\"
|
|
5711
|
+
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"] }]
|
|
5709
5712
|
}], ctorParameters: function () { return [{ type: DialogRef }, { type: i0.ChangeDetectorRef }]; } });
|
|
5710
5713
|
|
|
5711
5714
|
class DialogConfig {
|
|
@@ -8536,37 +8539,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
8536
8539
|
class TablePlaceholderDefDirective {
|
|
8537
8540
|
constructor(templateRef) {
|
|
8538
8541
|
this.templateRef = templateRef;
|
|
8539
|
-
this.visible$$ = new BehaviorSubject(true);
|
|
8540
|
-
this.visible$ = this.visible$$.asObservable().pipe(distinctUntilChanged());
|
|
8541
|
-
}
|
|
8542
|
-
set auiTablePlaceholderDef(show) {
|
|
8543
|
-
this.visible$$.next(!!show);
|
|
8544
8542
|
}
|
|
8545
8543
|
}
|
|
8546
8544
|
TablePlaceholderDefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TablePlaceholderDefDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
8547
|
-
TablePlaceholderDefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: TablePlaceholderDefDirective, selector: "ng-template[auiTablePlaceholderDef]",
|
|
8545
|
+
TablePlaceholderDefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: TablePlaceholderDefDirective, selector: "ng-template[auiTablePlaceholderDef]", ngImport: i0 });
|
|
8548
8546
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TablePlaceholderDefDirective, decorators: [{
|
|
8549
8547
|
type: Directive,
|
|
8550
8548
|
args: [{
|
|
8551
8549
|
selector: 'ng-template[auiTablePlaceholderDef]',
|
|
8552
8550
|
}]
|
|
8553
|
-
}], ctorParameters: function () { return [{ type: i0.TemplateRef }]; }
|
|
8554
|
-
type: Input
|
|
8555
|
-
}] } });
|
|
8551
|
+
}], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
|
|
8556
8552
|
class TablePlaceholderOutletDirective {
|
|
8557
8553
|
constructor(viewContainer, elementRef) {
|
|
8558
8554
|
this.viewContainer = viewContainer;
|
|
8559
8555
|
this.elementRef = elementRef;
|
|
8560
8556
|
}
|
|
8561
|
-
register(def, visible) {
|
|
8562
|
-
if (this.def) {
|
|
8563
|
-
this.viewContainer.clear();
|
|
8564
|
-
}
|
|
8565
|
-
if (visible) {
|
|
8566
|
-
this.def = def;
|
|
8567
|
-
this.viewContainer.createEmbeddedView(def.templateRef);
|
|
8568
|
-
}
|
|
8569
|
-
}
|
|
8570
8557
|
}
|
|
8571
8558
|
TablePlaceholderOutletDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TablePlaceholderOutletDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
8572
8559
|
TablePlaceholderOutletDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: TablePlaceholderOutletDirective, selector: "[auiTablePlaceholderOutlet]", ngImport: i0 });
|
|
@@ -8590,9 +8577,12 @@ class TableComponent extends CdkTable {
|
|
|
8590
8577
|
this._createPlaceholder();
|
|
8591
8578
|
}
|
|
8592
8579
|
_createPlaceholder() {
|
|
8593
|
-
|
|
8594
|
-
|
|
8580
|
+
const footerRow = this._placeholderDef;
|
|
8581
|
+
if (!this._placeholderDef) {
|
|
8582
|
+
return;
|
|
8595
8583
|
}
|
|
8584
|
+
const container = this._placeholderOutlet.viewContainer;
|
|
8585
|
+
container.createEmbeddedView(footerRow.templateRef);
|
|
8596
8586
|
}
|
|
8597
8587
|
_clearPlaceholder() {
|
|
8598
8588
|
this._placeholderOutlet.viewContainer.clear();
|