@alauda/ui 6.5.7-beta.2 → 6.5.7-beta.3
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/esm2020/dialog/dialog.component.mjs +3 -3
- package/esm2020/drawer/component/drawer.component.mjs +2 -2
- package/esm2020/message/message.component.mjs +3 -3
- package/esm2020/notification/notification.component.mjs +3 -3
- package/esm2020/tooltip/tooltip.component.mjs +2 -2
- package/fesm2015/alauda-ui.mjs +10 -10
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +10 -10
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/theme/style.css +84 -0
package/fesm2020/alauda-ui.mjs
CHANGED
|
@@ -1290,10 +1290,10 @@ class TooltipComponent {
|
|
|
1290
1290
|
}
|
|
1291
1291
|
}
|
|
1292
1292
|
TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1293
|
-
TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TooltipComponent, selector: "aui-tooltip", ngImport: i0, template: "<div\n *ngIf=\"inputContent$ | async\"\n [class]=\"class$ | async\"\n (mouseenter)=\"hover$.next(true)\"\n (mouseleave)=\"hover$.next(false)\"\n>\n {{ text$ | async }}\n <ng-container\n *ngIf=\"template$ | async\"\n [ngTemplateOutlet]=\"template$ | async\"\n [ngTemplateOutletContext]=\"context$ | async\"\n ></ng-container>\n</div>\n", styles: [".
|
|
1293
|
+
TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: TooltipComponent, selector: "aui-tooltip", ngImport: i0, template: "<div\n *ngIf=\"inputContent$ | async\"\n [class]=\"class$ | async\"\n (mouseenter)=\"hover$.next(true)\"\n (mouseleave)=\"hover$.next(false)\"\n>\n {{ text$ | async }}\n <ng-container\n *ngIf=\"template$ | async\"\n [ngTemplateOutlet]=\"template$ | async\"\n [ngTemplateOutletContext]=\"context$ | async\"\n ></ng-container>\n</div>\n", styles: [".aui-tooltip{position:relative;padding:var(--aui-spacing-xl);border-radius:var(--aui-border-radius-m);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);max-width:400px;word-wrap:break-word}:root .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-tooltip--default{padding:var(--aui-spacing-m) var(--aui-spacing-xl)}:root .aui-tooltip--default{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-1))}html[aui-theme-mode=light] .aui-tooltip--default{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-1))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tooltip--default{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}}html[aui-theme-mode=dark] .aui-tooltip--default{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--info{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--top,.aui-tooltip--bottom{margin:var(--aui-spacing-s) 0}.aui-tooltip--start,.aui-tooltip--end{margin:0 var(--aui-spacing-s)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1294
1294
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
1295
1295
|
type: Component,
|
|
1296
|
-
args: [{ selector: 'aui-tooltip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n *ngIf=\"inputContent$ | async\"\n [class]=\"class$ | async\"\n (mouseenter)=\"hover$.next(true)\"\n (mouseleave)=\"hover$.next(false)\"\n>\n {{ text$ | async }}\n <ng-container\n *ngIf=\"template$ | async\"\n [ngTemplateOutlet]=\"template$ | async\"\n [ngTemplateOutletContext]=\"context$ | async\"\n ></ng-container>\n</div>\n", styles: [".
|
|
1296
|
+
args: [{ selector: 'aui-tooltip', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n *ngIf=\"inputContent$ | async\"\n [class]=\"class$ | async\"\n (mouseenter)=\"hover$.next(true)\"\n (mouseleave)=\"hover$.next(false)\"\n>\n {{ text$ | async }}\n <ng-container\n *ngIf=\"template$ | async\"\n [ngTemplateOutlet]=\"template$ | async\"\n [ngTemplateOutletContext]=\"context$ | async\"\n ></ng-container>\n</div>\n", styles: [".aui-tooltip{position:relative;padding:var(--aui-spacing-xl);border-radius:var(--aui-border-radius-m);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);max-width:400px;word-wrap:break-word}:root .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-tooltip{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-tooltip--default{padding:var(--aui-spacing-m) var(--aui-spacing-xl)}:root .aui-tooltip--default{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-1))}html[aui-theme-mode=light] .aui-tooltip--default{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-1))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-tooltip--default{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}}html[aui-theme-mode=dark] .aui-tooltip--default{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--info{color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-popper-bg))}.aui-tooltip--top,.aui-tooltip--bottom{margin:var(--aui-spacing-s) 0}.aui-tooltip--start,.aui-tooltip--end{margin:0 var(--aui-spacing-s)}\n"] }]
|
|
1297
1297
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
|
|
1298
1298
|
|
|
1299
1299
|
function getOriginPosition(position) {
|
|
@@ -5810,7 +5810,7 @@ class DialogComponent {
|
|
|
5810
5810
|
}
|
|
5811
5811
|
}
|
|
5812
5812
|
DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
5813
|
-
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DialogComponent, selector: "aui-dialog", host: { listeners: { "@dialogContainer.start": "onAnimationStart($event)", "@dialogContainer.done": "onAnimationDone($event)" }, properties: { "@.disabled": "config.noAnimation", "@dialogContainer": "state" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}
|
|
5813
|
+
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DialogComponent, selector: "aui-dialog", host: { listeners: { "@dialogContainer.start": "onAnimationStart($event)", "@dialogContainer.done": "onAnimationDone($event)" }, properties: { "@.disabled": "config.noAnimation", "@dialogContainer": "state" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{overflow:auto;display:flex;justify-content:center;align-items:normal}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport{overflow:auto;display:flex;justify-content:center;align-items:center}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-zoom-enter,.aui-zoom-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-enter.aui-zoom-enter-active,.aui-zoom-leave.aui-zoom-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-enter.aui-zoom-enter-active{animation-name:aui-zoom-in}.aui-zoom-leave.aui-zoom-leave-active{animation-name:aui-zoom-out}.aui-zoom-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-zoom-slow-enter,.aui-zoom-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-slow-enter.aui-zoom-slow-enter-active,.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-slow-enter.aui-zoom-slow-enter-active{animation-name:aui-zoom-in}.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-name:aui-zoom-out}.aui-zoom-slow-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-slow-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-fade-enter,.aui-fade-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-enter.aui-fade-enter-active,.aui-fade-leave.aui-fade-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-enter.aui-fade-enter-active{animation-name:aui-fade-in}.aui-fade-leave.aui-fade-leave-active{animation-name:aui-fade-out}.aui-fade-enter{opacity:0;animation-timing-function:linear}.aui-fade-leave{animation-timing-function:linear}.aui-fade-slow-enter,.aui-fade-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-slow-enter.aui-fade-slow-enter-active,.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-slow-enter.aui-fade-slow-enter-active{animation-name:aui-fade-in}.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-name:aui-fade-out}.aui-fade-slow-enter{opacity:0;animation-timing-function:linear}.aui-fade-slow-leave{animation-timing-function:linear}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{flex-shrink:0;margin-left:var(--aui-spacing-xl);display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);color:rgb(var(--aui-color-secondary-text));border-radius:var(--aui-border-radius-m);cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-dialog__header-close:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [dialogAnimations.dialogContainer], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
5814
5814
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, decorators: [{
|
|
5815
5815
|
type: Component,
|
|
5816
5816
|
args: [{ selector: 'aui-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, preserveWhitespaces: false, animations: [dialogAnimations.dialogContainer], host: {
|
|
@@ -5818,7 +5818,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
5818
5818
|
'[@dialogContainer]': 'state',
|
|
5819
5819
|
'(@dialogContainer.start)': 'onAnimationStart($event)',
|
|
5820
5820
|
'(@dialogContainer.done)': 'onAnimationDone($event)',
|
|
5821
|
-
}, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}
|
|
5821
|
+
}, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{overflow:auto;display:flex;justify-content:center;align-items:normal}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport{overflow:auto;display:flex;justify-content:center;align-items:center}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-zoom-enter,.aui-zoom-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-enter.aui-zoom-enter-active,.aui-zoom-leave.aui-zoom-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-enter.aui-zoom-enter-active{animation-name:aui-zoom-in}.aui-zoom-leave.aui-zoom-leave-active{animation-name:aui-zoom-out}.aui-zoom-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-zoom-slow-enter,.aui-zoom-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-slow-enter.aui-zoom-slow-enter-active,.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-slow-enter.aui-zoom-slow-enter-active{animation-name:aui-zoom-in}.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-name:aui-zoom-out}.aui-zoom-slow-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-slow-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-fade-enter,.aui-fade-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-enter.aui-fade-enter-active,.aui-fade-leave.aui-fade-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-enter.aui-fade-enter-active{animation-name:aui-fade-in}.aui-fade-leave.aui-fade-leave-active{animation-name:aui-fade-out}.aui-fade-enter{opacity:0;animation-timing-function:linear}.aui-fade-leave{animation-timing-function:linear}.aui-fade-slow-enter,.aui-fade-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-slow-enter.aui-fade-slow-enter-active,.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-slow-enter.aui-fade-slow-enter-active{animation-name:aui-fade-in}.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-name:aui-fade-out}.aui-fade-slow-enter{opacity:0;animation-timing-function:linear}.aui-fade-slow-leave{animation-timing-function:linear}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{flex-shrink:0;margin-left:var(--aui-spacing-xl);display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);color:rgb(var(--aui-color-secondary-text));border-radius:var(--aui-border-radius-m);cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-dialog__header-close:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"] }]
|
|
5822
5822
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { portalOutlet: [{
|
|
5823
5823
|
type: ViewChild,
|
|
5824
5824
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -6427,10 +6427,10 @@ class DrawerComponent extends DrawerRef {
|
|
|
6427
6427
|
}
|
|
6428
6428
|
}
|
|
6429
6429
|
DrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DrawerComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1$2.Overlay }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
6430
|
-
DrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DrawerComponent, selector: "aui-drawer", inputs: { title: "title", footer: "footer", size: "size", offsetY: "offsetY", visible: "visible", content: "content", hideOnClickOutside: "hideOnClickOutside", showClose: "showClose", drawerClass: "drawerClass", mask: "mask", maskClosable: "maskClosable", divider: "divider", width: "width" }, outputs: { drawerViewInit: "drawerViewInit", close: "close" }, queries: [{ propertyName: "titleTemplate", first: true, predicate: DrawerHeaderDirective, descendants: true, read: TemplateRef }, { propertyName: "contentTemplate", first: true, predicate: DrawerContentDirective, descendants: true, read: TemplateRef }, { propertyName: "footerTemplate", first: true, predicate: DrawerFooterDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "drawerTemplate", first: true, predicate: ["drawerTemplate"], descendants: true, static: true }, { propertyName: "bodyPortalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <aui-icon\n *ngIf=\"showClose\"\n class=\"aui-drawer__close\"\n icon=\"xmark\"\n (click)=\"dispose()\"\n ></aui-icon>\n </div>\n\n <div\n class=\"aui-drawer__body\"\n cdkScrollable\n >\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"footer || footerTemplate\"\n class=\"aui-drawer__footer\"\n >\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".
|
|
6430
|
+
DrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DrawerComponent, selector: "aui-drawer", inputs: { title: "title", footer: "footer", size: "size", offsetY: "offsetY", visible: "visible", content: "content", hideOnClickOutside: "hideOnClickOutside", showClose: "showClose", drawerClass: "drawerClass", mask: "mask", maskClosable: "maskClosable", divider: "divider", width: "width" }, outputs: { drawerViewInit: "drawerViewInit", close: "close" }, queries: [{ propertyName: "titleTemplate", first: true, predicate: DrawerHeaderDirective, descendants: true, read: TemplateRef }, { propertyName: "contentTemplate", first: true, predicate: DrawerContentDirective, descendants: true, read: TemplateRef }, { propertyName: "footerTemplate", first: true, predicate: DrawerFooterDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "drawerTemplate", first: true, predicate: ["drawerTemplate"], descendants: true, static: true }, { propertyName: "bodyPortalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <aui-icon\n *ngIf=\"showClose\"\n class=\"aui-drawer__close\"\n icon=\"xmark\"\n (click)=\"dispose()\"\n ></aui-icon>\n </div>\n\n <div\n class=\"aui-drawer__body\"\n cdkScrollable\n >\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"footer || footerTemplate\"\n class=\"aui-drawer__footer\"\n >\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0}:root .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer-mask.isOpen{height:100%}.aui-drawer{position:fixed;top:0;bottom:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{padding:20px;display:flex;flex-shrink:0;justify-content:space-between}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;flex-shrink:0;margin-top:2px;margin-left:var(--aui-spacing-xl);display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);color:rgb(var(--aui-color-secondary-text));border-radius:var(--aui-border-radius-m);cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-drawer__close:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-flow:column nowrap;position:relative;z-index:1}.aui-drawer__body{padding:0 20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{padding:20px}.aui-drawer.hasDivider .aui-drawer__header{padding-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer.hasDivider .aui-drawer__body{padding:16px 20px}.aui-drawer.hasDivider .aui-drawer__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1$1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6431
6431
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DrawerComponent, decorators: [{
|
|
6432
6432
|
type: Component,
|
|
6433
|
-
args: [{ selector: 'aui-drawer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <aui-icon\n *ngIf=\"showClose\"\n class=\"aui-drawer__close\"\n icon=\"xmark\"\n (click)=\"dispose()\"\n ></aui-icon>\n </div>\n\n <div\n class=\"aui-drawer__body\"\n cdkScrollable\n >\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"footer || footerTemplate\"\n class=\"aui-drawer__footer\"\n >\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".
|
|
6433
|
+
args: [{ selector: 'aui-drawer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <aui-icon\n *ngIf=\"showClose\"\n class=\"aui-drawer__close\"\n icon=\"xmark\"\n (click)=\"dispose()\"\n ></aui-icon>\n </div>\n\n <div\n class=\"aui-drawer__body\"\n cdkScrollable\n >\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"footer || footerTemplate\"\n class=\"aui-drawer__footer\"\n >\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0}:root .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer-mask.isOpen{height:100%}.aui-drawer{position:fixed;top:0;bottom:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{padding:20px;display:flex;flex-shrink:0;justify-content:space-between}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;flex-shrink:0;margin-top:2px;margin-left:var(--aui-spacing-xl);display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);color:rgb(var(--aui-color-secondary-text));border-radius:var(--aui-border-radius-m);cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-drawer__close:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-flow:column nowrap;position:relative;z-index:1}.aui-drawer__body{padding:0 20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{padding:20px}.aui-drawer.hasDivider .aui-drawer__header{padding-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer.hasDivider .aui-drawer__body{padding:16px 20px}.aui-drawer.hasDivider .aui-drawer__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"] }]
|
|
6434
6434
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1$2.Overlay }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
|
|
6435
6435
|
type: Input
|
|
6436
6436
|
}], footer: [{
|
|
@@ -7101,10 +7101,10 @@ class MessageComponent {
|
|
|
7101
7101
|
}
|
|
7102
7102
|
}
|
|
7103
7103
|
MessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MessageComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7104
|
-
MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MessageComponent, selector: "aui-message", ngImport: i0, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId\"\n>\n <div [class]=\"bem.element('icon', type)\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('content')\">{{ content }}</div>\n</div>\n", styles: [".cdk-overlay-
|
|
7104
|
+
MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MessageComponent, selector: "aui-message", ngImport: i0, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId\"\n>\n <div [class]=\"bem.element('icon', type)\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('content')\">{{ content }}</div>\n</div>\n", styles: [".cdk-overlay-pane.aui-message-overlay-pane{z-index:1001}.aui-message{display:flex;margin-bottom:var(--aui-spacing-xxl);padding:8px 16px;min-width:100px;max-width:800px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-message{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-message{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-message{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-message{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-message__icon{font-size:var(--aui-icon-size-m)}.aui-message__icon--success{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-green))}.aui-message__icon--warning{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-yellow))}.aui-message__icon--error{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-red))}.aui-message__icon--info{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-blue))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], animations: [MessageAnimations.inOut], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7105
7105
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MessageComponent, decorators: [{
|
|
7106
7106
|
type: Component,
|
|
7107
|
-
args: [{ selector: 'aui-message', animations: [MessageAnimations.inOut], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId\"\n>\n <div [class]=\"bem.element('icon', type)\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('content')\">{{ content }}</div>\n</div>\n", styles: [".cdk-overlay-
|
|
7107
|
+
args: [{ selector: 'aui-message', animations: [MessageAnimations.inOut], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId\"\n>\n <div [class]=\"bem.element('icon', type)\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('content')\">{{ content }}</div>\n</div>\n", styles: [".cdk-overlay-pane.aui-message-overlay-pane{z-index:1001}.aui-message{display:flex;margin-bottom:var(--aui-spacing-xxl);padding:8px 16px;min-width:100px;max-width:800px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-message{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-message{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-message{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-message{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-message__icon{font-size:var(--aui-icon-size-m)}.aui-message__icon--success{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-green))}.aui-message__icon--warning{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-yellow))}.aui-message__icon--error{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-red))}.aui-message__icon--info{margin-right:var(--aui-spacing-m);color:rgb(var(--aui-color-blue))}\n"] }]
|
|
7108
7108
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }]; } });
|
|
7109
7109
|
|
|
7110
7110
|
class BaseMessage {
|
|
@@ -7309,10 +7309,10 @@ class NotificationComponent extends MessageComponent {
|
|
|
7309
7309
|
}
|
|
7310
7310
|
}
|
|
7311
7311
|
NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NotificationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7312
|
-
NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: NotificationComponent, selector: "aui-notification", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "modalEl", first: true, predicate: ["modalComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId + ' ' + customClass\"\n>\n <div [class]=\"bem.element('wrapper')\">\n <div [class]=\"bem.element('icon')\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('body')\">\n <div\n *ngIf=\"title\"\n [class]=\"bem.element('title')\"\n >\n {{ title }}\n </div>\n <div\n *ngIf=\"content\"\n [class]=\"bem.element('content')\"\n >\n {{ content }}\n </div>\n <ng-template cdkPortalHost></ng-template>\n <ng-template #modalComponent></ng-template>\n </div>\n <div [class]=\"bem.element('remove')\">\n <aui-icon\n *ngIf=\"duration <= 0 || isHover\"\n [class]=\"bem.element('close')\"\n icon=\"xmark\"\n (click)=\"close()\"\n ></aui-icon>\n <div\n *ngIf=\"duration > 0 && !isHover\"\n [class]=\"bem.element('duration')\"\n >\n {{ remains > 0 ? remains : 1 }}s\n </div>\n </div>\n </div>\n <div\n *ngIf=\"footerPortal\"\n [class]=\"bem.element('footer')\"\n >\n <ng-template [cdkPortalOutlet]=\"footerPortal\"></ng-template>\n </div>\n</div>\n", styles: [".cdk-overlay-
|
|
7312
|
+
NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: NotificationComponent, selector: "aui-notification", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "modalEl", first: true, predicate: ["modalComponent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId + ' ' + customClass\"\n>\n <div [class]=\"bem.element('wrapper')\">\n <div [class]=\"bem.element('icon')\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('body')\">\n <div\n *ngIf=\"title\"\n [class]=\"bem.element('title')\"\n >\n {{ title }}\n </div>\n <div\n *ngIf=\"content\"\n [class]=\"bem.element('content')\"\n >\n {{ content }}\n </div>\n <ng-template cdkPortalHost></ng-template>\n <ng-template #modalComponent></ng-template>\n </div>\n <div [class]=\"bem.element('remove')\">\n <aui-icon\n *ngIf=\"duration <= 0 || isHover\"\n [class]=\"bem.element('close')\"\n icon=\"xmark\"\n (click)=\"close()\"\n ></aui-icon>\n <div\n *ngIf=\"duration > 0 && !isHover\"\n [class]=\"bem.element('duration')\"\n >\n {{ remains > 0 ? remains : 1 }}s\n </div>\n </div>\n </div>\n <div\n *ngIf=\"footerPortal\"\n [class]=\"bem.element('footer')\"\n >\n <ng-template [cdkPortalOutlet]=\"footerPortal\"></ng-template>\n </div>\n</div>\n", styles: [".cdk-overlay-pane.aui-notification-overlay-pane{z-index:1001}.aui-notification{margin:0 20px 10px 0;width:400px;border-radius:4px;padding:20px 16px 20px 20px;background-color:rgb(var(--aui-color-popper-bg))}:root .aui-notification{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-notification{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-notification{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-notification{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-notification__wrapper{display:flex}.aui-notification__icon{font-size:var(--aui-icon-size-l);line-height:var(--aui-line-height-xl)}.aui-notification--success{border-left:4px solid rgb(var(--aui-color-green))}.aui-notification--success .aui-notification__icon{color:rgb(var(--aui-color-green))}.aui-notification--warning{border-left:4px solid rgb(var(--aui-color-yellow))}.aui-notification--warning .aui-notification__icon{color:rgb(var(--aui-color-yellow))}.aui-notification--error{border-left:4px solid rgb(var(--aui-color-red))}.aui-notification--error .aui-notification__icon{color:rgb(var(--aui-color-red))}.aui-notification--info{border-left:4px solid rgb(var(--aui-color-primary))}.aui-notification--info .aui-notification__icon{color:rgb(var(--aui-color-primary))}.aui-notification__body{flex:1;margin:0 16px 0 8px}.aui-notification__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-notification__title:not(:only-child){margin-bottom:6px}.aui-notification__content{margin-top:calc((var(--aui-line-height-xl) - var(--aui-line-height-m)) / 2);padding-right:4px;max-height:140px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}.aui-notification__content::-webkit-scrollbar{width:4px;height:4px}.aui-notification__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-notification__content::-webkit-scrollbar-corner{background-color:transparent}.aui-notification__remove{color:rgb(var(--aui-color-secondary-text));font-size:var(--aui-font-size-m)}.aui-notification__close{display:flex;justify-content:center;align-items:center;width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);font-size:var(--aui-icon-size-l);border-radius:var(--aui-border-radius-m);cursor:pointer}.aui-notification__close:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-notification__close:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-notification__duration{line-height:var(--aui-line-height-xl)}.aui-notification__footer{width:360px;margin-top:12px}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.PortalHostDirective, selector: "[cdkPortalHost], [portalHost]", inputs: ["cdkPortalHost"], exportAs: ["cdkPortalHost"] }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [MessageAnimations.inOut], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7313
7313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
7314
7314
|
type: Component,
|
|
7315
|
-
args: [{ selector: 'aui-notification', animations: [MessageAnimations.inOut], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId + ' ' + customClass\"\n>\n <div [class]=\"bem.element('wrapper')\">\n <div [class]=\"bem.element('icon')\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('body')\">\n <div\n *ngIf=\"title\"\n [class]=\"bem.element('title')\"\n >\n {{ title }}\n </div>\n <div\n *ngIf=\"content\"\n [class]=\"bem.element('content')\"\n >\n {{ content }}\n </div>\n <ng-template cdkPortalHost></ng-template>\n <ng-template #modalComponent></ng-template>\n </div>\n <div [class]=\"bem.element('remove')\">\n <aui-icon\n *ngIf=\"duration <= 0 || isHover\"\n [class]=\"bem.element('close')\"\n icon=\"xmark\"\n (click)=\"close()\"\n ></aui-icon>\n <div\n *ngIf=\"duration > 0 && !isHover\"\n [class]=\"bem.element('duration')\"\n >\n {{ remains > 0 ? remains : 1 }}s\n </div>\n </div>\n </div>\n <div\n *ngIf=\"footerPortal\"\n [class]=\"bem.element('footer')\"\n >\n <ng-template [cdkPortalOutlet]=\"footerPortal\"></ng-template>\n </div>\n</div>\n", styles: [".cdk-overlay-
|
|
7315
|
+
args: [{ selector: 'aui-notification', animations: [MessageAnimations.inOut], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId + ' ' + customClass\"\n>\n <div [class]=\"bem.element('wrapper')\">\n <div [class]=\"bem.element('icon')\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('body')\">\n <div\n *ngIf=\"title\"\n [class]=\"bem.element('title')\"\n >\n {{ title }}\n </div>\n <div\n *ngIf=\"content\"\n [class]=\"bem.element('content')\"\n >\n {{ content }}\n </div>\n <ng-template cdkPortalHost></ng-template>\n <ng-template #modalComponent></ng-template>\n </div>\n <div [class]=\"bem.element('remove')\">\n <aui-icon\n *ngIf=\"duration <= 0 || isHover\"\n [class]=\"bem.element('close')\"\n icon=\"xmark\"\n (click)=\"close()\"\n ></aui-icon>\n <div\n *ngIf=\"duration > 0 && !isHover\"\n [class]=\"bem.element('duration')\"\n >\n {{ remains > 0 ? remains : 1 }}s\n </div>\n </div>\n </div>\n <div\n *ngIf=\"footerPortal\"\n [class]=\"bem.element('footer')\"\n >\n <ng-template [cdkPortalOutlet]=\"footerPortal\"></ng-template>\n </div>\n</div>\n", styles: [".cdk-overlay-pane.aui-notification-overlay-pane{z-index:1001}.aui-notification{margin:0 20px 10px 0;width:400px;border-radius:4px;padding:20px 16px 20px 20px;background-color:rgb(var(--aui-color-popper-bg))}:root .aui-notification{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-notification{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-notification{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-notification{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-notification__wrapper{display:flex}.aui-notification__icon{font-size:var(--aui-icon-size-l);line-height:var(--aui-line-height-xl)}.aui-notification--success{border-left:4px solid rgb(var(--aui-color-green))}.aui-notification--success .aui-notification__icon{color:rgb(var(--aui-color-green))}.aui-notification--warning{border-left:4px solid rgb(var(--aui-color-yellow))}.aui-notification--warning .aui-notification__icon{color:rgb(var(--aui-color-yellow))}.aui-notification--error{border-left:4px solid rgb(var(--aui-color-red))}.aui-notification--error .aui-notification__icon{color:rgb(var(--aui-color-red))}.aui-notification--info{border-left:4px solid rgb(var(--aui-color-primary))}.aui-notification--info .aui-notification__icon{color:rgb(var(--aui-color-primary))}.aui-notification__body{flex:1;margin:0 16px 0 8px}.aui-notification__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-notification__title:not(:only-child){margin-bottom:6px}.aui-notification__content{margin-top:calc((var(--aui-line-height-xl) - var(--aui-line-height-m)) / 2);padding-right:4px;max-height:140px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}.aui-notification__content::-webkit-scrollbar{width:4px;height:4px}.aui-notification__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-notification__content::-webkit-scrollbar-corner{background-color:transparent}.aui-notification__remove{color:rgb(var(--aui-color-secondary-text));font-size:var(--aui-font-size-m)}.aui-notification__close{display:flex;justify-content:center;align-items:center;width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);font-size:var(--aui-icon-size-l);border-radius:var(--aui-border-radius-m);cursor:pointer}.aui-notification__close:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-notification__close:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-notification__duration{line-height:var(--aui-line-height-xl)}.aui-notification__footer{width:360px;margin-top:12px}\n"] }]
|
|
7316
7316
|
}], propDecorators: { portalOutlet: [{
|
|
7317
7317
|
type: ViewChild,
|
|
7318
7318
|
args: [CdkPortalOutlet, { static: true }]
|