@alauda/ui 5.7.6-beta.0 → 5.7.6-beta.4

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 (31) hide show
  1. package/alauda-ui.metadata.json +1 -1
  2. package/bundles/alauda-ui.umd.js +104 -142
  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/esm2015/alauda-ui.ngsummary.json +1 -1
  7. package/esm2015/autocomplete/autocomplete.component.js +1 -1
  8. package/esm2015/autocomplete/autocomplete.component.scss.ngstyle.js +1 -1
  9. package/esm2015/public-api.ngsummary.json +1 -1
  10. package/esm2015/select/multi-select/multi-select.component.js +47 -52
  11. package/esm2015/select/multi-select/multi-select.component.ngfactory.js +12 -9
  12. package/esm2015/select/multi-select/multi-select.component.ngsummary.json +1 -1
  13. package/esm2015/select/multi-select/multi-select.component.scss.ngstyle.js +1 -1
  14. package/esm2015/select/option/option.component.js +3 -31
  15. package/esm2015/select/option/option.component.ngfactory.js +4 -4
  16. package/esm2015/select/option/option.component.ngsummary.json +1 -1
  17. package/esm2015/select/public-api.ngsummary.json +1 -1
  18. package/esm2015/select/select.component.js +1 -1
  19. package/esm2015/select/select.component.scss.ngstyle.js +1 -1
  20. package/esm2015/select/select.module.js +6 -6
  21. package/esm2015/select/select.module.ngfactory.js +1 -1
  22. package/esm2015/select/select.types.js +7 -2
  23. package/esm2015/select/select.types.ngsummary.json +1 -1
  24. package/esm2015/tree-select/tree-select.component.js +1 -1
  25. package/esm2015/tree-select/tree-select.component.scss.ngstyle.js +1 -1
  26. package/fesm2015/alauda-ui.js +82 -108
  27. package/fesm2015/alauda-ui.js.map +1 -1
  28. package/package.json +1 -1
  29. package/select/multi-select/multi-select.component.d.ts +7 -8
  30. package/select/option/option.component.d.ts +0 -9
  31. package/select/select.types.d.ts +5 -0
@@ -3795,6 +3795,30 @@ I18nModule.decorators = [
3795
3795
  },] }
3796
3796
  ];
3797
3797
 
3798
+ const zh = {
3799
+ locale: 'zh',
3800
+ translation: {
3801
+ start_date: '开始日期',
3802
+ end_date: '结束日期',
3803
+ select_time: '选择时间',
3804
+ select_date: '选择日期',
3805
+ clear: '清除',
3806
+ confirm: '确定',
3807
+ to: '至',
3808
+ year_suffix: '年',
3809
+ month_suffix: '月',
3810
+ monday: '一',
3811
+ tuesday: '二',
3812
+ wednesday: '三',
3813
+ thursday: '四',
3814
+ friday: '五',
3815
+ saturday: '六',
3816
+ sunday: '日',
3817
+ now: '此刻',
3818
+ select_all: '全选',
3819
+ },
3820
+ };
3821
+
3798
3822
  class DropdownActiveDirective extends TooltipActiveDirective {
3799
3823
  }
