@alauda/ui 6.0.1 → 6.0.2-beta.10

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.
@@ -3776,7 +3776,9 @@
3776
3776
  CheckboxGroupComponent.propDecorators = {
3777
3777
  direction: [{ type: i0.Input }],
3778
3778
  trackFn: [{ type: i0.Input }],
3779
- checkboxes: [{ type: i0.ContentChildren, args: [i0.forwardRef(function () { return CheckboxComponent; }),] }]
3779
+ checkboxes: [{ type: i0.ContentChildren, args: [i0.forwardRef(function () { return CheckboxComponent; }), {
3780
+ descendants: true,
3781
+ },] }]
3780
3782
  };
3781
3783
 
3782
3784
  var uniqueId$2 = 0;
@@ -3873,7 +3875,7 @@
3873
3875
  multi: true,
3874
3876
  },
3875
3877
  ],
3876
- styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-m);line-height:var(--aui-inline-height-m);position:relative}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{line-height:var(--aui-font-size-m)}.aui-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m);display:inline-flex}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag.isChecked,.aui-checkbox.isTag:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:var(--aui-border-m) solid rgb(var(--aui-color-n-7));color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-9));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}"]
3878
+ styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:var(--aui-inline-height-m);position:relative}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1))}.aui-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m);display:inline-flex}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag.isChecked,.aui-checkbox.isTag:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:var(--aui-border-m) solid rgb(var(--aui-color-n-7));color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-9));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}"]
3877
3879
  },] }
3878
3880
  ];
3879
3881
  CheckboxComponent.ctorParameters = function () { return [
@@ -5667,6 +5669,14 @@
5667
5669
  var _e = __read(_d, 2), customOptions = _e[0], contentOptions = _e[1];
5668
5670
  return __spread(customOptions.toArray(), contentOptions.toArray());
5669
5671
  }), operators.publishReplay(1), operators.refCount());
5672
+ // support dynamic options loading on filtering
5673
+ this.allOptions$.pipe(operators.takeUntil(this.destroy$$)).subscribe(function () {
5674
+ if (_this.opened) {
5675
+ requestAnimationFrame(function () {
5676
+ _this.autoFocusFirstOption();
5677
+ });
5678
+ }
5679
+ });
5670
5680
  this.hasMatchedOption$ = rxjs.combineLatest([
5671
5681
  this.allOptions$.pipe(operators.map(function (customOptions) { return customOptions.filter(function (option) { return option !== _this.inputtingOption; }); }),
5672
5682
  // eslint-disable-next-line sonarjs/no-identical-functions
@@ -6345,7 +6355,7 @@
6345
6355
  useExisting: SelectComponent,
6346
6356
  },
6347
6357
  ],
6348
- styles: [".aui-option-container{padding:var(--aui-select-options-padding) 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-option-container__content .divider{border:none;border-top:var(--aui-border-m) solid rgb(var(--aui-color-n-8))}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-select{display:inline-block;position:relative;width:var(--aui-select-width)}.aui-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}.aui-select__label-container.aui-input{position:absolute;top:0;left:0;display:inline-flex;align-items:center;pointer-events:none;background-color:transparent;border-color:transparent}.aui-select.isFilterable.isOpened .aui-select__label-container.aui-input{color:rgb(var(--aui-color-n-4))}.aui-select__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-select.isClearable .aui-input-group .aui-input--large{padding-right:calc(var(--aui-font-size-l) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-select.isClearable .aui-input-group .aui-input--medium,.aui-select.isClearable .aui-input-group .aui-input--small{padding-right:calc(var(--aui-font-size-m) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-select.isClearable .aui-input-group .aui-input--mini{padding-right:calc(var(--aui-font-size-s) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-select:not(.isDisabled) .aui-icon-caret_down_s{fill:rgb(var(--aui-color-n-1))}.aui-select__input.aui-input[readonly]{background-color:rgb(var(--aui-color-n-9));border-color:rgb(var(--aui-color-n-7))!important;cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:rgb(var(--aui-color-primary))}.aui-select__input.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))}.ng-submitted aui-select.ng-invalid .aui-input,aui-select.ng-invalid.ng-dirty .aui-input{border-color:rgb(var(--aui-color-red))!important}"]
6358
+ styles: [".aui-option-container{padding:var(--aui-select-options-padding) 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-option-container__content .divider{border:none;border-top:var(--aui-border-m) solid rgb(var(--aui-color-n-8))}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-select{display:inline-block;position:relative;width:var(--aui-select-width)}.aui-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}.aui-select__label-container.aui-input{position:absolute;top:0;left:0;display:inline-flex;align-items:center;pointer-events:none;background-color:transparent;border-color:transparent}.aui-select.isFilterable.isOpened .aui-select__label-container.aui-input{color:rgb(var(--aui-color-n-4))}.aui-select__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-select.isClearable .aui-input-group .aui-input--large{padding-right:calc(var(--aui-font-size-l) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-select.isClearable .aui-input-group .aui-input--medium,.aui-select.isClearable .aui-input-group .aui-input--small{padding-right:calc(var(--aui-font-size-m) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-select.isClearable .aui-input-group .aui-input--mini{padding-right:calc(var(--aui-font-size-s) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-select:not(.isDisabled) .aui-icon-caret_down_s{fill:rgb(var(--aui-color-n-2))}.aui-select__input.aui-input[readonly]{background-color:rgb(var(--aui-color-n-9));border-color:rgb(var(--aui-color-n-7))!important;cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:rgb(var(--aui-color-primary))}.aui-select__input.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))}.ng-submitted aui-select.ng-invalid .aui-input,aui-select.ng-invalid.ng-dirty .aui-input{border-color:rgb(var(--aui-color-red))!important}"]
6349
6359
  },] }
