@alauda/ui 6.1.3-beta.3 → 6.1.3-beta.7

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.
Files changed (36) hide show
  1. package/alauda-ui.metadata.json +1 -1
  2. package/bundles/alauda-ui.umd.js +74 -75
  3. package/bundles/alauda-ui.umd.js.map +1 -1
  4. package/bundles/alauda-ui.umd.min.js +1 -1
  5. package/bundles/alauda-ui.umd.min.js.map +1 -1
  6. package/drawer/component/drawer-ref.d.ts +1 -1
  7. package/drawer/component/drawer.component.d.ts +2 -2
  8. package/drawer/component/drawer.service.d.ts +1 -1
  9. package/esm2015/dialog/dialog.module.js +1 -3
  10. package/esm2015/dialog/dialog.module.ngfactory.js +7 -8
  11. package/esm2015/dialog/dialog.module.ngsummary.json +1 -1
  12. package/esm2015/dialog/dialog.service.js +6 -2
  13. package/esm2015/drawer/component/drawer-ref.js +1 -1
  14. package/esm2015/drawer/component/drawer-ref.ngsummary.json +1 -1
  15. package/esm2015/drawer/component/drawer.component.js +8 -8
  16. package/esm2015/drawer/component/drawer.component.ngfactory.js +6 -6
  17. package/esm2015/drawer/component/drawer.component.ngsummary.json +1 -1
  18. package/esm2015/drawer/component/drawer.component.scss.ngstyle.js +1 -1
  19. package/esm2015/drawer/component/drawer.service.js +2 -2
  20. package/esm2015/drawer/drawer.module.js +1 -3
  21. package/esm2015/drawer/drawer.module.ngfactory.js +6 -7
  22. package/esm2015/drawer/drawer.module.ngsummary.json +1 -1
  23. package/esm2015/input/input.module.ngfactory.js +1 -1
  24. package/esm2015/input/number-input/number-input.component.js +2 -2
  25. package/esm2015/input/number-input/number-input.component.ngfactory.js +1 -1
  26. package/esm2015/message/message.module.js +1 -3
  27. package/esm2015/message/message.module.ngfactory.js +6 -8
  28. package/esm2015/message/message.module.ngsummary.json +1 -1
  29. package/esm2015/message/message.service.js +6 -2
  30. package/esm2015/notification/notification.module.js +1 -3
  31. package/esm2015/notification/notification.module.ngfactory.js +6 -8
  32. package/esm2015/notification/notification.module.ngsummary.json +1 -1
  33. package/esm2015/notification/notification.service.js +6 -2
  34. package/fesm2015/alauda-ui.js +57 -58
  35. package/fesm2015/alauda-ui.js.map +1 -1
  36. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import { TemplateRef, ɵɵdefineInjectable, Injectable, Pipe, ChangeDetectorRef, NgModule, Optional, Inject, SkipSelf, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive, EventEmitter, Output, ElementRef, ViewContainerRef, HostBinding, ViewChild, ContentChild, isDevMode, Renderer2, NgZone, HostListener, InjectionToken, Injector, ContentChildren, forwardRef, ɵɵinject, ApplicationRef, ComponentFactoryResolver, ViewChildren, Host, Type } from '@angular/core';
1
+ import { TemplateRef, ɵɵdefineInjectable, Injectable, Pipe, ChangeDetectorRef, NgModule, Optional, Inject, SkipSelf, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive, EventEmitter, Output, ElementRef, ViewContainerRef, HostBinding, ViewChild, ContentChild, isDevMode, Renderer2, NgZone, HostListener, InjectionToken, Injector, ɵɵinject, INJECTOR, ContentChildren, forwardRef, ApplicationRef, ComponentFactoryResolver, ViewChildren, Host, Type } from '@angular/core';
2
2
  import { Observable, ReplaySubject, Subject, merge, fromEvent, BehaviorSubject, combineLatest, of, Subscription, EMPTY, animationFrameScheduler } from 'rxjs';