3800
3824
  DropdownActiveDirective.decorators = [
@@ -4148,9 +4172,6 @@ class OptionComponent {
4148
4172
  this.cdr = cdr;
4149
4173
  this.bem = buildBem('aui-option');
4150
4174
  this._disabled = false;
4151
- this._isSelectAllOption = false;
4152
- this._indeterminate = false;
4153
- this._iconChecked = false;
4154
4175
  this._label = '';
4155
4176
  this._labelContext = {};
4156
4177
  this.label$$ = new BehaviorSubject(this.label);
@@ -4175,8 +4196,7 @@ class OptionComponent {
4175
4196
  this.visible$ = combineLatest([
4176
4197
  this.select.filterString$,
4177
4198
  combineLatest([this.label$, this.value$, this.labelContext$]).pipe(map(([label, value, labelContext]) => ({ label, value, labelContext }))),
4178
- ]).pipe(map(([filterString, option]) => this.select.filterFn(filterString, option) ||
4179
- !!this.isSelectAllOption), distinctUntilChanged(), tap(visible => {
4199
+ ]).pipe(map(([filterString, option]) => this.select.filterFn(filterString, option)), distinctUntilChanged(), tap(visible => {
4180
4200
  this.visible = visible;
4181
4201
  }), publishReplay(1), refCount());
4182
4202
  }
@@ -4207,31 +4227,10 @@ class OptionComponent {
4207
4227
  set disabled(val) {
4208
4228
  this._disabled = coerceAttrBoolean(val);
4209
4229
  }
4210
- get isSelectAllOption() {
4211
- return this._isSelectAllOption;
4212
- }
4213
- set isSelectAllOption(val) {
4214
- this._isSelectAllOption = coerceAttrBoolean(val);
4215
- }
4216
- get indeterminate() {
4217
- return this._indeterminate;
4218
- }
4219
- set indeterminate(val) {
4220
- this._indeterminate = coerceAttrBoolean(val);
4221
- }
4222
- get iconChecked() {
4223
- return this._iconChecked;
4224
- }
4225
- set iconChecked(val) {
4226
- this._iconChecked = coerceAttrBoolean(val);
4227
- }
4228
4230
  onClick() {
4229
4231
  if (this.disabled) {
4230
4232
  return;
4231
4233
  }
4232
- if (this.indeterminate) {
4233
- this.indeterminate = false;
4234
- }
4235
4234
  this.select.onOptionClick(this);
4236
4235
  }
4237
4236
  focus() {
@@ -4249,7 +4248,7 @@ class OptionComponent {
4249
4248
  OptionComponent.decorators = [
4250
4249
  { type: Component, args: [{
4251
4250
  selector: 'aui-option',
4252
- template: "<div\n #elRef\n [hidden]=\"!(visible$ | async)\"\n [class]=\"bem.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"\n (isSelectAllOption && iconChecked) ||\n (!isSelectAllOption && (selected$ | async))\n \"\n [class.isMulti]=\"isMulti\"\n [class.isFocused]=\"focused\"\n (click)=\"onClick()\"\n>\n <i *ngIf=\"isMulti\" class=\"aui-option__pointer\">\n <aui-icon\n icon=\"check_s\"\n [hidden]=\"\n (isSelectAllOption && !iconChecked) ||\n (!isSelectAllOption && !(selected$ | async)) ||\n indeterminate\n \"\n ></aui-icon>\n <aui-icon icon=\"minus_s\" [hidden]=\"!indeterminate\"></aui-icon>\n </i>\n <ng-content></ng-content>\n</div>\n",
4251
+ template: "<div\n #elRef\n [hidden]=\"!(visible$ | async)\"\n [class]=\"bem.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"selected$ | async\"\n [class.isMulti]=\"isMulti\"\n [class.isFocused]=\"focused\"\n (click)=\"onClick()\"\n>\n <i *ngIf=\"isMulti\" class=\"aui-option__pointer\">\n <aui-icon [hidden]=\"!(selected$ | async)\" icon=\"check_s\"></aui-icon>\n </i>\n <ng-content></ng-content>\n</div>\n",
4253
4252
  changeDetection: ChangeDetectionStrategy.OnPush,
4254
4253
  encapsulation: ViewEncapsulation.None,
4255
4254
  preserveWhitespaces: false,
@@ -4265,9 +4264,6 @@ OptionComponent.propDecorators = {
4265
4264
  labelContext: [{ type: Input }],
4266
4265
  value: [{ type: Input }],
4267
4266
  disabled: [{ type: Input }],
4268
- isSelectAllOption: [{ type: Input }],
4269
- indeterminate: [{ type: Input }],
4270
- iconChecked: [{ type: Input }],
4271
4267
  elRef: [{ type: ViewChild, args: ['elRef', { static: true },] }]
4272
4268
  };
4273
4269
 
@@ -4565,19 +4561,25 @@ BaseSelect.propDecorators = {
4565
4561
  contentOptions: [{ type: ContentChildren, args: [OptionComponent, { descendants: true },] }]
4566
4562
  };
4567
4563
 
4564
+ var SelectAllStatus;
4565
+ (function (SelectAllStatus) {
4566
+ SelectAllStatus["Empty"] = "";
4567
+ SelectAllStatus["Checked"] = "checked";
4568
+ SelectAllStatus["Indeterminate"] = "indeterminate";
4569
+ })(SelectAllStatus || (SelectAllStatus = {}));
4570
+
4568
4571
  class MultiSelectComponent extends BaseSelect {
4569
4572
  constructor(cdr, renderer) {
4570
4573
  super(cdr);
4571
4574
  this.renderer = renderer;
4572
4575
  this.bem = buildBem('aui-multi-select');
4576
+ this.bemSelectAll = buildBem('aui-option');
4573
4577
  this._allowSelectAll = false;
4574
4578
  this.selectedValues = [];
4575
4579
  this.values$ = this.value$$.asObservable();
4576
4580
  this.maxRowCount = 0;
4577
4581
  this.customRowHeight = 0; // 0: use default style const value, > 1: for ```tagClassFn``` maybe affect lineHeight
4578
4582
  this.inputValue = '';
4579
- this.selectAllIndeterminate = false;
4580
- this.selectAllIconChecked = false;
4581
4583
  this.withMaxRowCount = createWithMaxRowCount(this);
4582
4584
  this.focused = false;
4583
4585
  this.trackByValue = (_, item) => this.trackFn(item.value);
@@ -4647,10 +4649,26 @@ class MultiSelectComponent extends BaseSelect {
4647
4649
  };
4648
4650
  })), publishReplay(1), refCount());
4649
4651
  }
4652
+ ngAfterViewInit() {
4653
+ super.ngAfterViewInit();
4654
+ this.selectAllStatus$ = combineLatest([
4655
+ this.allOptions$.pipe(startWith(this.contentOptions)),
4656
+ this.value$,
4657
+ this.filterString$,
4658
+ ]).pipe(map(([allOptions]) => {
4659
+ const visibleOptions = allOptions.filter(({ visible }) => visible);
4660
+ const checkedOptions = visibleOptions.filter(({ selected }) => selected);
4661
+ return checkedOptions.length &&
4662
+ checkedOptions.length !== visibleOptions.length
4663
+ ? SelectAllStatus.Indeterminate
4664
+ : checkedOptions.length === 0
4665
+ ? SelectAllStatus.Empty
4666
+ : SelectAllStatus.Checked;
4667
+ }), startWith(SelectAllStatus.Empty), publishReplay(1), refCount());
4668
+ }
4650
4669
  onShowOptions() {
4651
4670
  super.onShowOptions();
4652
4671
  this.inputRef.nativeElement.focus();
4653
- this.calcSelectAllStatus();
4654
4672
  }
4655
4673
  onHideOptions() {
4656
4674
  super.onHideOptions();
@@ -4661,7 +4679,6 @@ class MultiSelectComponent extends BaseSelect {
4661
4679
  super.onInput(event);
4662
4680
  this.setInputWidth();
4663
4681
  this.tooltipRef.updatePosition();
4664
- this.calcSelectAllStatus();
4665
4682
  }
4666
4683
  onInputFocus() {
4667
4684
  this.focused = true;
@@ -4691,7 +4708,6 @@ class MultiSelectComponent extends BaseSelect {
4691
4708
  else {
4692
4709
  super.onKeyDown(event);
4693
4710
  }
4694
- this.calcSelectAllStatus();
4695
4711
  }
4696
4712
  writeValue(val) {
4697
4713
  this.value$$.next(val || []);
@@ -4701,41 +4717,16 @@ class MultiSelectComponent extends BaseSelect {
4701
4717
  });
4702
4718
  }
4703
4719
  selectOption(option) {
4704
- if (this.allowSelectAll && !this.allowCreate) {
4705
- const visibleOptions = this.contentOptions.filter(({ visible }) => visible);
4706
- const checkedOptions = visibleOptions.filter(({ selected }) => selected);
4707
- if (option === this.selectAllOption) {
4708
- if (checkedOptions.length === visibleOptions.length) {
4709
- this.emitValueChange(this.contentOptions
4710
- .filter(({ selected, value }) => selected &&
4711
- !visibleOptions.map(({ value }) => value).includes(value))
4712
- .map(({ value }) => value));
4713
- }
4714
- else {
4715
- this.emitValueChange([
4716
- ...new Set([
4717
- ...this.contentOptions
4718
- .filter(({ selected }) => selected)
4719
- .map(({ value }) => value),
4720
- ...visibleOptions.map(({ value }) => value),
4721
- ]),
4722
- ]);
4723
- }
4724
- }
4720
+ if (option.selected) {
4721
+ this.removeValue(option.value);
4725
4722
  }
4726
- if (option !== this.selectAllOption) {
4727
- if (option.selected) {
4728
- this.removeValue(option.value);
4729
- }
4730
- else {
4731
- this.addValue(option.value);
4732
- }
4723
+ else {
4724
+ this.addValue(option.value);
4733
4725
  }
4734
4726
  const isCustom = !this.contentOptions.some(({ value }) => value === option.value);
4735
4727
  if (isCustom) {
4736
4728
  this.resetFocusedOption();
4737
4729
  }
4738
- this.calcSelectAllStatus();
4739
4730
  }
4740
4731
  addValue(value) {
4741
4732
  const values = this.selectedValues.concat(value);
@@ -4761,20 +4752,28 @@ class MultiSelectComponent extends BaseSelect {
4761
4752
  this.emitValueChange([]);
4762
4753
  event.stopPropagation();
4763
4754
  event.preventDefault();
4764
- this.calcSelectAllStatus();
4765
- }
4766
- removeTag(value) {
4767
- this.removeValue(value);
4768
- this.calcSelectAllStatus();
4769
4755
  }
4770
- calcSelectAllStatus() {
4771
- if (this.allowSelectAll && !this.allowCreate) {
4772
- const visibleOptions = this.contentOptions.filter(({ visible }) => visible);
4773
- const checkedOptions = visibleOptions.filter(({ selected }) => selected);
4774
- this.selectAllIndeterminate =
4775
- checkedOptions.length &&
4776
- checkedOptions.length !== visibleOptions.length;
4777
- this.selectAllIconChecked = !!checkedOptions.length;
4756
+ onSelectAllClick() {
4757
+ if (this.disabled) {
4758
+ return;
4759
+ }
4760
+ const visibleOptions = this.allOptions.filter(({ visible }) => visible);
4761
+ const checkedOptions = visibleOptions.filter(({ selected }) => selected);
4762
+ if (checkedOptions.length === visibleOptions.length) {
4763
+ this.emitValueChange(this.allOptions
4764
+ .filter(({ selected, value }) => selected &&
4765
+ !visibleOptions.map(({ value }) => value).includes(value))
4766
+ .map(({ value }) => value));
4767
+ }
4768
+ else {
4769
+ this.emitValueChange([
4770
+ ...new Set([
4771
+ ...this.allOptions
4772
+ .filter(({ selected }) => selected)
4773
+ .map(({ value }) => value),
4774
+ ...visibleOptions.map(({ value }) => value),
4775
+ ]),
4776
+ ]);
4778
4777
  }
4779
4778
  }
4780
4779
  resetInput() {
@@ -4802,7 +4801,7 @@ class MultiSelectComponent extends BaseSelect {
4802
4801
  MultiSelectComponent.decorators = [
4803
4802
  { type: Component, args: [{
4804
4803
  selector: 'aui-multi-select',
4805
- template: "<div\n [class]=\"rootClass\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\n (mousedown)=\"$event.preventDefault()\"\n [style.max-height]=\"maxHeight\"\n>\n <div class=\"aui-multi-select__suffix\">\n <aui-icon\n *ngIf=\"displayClearBtn\"\n class=\"aui-multi-select__clear\"\n (click)=\"clearValue($event)\"\n icon=\"close_small\"\n ></aui-icon>\n <aui-icon\n class=\"aui-multi-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n </div>\n <span\n [hidden]=\"selectedValues.length || inputRef.value.length\"\n [class]=\"bem.element('placeholder')\"\n >\n {{ placeholder }}\n </span>\n <aui-tag\n *ngFor=\"let option of selectedOptions$ | async; trackBy: trackByValue\"\n type=\"info\"\n [round]=\"true\"\n [border]=\"true\"\n [size]=\"tagSize\"\n [closeable]=\"!disabled\"\n (close)=\"removeTag(option.value)\"\n [ngClass]=\"tagClassFn && tagClassFn(option.label, option.value)\"\n >\n <ng-container\n *ngIf=\"isTemplateRef(option.label); else label\"\n [ngTemplateOutlet]=\"option.label\"\n [ngTemplateOutletContext]=\"option.labelContext\"\n ></ng-container>\n <ng-template #label>\n {{ option.label }}\n </ng-template>\n </aui-tag>\n <input\n #inputRef\n autocomplete=\"off\"\n [readonly]=\"inputReadonly\"\n [class]=\"inputClass\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur()\"\n (keydown)=\"onKeyDown($event)\"\n (input)=\"onInput($event)\"\n />\n <span #inputValueMirror [class]=\"bem.element('mirror')\">\n {{ inputValue }}\n </span>\n</div>\n\n<ng-template #templateRef>\n <div\n class=\"aui-option-container\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div #optionListRef class=\"aui-option-container__content\">\n <aui-option\n #inputtingOption\n *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n [value]=\"filterString\"\n >\n {{ filterString }}\n </aui-option>\n <aui-option\n #selectAllOption\n *ngIf=\"allowSelectAll && !allowCreate\"\n [isSelectAllOption]=\"true\"\n [iconChecked]=\"selectAllIconChecked\"\n [indeterminate]=\"selectAllIndeterminate\"\n >\n {{ 'select_all' | auiI18n }}\n </aui-option>\n <ng-container *ngIf=\"allowCreate\">\n <aui-option\n *ngFor=\"let option of customCreatedOptions$ | async\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n >\n {{ option.label }}\n </aui-option>\n </ng-container>\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"\n !(\n (hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString)\n )\n \"\n class=\"aui-option-container__placeholder\"\n >\n <ng-content select=\"aui-option-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n",
4804
+ template: "<div\n [class]=\"rootClass\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\n (mousedown)=\"$event.preventDefault()\"\n [style.max-height]=\"maxHeight\"\n>\n <div class=\"aui-multi-select__suffix\">\n <aui-icon\n *ngIf=\"displayClearBtn\"\n class=\"aui-multi-select__clear\"\n (click)=\"clearValue($event)\"\n icon=\"close_small\"\n ></aui-icon>\n <aui-icon\n class=\"aui-multi-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n </div>\n <span\n [hidden]=\"selectedValues.length || inputRef.value.length\"\n [class]=\"bem.element('placeholder')\"\n >\n {{ placeholder }}\n </span>\n <aui-tag\n *ngFor=\"let option of selectedOptions$ | async; trackBy: trackByValue\"\n type=\"info\"\n [round]=\"true\"\n [border]=\"true\"\n [size]=\"tagSize\"\n [closeable]=\"!disabled\"\n (close)=\"removeValue(option.value)\"\n [ngClass]=\"tagClassFn && tagClassFn(option.label, option.value)\"\n >\n <ng-container\n *ngIf=\"isTemplateRef(option.label); else label\"\n [ngTemplateOutlet]=\"option.label\"\n [ngTemplateOutletContext]=\"option.labelContext\"\n ></ng-container>\n <ng-template #label>\n {{ option.label }}\n </ng-template>\n </aui-tag>\n <input\n #inputRef\n autocomplete=\"off\"\n [readonly]=\"inputReadonly\"\n [class]=\"inputClass\"\n (focus)=\"onInputFocus()\"\n (blur)=\"onInputBlur()\"\n (keydown)=\"onKeyDown($event)\"\n (input)=\"onInput($event)\"\n />\n <span #inputValueMirror [class]=\"bem.element('mirror')\">\n {{ inputValue }}\n </span>\n</div>\n\n<ng-template #templateRef>\n <div\n class=\"aui-option-container\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div #optionListRef class=\"aui-option-container__content\">\n <ng-container\n *ngIf=\"\n allowSelectAll &&\n ((hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString))\n \"\n >\n <div\n class=\"aui-option\"\n [class]=\"bemSelectAll.block(size$ | async)\"\n [class.isDisabled]=\"disabled\"\n [class.isSelected]=\"!!(selectAllStatus$ | async)\"\n [class.isMulti]=\"true\"\n (click)=\"onSelectAllClick()\"\n >\n <i class=\"aui-option__pointer\">\n <aui-icon\n [icon]=\"\n (selectAllStatus$ | async) === 'checked' ? 'check_s' : 'minus_s'\n \"\n [hidden]=\"!(selectAllStatus$ | async)\"\n ></aui-icon>\n </i>\n {{ 'select_all' | auiI18n }}\n </div>\n <hr class=\"divider\" />\n </ng-container>\n <aui-option\n #inputtingOption\n *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n [value]=\"filterString\"\n >\n {{ filterString }}\n </aui-option>\n <ng-container *ngIf=\"allowCreate\">\n <aui-option\n *ngFor=\"let option of customCreatedOptions$ | async\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n >\n {{ option.label }}\n </aui-option>\n </ng-container>\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"\n !(\n (hasVisibleOption$ | async) ||\n (allowCreate && (customCreatedOptions$ | async).length) ||\n (allowCreate && filterString)\n )\n \"\n class=\"aui-option-container__placeholder\"\n >\n <ng-content select=\"aui-option-placeholder\"></ng-content>\n </div>\n </div>\n</ng-template>\n",
4806
4805
  changeDetection: ChangeDetectionStrategy.OnPush,
4807
4806
  encapsulation: ViewEncapsulation.None,
4808
4807
  preserveWhitespaces: false,
@@ -4817,7 +4816,7 @@ MultiSelectComponent.decorators = [
4817
4816
  useExisting: MultiSelectComponent,
4818
4817
  },
4819
4818
  ],
4820
- styles: [".aui-input{display:inline-block;width:100%;min-width:0;border:1px solid var(--aui-color-info);border-radius:0;background-color:var(--aui-color-white);color:var(--aui-color-text-main);outline:none;text-overflow:ellipsis}@-webkit-keyframes cdk-text-field-autofill-color-0{to{background:var(--aui-color-white);color:var(--aui-color-text-main)}}@keyframes cdk-text-field-autofill-color-0{to{background:var(--aui-color-white);color:var(--aui-color-text-main)}}.aui-input:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-inner-spin-button,.aui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::-moz-placeholder{color:var(--aui-color-text-placeholder)}.aui-input:-ms-input-placeholder{color:var(--aui-color-text-placeholder)}.aui-input::placeholder{color:var(--aui-color-text-placeholder)}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input.isFocused,.aui-input:focus,.aui-input:hover{border-color:var(--aui-color-primary)}.aui-input[readonly]{cursor:default}.aui-input[disabled],.aui-input[readonly]{background-color:var(--aui-color-disabled-bg);border-color:var(--aui-color-info)}.aui-input[disabled]{color:var(--aui-color-text-placeholder);cursor:not-allowed}.aui-input--large{height:40px;padding:0 11px;font-size:16px}.aui-input--medium{height:32px;padding:0 7px;font-size:14px}.aui-input--small{height:28px;padding:0 7px;font-size:14px}.aui-input--mini{height:24px;padding:0 5px;font-size:12px}textarea.aui-input{resize:vertical;overflow:auto}textarea.aui-input--large{padding:8px 11px;height:84px;min-height:40px;font-size:16px;line-height:22px}textarea.aui-input--medium{padding:5px 7px;height:72px;min-height:32px;font-size:14px;line-height:20px}textarea.aui-input--small{padding:3px 7px;height:68px;min-height:28px;font-size:14px;line-height:20px}textarea.aui-input--mini{padding:3px 5px;height:56px;min-height:24px;font-size:12px;line-height:16px}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:var(--aui-color-error)!important}", ".aui-tag{display:inline-flex;border-radius:0;border:1px solid transparent;max-width:300px;vertical-align:middle}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:14px;padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:var(--aui-color-primary);background-color:var(--aui-color-primary-extra-light)}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:var(--aui-color-primary-extra-light);background-color:var(--aui-color-primary)}.aui-tag--success{color:var(--aui-color-success);background-color:var(--aui-color-success-extra-light)}.aui-tag--success .aui-tag__close .aui-icon:hover{color:var(--aui-color-success-extra-light);background-color:var(--aui-color-success)}.aui-tag--warning{color:var(--aui-color-warning);background-color:var(--aui-color-warning-extra-light)}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:var(--aui-color-warning-extra-light);background-color:var(--aui-color-warning)}.aui-tag--error{color:var(--aui-color-error);background-color:var(--aui-color-error-extra-light)}.aui-tag--error .aui-tag__close .aui-icon:hover{color:var(--aui-color-error-extra-light);background-color:var(--aui-color-error)}.aui-tag--info{color:var(--aui-color-text-secondary);background-color:var(--aui-color-disabled-bg)}.aui-tag--info .aui-tag__close .aui-icon:hover{color:var(--aui-color-disabled-bg);background-color:var(--aui-color-text-secondary)}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:var(--aui-color-white)}.aui-tag.hasBorder.aui-tag--primary{border-color:var(--aui-color-primary)}.aui-tag.hasBorder.aui-tag--success{border-color:var(--aui-color-success)}.aui-tag.hasBorder.aui-tag--warning{border-color:var(--aui-color-warning)}.aui-tag.hasBorder.aui-tag--error{border-color:var(--aui-color-error)}.aui-tag.hasBorder.aui-tag--info{background-color:var(--aui-color-info-extra-light);border-color:var(--aui-color-info)}.aui-tag.isSolid.aui-tag--primary{background-color:var(--aui-color-primary)}.aui-tag.isSolid.aui-tag--success{background-color:var(--aui-color-success)}.aui-tag.isSolid.aui-tag--warning{background-color:var(--aui-color-warning)}.aui-tag.isSolid.aui-tag--error{background-color:var(--aui-color-error)}.aui-tag.isSolid.aui-tag--info{background-color:var(--aui-color-info)}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}", ".aui-option-container{padding:7px 0;border-radius:0;background-color:var(--aui-color-white);box-shadow:0 2px 8px 0 rgba(0,0,0,.16)}.aui-option-container__content{max-height:256px;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__placeholder{color:var(--aui-color-text-placeholder);font-size:14px;text-align:center}.aui-multi-select{display:inline-block;position:relative;width:100%;color:var(--aui-color-text-main);vertical-align:middle}.aui-multi-select:hover{cursor:text}.aui-multi-select .aui-tag{max-width:100%}.aui-multi-select.isDisabled{background-color:var(--aui-color-disabled-bg);border-color:var(--aui-color-info);cursor:not-allowed}.aui-multi-select.isDisabled .aui-tag{color:var(--aui-color-info);background-color:var(--aui-color-disabled-bg)}.aui-multi-select__placeholder{display:inline-block;width:100%;color:var(--aui-color-text-placeholder);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;margin-left:1px}.aui-multi-select__placeholder[hidden]{display:none}.aui-multi-select__mirror{opacity:0;left:0;z-index:-99;position:absolute;font-size:12px;padding-left:1px}.aui-multi-select--large{min-height:40px;font-size:16px;padding:5px 11px 0}.aui-multi-select--large .aui-tag{margin:0 4px 5px 0}.aui-multi-select--medium{min-height:32px;font-size:14px;padding:5px 7px 0}.aui-multi-select--medium .aui-tag{margin:0 4px 5px 0}.aui-multi-select--small{min-height:28px;font-size:14px;padding:3px 7px 0}.aui-multi-select--small .aui-tag{margin:0 4px 3px 0}.aui-multi-select--mini{min-height:24px;font-size:12px;padding:1px 5px 0}.aui-multi-select--mini .aui-tag{margin:0 4px 1px 0}.aui-multi-select__suffix{right:7px}.aui-multi-select .aui-tag.aui-multi-select__input{width:1em;padding:0;border:none;outline:none;background:none;color:var(--aui-color-text-main);font-family:inherit;margin-top:-2px}.aui-multi-select .aui-tag.aui-multi-select__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}.ng-submitted aui-multi-select.ng-invalid .aui-input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input,aui-multi-select.ng-invalid.ng-dirty .aui-input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input{border-color:var(--aui-color-error)!important}.aui-multi-select--large{padding-right:39px}.aui-multi-select--large .aui-multi-select__suffix{right:12px}.aui-multi-select--large.isClearable{padding-right:59px}.aui-multi-select--medium{padding-right:29px}.aui-multi-select--medium .aui-multi-select__suffix{right:8px}.aui-multi-select--medium.isClearable{padding-right:47px}.aui-multi-select--small{padding-right:29px}.aui-multi-select--small .aui-multi-select__suffix{right:8px}.aui-multi-select--small.isClearable{padding-right:47px}.aui-multi-select--mini{padding-right:23px}.aui-multi-select--mini .aui-multi-select__suffix{right:6px}.aui-multi-select--mini.isClearable{padding-right:39px}.aui-multi-select__suffix{position:absolute;top:50%;transform:translateY(-50%)}.aui-multi-select__clear .aui-icon{border-radius:50%;color:var(--aui-color-text-help);cursor:pointer;transition:all .3s ease}.aui-multi-select__clear .aui-icon:hover{color:var(--aui-color-white);background-color:var(--aui-color-text-help)}.aui-multi-select__indicator{color:var(--aui-color-text-help);cursor:default}.aui-multi-select.withHeightLimit{overflow:auto;position:static}.aui-multi-select.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-multi-select.withHeightLimit::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-multi-select:not(.isDisabled) .aui-icon-caret_down_s{fill:var(--aui-color-text-main)}"]
4819
+ styles: [".aui-input{display:inline-block;width:100%;min-width:0;border:1px solid var(--aui-color-info);border-radius:0;background-color:var(--aui-color-white);color:var(--aui-color-text-main);outline:none;text-overflow:ellipsis}@-webkit-keyframes cdk-text-field-autofill-color-0{to{background:var(--aui-color-white);color:var(--aui-color-text-main)}}@keyframes cdk-text-field-autofill-color-0{to{background:var(--aui-color-white);color:var(--aui-color-text-main)}}.aui-input:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-inner-spin-button,.aui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::-moz-placeholder{color:var(--aui-color-text-placeholder)}.aui-input:-ms-input-placeholder{color:var(--aui-color-text-placeholder)}.aui-input::placeholder{color:var(--aui-color-text-placeholder)}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input.isFocused,.aui-input:focus,.aui-input:hover{border-color:var(--aui-color-primary)}.aui-input[readonly]{cursor:default}.aui-input[disabled],.aui-input[readonly]{background-color:var(--aui-color-disabled-bg);border-color:var(--aui-color-info)}.aui-input[disabled]{color:var(--aui-color-text-placeholder);cursor:not-allowed}.aui-input--large{height:40px;padding:0 11px;font-size:16px}.aui-input--medium{height:32px;padding:0 7px;font-size:14px}.aui-input--small{height:28px;padding:0 7px;font-size:14px}.aui-input--mini{height:24px;padding:0 5px;font-size:12px}textarea.aui-input{resize:vertical;overflow:auto}textarea.aui-input--large{padding:8px 11px;height:84px;min-height:40px;font-size:16px;line-height:22px}textarea.aui-input--medium{padding:5px 7px;height:72px;min-height:32px;font-size:14px;line-height:20px}textarea.aui-input--small{padding:3px 7px;height:68px;min-height:28px;font-size:14px;line-height:20px}textarea.aui-input--mini{padding:3px 5px;height:56px;min-height:24px;font-size:12px;line-height:16px}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:var(--aui-color-error)!important}", ".aui-tag{display:inline-flex;border-radius:0;border:1px solid transparent;max-width:300px;vertical-align:middle}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:14px;padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:var(--aui-color-primary);background-color:var(--aui-color-primary-extra-light)}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:var(--aui-color-primary-extra-light);background-color:var(--aui-color-primary)}.aui-tag--success{color:var(--aui-color-success);background-color:var(--aui-color-success-extra-light)}.aui-tag--success .aui-tag__close .aui-icon:hover{color:var(--aui-color-success-extra-light);background-color:var(--aui-color-success)}.aui-tag--warning{color:var(--aui-color-warning);background-color:var(--aui-color-warning-extra-light)}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:var(--aui-color-warning-extra-light);background-color:var(--aui-color-warning)}.aui-tag--error{color:var(--aui-color-error);background-color:var(--aui-color-error-extra-light)}.aui-tag--error .aui-tag__close .aui-icon:hover{color:var(--aui-color-error-extra-light);background-color:var(--aui-color-error)}.aui-tag--info{color:var(--aui-color-text-secondary);background-color:var(--aui-color-disabled-bg)}.aui-tag--info .aui-tag__close .aui-icon:hover{color:var(--aui-color-disabled-bg);background-color:var(--aui-color-text-secondary)}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:var(--aui-color-white)}.aui-tag.hasBorder.aui-tag--primary{border-color:var(--aui-color-primary)}.aui-tag.hasBorder.aui-tag--success{border-color:var(--aui-color-success)}.aui-tag.hasBorder.aui-tag--warning{border-color:var(--aui-color-warning)}.aui-tag.hasBorder.aui-tag--error{border-color:var(--aui-color-error)}.aui-tag.hasBorder.aui-tag--info{background-color:var(--aui-color-info-extra-light);border-color:var(--aui-color-info)}.aui-tag.isSolid.aui-tag--primary{background-color:var(--aui-color-primary)}.aui-tag.isSolid.aui-tag--success{background-color:var(--aui-color-success)}.aui-tag.isSolid.aui-tag--warning{background-color:var(--aui-color-warning)}.aui-tag.isSolid.aui-tag--error{background-color:var(--aui-color-error)}.aui-tag.isSolid.aui-tag--info{background-color:var(--aui-color-info)}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}", ".aui-option{padding:0 7px;color:var(--aui-color-text-main);background-color:var(--aui-color-white);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.aui-option--large{height:40px;line-height:40px;font-size:16px}.aui-option--medium{height:32px;line-height:32px;font-size:14px}.aui-option--small{height:28px;line-height:28px;font-size:14px}.aui-option--mini{height:24px;line-height:24px;font-size:12px}.aui-option:not(.isMulti).isSelected{color:var(--aui-color-primary);background-color:var(--aui-color-primary-extra-light)}.aui-option.isFocused,.aui-option:hover{background-color:var(--aui-color-primary-ultra-light)}.aui-option.isDisabled{color:var(--aui-color-text-placeholder);background-color:var(--aui-color-white);cursor:not-allowed}.aui-option__pointer{display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:0;border:1px solid var(--aui-color-text-placeholder);color:var(--aui-color-white);background-color:var(--aui-color-white);position:relative;vertical-align:middle;transition:all .3s ease}.aui-option__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:var(--aui-color-primary);box-shadow:0 0 0 3px var(--aui-color-outline-primary)}.aui-option.isSelected .aui-option__pointer{border-color:var(--aui-color-primary);background-color:var(--aui-color-primary)}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{color:var(--aui-color-text-placeholder);border-color:var(--aui-color-text-placeholder);background-color:var(--aui-color-disabled-bg)}.aui-option:not(.isDisabled).isFocused .aui-option__pointer,.aui-option:not(.isDisabled):hover .aui-option__pointer{border-color:var(--aui-color-primary)}.aui-option-container{padding:7px 0;border-radius:0;background-color:var(--aui-color-white);box-shadow:0 2px 8px 0 rgba(0,0,0,.16)}.aui-option-container__content{max-height:256px;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:1px solid #ededed}.aui-option-container__placeholder{color:var(--aui-color-text-placeholder);font-size:14px;text-align:center}.aui-multi-select{display:inline-block;position:relative;width:100%;color:var(--aui-color-text-main);vertical-align:middle}.aui-multi-select:hover{cursor:text}.aui-multi-select .aui-tag{max-width:100%}.aui-multi-select.isDisabled{background-color:var(--aui-color-disabled-bg);border-color:var(--aui-color-info);cursor:not-allowed}.aui-multi-select.isDisabled .aui-tag{color:var(--aui-color-info);background-color:var(--aui-color-disabled-bg)}.aui-multi-select__placeholder{display:inline-block;width:100%;color:var(--aui-color-text-placeholder);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;margin-left:1px}.aui-multi-select__placeholder[hidden]{display:none}.aui-multi-select__mirror{opacity:0;left:0;z-index:-99;position:absolute;font-size:12px;padding-left:1px}.aui-multi-select--large{min-height:40px;font-size:16px;padding:5px 11px 0}.aui-multi-select--large .aui-tag{margin:0 4px 5px 0}.aui-multi-select--medium{min-height:32px;font-size:14px;padding:5px 7px 0}.aui-multi-select--medium .aui-tag{margin:0 4px 5px 0}.aui-multi-select--small{min-height:28px;font-size:14px;padding:3px 7px 0}.aui-multi-select--small .aui-tag{margin:0 4px 3px 0}.aui-multi-select--mini{min-height:24px;font-size:12px;padding:1px 5px 0}.aui-multi-select--mini .aui-tag{margin:0 4px 1px 0}.aui-multi-select__suffix{right:7px}.aui-multi-select .aui-tag.aui-multi-select__input{width:1em;padding:0;border:none;outline:none;background:none;color:var(--aui-color-text-main);font-family:inherit;margin-top:-2px}.aui-multi-select .aui-tag.aui-multi-select__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}.ng-submitted aui-multi-select.ng-invalid .aui-input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input,aui-multi-select.ng-invalid.ng-dirty .aui-input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input{border-color:var(--aui-color-error)!important}.aui-multi-select--large{padding-right:39px}.aui-multi-select--large .aui-multi-select__suffix{right:12px}.aui-multi-select--large.isClearable{padding-right:59px}.aui-multi-select--medium{padding-right:29px}.aui-multi-select--medium .aui-multi-select__suffix{right:8px}.aui-multi-select--medium.isClearable{padding-right:47px}.aui-multi-select--small{padding-right:29px}.aui-multi-select--small .aui-multi-select__suffix{right:8px}.aui-multi-select--small.isClearable{padding-right:47px}.aui-multi-select--mini{padding-right:23px}.aui-multi-select--mini .aui-multi-select__suffix{right:6px}.aui-multi-select--mini.isClearable{padding-right:39px}.aui-multi-select__suffix{position:absolute;top:50%;transform:translateY(-50%)}.aui-multi-select__clear .aui-icon{border-radius:50%;color:var(--aui-color-text-help);cursor:pointer;transition:all .3s ease}.aui-multi-select__clear .aui-icon:hover{color:var(--aui-color-white);background-color:var(--aui-color-text-help)}.aui-multi-select__indicator{color:var(--aui-color-text-help);cursor:default}.aui-multi-select.withHeightLimit{overflow:auto;position:static}.aui-multi-select.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-multi-select.withHeightLimit::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-multi-select:not(.isDisabled) .aui-icon-caret_down_s{fill:var(--aui-color-text-main)}"]
4821
4820
  },] }
4822
4821
  ];
4823
4822
  MultiSelectComponent.ctorParameters = () => [
@@ -4831,7 +4830,6 @@ MultiSelectComponent.propDecorators = {
4831
4830
  allowSelectAll: [{ type: Input }],
4832
4831
  inputRef: [{ type: ViewChild, args: ['inputRef', { static: true },] }],
4833
4832
  inputValueMirror: [{ type: ViewChild, args: ['inputValueMirror', { static: true },] }],
4834
- selectAllOption: [{ type: ViewChild, args: ['selectAllOption', { static: false },] }],
4835
4833
  hostPosition: [{ type: HostBinding, args: ['style.position',] }],
4836
4834
  hostDisplay: [{ type: HostBinding, args: ['style.display',] }]
4837
4835
  };
@@ -4947,7 +4945,7 @@ SelectComponent.decorators = [
4947
4945
  useExisting: SelectComponent,
4948
4946
  },
4949
4947
  ],
4950
- styles: [".aui-option-container{padding:7px 0;border-radius:0;background-color:var(--aui-color-white);box-shadow:0 2px 8px 0 rgba(0,0,0,.16)}.aui-option-container__content{max-height:256px;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__placeholder{color:var(--aui-color-text-placeholder);font-size:14px;text-align:center}.aui-select{display:inline-block;position:relative;width:100%}.aui-select__clear .aui-icon{border-radius:50%;color:var(--aui-color-text-help);cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:var(--aui-color-white);background-color:var(--aui-color-text-help)}.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:var(--aui-color-text-placeholder)}.aui-select__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.aui-select.isClearable .aui-input-group .aui-input--large{padding-right:50px}.aui-select.isClearable .aui-input-group .aui-input--medium,.aui-select.isClearable .aui-input-group .aui-input--small{padding-right:46px}.aui-select.isClearable .aui-input-group .aui-input--mini{padding-right:42px}.aui-select:not(.isDisabled) .aui-icon-caret_down_s{fill:var(--aui-color-text-main)}.aui-select__input.aui-input[readonly]{background-color:var(--aui-color-white);border-color:var(--aui-color-info);cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:var(--aui-color-primary)}.aui-select__input.aui-input[disabled]{background-color:var(--aui-color-disabled-bg);border-color:var(--aui-color-info)}.ng-submitted aui-select.ng-invalid .aui-input,aui-select.ng-invalid.ng-dirty .aui-input{border-color:var(--aui-color-error)!important}"]
4948
+ styles: [".aui-option-container{padding:7px 0;border-radius:0;background-color:var(--aui-color-white);box-shadow:0 2px 8px 0 rgba(0,0,0,.16)}.aui-option-container__content{max-height:256px;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:1px solid #ededed}.aui-option-container__placeholder{color:var(--aui-color-text-placeholder);font-size:14px;text-align:center}.aui-select{display:inline-block;position:relative;width:100%}.aui-select__clear .aui-icon{border-radius:50%;color:var(--aui-color-text-help);cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:var(--aui-color-white);background-color:var(--aui-color-text-help)}.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:var(--aui-color-text-placeholder)}.aui-select__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.aui-select.isClearable .aui-input-group .aui-input--large{padding-right:50px}.aui-select.isClearable .aui-input-group .aui-input--medium,.aui-select.isClearable .aui-input-group .aui-input--small{padding-right:46px}.aui-select.isClearable .aui-input-group .aui-input--mini{padding-right:42px}.aui-select:not(.isDisabled) .aui-icon-caret_down_s{fill:var(--aui-color-text-main)}.aui-select__input.aui-input[readonly]{background-color:var(--aui-color-white);border-color:var(--aui-color-info);cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:var(--aui-color-primary)}.aui-select__input.aui-input[disabled]{background-color:var(--aui-color-disabled-bg);border-color:var(--aui-color-info)}.ng-submitted aui-select.ng-invalid .aui-input,aui-select.ng-invalid.ng-dirty .aui-input{border-color:var(--aui-color-error)!important}"]
4951
4949
  },] }
4952
4950
  ];
4953
4951
  SelectComponent.propDecorators = {
@@ -6915,7 +6913,7 @@ TreeSelectComponent.decorators = [
6915
6913
  multi: true,
6916
6914
  },
6917
6915
  ],
6918
- styles: [".aui-tree-node-container{padding:7px 0;border-radius:0;background-color:var(--aui-color-white);box-shadow:0 2px 8px 0 rgba(0,0,0,.16)}.aui-tree-node-container__content{max-height:256px;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__placeholder{color:var(--aui-color-text-placeholder);font-size:14px;text-align:center}.aui-tree-select{display:inline-block;position:relative;width:100%}.aui-tree-select:not(.isDisabled):hover .aui-input{border-color:var(--aui-color-primary)}.aui-tree-select:not(.isDisabled) .aui-icon-caret_down_s{fill:var(--aui-color-text-main)}.aui-tree-select__clear .aui-icon{border-radius:50%;color:var(--aui-color-text-help);cursor:pointer;transition:all .3s ease}.aui-tree-select__clear .aui-icon:hover{color:var(--aui-color-white);background-color:var(--aui-color-text-help)}.aui-tree-select.isClearable .aui-input-group .aui-tree-select__input.aui-input--medium{padding-right:46px}.aui-tree-select__input.aui-input[readonly]:not([disabled]){background-color:var(--aui-color-white);cursor:text}.ng-submitted aui-tree-select.ng-invalid .aui-input,aui-tree-select.ng-invalid.ng-dirty .aui-input{border-color:var(--aui-color-error)!important}"]
6916
+ styles: [".aui-tree-node-container{padding:7px 0;border-radius:0;background-color:var(--aui-color-white);box-shadow:0 2px 8px 0 rgba(0,0,0,.16)}.aui-tree-node-container__content{max-height:256px;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:1px solid #ededed}.aui-tree-node-container__placeholder{color:var(--aui-color-text-placeholder);font-size:14px;text-align:center}.aui-tree-select{display:inline-block;position:relative;width:100%}.aui-tree-select:not(.isDisabled):hover .aui-input{border-color:var(--aui-color-primary)}.aui-tree-select:not(.isDisabled) .aui-icon-caret_down_s{fill:var(--aui-color-text-main)}.aui-tree-select__clear .aui-icon{border-radius:50%;color:var(--aui-color-text-help);cursor:pointer;transition:all .3s ease}.aui-tree-select__clear .aui-icon:hover{color:var(--aui-color-white);background-color:var(--aui-color-text-help)}.aui-tree-select.isClearable .aui-input-group .aui-tree-select__input.aui-input--medium{padding-right:46px}.aui-tree-select__input.aui-input[readonly]:not([disabled]){background-color:var(--aui-color-white);cursor:text}.ng-submitted aui-tree-select.ng-invalid .aui-input,aui-tree-select.ng-invalid.ng-dirty .aui-input{border-color:var(--aui-color-error)!important}"]
6919
6917
  },] }
6920
6918
  ];
6921
6919
  TreeSelectComponent.propDecorators = {
@@ -7431,7 +7429,7 @@ AutocompleteComponent.decorators = [
7431
7429
  changeDetection: ChangeDetectionStrategy.OnPush,
7432
7430
  encapsulation: ViewEncapsulation.None,
7433
7431
  preserveWhitespaces: false,
7434
- styles: [".aui-autocomplete{padding:7px 0;border-radius:0;background-color:var(--aui-color-white);box-shadow:0 2px 8px 0 rgba(0,0,0,.16)}.aui-autocomplete__content{max-height:256px;position:relative;overflow:auto}.aui-autocomplete__content::-webkit-scrollbar{width:4px;height:4px}.aui-autocomplete__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-autocomplete__placeholder{color:var(--aui-color-text-placeholder);font-size:14px;text-align:center}aui-autocomplete{display:none}"]
7432
+ styles: [".aui-autocomplete{padding:7px 0;border-radius:0;background-color:var(--aui-color-white);box-shadow:0 2px 8px 0 rgba(0,0,0,.16)}.aui-autocomplete__content{max-height:256px;position:relative;overflow:auto}.aui-autocomplete__content::-webkit-scrollbar{width:4px;height:4px}.aui-autocomplete__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-autocomplete__content .divider{border:none;border-top:1px solid #ededed}.aui-autocomplete__placeholder{color:var(--aui-color-text-placeholder);font-size:14px;text-align:center}aui-autocomplete{display:none}"]
7435
7433
  },] }
7436
7434
  ];
7437
7435
  AutocompleteComponent.ctorParameters = () => [
@@ -9028,30 +9026,6 @@ AnchorModule.decorators = [
9028
9026
  },] }
9029
9027
  ];
9030
9028
 
9031
- const zh = {
9032
- locale: 'zh',
9033
- translation: {
9034
- start_date: '开始日期',
9035
- end_date: '结束日期',
9036
- select_time: '选择时间',
9037
- select_date: '选择日期',
9038
- clear: '清除',
9039
- confirm: '确定',
9040
- to: '至',
9041
- year_suffix: '年',
9042
- month_suffix: '月',
9043
- monday: '一',
9044
- tuesday: '二',
9045
- wednesday: '三',
9046
- thursday: '四',
9047
- friday: '五',
9048
- saturday: '六',
9049
- sunday: '日',
9050
- now: '此刻',
9051
- select_all: '全选',
9052
- },
9053
- };
9054
-
9055
9029
  var Side;
9056
9030
  (function (Side) {
9057
9031
  Side["Left"] = "left";
@@ -10361,5 +10335,5 @@ DatePickerModule.decorators = [
10361
10335
  * Generated bundle index. Do not edit.
10362
10336
  */
10363
10337
 
10364
- export { AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, BackTopComponent, BackTopModule, BaseTooltip, Bem, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonModule, ButtonType, CONTROL_ITEM_HEIGHT, CalendarFooterComponent, CalendarHeaderComponent, CardComponent, CardFooterDirective, CardHeaderDirective, CardModule, CheckTagComponent, CheckboxComponent, CheckboxGroupComponent, CheckboxModule, ColorPickerComponent, ColorPickerModule, CommonForm, CommonFormControl, ComponentSize, ConfirmDialogConfig, ConfirmType, CustomAutoCompleteDirective, DATE, DATE_NAV_RANGES, DATE_TYPES, DAY, DAY_PANEL_COLUMN_COUNT, DAY_PANEL_ROW_COUNT, DIALOG_DATA, DISPLAY_DELAY, DateNavRange, DatePickerModule, DatePickerPanelComponent, DatePickerTriggerComponent, DatePickerType, DateRangePickerPanelComponent, DialogCloseDirective, DialogConfig, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogModule, DialogRef, DialogService, DialogSize, DropdownActiveDirective, DropdownButtonComponent, DropdownDirective, DropdownModule, FixedSizeTableVirtualScrollDirective, FixedSizeTableVirtualScrollStrategy, FixedSizeVirtualScrollDirective, FormDirective, FormItemAddonDirective, FormItemComponent, FormItemControlDirective, FormItemErrorDirective, FormItemHintDirective, FormItemLabelDirective, FormModule, HIDDEN_DELAY, HOUR, HOUR_ITEMS, I18NInterfaceToken, I18nModule, I18nPipe, I18nService, ICON_REGISTER_PROVIDER_FACTORY, ICON_REGISTER_SERVICE_PROVIDER, INPUT_ERROR_KEY, IconComponent, IconModule, IconRegisterService, IncludesDirective, InlineAlertComponent, InlineAlertModule, InlineAlertTitleDirective, InlineAlertType, InputComponent, InputGroupComponent, InputModule, LabelPosition, MESSAGE_CONFIG, MESSAGE_DEFAULT_CONFIG, MINUTE, MINUTE_ITEMS, MONTH, MONTH_PANEL_COLUMN_COUNT, MONTH_PANEL_ROW_COUNT, MenuComponent, MenuContentDirective, MenuGroupComponent, MenuItemComponent, MenuItemType, MessageConfig, MessageModule, MessageService, MessageType, MultiSelectComponent, NOTIFICATION_CONFIG, NOTIFICATION_DEFAULT_CONFIG, NavItemComponent, NavItemContentDirective, NavItemGroupComponent, NavItemGroupTitleDirective, NavItemIconDirective, NavMenuComponent, NavMenuModule, NotificationComponent, NotificationModule, NotificationService, NumberInputComponent, OptionComponent, OptionContentDirective, OptionGroupComponent, OptionGroupTitleDirective, OptionPlaceholderComponent, PAGINATOR_INTL_PROVIDER, PAGINATOR_INTL_PROVIDER_FACTORY, PageComponent, PageContentDirective, PageEvent, PageHeaderDirective, PageModule, PageSiderDirective, PageSnackbarDirective, PageToolbarDirective, PaginatorComponent, PaginatorIntl, PaginatorModule, PickerPanelComponent, PlatformNavComponent, PlatformNavModule, RadioButtonComponent, RadioComponent, RadioGroupComponent, RadioModule, RadioSize, RangePickerComponent, SECOND, SECOND_ITEMS, ScrollingModule, SearchComponent, SectionComponent, SectionTitleDirective, SelectComponent, SelectModule, Side, SortDirective, SortHeaderComponent, SortModule, StatusBarComponent, StatusBarModule, StatusBarSize, StatusType, SubmenuComponent, SuggestionComponent, SuggestionGroupComponent, SuggestionGroupTitleDirective, SwitchComponent, SwitchModule, TOOLTIP_COPY_INTL_INTL_PROVIDER, TOOLTIP_COPY_INTL_PROVIDER_FACTORY, TabBodyComponent, TabBodyPortalDirective, TabChangeEvent, TabComponent, TabContentDirective, TabContextService, TabGroupComponent, TabHeaderActiveIndicatorComponent, TabHeaderAddonDirective, TabHeaderComponent, TabLabelDirective, TabLabelWrapperDirective, TabSize, TabType, TableCellDefDirective, TableCellDirective, TableColumnDefDirective, TableComponent, TableHeaderCellDefDirective, TableHeaderCellDirective, TableHeaderRowComponent, TableHeaderRowDefDirective, TableModule, TableOfContentsModule, TableRowComponent, TableRowDefDirective, TableScrollWrapperDirective, TabsModule, TagComponent, TagModule, TagType, TagsInputComponent, ThemeService, TimePickerComponent, TimePickerControlType, TimePickerModule, TimePickerPanelComponent, TocContainerDirective, TocContentDirective, TocLinkDirective, TooltipActiveDirective, TooltipComponent, TooltipCopyIntl, TooltipDirective, TooltipModule, TooltipTrigger, TooltipType, TreeNodeComponent, TreeNodePlaceholderComponent, TreeSelectComponent, TreeSelectModule, VirtualScrollViewportComponent, YEAR, YEAR_PANEL_COLUMN_COUNT, YEAR_PANEL_ROW_COUNT, _isNumberValue, _tableVirtualScrollDirectiveStrategyFactory, buildBem, coerceAttrBoolean, coerceNumber, coerceString, en, getAnchorTreeItems, getSortDuplicateSortableIdError, getSortHeaderMissingIdError, getSortHeaderNotContainedWithinSortError, getSortInvalidDirectionError, handlePixel, isTemplateRef, isTimePickerModel, isUndefined, last, observeMutationOn, observeResizeOn, scrollIntoView, sleep, watchContentExist, zh, ɵ0, ɵ1, ɵ2, TooltipCopyDirective as ɵa, DialogComponent as ɵb, ConfirmDialogComponent as ɵc, BaseRadio as ɵd, InputAddonBeforeDirective as ɵe, InputAddonAfterDirective as ɵf, InputPrefixDirective as ɵg, InputSuffixDirective as ɵh, AutosizeDirective as ɵi, BaseSelect as ɵj, MenuGroupTitleDirective as ɵk, MessageWrapperComponent as ɵl, MessageComponent as ɵm, MessageAnimations as ɵn, BaseMessage as ɵo, NotificationWrapperComponent as ɵp, NavItemUlComponent as ɵq, NavItemLiComponent as ɵr, VirtualForOfDirective as ɵs, _isNumberValue as ɵt, DatePickerComponent as ɵu };
10338
+ export { AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, BackTopComponent, BackTopModule, BaseTooltip, Bem, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonModule, ButtonType, CONTROL_ITEM_HEIGHT, CalendarFooterComponent, CalendarHeaderComponent, CardComponent, CardFooterDirective, CardHeaderDirective, CardModule, CheckTagComponent, CheckboxComponent, CheckboxGroupComponent, CheckboxModule, ColorPickerComponent, ColorPickerModule, CommonForm, CommonFormControl, ComponentSize, ConfirmDialogConfig, ConfirmType, CustomAutoCompleteDirective, DATE, DATE_NAV_RANGES, DATE_TYPES, DAY, DAY_PANEL_COLUMN_COUNT, DAY_PANEL_ROW_COUNT, DIALOG_DATA, DISPLAY_DELAY, DateNavRange, DatePickerModule, DatePickerPanelComponent, DatePickerTriggerComponent, DatePickerType, DateRangePickerPanelComponent, DialogCloseDirective, DialogConfig, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogModule, DialogRef, DialogService, DialogSize, DropdownActiveDirective, DropdownButtonComponent, DropdownDirective, DropdownModule, FixedSizeTableVirtualScrollDirective, FixedSizeTableVirtualScrollStrategy, FixedSizeVirtualScrollDirective, FormDirective, FormItemAddonDirective, FormItemComponent, FormItemControlDirective, FormItemErrorDirective, FormItemHintDirective, FormItemLabelDirective, FormModule, HIDDEN_DELAY, HOUR, HOUR_ITEMS, I18NInterfaceToken, I18nModule, I18nPipe, I18nService, ICON_REGISTER_PROVIDER_FACTORY, ICON_REGISTER_SERVICE_PROVIDER, INPUT_ERROR_KEY, IconComponent, IconModule, IconRegisterService, IncludesDirective, InlineAlertComponent, InlineAlertModule, InlineAlertTitleDirective, InlineAlertType, InputComponent, InputGroupComponent, InputModule, LabelPosition, MESSAGE_CONFIG, MESSAGE_DEFAULT_CONFIG, MINUTE, MINUTE_ITEMS, MONTH, MONTH_PANEL_COLUMN_COUNT, MONTH_PANEL_ROW_COUNT, MenuComponent, MenuContentDirective, MenuGroupComponent, MenuItemComponent, MenuItemType, MessageConfig, MessageModule, MessageService, MessageType, MultiSelectComponent, NOTIFICATION_CONFIG, NOTIFICATION_DEFAULT_CONFIG, NavItemComponent, NavItemContentDirective, NavItemGroupComponent, NavItemGroupTitleDirective, NavItemIconDirective, NavMenuComponent, NavMenuModule, NotificationComponent, NotificationModule, NotificationService, NumberInputComponent, OptionComponent, OptionContentDirective, OptionGroupComponent, OptionGroupTitleDirective, OptionPlaceholderComponent, PAGINATOR_INTL_PROVIDER, PAGINATOR_INTL_PROVIDER_FACTORY, PageComponent, PageContentDirective, PageEvent, PageHeaderDirective, PageModule, PageSiderDirective, PageSnackbarDirective, PageToolbarDirective, PaginatorComponent, PaginatorIntl, PaginatorModule, PickerPanelComponent, PlatformNavComponent, PlatformNavModule, RadioButtonComponent, RadioComponent, RadioGroupComponent, RadioModule, RadioSize, RangePickerComponent, SECOND, SECOND_ITEMS, ScrollingModule, SearchComponent, SectionComponent, SectionTitleDirective, SelectAllStatus, SelectComponent, SelectModule, Side, SortDirective, SortHeaderComponent, SortModule, StatusBarComponent, StatusBarModule, StatusBarSize, StatusType, SubmenuComponent, SuggestionComponent, SuggestionGroupComponent, SuggestionGroupTitleDirective, SwitchComponent, SwitchModule, TOOLTIP_COPY_INTL_INTL_PROVIDER, TOOLTIP_COPY_INTL_PROVIDER_FACTORY, TabBodyComponent, TabBodyPortalDirective, TabChangeEvent, TabComponent, TabContentDirective, TabContextService, TabGroupComponent, TabHeaderActiveIndicatorComponent, TabHeaderAddonDirective, TabHeaderComponent, TabLabelDirective, TabLabelWrapperDirective, TabSize, TabType, TableCellDefDirective, TableCellDirective, TableColumnDefDirective, TableComponent, TableHeaderCellDefDirective, TableHeaderCellDirective, TableHeaderRowComponent, TableHeaderRowDefDirective, TableModule, TableOfContentsModule, TableRowComponent, TableRowDefDirective, TableScrollWrapperDirective, TabsModule, TagComponent, TagModule, TagType, TagsInputComponent, ThemeService, TimePickerComponent, TimePickerControlType, TimePickerModule, TimePickerPanelComponent, TocContainerDirective, TocContentDirective, TocLinkDirective, TooltipActiveDirective, TooltipComponent, TooltipCopyIntl, TooltipDirective, TooltipModule, TooltipTrigger, TooltipType, TreeNodeComponent, TreeNodePlaceholderComponent, TreeSelectComponent, TreeSelectModule, VirtualScrollViewportComponent, YEAR, YEAR_PANEL_COLUMN_COUNT, YEAR_PANEL_ROW_COUNT, _isNumberValue, _tableVirtualScrollDirectiveStrategyFactory, buildBem, coerceAttrBoolean, coerceNumber, coerceString, en, getAnchorTreeItems, getSortDuplicateSortableIdError, getSortHeaderMissingIdError, getSortHeaderNotContainedWithinSortError, getSortInvalidDirectionError, handlePixel, isTemplateRef, isTimePickerModel, isUndefined, last, observeMutationOn, observeResizeOn, scrollIntoView, sleep, watchContentExist, zh, ɵ0, ɵ1, ɵ2, TooltipCopyDirective as ɵa, DialogComponent as ɵb, ConfirmDialogComponent as ɵc, BaseRadio as ɵd, InputAddonBeforeDirective as ɵe, InputAddonAfterDirective as ɵf, InputPrefixDirective as ɵg, InputSuffixDirective as ɵh, AutosizeDirective as ɵi, BaseSelect as ɵj, MenuGroupTitleDirective as ɵk, MessageWrapperComponent as ɵl, MessageComponent as ɵm, MessageAnimations as ɵn, BaseMessage as ɵo, NotificationWrapperComponent as ɵp, NavItemUlComponent as ɵq, NavItemLiComponent as ɵr, VirtualForOfDirective as ɵs, _isNumberValue as ɵt, DatePickerComponent as ɵu };
10365
10339
  //# sourceMappingURL=alauda-ui.js.map