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

package/fesm2015/alauda-ui.js

@@ -4757,25 +4757,23 @@ class MultiSelectComponent extends BaseSelect {
         if (this.disabled) {
             return;
         }
-        if (this.allowSelectAll) {
-            const visibleOptions = this.allOptions.filter(({ visible }) => visible);
-            const checkedOptions = visibleOptions.filter(({ selected }) => selected);
-            if (checkedOptions.length === visibleOptions.length) {
-                this.emitValueChange(this.allOptions
-                    .filter(({ selected, value }) => selected &&
-                    !visibleOptions.map(({ value }) => value).includes(value))
-                    .map(({ value }) => value));
-            }
-            else {
-                this.emitValueChange([
-                    ...new Set([
-                        ...this.allOptions
-                            .filter(({ selected }) => selected)
-                            .map(({ value }) => value),
-                        ...visibleOptions.map(({ value }) => value),
-                    ]),
-                ]);
-            }
+        const visibleOptions = this.allOptions.filter(({ visible }) => visible);
+        const checkedOptions = visibleOptions.filter(({ selected }) => selected);
+        if (checkedOptions.length === visibleOptions.length) {
+            this.emitValueChange(this.allOptions
+                .filter(({ selected, value }) => selected &&
+                !visibleOptions.map(({ value }) => value).includes(value))
+                .map(({ value }) => value));
+        }
+        else {
+            this.emitValueChange([
+                ...new Set([
+                    ...this.allOptions
+                        .filter(({ selected }) => selected)
+                        .map(({ value }) => value),
+                    ...visibleOptions.map(({ value }) => value),
+                ]),
+            ]);
         }
     }
     resetInput() {
@@ -4803,7 +4801,7 @@ class MultiSelectComponent extends BaseSelect {
 MultiSelectComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aui-multi-select',
-                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 />\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",
+                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",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
@@ -4818,7 +4816,7 @@ MultiSelectComponent.decorators = [
                         useExisting: MultiSelectComponent,
                     },
                 ],
-                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 hr{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)}"]
+                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)}"]
             },] }
 ];
 MultiSelectComponent.ctorParameters = () => [
@@ -4947,7 +4945,7 @@ SelectComponent.decorators = [
                         useExisting: SelectComponent,
                     },
                 ],
-                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 hr{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}"]
+                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}"]
             },] }
 ];
 SelectComponent.propDecorators = {
@@ -6915,7 +6913,7 @@ TreeSelectComponent.decorators = [
                         multi: true,
                     },
                 ],
-                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 hr{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}"]
+                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}"]
             },] }
 ];
 TreeSelectComponent.propDecorators = {
@@ -7431,7 +7429,7 @@ AutocompleteComponent.decorators = [
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
-                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 hr{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}"]
+                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}"]
             },] }
 ];
 AutocompleteComponent.ctorParameters = () => [