3
3
  import { startWith, map, publishReplay, refCount, distinctUntilChanged, takeUntil, switchMap, throttleTime, debounceTime, first, tap, take, pluck, observeOn, repeat, takeWhile, endWith, filter } from 'rxjs/operators';
4
4
  import { CdkCellDef, CdkCell, CdkColumnDef, CdkHeaderCellDef, CdkHeaderCell, CdkHeaderRowDef, CdkHeaderRow, CDK_ROW_TEMPLATE, CdkRowDef, CdkRow, CdkTable, CDK_TABLE_TEMPLATE, CDK_TABLE, _COALESCED_STYLE_SCHEDULER, _CoalescedStyleScheduler, CdkTableModule } from '@angular/cdk/table';
@@ -7,14 +7,14 @@ import { HttpClient } from '@angular/common/http';
7
7
  import { trigger, state, style, transition, animate } from '@angular/animations';
8
8
  import { _VIEW_REPEATER_STRATEGY, _DisposeViewRepeaterStrategy, UniqueSelectionDispatcher } from '@angular/cdk/collections';
9
9
  import { FocusMonitor, FocusKeyManager, A11yModule } from '@angular/cdk/a11y';
10
- import { CdkScrollable, OverlayConfig, Overlay, OverlayModule, ScrollDispatcher } from '@angular/cdk/overlay';
10
+ import { CdkScrollable, OverlayConfig, Overlay, OverlayModule, ScrollDispatcher as ScrollDispatcher$1 } from '@angular/cdk/overlay';
11
11
  import { __awaiter } from 'tslib';
12
12
  import { ComponentPortal, CdkPortalOutlet, TemplatePortal, PortalModule, DomPortalOutlet, CdkPortal } from '@angular/cdk/portal';
13
13
  import { writeText } from 'clipboard-polyfill';
14
+ import { ScrollDispatcher, ViewportRuler, VIRTUAL_SCROLL_STRATEGY, _fixedSizeVirtualScrollStrategyFactory, CdkFixedSizeVirtualScroll, CdkVirtualForOf, CdkVirtualScrollViewport, CdkScrollable as CdkScrollable$1 } from '@angular/cdk/scrolling';
14
15
  import { Directionality } from '@angular/cdk/bidi';
15
16
  import { ControlContainer, NgForm, FormGroupDirective, NgControl, NG_VALUE_ACCESSOR, Validators, FormBuilder, FormsModule, ReactiveFormsModule, NG_VALIDATORS } from '@angular/forms';
16
17
  import { ObserversModule } from '@angular/cdk/observers';
17
- import { ViewportRuler, VIRTUAL_SCROLL_STRATEGY, _fixedSizeVirtualScrollStrategyFactory, CdkFixedSizeVirtualScroll, CdkVirtualForOf, CdkVirtualScrollViewport, CdkScrollable as CdkScrollable$1 } from '@angular/cdk/scrolling';
18
18
  import { CdkAccordion, CdkAccordionItem, CdkAccordionModule } from '@angular/cdk/accordion';
19
19
  import dayjs from 'dayjs';
20
20
  import customParseFormat from 'dayjs/plugin/customParseFormat';
@@ -2279,13 +2279,14 @@ class DialogService {
2279
2279
  }
2280
2280
  DialogService.DIALOG_OVERLAY_PANE_CLASS = 'aui-dialog-overlay-pane';
2281
2281
  DialogService.DIALOG_BACKDROP_CLASS = 'aui-dialog-backdrop';
2282
+ DialogService.ɵprov = ɵɵdefineInjectable({ factory: function DialogService_Factory() { return new DialogService(ɵɵinject(Overlay), ɵɵinject(INJECTOR), ɵɵinject(ScrollDispatcher), ɵɵinject(NgZone)); }, token: DialogService, providedIn: "root" });
2282
2283
  DialogService.decorators = [
2283
- { type: Injectable }
2284
+ { type: Injectable, args: [{ providedIn: 'root' },] }
2284
2285
  ];