6350
6360
  ];
6351
6361
  SelectComponent.propDecorators = {
@@ -8580,7 +8590,7 @@
8580
8590
  multi: true,
8581
8591
  },
8582
8592
  ],
8583
- styles: [".aui-tree-node-container{padding:var(--aui-select-options-padding) 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10);position:relative;overflow:auto}.aui-tree-node-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-tree-node-container__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-tree-node-container__content .divider{border:none;border-top:var(--aui-border-m) solid rgb(var(--aui-color-n-8))}.aui-tree-node-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-tree-node-container--small .aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-tree-node-container--small .aui-tree-node-container__placeholder{font-size:var(--aui-font-size-s)}.aui-tree-select{display:inline-block;position:relative;width:var(--aui-select-width)}.aui-tree-select:not(.isDisabled):hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-tree-select:not(.isDisabled) .aui-icon-caret_down_s{fill:rgb(var(--aui-color-n-1))}.aui-tree-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-tree-select__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}.aui-tree-select.isClearable .aui-input-group .aui-tree-select__input.aui-input--medium{padding-right:calc(var(--aui-font-size-m) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-tree-select__input.aui-input[readonly]:not([disabled]){background-color:rgb(var(--aui-color-n-9));cursor:text}.ng-submitted aui-tree-select.ng-invalid .aui-input,aui-tree-select.ng-invalid.ng-dirty .aui-input{border-color:rgb(var(--aui-color-red))!important}"]
8593
+ styles: [".aui-tree-node-container{padding:var(--aui-select-options-padding) 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10);position:relative;overflow:auto}.aui-tree-node-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-tree-node-container__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-tree-node-container__content .divider{border:none;border-top:var(--aui-border-m) solid rgb(var(--aui-color-n-8))}.aui-tree-node-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-tree-node-container--small .aui-tree-node-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-tree-node-container--small .aui-tree-node-container__placeholder{font-size:var(--aui-font-size-s)}.aui-tree-select{display:inline-block;position:relative;width:var(--aui-select-width)}.aui-tree-select:not(.isDisabled):hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-tree-select:not(.isDisabled) .aui-icon-caret_down_s{fill:rgb(var(--aui-color-n-2))}.aui-tree-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-tree-select__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}.aui-tree-select.isClearable .aui-input-group .aui-tree-select__input.aui-input--medium{padding-right:calc(var(--aui-font-size-m) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-tree-select__input.aui-input[readonly]:not([disabled]){background-color:rgb(var(--aui-color-n-9));cursor:text}.ng-submitted aui-tree-select.ng-invalid .aui-input,aui-tree-select.ng-invalid.ng-dirty .aui-input{border-color:rgb(var(--aui-color-red))!important}"]
8584
8594
  },] }
8585
8595
  ];
8586
8596
  TreeSelectComponent.propDecorators = {
@@ -11998,7 +12008,7 @@
11998
12008
  });
11999
12009
  };
12000
12010
  DrawerComponent.prototype.attachBodyContent = function () {
12001
- var _a;
12011
+ var _a, _b;
12002
12012
  (_a = this.bodyPortalOutlet) === null || _a === void 0 ? void 0 : _a.dispose();
12003
12013
  var content = this.content || this.contentTemplate;
12004
12014
  if (content instanceof i0.Type) {
@@ -12011,7 +12021,7 @@
12011
12021
  ],
12012
12022
  parent: this.injector,
12013
12023
  }));
12014
- var componentRef = this.bodyPortalOutlet.attachComponentPortal(componentPortal);
12024
+ var componentRef = (_b = this.bodyPortalOutlet) === null || _b === void 0 ? void 0 : _b.attachComponentPortal(componentPortal);
12015
12025
  this.componentInstance = componentRef.instance;
12016
12026
  Object.assign(componentRef.instance, this.contentParams);
12017
12027
  componentRef.changeDetectorRef.detectChanges();
@@ -12063,10 +12073,10 @@
12063
12073
  DrawerComponent.decorators = [
12064
12074
  { type: i0.Component, args: [{
12065
12075
  selector: 'aui-drawer',
12066
- 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\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\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",
12076
+ 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",
12067
12077
  encapsulation: i0.ViewEncapsulation.None,
12068
12078
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
12069
- 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-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))}"]
12079
+ 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))}"]
12070
12080
  },] }
12071
12081
  ];
12072
12082
  DrawerComponent.ctorParameters = function () { return [
@@ -12156,7 +12166,7 @@
12156
12166
  }());
12157
12167
  DrawerModule.decorators = [
12158
12168
  { type: i0.NgModule, args: [{
12159
- imports: [common.CommonModule, IconModule, IconModule, i1.OverlayModule],
12169
+ imports: [common.CommonModule, IconModule, IconModule, i1.OverlayModule, portal.PortalModule],
12160
12170
  declarations: COMMON,
12161
12171
  exports: COMMON,
12162
12172
  providers: [DrawerService],