2285
2286
  DialogService.ctorParameters = () => [
2286
2287
  { type: Overlay },
2287
2288
  { type: Injector },
2288
- { type: ScrollDispatcher },
2289
+ { type: ScrollDispatcher$1 },
2289
2290
  { type: NgZone }
2290
2291
  ];
2291
2292
 
@@ -2338,7 +2339,7 @@ DialogContentComponent.decorators = [
2338
2339
  ];
2339
2340
  DialogContentComponent.ctorParameters = () => [
2340
2341
  { type: ElementRef },
2341
- { type: ScrollDispatcher },
2342
+ { type: ScrollDispatcher$1 },
2342
2343
  { type: NgZone },
2343
2344
  { type: Directionality }
2344
2345
  ];
@@ -2421,7 +2422,6 @@ DialogModule.decorators = [
2421
2422
  DialogCloseDirective,
2422
2423
  ],
2423
2424
  entryComponents: [DialogComponent, ConfirmDialogComponent],
2424
- providers: [DialogService],
2425
2425
  },] }
2426
2426
  ];
2427
2427
 
@@ -3971,7 +3971,7 @@ class NumberInputComponent extends CommonFormControl {
3971
3971
  NumberInputComponent.decorators = [
3972
3972
  { type: Component, args: [{
3973
3973
  selector: 'aui-number-input',
3974
- template: "<div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n>\n <button\n *ngIf=\"controls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || (value$ | async) <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event.target).value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n />\n <button\n *ngIf=\"controls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || (value$ | async) >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n</div>\n",
3974
+ template: "<div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n>\n <button\n *ngIf=\"controls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || (value$ | async) <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($event.target.value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n />\n <button\n *ngIf=\"controls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || (value$ | async) >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n</div>\n",
3975
3975
  changeDetection: ChangeDetectionStrategy.OnPush,
3976
3976
  encapsulation: ViewEncapsulation.None,
3977
3977
  preserveWhitespaces: false,
@@ -5877,6 +5877,16 @@ MessageComponent.ctorParameters = () => [
5877
5877
  { type: ChangeDetectorRef }
5878
5878
  ];
5879
5879
 
5880
+ class MessageModule {
5881
+ }
5882
+ MessageModule.decorators = [
5883
+ { type: NgModule, args: [{
5884
+ imports: [CommonModule, OverlayModule, IconModule],
5885
+ declarations: [MessageWrapperComponent, MessageComponent],
5886
+ entryComponents: [MessageWrapperComponent, MessageComponent],
5887
+ },] }
5888
+ ];
5889
+
5880
5890
  class BaseMessage {
5881
5891
  constructor(overlay, injector, applicationRef, cfr, overlayPaneClassName, wrapperClass, componentClass, globalConfig) {
5882
5892
  this.overlay = overlay;
@@ -5967,8 +5977,9 @@ class MessageService extends BaseMessage {
5967
5977
  super(overlay, injector, applicationRef, cfr, 'aui-message-overlay-pane', MessageWrapperComponent, MessageComponent, Object.assign(Object.assign({}, MESSAGE_DEFAULT_CONFIG), globalConfig));
5968
5978
  }
5969
5979
  }
5980
+ MessageService.ɵprov = ɵɵdefineInjectable({ factory: function MessageService_Factory() { return new MessageService(ɵɵinject(Overlay), ɵɵinject(INJECTOR), ɵɵinject(ApplicationRef), ɵɵinject(ComponentFactoryResolver), ɵɵinject(MESSAGE_CONFIG, 8)); }, token: MessageService, providedIn: "root" });
5970
5981
  MessageService.decorators = [
5971
- { type: Injectable }
5982
+ { type: Injectable, args: [{ providedIn: 'root' },] }
5972
5983
  ];
5973
5984
  MessageService.ctorParameters = () => [
5974
5985
  { type: Overlay },
@@ -5978,17 +5989,6 @@ MessageService.ctorParameters = () => [
5978
5989
  { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [MESSAGE_CONFIG,] }] }
5979
5990
  ];
5980
5991
 
5981
- class MessageModule {
5982
- }
5983
- MessageModule.decorators = [
5984
- { type: NgModule, args: [{
5985
- imports: [CommonModule, OverlayModule, IconModule],
5986
- declarations: [MessageWrapperComponent, MessageComponent],
5987
- entryComponents: [MessageWrapperComponent, MessageComponent],
5988
- providers: [MessageService],
5989
- },] }
5990
- ];
5991
-
5992
5992
  class NotificationWrapperComponent extends MessageWrapperComponent {
5993
5993
  constructor(elementRef) {
5994
5994
  super(elementRef);
@@ -6110,6 +6110,16 @@ NotificationComponent.propDecorators = {
6110
6110
  onMouseLeave: [{ type: HostListener, args: ['mouseleave',] }]
6111
6111
  };
6112
6112
 
6113
+ class NotificationModule {
6114
+ }
6115
+ NotificationModule.decorators = [
6116
+ { type: NgModule, args: [{
6117
+ imports: [CommonModule, OverlayModule, PortalModule, IconModule],
6118
+ declarations: [NotificationWrapperComponent, NotificationComponent],
6119
+ entryComponents: [NotificationWrapperComponent, NotificationComponent],
6120
+ },] }
6121
+ ];
6122
+
6113
6123
  const NOTIFICATION_CONFIG = new InjectionToken('NOTIFICATION_CONFIG');
6114
6124
  const NOTIFICATION_DEFAULT_CONFIG = {
6115
6125
  duration: 6000,
@@ -6121,8 +6131,9 @@ class NotificationService extends BaseMessage {
6121
6131
  super(overlay, injector, applicationRef, cfr, 'aui-notification-overlay-pane', NotificationWrapperComponent, NotificationComponent, Object.assign(Object.assign({}, NOTIFICATION_DEFAULT_CONFIG), globalConfig));
6122
6132
  }
6123
6133
  }
6134
+ NotificationService.ɵprov = ɵɵdefineInjectable({ factory: function NotificationService_Factory() { return new NotificationService(ɵɵinject(Overlay), ɵɵinject(INJECTOR), ɵɵinject(ApplicationRef), ɵɵinject(ComponentFactoryResolver), ɵɵinject(NOTIFICATION_CONFIG, 8)); }, token: NotificationService, providedIn: "root" });
6124
6135
  NotificationService.decorators = [
6125
- { type: Injectable }
6136
+ { type: Injectable, args: [{ providedIn: 'root' },] }
6126
6137
  ];
6127
6138
  NotificationService.ctorParameters = () => [
6128
6139
  { type: Overlay },
@@ -6132,17 +6143,6 @@ NotificationService.ctorParameters = () => [
6132
6143
  { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NOTIFICATION_CONFIG,] }] }
6133
6144
  ];
6134
6145
 
6135
- class NotificationModule {
6136
- }
6137
- NotificationModule.decorators = [
6138
- { type: NgModule, args: [{
6139
- imports: [CommonModule, OverlayModule, PortalModule, IconModule],
6140
- declarations: [NotificationWrapperComponent, NotificationComponent],
6141
- entryComponents: [NotificationWrapperComponent, NotificationComponent],
6142
- providers: [NotificationService],
6143
- },] }
6144
- ];
6145
-
6146
6146
  class TabBodyComponent {
6147
6147
  constructor() {
6148
6148
  this.content$ = new BehaviorSubject(null);
@@ -10292,7 +10292,7 @@ class DrawerComponent extends DrawerRef {
10292
10292
  return this._value;
10293
10293
  }
10294
10294
  get drawerClasses() {
10295
- return Object.assign({ drawer: true }, (!this.drawerClass ? null : { [this.drawerClass]: true }));
10295
+ return Object.assign({ 'aui-drawer': true }, (!this.drawerClass ? null : { [this.drawerClass]: true }));
10296
10296
  }
10297
10297
  get afterClosed() {
10298
10298
  return this.afterClosed$.asObservable();
@@ -10317,7 +10317,7 @@ class DrawerComponent extends DrawerRef {
10317
10317
  this.open();
10318
10318
  }
10319
10319
  else {
10320
- this.closure();
10320
+ this.dispose();
10321
10321
  }
10322
10322
  }
10323
10323
  }
@@ -10345,7 +10345,7 @@ class DrawerComponent extends DrawerRef {
10345
10345
  this.hideOnClickOutside &&
10346
10346
  event.target instanceof Node &&
10347
10347
  !((_b = (_a = this.overlayRef.hostElement) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.contains(event.target))) {
10348
- this.closure();
10348
+ this.dispose();
10349
10349
  }
10350
10350
  });
10351
10351
  }
@@ -10394,7 +10394,7 @@ class DrawerComponent extends DrawerRef {
10394
10394
  this.updateBodyOverflow();
10395
10395
  this.cdr.markForCheck();
10396
10396
  }
10397
- closure(result = null) {
10397
+ dispose(result = null) {
10398
10398
  this.visible = false;
10399
10399
  this.close.next();
10400
10400
  this.afterClosed$.next(result);
@@ -10410,7 +10410,7 @@ class DrawerComponent extends DrawerRef {
10410
10410
  }
10411
10411
  maskClick() {
10412
10412
  if (this.maskClosable && this.mask) {
10413
- this.closure();
10413
+ this.dispose();
10414
10414
  }
10415
10415
  }
10416
10416
  ngOnDestroy() {
@@ -10421,10 +10421,10 @@ class DrawerComponent extends DrawerRef {
10421
10421
  DrawerComponent.decorators = [
10422
10422
  { type: Component, args: [{
10423
10423
  selector: 'aui-drawer',
10424
- template: "<ng-template #drawerTemplate>\n <div\n [class.drawer-mask-open]=\"visible\"\n class=\"drawer-mask\"\n (click)=\"maskClick()\"\n *ngIf=\"mask\"\n ></div>\n <div\n [style.marginTop.px]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.drawer-open]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div\n class=\"drawer-content\"\n [style.height]=\"'calc(100% - ' + offsetY + 'px)'\"\n >\n <div class=\"drawer-body-wrapper\">\n <div class=\"drawer-header\">\n <div class=\"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 <div class=\"drawer-close\" *ngIf=\"showClose\" (click)=\"closure()\">\n <aui-icon icon=\"close\"></aui-icon>\n </div>\n </div>\n\n <div class=\"drawer-body\">\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 class=\"drawer-footer\" *ngIf=\"footer\">\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 || titleTemplate\"\n [ngTemplateOutlet]=\"$any(footer || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n",
10424
+ 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.px]=\"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]=\"title || titleTemplate\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <div class=\"aui-drawer__close\" *ngIf=\"showClose\" (click)=\"dispose()\">\n <aui-icon icon=\"close\"></aui-icon>\n </div>\n </div>\n\n <div class=\"aui-drawer__body\">\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n content || contentTemplate;\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div *ngIf=\"footer || footerTemplate\" class=\"aui-drawer__footer\">\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 || titleTemplate\"\n [ngTemplateOutlet]=\"footer || titleTemplate\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n",
10425
10425
  encapsulation: ViewEncapsulation.None,
10426
10426
  changeDetection: ChangeDetectionStrategy.OnPush,
10427
- styles: [".drawer-open .drawer-content{box-shadow:0 4px 16px 0 rgba(var(--aui-color-n-1),.2)}.drawer-mask{position:absolute;top:0;left:0;width:100%;height:0;opacity:.4;background-color:rgb(var(--aui-color-n-0))}.drawer-mask-open{height:100%}.drawer{height:100%;position:fixed;top:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s}.drawer-content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.drawer-title{flex:1}.drawer-header{margin:20px 20px 0;background:rgb(var(--aui-color-n-10));display:flex;font-size:20px;font-weight:500;padding-bottom:16px;justify-content:space-between;border-bottom:1px solid rgb(var(--aui-color-n-7))}.drawer-close{z-index:10;display:flex;align-items:center;font-size:16px;cursor:pointer;color:rgb(var(--aui-color-n-4));margin-left:16px}.drawer-body-wrapper{width:100%;height:100%;flex-direction:column;flex-wrap:nowrap;display:flex;position:relative;z-index:1;background-clip:padding-box;border:0}.drawer-body{margin:16px 20px;overflow:hidden;overflow-y:auto;font-size:14px;height:calc(100% - 100px)}.drawer-footer{margin:0 20px 20px;padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-7))}"]
10427
+ styles: [".aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0;opacity:.4;background-color:rgb(var(--aui-color-n-0))}.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);color:rgb(var(--aui-color-n-1))}.aui-drawer.isOpen .aui-drawer__content{box-shadow:0 4px 16px 0 rgba(var(--aui-color-n-1),.2)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{margin:20px 20px 0;padding-bottom:16px;display:flex;justify-content:space-between;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-n-1));font-weight:var(--aui-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;margin-left:16px;display:flex;align-items:center;font-size:var(--aui-icon-size-m);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;position:relative;z-index:1}.aui-drawer__body{margin:16px 20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{margin:0 20px 20px;padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}"]
10428
10428
  },] }
10429
10429
  ];
10430
10430
  DrawerComponent.ctorParameters = () => [
@@ -10455,6 +10455,23 @@ DrawerComponent.propDecorators = {
10455
10455
  footerTemplate: [{ type: ContentChild, args: [DrawerFooterDirective, { read: TemplateRef },] }]
10456
10456
  };
10457
10457
 
10458
+ const COMMON = [
10459
+ DrawerComponent,
10460
+ DrawerHeaderDirective,
10461
+ DrawerContentDirective,
10462
+ DrawerFooterDirective,
10463
+ ];
10464
+ class DrawerModule {
10465
+ }
10466
+ DrawerModule.decorators = [
10467
+ { type: NgModule, args: [{
10468
+ imports: [CommonModule, IconModule, IconModule, OverlayModule, PortalModule],
10469
+ declarations: COMMON,
10470
+ exports: COMMON,
10471
+ entryComponents: [DrawerComponent],
10472
+ },] }
10473
+ ];
10474
+
10458
10475
  class DrawerService {
10459
10476
  constructor(overlay) {
10460
10477
  this.overlay = overlay;
@@ -10462,7 +10479,7 @@ class DrawerService {
10462
10479
  }
10463
10480
  open(options) {
10464
10481
  var _a, _b, _c;
10465
- (_b = (_a = this.drawerRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.closure();
10482
+ (_b = (_a = this.drawerRef) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.dispose();
10466
10483
  this.createDrawer();
10467
10484
  this.updateOptions(options);
10468
10485
  return (_c = this.drawerRef) === null || _c === void 0 ? void 0 : _c.instance;
@@ -10498,24 +10515,6 @@ DrawerService.ctorParameters = () => [
10498
10515
  { type: Overlay }
10499
10516
  ];
10500
10517
 
10501
- const COMMON = [
10502
- DrawerComponent,
10503
- DrawerHeaderDirective,
10504
- DrawerContentDirective,
10505
- DrawerFooterDirective,
10506
- ];
10507
- class DrawerModule {
10508
- }
10509
- DrawerModule.decorators = [
10510
- { type: NgModule, args: [{
10511
- imports: [CommonModule, IconModule, IconModule, OverlayModule, PortalModule],
10512
- declarations: COMMON,
10513
- exports: COMMON,
10514
- providers: [DrawerService],
10515
- entryComponents: [DrawerComponent],
10516
- },] }
10517
- ];
10518
-
10519
10518
  const StepState = {
10520
10519
  Default: 'default',
10521
10520
  Done: 'done',