@alauda/ui 6.5.10-beta.8 → 7.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/suggestion/suggestion.component.d.ts +5 -5
- package/back-top/back-top.component.d.ts +1 -0
- package/back-top/back-top.module.d.ts +2 -1
- package/button/button.types.d.ts +0 -2
- package/card/helper-directives.d.ts +1 -2
- package/checkbox/checkbox-group/checkbox-group.component.d.ts +2 -2
- package/date-picker/calendar/date-picker-panel/component.d.ts +2 -0
- package/date-picker/date-picker.type.d.ts +2 -2
- package/dropdown/dropdown-button/dropdown-button.component.d.ts +2 -3
- package/esm2022/accordion/accordion-item/accordion-item.component.mjs +9 -9
- package/esm2022/accordion/accordion.component.mjs +3 -3
- package/esm2022/accordion/accordion.module.mjs +4 -4
- package/esm2022/anchor/anchor.component.mjs +15 -15
- package/esm2022/anchor/anchor.directive.mjs +9 -9
- package/esm2022/anchor/anchor.module.mjs +4 -4
- package/esm2022/autocomplete/autocomplete-placeholder.component.mjs +3 -3
- package/esm2022/autocomplete/autocomplete.component.mjs +6 -6
- package/esm2022/autocomplete/autocomplete.directive.mjs +16 -12
- package/esm2022/autocomplete/autocomplete.module.mjs +6 -6
- package/esm2022/autocomplete/helper-directives.mjs +3 -3
- package/esm2022/autocomplete/suggestion/suggestion.component.mjs +12 -20
- package/esm2022/autocomplete/suggestion-group/suggestion-group.component.mjs +3 -3
- package/esm2022/back-top/back-top.component.mjs +24 -8
- package/esm2022/back-top/back-top.module.mjs +7 -6
- package/esm2022/breadcrumb/breadcrumb-item.component.mjs +3 -3
- package/esm2022/breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/breadcrumb/breadcrumb.module.mjs +4 -4
- package/esm2022/button/button-group/button-group.component.mjs +3 -3
- package/esm2022/button/button.component.mjs +3 -3
- package/esm2022/button/button.module.mjs +4 -4
- package/esm2022/button/button.types.mjs +1 -3
- package/esm2022/card/card.component.mjs +3 -3
- package/esm2022/card/card.module.mjs +4 -4
- package/esm2022/card/helper-directives.mjs +12 -15
- package/esm2022/card/section.component.mjs +3 -3
- package/esm2022/checkbox/checkbox-group/checkbox-group.component.mjs +3 -3
- package/esm2022/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/color-picker/color-picker.component.mjs +3 -3
- package/esm2022/color-picker/color-picker.module.mjs +4 -4
- package/esm2022/date-picker/calendar/date-picker-panel/component.mjs +43 -7
- package/esm2022/date-picker/calendar/footer/component.mjs +3 -3
- package/esm2022/date-picker/calendar/header/component.mjs +6 -5
- package/esm2022/date-picker/calendar/panel/picker-panel.mjs +6 -6
- package/esm2022/date-picker/calendar/range-picker-panel/component.mjs +3 -3
- package/esm2022/date-picker/calendar/util.mjs +3 -3
- package/esm2022/date-picker/date-picker/date-picker.component.mjs +3 -3
- package/esm2022/date-picker/date-picker.module.mjs +4 -4
- package/esm2022/date-picker/date-picker.type.mjs +1 -1
- package/esm2022/date-picker/range-picker/range-picker.component.mjs +3 -3
- package/esm2022/date-picker/trigger/trigger.component.mjs +7 -7
- package/esm2022/dialog/confirm-dialog/confirm-dialog.component.mjs +10 -7
- package/esm2022/dialog/dialog-content/dialog-close.directive.mjs +3 -3
- package/esm2022/dialog/dialog-content/dialog-content.component.mjs +3 -3
- package/esm2022/dialog/dialog-content/dialog-footer.component.mjs +3 -3
- package/esm2022/dialog/dialog-content/dialog-header.component.mjs +3 -3
- package/esm2022/dialog/dialog.component.mjs +3 -3
- package/esm2022/dialog/dialog.module.mjs +4 -4
- package/esm2022/dialog/dialog.service.mjs +3 -3
- package/esm2022/drawer/component/drawer.component.mjs +5 -5
- package/esm2022/drawer/component/helper-directives.mjs +9 -9
- package/esm2022/drawer/drawer.module.mjs +4 -4
- package/esm2022/drawer/drawer.service.mjs +3 -3
- package/esm2022/dropdown/dropdown-active.directive.mjs +3 -3
- package/esm2022/dropdown/dropdown-button/dropdown-button.component.mjs +8 -13
- package/esm2022/dropdown/dropdown.directive.mjs +3 -3
- package/esm2022/dropdown/dropdown.module.mjs +7 -7
- package/esm2022/dropdown/helper-directives.mjs +3 -3
- package/esm2022/dropdown/menu/menu-content.directive.mjs +3 -3
- package/esm2022/dropdown/menu/menu.component.mjs +3 -3
- package/esm2022/dropdown/menu-group/menu-group.component.mjs +3 -3
- package/esm2022/dropdown/menu-item/menu-item.component.mjs +3 -3
- package/esm2022/dropdown/submenu/submenu.component.mjs +3 -3
- package/esm2022/form/common-form.mjs +4 -5
- package/esm2022/form/form-item/form-item.component.mjs +3 -3
- package/esm2022/form/form.directive.mjs +3 -3
- package/esm2022/form/form.module.mjs +4 -4
- package/esm2022/form/helper-directives.mjs +19 -24
- package/esm2022/i18n/i18n.module.mjs +4 -4
- package/esm2022/i18n/i18n.pipe.mjs +3 -3
- package/esm2022/i18n/i18n.service.mjs +8 -6
- package/esm2022/i18n/language/en.mjs +2 -2
- package/esm2022/icon/icon-register.service.mjs +3 -3
- package/esm2022/icon/icon.component.mjs +3 -3
- package/esm2022/icon/icon.module.mjs +4 -4
- package/esm2022/icon/icons.mjs +2 -2
- package/esm2022/inline-alert/helper-directives.mjs +3 -3
- package/esm2022/inline-alert/inline-alert.component.mjs +12 -8
- package/esm2022/inline-alert/inline-alert.module.mjs +4 -4
- package/esm2022/input/autosize.directive.mjs +3 -3
- package/esm2022/input/helper-directives.mjs +12 -12
- package/esm2022/input/input-group/input-group.component.mjs +4 -4
- package/esm2022/input/input.component.mjs +4 -4
- package/esm2022/input/input.module.mjs +4 -4
- package/esm2022/input/number-input/number-input.component.mjs +16 -10
- package/esm2022/input/search/search.component.mjs +3 -3
- package/esm2022/input/tags-input/tags-input.component.mjs +7 -7
- package/esm2022/input/tags-input/with-max-row-count.mjs +15 -8
- package/esm2022/message/message-wrapper.component.mjs +3 -3
- package/esm2022/message/message.component.mjs +3 -3
- package/esm2022/message/message.module.mjs +4 -4
- package/esm2022/message/message.service.mjs +3 -3
- package/esm2022/notification/notification-wrapper.component.mjs +3 -3
- package/esm2022/notification/notification.component.mjs +5 -5
- package/esm2022/notification/notification.module.mjs +4 -4
- package/esm2022/notification/notification.service.mjs +3 -3
- package/esm2022/paginator/paginator-intl.mjs +3 -3
- package/esm2022/paginator/paginator.component.mjs +23 -21
- package/esm2022/paginator/paginator.module.mjs +4 -4
- package/esm2022/radio/base-radio.mjs +3 -3
- package/esm2022/radio/radio-button/radio-button.component.mjs +3 -3
- package/esm2022/radio/radio-group/radio-group.component.mjs +4 -9
- package/esm2022/radio/radio.component.mjs +3 -3
- package/esm2022/radio/radio.module.mjs +4 -4
- package/esm2022/scrolling/fixed-size-table-virtual-scroll-strategy.mjs +3 -3
- package/esm2022/scrolling/fixed-size-table-virtual-scroll.directive.mjs +3 -3
- package/esm2022/scrolling/fixed-size-virtual-scroll.directive.mjs +3 -3
- package/esm2022/scrolling/scrolling.module.mjs +4 -4
- package/esm2022/scrolling/virtual-for-of.directive.mjs +3 -3
- package/esm2022/scrolling/virtual-scroll-viewport.component.mjs +3 -3
- package/esm2022/select/base-select.mjs +23 -35
- package/esm2022/select/helper-directives.mjs +6 -6
- package/esm2022/select/multi-select/multi-select.component.mjs +21 -28
- package/esm2022/select/option/option.component.mjs +3 -3
- package/esm2022/select/option-group/option-group.component.mjs +3 -3
- package/esm2022/select/option-placeholder.component.mjs +3 -3
- package/esm2022/select/select.component.mjs +5 -5
- package/esm2022/select/select.module.mjs +6 -6
- package/esm2022/select/validators.mjs +8 -8
- package/esm2022/shared/click-outside.directive.mjs +3 -3
- package/esm2022/shared/shared.module.mjs +4 -4
- package/esm2022/sort/sort-header.component.mjs +3 -3
- package/esm2022/sort/sort.directive.mjs +8 -8
- package/esm2022/sort/sort.module.mjs +4 -4
- package/esm2022/status-bar/status-bar.component.mjs +3 -3
- package/esm2022/status-bar/status-bar.module.mjs +4 -4
- package/esm2022/steps/steps.component.mjs +16 -30
- package/esm2022/steps/steps.module.mjs +4 -4
- package/esm2022/steps/types.mjs +1 -1
- package/esm2022/switch/switch.component.mjs +3 -3
- package/esm2022/switch/switch.module.mjs +4 -4
- package/esm2022/table/table-cell-def.directive.mjs +3 -3
- package/esm2022/table/table-cell.component.mjs +6 -6
- package/esm2022/table/table-cell.directive.mjs +3 -3
- package/esm2022/table/table-column-def.directive.mjs +3 -3
- package/esm2022/table/table-header-cell-def.directive.mjs +3 -3
- package/esm2022/table/table-header-cell.directive.mjs +3 -3
- package/esm2022/table/table-header-row-def.directive.mjs +3 -3
- package/esm2022/table/table-header-row.component.mjs +3 -3
- package/esm2022/table/table-placeholder.directive.mjs +6 -6
- package/esm2022/table/table-row-def.directive.mjs +3 -3
- package/esm2022/table/table-row.component.mjs +3 -3
- package/esm2022/table/table-scroll.directive.mjs +6 -6
- package/esm2022/table/table.component.mjs +3 -3
- package/esm2022/table/table.module.mjs +4 -4
- package/esm2022/table-of-contents/table-of-contents.module.mjs +4 -4
- package/esm2022/table-of-contents/toc-container.directive.mjs +4 -4
- package/esm2022/table-of-contents/toc-content.directive.mjs +3 -3
- package/esm2022/table-of-contents/toc-link.directive.mjs +3 -3
- package/esm2022/tabs/tab-body.component.mjs +25 -30
- package/esm2022/tabs/tab-context.service.mjs +3 -3
- package/esm2022/tabs/tab-group.component.mjs +6 -6
- package/esm2022/tabs/tab-header-active-indicator.component.mjs +7 -12
- package/esm2022/tabs/tab-header.component.mjs +14 -13
- package/esm2022/tabs/tab.component.mjs +7 -12
- package/esm2022/tabs/tabs.module.mjs +4 -4
- package/esm2022/tag/check-tag/check-tag.component.mjs +3 -3
- package/esm2022/tag/tag.component.mjs +3 -3
- package/esm2022/tag/tag.module.mjs +4 -4
- package/esm2022/theme/theme.module.mjs +4 -4
- package/esm2022/theme/theme.pipe.mjs +12 -12
- package/esm2022/theme/theme.service.mjs +12 -8
- package/esm2022/time-picker/component.mjs +14 -12
- package/esm2022/time-picker/panel/panel.component.mjs +14 -14
- package/esm2022/time-picker/time-picker.module.mjs +4 -4
- package/esm2022/time-picker/time-picker.type.mjs +5 -5
- package/esm2022/tooltip/base-tooltip.mjs +12 -8
- package/esm2022/tooltip/tooltip-active.directive.mjs +3 -3
- package/esm2022/tooltip/tooltip-copy.directive.mjs +3 -3
- package/esm2022/tooltip/tooltip-intl.mjs +3 -3
- package/esm2022/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/tooltip/tooltip.directive.mjs +3 -3
- package/esm2022/tooltip/tooltip.module.mjs +4 -4
- package/esm2022/tooltip/utils/index.mjs +4 -4
- package/esm2022/tree-select/tree-node-placeholder.component.mjs +3 -3
- package/esm2022/tree-select/tree-select.component.mjs +24 -45
- package/esm2022/tree-select/tree-select.module.mjs +4 -4
- package/esm2022/utils/coercion.mjs +5 -13
- package/esm2022/utils/fn.mjs +1 -4
- package/fesm2022/alauda-ui.mjs +2164 -2184
- package/fesm2022/alauda-ui.mjs.map +1 -1
- package/form/common-form.d.ts +0 -1
- package/form/helper-directives.d.ts +2 -3
- package/icon/icons.d.ts +1 -1
- package/input/input.component.d.ts +1 -1
- package/input/number-input/number-input.component.d.ts +4 -2
- package/package.json +1 -1
- package/paginator/paginator.component.d.ts +8 -11
- package/radio/radio-group/radio-group.component.d.ts +1 -2
- package/select/base-select.d.ts +6 -9
- package/select/multi-select/multi-select.component.d.ts +2 -3
- package/steps/steps.component.d.ts +1 -2
- package/steps/types.d.ts +0 -1
- package/table-of-contents/toc-container.directive.d.ts +1 -1
- package/tabs/tab-body.component.d.ts +2 -3
- package/tabs/tab-group.component.d.ts +2 -2
- package/tabs/tab.component.d.ts +2 -3
- package/theme/_mixin.scss +10 -0
- package/tree-select/tree-select.component.d.ts +9 -13
- package/utils/coercion.d.ts +4 -4
- package/utils/fn.d.ts +0 -1
|
@@ -12,10 +12,10 @@ export class OptionGroupComponent {
|
|
|
12
12
|
? combineLatest(options.map(node => node.visible$))
|
|
13
13
|
: of([false])), map(visible => visible.some(Boolean)), publishRef());
|
|
14
14
|
}
|
|
15
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
|
16
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: OptionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: OptionGroupComponent, selector: "aui-option-group", queries: [{ propertyName: "options", predicate: i0.forwardRef(function () { return OptionComponent; }) }], ngImport: i0, template: "<div\n [hidden]=\"!(hasVisibleOption$ | async)\"\n class=\"aui-option-group\"\n>\n <ng-content select=\"[auiOptionGroupTitle]\"></ng-content>\n <div class=\"aui-option-group__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-option-group__title{padding:4px 8px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-help-text))}aui-option-group:not(:first-child) .aui-option-group{margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"], dependencies: [{ kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: OptionGroupComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
args: [{ selector: 'aui-option-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [hidden]=\"!(hasVisibleOption$ | async)\"\n class=\"aui-option-group\"\n>\n <ng-content select=\"[auiOptionGroupTitle]\"></ng-content>\n <div class=\"aui-option-group__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-option-group__title{padding:4px 8px;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-help-text))}aui-option-group:not(:first-child) .aui-option-group{margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"] }]
|
|
21
21
|
}], propDecorators: { options: [{
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class OptionPlaceholderComponent {
|
|
4
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
|
5
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
|
4
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: OptionPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: OptionPlaceholderComponent, selector: "aui-option-placeholder", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6
6
|
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: OptionPlaceholderComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{
|
|
10
10
|
selector: 'aui-option-placeholder',
|
|
@@ -74,8 +74,8 @@ export class SelectComponent extends BaseSelect {
|
|
|
74
74
|
event.stopPropagation();
|
|
75
75
|
event.preventDefault();
|
|
76
76
|
}
|
|
77
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
|
78
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
|
77
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
78
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: SelectComponent, selector: "aui-select", providers: [
|
|
79
79
|
{
|
|
80
80
|
provide: NG_VALUE_ACCESSOR,
|
|
81
81
|
useExisting: forwardRef(() => SelectComponent),
|
|
@@ -85,9 +85,9 @@ export class SelectComponent extends BaseSelect {
|
|
|
85
85
|
provide: BaseSelect,
|
|
86
86
|
useExisting: SelectComponent,
|
|
87
87
|
},
|
|
88
|
-
], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n [class]=\"rootClass\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable(hasSelected$ | async)\"\n [class.isFilterable]=\"filterable\"\n [class.isOpened]=\"opened\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiDisableAnimation]=\"true\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipVisibleChange)=\"onVisibleOptions($event)\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-select__input\"\n autocomplete=\"off\"\n aui-input\n [disabled]=\"disabled\"\n [size]=\"size\"\n [readonly]=\"inputReadonly\"\n [placeholder]=\"!(hasSelected$ | async) ? placeholder : ''\"\n (input)=\"onInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n (blur)=\"closeOption()\"\n />\n <span\n auiInputSuffix\n class=\"aui-select__icon-container\"\n >\n <aui-icon\n class=\"aui-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n <div\n *ngIf=\"(selectedOption$ | async) && !filterString\"\n class=\"aui-select__label-container aui-input aui-input--{{ size }}\"\n [attr.disabled]=\"disabled ? true : null\"\n >\n <div class=\"aui-select__label\">\n <ng-container *ngIf=\"(selectedOption$ | async).label as optionLabel\">\n <ng-container\n *ngIf=\"isTemplateRef(optionLabel); else label\"\n [ngTemplateOutlet]=\"optionLabel\"\n [ngTemplateOutletContext]=\"(selectedOption$ | async).labelContext\"\n ></ng-container>\n <ng-template #label>{{ optionLabel }}</ng-template>\n </ng-container>\n </div>\n </div>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n [class]=\"containerClass\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #optionListRef\n class=\"aui-option-container__content\"\n >\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", styles: [".aui-option-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-option-container__content::-webkit-scrollbar-corner{background-color:transparent}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-select{display:inline-block;position:relative;width:100%}.aui-select__icon-container{display:block;position:relative}.aui-select.isDisabled .aui-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-select__clear{display:none}.aui-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-select.isClearable:not(.isDisabled):hover .aui-select__indicator{display:none}.aui-select.isClearable:not(.isDisabled):hover .aui-select__clear{display:flex}.aui-select__label-container.aui-input{position:absolute;top:0;left:0;display:inline-flex;align-items:center;pointer-events:none;background-color:transparent;border-color:transparent}.aui-select.isFilterable.isOpened .aui-select__label-container.aui-input{color:rgb(var(--aui-color-n-4))}.aui-select__label{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-select__input.aui-input[readonly]{background-color:rgb(var(--aui-color-main-bg));border-color:rgb(var(--aui-color-n-7))!important;cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:rgb(var(--aui-color-primary))}.aui-select__input.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))}aui-select.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-select.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-select.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { kind: "component", type: i3.InputGroupComponent, selector: "aui-input-group" }, { kind: "directive", type: i4.InputSuffixDirective, selector: "[auiInputSuffix]" }, { kind: "component", type: i5.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiDisableAnimation"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "component", type: i7.OptionComponent, selector: "aui-option", inputs: ["label", "labelContext", "value", "disabled"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
88
|
+
], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n [class]=\"rootClass\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable(hasSelected$ | async)\"\n [class.isFilterable]=\"filterable\"\n [class.isOpened]=\"opened\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiDisableAnimation]=\"true\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipVisibleChange)=\"onVisibleOptions($event)\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-select__input\"\n autocomplete=\"off\"\n aui-input\n [disabled]=\"disabled\"\n [size]=\"size\"\n [readonly]=\"inputReadonly\"\n [placeholder]=\"!(hasSelected$ | async) ? placeholder : ''\"\n (input)=\"onInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n (blur)=\"closeOption()\"\n />\n <span\n auiInputSuffix\n class=\"aui-select__icon-container\"\n >\n <aui-icon\n class=\"aui-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n <div\n *ngIf=\"(selectedOption$ | async) && !filterString\"\n class=\"aui-select__label-container aui-input aui-input--{{ size }}\"\n [attr.disabled]=\"disabled ? true : null\"\n >\n <div class=\"aui-select__label\">\n <ng-container *ngIf=\"(selectedOption$ | async).label as optionLabel\">\n <ng-container\n *ngIf=\"isTemplateRef(optionLabel); else label\"\n [ngTemplateOutlet]=\"optionLabel\"\n [ngTemplateOutletContext]=\"(selectedOption$ | async).labelContext\"\n ></ng-container>\n <ng-template #label>{{ optionLabel }}</ng-template>\n </ng-container>\n </div>\n </div>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n [class]=\"containerClass\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #optionListRef\n class=\"aui-option-container__content\"\n >\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", styles: [".aui-option-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-option-container__content::-webkit-scrollbar-corner{background-color:transparent}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-select{display:inline-block;position:relative;width:100%}.aui-select__icon-container{display:block;position:relative;pointer-events:none!important}.aui-select__icon-container .aui-icon{margin:0!important}.aui-select.isDisabled .aui-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-select__indicator{display:flex}.aui-select__clear{display:none}.aui-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-select.isClearable:not(.isDisabled):hover .aui-select__indicator{display:none}.aui-select.isClearable:not(.isDisabled):hover .aui-select__clear{display:flex;pointer-events:auto}.aui-select__label-container.aui-input{position:absolute;top:0;left:0;display:inline-flex;align-items:center;pointer-events:none;background-color:transparent;border-color:transparent}.aui-select.isFilterable.isOpened .aui-select__label-container.aui-input{color:rgb(var(--aui-color-n-4))}.aui-select__label{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-select__input.aui-input[readonly]{background-color:rgb(var(--aui-color-main-bg));border-color:rgb(var(--aui-color-n-7))!important;cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:rgb(var(--aui-color-primary))}.aui-select__input.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))}aui-select.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-select.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-select.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { kind: "component", type: i3.InputGroupComponent, selector: "aui-input-group" }, { kind: "directive", type: i4.InputSuffixDirective, selector: "[auiInputSuffix]" }, { kind: "component", type: i5.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "directive", type: i6.TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiDisableAnimation"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "component", type: i7.OptionComponent, selector: "aui-option", inputs: ["label", "labelContext", "value", "disabled"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
89
89
|
}
|
|
90
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SelectComponent, decorators: [{
|
|
91
91
|
type: Component,
|
|
92
92
|
args: [{ selector: 'aui-select', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
|
|
93
93
|
{
|
|
@@ -99,7 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImpor
|
|
|
99
99
|
provide: BaseSelect,
|
|
100
100
|
useExisting: SelectComponent,
|
|
101
101
|
},
|
|
102
|
-
], template: "<div\n [class]=\"rootClass\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable(hasSelected$ | async)\"\n [class.isFilterable]=\"filterable\"\n [class.isOpened]=\"opened\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiDisableAnimation]=\"true\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipVisibleChange)=\"onVisibleOptions($event)\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-select__input\"\n autocomplete=\"off\"\n aui-input\n [disabled]=\"disabled\"\n [size]=\"size\"\n [readonly]=\"inputReadonly\"\n [placeholder]=\"!(hasSelected$ | async) ? placeholder : ''\"\n (input)=\"onInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n (blur)=\"closeOption()\"\n />\n <span\n auiInputSuffix\n class=\"aui-select__icon-container\"\n >\n <aui-icon\n class=\"aui-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n <div\n *ngIf=\"(selectedOption$ | async) && !filterString\"\n class=\"aui-select__label-container aui-input aui-input--{{ size }}\"\n [attr.disabled]=\"disabled ? true : null\"\n >\n <div class=\"aui-select__label\">\n <ng-container *ngIf=\"(selectedOption$ | async).label as optionLabel\">\n <ng-container\n *ngIf=\"isTemplateRef(optionLabel); else label\"\n [ngTemplateOutlet]=\"optionLabel\"\n [ngTemplateOutletContext]=\"(selectedOption$ | async).labelContext\"\n ></ng-container>\n <ng-template #label>{{ optionLabel }}</ng-template>\n </ng-container>\n </div>\n </div>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n [class]=\"containerClass\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #optionListRef\n class=\"aui-option-container__content\"\n >\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", styles: [".aui-option-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-option-container__content::-webkit-scrollbar-corner{background-color:transparent}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-select{display:inline-block;position:relative;width:100%}.aui-select__icon-container{display:block;position:relative}.aui-select.isDisabled .aui-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-select__clear{display:none}.aui-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-select.isClearable:not(.isDisabled):hover .aui-select__indicator{display:none}.aui-select.isClearable:not(.isDisabled):hover .aui-select__clear{display:flex}.aui-select__label-container.aui-input{position:absolute;top:0;left:0;display:inline-flex;align-items:center;pointer-events:none;background-color:transparent;border-color:transparent}.aui-select.isFilterable.isOpened .aui-select__label-container.aui-input{color:rgb(var(--aui-color-n-4))}.aui-select__label{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-select__input.aui-input[readonly]{background-color:rgb(var(--aui-color-main-bg));border-color:rgb(var(--aui-color-n-7))!important;cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:rgb(var(--aui-color-primary))}.aui-select__input.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))}aui-select.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-select.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-select.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"] }]
|
|
102
|
+
], template: "<div\n [class]=\"rootClass\"\n [class.isDisabled]=\"disabled\"\n [class.isClearable]=\"isClearable(hasSelected$ | async)\"\n [class.isFilterable]=\"filterable\"\n [class.isOpened]=\"opened\"\n #selectRef\n #tooltipRef=\"auiTooltip\"\n [auiTooltip]=\"templateRef\"\n [auiDisableAnimation]=\"true\"\n [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipVisibleChange)=\"onVisibleOptions($event)\"\n>\n <aui-input-group>\n <input\n #inputRef\n class=\"aui-select__input\"\n autocomplete=\"off\"\n aui-input\n [disabled]=\"disabled\"\n [size]=\"size\"\n [readonly]=\"inputReadonly\"\n [placeholder]=\"!(hasSelected$ | async) ? placeholder : ''\"\n (input)=\"onInput($event)\"\n (keydown)=\"onKeyDown($event)\"\n (blur)=\"closeOption()\"\n />\n <span\n auiInputSuffix\n class=\"aui-select__icon-container\"\n >\n <aui-icon\n class=\"aui-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-select__clear\"\n icon=\"xmark_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\n <div\n *ngIf=\"(selectedOption$ | async) && !filterString\"\n class=\"aui-select__label-container aui-input aui-input--{{ size }}\"\n [attr.disabled]=\"disabled ? true : null\"\n >\n <div class=\"aui-select__label\">\n <ng-container *ngIf=\"(selectedOption$ | async).label as optionLabel\">\n <ng-container\n *ngIf=\"isTemplateRef(optionLabel); else label\"\n [ngTemplateOutlet]=\"optionLabel\"\n [ngTemplateOutletContext]=\"(selectedOption$ | async).labelContext\"\n ></ng-container>\n <ng-template #label>{{ optionLabel }}</ng-template>\n </ng-container>\n </div>\n </div>\n </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n <div\n [class]=\"containerClass\"\n [style.minWidth]=\"containerWidth\"\n (mousedown)=\"$event.preventDefault()\"\n >\n <div\n #optionListRef\n class=\"aui-option-container__content\"\n >\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", styles: [".aui-option-container{padding:8px 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-option-container{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-option-container__content::-webkit-scrollbar-corner{background-color:transparent}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-select{display:inline-block;position:relative;width:100%}.aui-select__icon-container{display:block;position:relative;pointer-events:none!important}.aui-select__icon-container .aui-icon{margin:0!important}.aui-select.isDisabled .aui-select__icon-container{color:rgb(var(--aui-color-n-4))}.aui-select__indicator{display:flex}.aui-select__clear{display:none}.aui-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-select__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}.aui-select.isClearable:not(.isDisabled):hover .aui-select__indicator{display:none}.aui-select.isClearable:not(.isDisabled):hover .aui-select__clear{display:flex;pointer-events:auto}.aui-select__label-container.aui-input{position:absolute;top:0;left:0;display:inline-flex;align-items:center;pointer-events:none;background-color:transparent;border-color:transparent}.aui-select.isFilterable.isOpened .aui-select__label-container.aui-input{color:rgb(var(--aui-color-n-4))}.aui-select__label{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-select__input.aui-input[readonly]{background-color:rgb(var(--aui-color-main-bg));border-color:rgb(var(--aui-color-n-7))!important;cursor:text}.aui-select__input.aui-input[readonly]:focus{border-color:rgb(var(--aui-color-primary))}.aui-select__input.aui-input[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))}aui-select.ng-invalid.ng-dirty .aui-input,.ng-submitted aui-select.ng-invalid .aui-input{border-color:rgb(var(--aui-color-red))!important}:root aui-select.ng-invalid.ng-dirty .aui-input:focus,:root aui-select.ng-invalid.ng-dirty .aui-input.isFocused,:root .ng-submitted aui-select.ng-invalid .aui-input:focus,:root .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=light] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=light] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=light] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=system] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=system] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input:focus,html[aui-theme-mode=dark] aui-select.ng-invalid.ng-dirty .aui-input.isFocused,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input:focus,html[aui-theme-mode=dark] .ng-submitted aui-select.ng-invalid .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"] }]
|
|
103
103
|
}], propDecorators: { inputRef: [{
|
|
104
104
|
type: ViewChild,
|
|
105
105
|
args: ['inputRef', { static: true }]
|
|
@@ -7,15 +7,15 @@ import { TagModule } from '../tag';
|
|
|
7
7
|
import { TooltipModule } from '../tooltip';
|
|
8
8
|
import { OptionContentDirective, OptionGroupTitleDirective, } from './helper-directives';
|
|
9
9
|
import { MultiSelectComponent } from './multi-select/multi-select.component';
|
|
10
|
+
import { OptionComponent } from './option/option.component';
|
|
10
11
|
import { OptionGroupComponent } from './option-group/option-group.component';
|
|
11
12
|
import { OptionPlaceholderComponent } from './option-placeholder.component';
|
|
12
|
-
import { OptionComponent } from './option/option.component';
|
|
13
13
|
import { SelectComponent } from './select.component';
|
|
14
14
|
import { IncludesDirective } from './validators';
|
|
15
15
|
import * as i0 from "@angular/core";
|
|
16
16
|
export class SelectModule {
|
|
17
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
|
18
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
18
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: SelectModule, declarations: [SelectComponent,
|
|
19
19
|
OptionComponent,
|
|
20
20
|
OptionGroupComponent,
|
|
21
21
|
OptionPlaceholderComponent,
|
|
@@ -35,14 +35,14 @@ export class SelectModule {
|
|
|
35
35
|
IncludesDirective,
|
|
36
36
|
OptionGroupTitleDirective,
|
|
37
37
|
OptionContentDirective] });
|
|
38
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.
|
|
38
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SelectModule, imports: [CommonModule,
|
|
39
39
|
InputModule,
|
|
40
40
|
I18nModule,
|
|
41
41
|
IconModule,
|
|
42
42
|
TooltipModule,
|
|
43
43
|
TagModule] });
|
|
44
44
|
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SelectModule, decorators: [{
|
|
46
46
|
type: NgModule,
|
|
47
47
|
args: [{
|
|
48
48
|
imports: [
|
|
@@ -75,4 +75,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImpor
|
|
|
75
75
|
],
|
|
76
76
|
}]
|
|
77
77
|
}] });
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWxlY3Qvc2VsZWN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQ3JDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDckMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQ25DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFFM0MsT0FBTyxFQUNMLHNCQUFzQixFQUN0Qix5QkFBeUIsR0FDMUIsTUFBTSxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7QUFnQ2pELE1BQU0sT0FBTyxZQUFZO3VHQUFaLFlBQVk7d0dBQVosWUFBWSxpQkFwQnJCLGVBQWU7WUFDZixlQUFlO1lBQ2Ysb0JBQW9CO1lBQ3BCLDBCQUEwQjtZQUMxQixvQkFBb0I7WUFDcEIsaUJBQWlCO1lBQ2pCLHlCQUF5QjtZQUN6QixzQkFBc0IsYUFmdEIsWUFBWTtZQUNaLFdBQVc7WUFDWCxVQUFVO1lBQ1YsVUFBVTtZQUNWLGFBQWE7WUFDYixTQUFTLGFBYVQsZUFBZTtZQUNmLGVBQWU7WUFDZixvQkFBb0I7WUFDcEIsMEJBQTBCO1lBQzFCLG9CQUFvQjtZQUNwQixpQkFBaUI7WUFDakIseUJBQXlCO1lBQ3pCLHNCQUFzQjt3R0FHYixZQUFZLFlBNUJyQixZQUFZO1lBQ1osV0FBVztZQUNYLFVBQVU7WUFDVixVQUFVO1lBQ1YsYUFBYTtZQUNiLFNBQVM7OzJGQXVCQSxZQUFZO2tCQTlCeEIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLFVBQVU7d0JBQ1YsVUFBVTt3QkFDVixhQUFhO3dCQUNiLFNBQVM7cUJBQ1Y7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixvQkFBb0I7d0JBQ3BCLDBCQUEwQjt3QkFDMUIsb0JBQW9CO3dCQUNwQixpQkFBaUI7d0JBQ2pCLHlCQUF5Qjt3QkFDekIsc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTt3QkFDZixlQUFlO3dCQUNmLG9CQUFvQjt3QkFDcEIsMEJBQTBCO3dCQUMxQixvQkFBb0I7d0JBQ3BCLGlCQUFpQjt3QkFDakIseUJBQXlCO3dCQUN6QixzQkFBc0I7cUJBQ3ZCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEkxOG5Nb2R1bGUgfSBmcm9tICcuLi9pMThuJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uJztcbmltcG9ydCB7IElucHV0TW9kdWxlIH0gZnJvbSAnLi4vaW5wdXQnO1xuaW1wb3J0IHsgVGFnTW9kdWxlIH0gZnJvbSAnLi4vdGFnJztcbmltcG9ydCB7IFRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi90b29sdGlwJztcblxuaW1wb3J0IHtcbiAgT3B0aW9uQ29udGVudERpcmVjdGl2ZSxcbiAgT3B0aW9uR3JvdXBUaXRsZURpcmVjdGl2ZSxcbn0gZnJvbSAnLi9oZWxwZXItZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBNdWx0aVNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4vbXVsdGktc2VsZWN0L211bHRpLXNlbGVjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgT3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9vcHRpb24vb3B0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBPcHRpb25Hcm91cENvbXBvbmVudCB9IGZyb20gJy4vb3B0aW9uLWdyb3VwL29wdGlvbi1ncm91cC5jb21wb25lbnQnO1xuaW1wb3J0IHsgT3B0aW9uUGxhY2Vob2xkZXJDb21wb25lbnQgfSBmcm9tICcuL29wdGlvbi1wbGFjZWhvbGRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3QuY29tcG9uZW50JztcbmltcG9ydCB7IEluY2x1ZGVzRGlyZWN0aXZlIH0gZnJvbSAnLi92YWxpZGF0b3JzJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBJbnB1dE1vZHVsZSxcbiAgICBJMThuTW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgVG9vbHRpcE1vZHVsZSxcbiAgICBUYWdNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNlbGVjdENvbXBvbmVudCxcbiAgICBPcHRpb25Db21wb25lbnQsXG4gICAgT3B0aW9uR3JvdXBDb21wb25lbnQsXG4gICAgT3B0aW9uUGxhY2Vob2xkZXJDb21wb25lbnQsXG4gICAgTXVsdGlTZWxlY3RDb21wb25lbnQsXG4gICAgSW5jbHVkZXNEaXJlY3RpdmUsXG4gICAgT3B0aW9uR3JvdXBUaXRsZURpcmVjdGl2ZSxcbiAgICBPcHRpb25Db250ZW50RGlyZWN0aXZlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU2VsZWN0Q29tcG9uZW50LFxuICAgIE9wdGlvbkNvbXBvbmVudCxcbiAgICBPcHRpb25Hcm91cENvbXBvbmVudCxcbiAgICBPcHRpb25QbGFjZWhvbGRlckNvbXBvbmVudCxcbiAgICBNdWx0aVNlbGVjdENvbXBvbmVudCxcbiAgICBJbmNsdWRlc0RpcmVjdGl2ZSxcbiAgICBPcHRpb25Hcm91cFRpdGxlRGlyZWN0aXZlLFxuICAgIE9wdGlvbkNvbnRlbnREaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdE1vZHVsZSB7fVxuIl19
|
|
@@ -43,14 +43,14 @@ export class IncludesDirective {
|
|
|
43
43
|
if (!this.selectRef.contentOptions || !control.value) {
|
|
44
44
|
return;
|
|
45
45
|
}
|
|
46
|
-
return
|
|
47
|
-
?
|
|
48
|
-
: AuiSelectValidators.includes(this.selectRef.contentOptions
|
|
46
|
+
return this.includes
|
|
47
|
+
? AuiSelectValidators.includes(this.selectRef.contentOptions
|
|
49
48
|
.filter(option => !option.disabled)
|
|
50
|
-
.map(option => option.value), this.trackFn)(control)
|
|
49
|
+
.map(option => option.value), this.trackFn)(control)
|
|
50
|
+
: null;
|
|
51
51
|
}
|
|
52
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
|
53
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.
|
|
52
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: IncludesDirective, deps: [{ token: i1.SelectComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
53
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.0", type: IncludesDirective, selector: "aui-select[ngModel][includes],aui-select[formControl][includes],aui-select[formControlName][includes]", inputs: { includes: "includes", trackFn: "trackFn" }, providers: [
|
|
54
54
|
{
|
|
55
55
|
provide: NG_VALIDATORS,
|
|
56
56
|
useExisting: forwardRef(() => IncludesDirective),
|
|
@@ -58,7 +58,7 @@ export class IncludesDirective {
|
|
|
58
58
|
},
|
|
59
59
|
], ngImport: i0 });
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: IncludesDirective, decorators: [{
|
|
62
62
|
type: Directive,
|
|
63
63
|
args: [{
|
|
64
64
|
selector: 'aui-select[ngModel][includes],aui-select[formControl][includes],aui-select[formControlName][includes]',
|
|
@@ -75,4 +75,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImpor
|
|
|
75
75
|
}], trackFn: [{
|
|
76
76
|
type: Input
|
|
77
77
|
}] } });
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsaWRhdG9ycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWxlY3QvdmFsaWRhdG9ycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFFTCxhQUFhLEdBSWQsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxVQUFVLENBQUM7OztBQU83QyxNQUFNLE9BQU8sbUJBQW1CO0lBQzlCLE1BQU0sQ0FBQyxRQUFRLENBQ2IsT0FBWSxFQUNaLFVBQXNCLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRztRQUVoQyxPQUFPLENBQUMsT0FBd0IsRUFBRSxFQUFFLENBQ2xDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNoRSxDQUFDLENBQUMsSUFBSTtZQUNOLENBQUMsQ0FBQztnQkFDRSxRQUFRLEVBQUUsT0FBTyxDQUFDLEtBQUs7YUFDeEIsQ0FBQztJQUNWLENBQUM7Q0FDRjtBQWNELE1BQU0sT0FBTyxpQkFBaUI7SUFvQkM7SUFuQjdCLElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBSSxRQUFRLENBQUMsR0FBaUI7UUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUN4QyxJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtZQUMxQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFHRCxPQUFPLENBQWE7SUFFWixTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRTFCLGlCQUFpQixDQUFhO0lBRTlCLFlBQTZCLFNBQTZCO1FBQTdCLGNBQVMsR0FBVCxTQUFTLENBQW9CO0lBQUcsQ0FBQztJQUU5RCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDbkQsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUU7Z0JBQzFCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO2FBQzFCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQseUJBQXlCLENBQUMsRUFBYztRQUN0QyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxRQUFRLENBQUMsT0FBd0I7UUFDL0IsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRTtZQUNwRCxPQUFPO1NBQ1I7UUFDRCxPQUFPLElBQUksQ0FBQyxRQUFRO1lBQ2xCLENBQUMsQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLENBQzFCLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYztpQkFDMUIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO2lCQUNsQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQzlCLElBQUksQ0FBQyxPQUFPLENBQ2IsQ0FBQyxPQUFPLENBQUM7WUFDWixDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ1gsQ0FBQzt1R0E5Q1UsaUJBQWlCOzJGQUFqQixpQkFBaUIsc0xBUmpCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGFBQWE7Z0JBQ3RCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUM7Z0JBQ2hELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRjs7MkZBRVUsaUJBQWlCO2tCQVo3QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFFTix1R0FBdUc7b0JBQ3pHLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsYUFBYTs0QkFDdEIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsa0JBQWtCLENBQUM7NEJBQ2hELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO2lCQUNGO3NHQUdLLFFBQVE7c0JBRFgsS0FBSztnQkFhTixPQUFPO3NCQUROLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBEaXJlY3RpdmUsIElucHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBBYnN0cmFjdENvbnRyb2wsXG4gIE5HX1ZBTElEQVRPUlMsXG4gIFZhbGlkYXRpb25FcnJvcnMsXG4gIFZhbGlkYXRvcixcbiAgVmFsaWRhdG9yRm4sXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgY29lcmNlQXR0ckJvb2xlYW4gfSBmcm9tICcuLi91dGlscyc7XG5cbmltcG9ydCB7IFNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUcmFja0ZuIH0gZnJvbSAnLi9zZWxlY3QudHlwZXMnO1xuXG4vLyBAZHluYW1pY1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHRyYW5lb3VzLWNsYXNzXG5leHBvcnQgY2xhc3MgQXVpU2VsZWN0VmFsaWRhdG9ycyB7XG4gIHN0YXRpYyBpbmNsdWRlczxUPihcbiAgICBvcHRpb25zOiBUW10sXG4gICAgdHJhY2tGbjogVHJhY2tGbjxUPiA9IHZhbCA9PiB2YWwsXG4gICk6IFZhbGlkYXRvckZuIHtcbiAgICByZXR1cm4gKGNvbnRyb2w6IEFic3RyYWN0Q29udHJvbCkgPT5cbiAgICAgIG9wdGlvbnMuc29tZShvcHRpb24gPT4gdHJhY2tGbihvcHRpb24pID09PSB0cmFja0ZuKGNvbnRyb2wudmFsdWUpKVxuICAgICAgICA/IG51bGxcbiAgICAgICAgOiB7XG4gICAgICAgICAgICBpbmNsdWRlczogY29udHJvbC52YWx1ZSxcbiAgICAgICAgICB9O1xuICB9XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjpcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2RpcmVjdGl2ZS1zZWxlY3RvclxuICAgICdhdWktc2VsZWN0W25nTW9kZWxdW2luY2x1ZGVzXSxhdWktc2VsZWN0W2Zvcm1Db250cm9sXVtpbmNsdWRlc10sYXVpLXNlbGVjdFtmb3JtQ29udHJvbE5hbWVdW2luY2x1ZGVzXScsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTElEQVRPUlMsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBJbmNsdWRlc0RpcmVjdGl2ZSksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBJbmNsdWRlc0RpcmVjdGl2ZTxUPiBpbXBsZW1lbnRzIFZhbGlkYXRvciwgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBJbnB1dCgpXG4gIGdldCBpbmNsdWRlcygpIHtcbiAgICByZXR1cm4gdGhpcy5faW5jbHVkZXM7XG4gIH1cblxuICBzZXQgaW5jbHVkZXModmFsOiBib29sZWFuIHwgJycpIHtcbiAgICB0aGlzLl9pbmNsdWRlcyA9IGNvZXJjZUF0dHJCb29sZWFuKHZhbCk7XG4gICAgaWYgKHRoaXMub25WYWxpZGF0b3JDaGFuZ2UpIHtcbiAgICAgIHRoaXMub25WYWxpZGF0b3JDaGFuZ2UoKTtcbiAgICB9XG4gIH1cblxuICBASW5wdXQoKVxuICB0cmFja0ZuOiBUcmFja0ZuPFQ+O1xuXG4gIHByaXZhdGUgX2luY2x1ZGVzID0gZmFsc2U7XG5cbiAgb25WYWxpZGF0b3JDaGFuZ2U6ICgpID0+IHZvaWQ7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBzZWxlY3RSZWY6IFNlbGVjdENvbXBvbmVudDxUPikge31cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgdGhpcy5zZWxlY3RSZWYuY29udGVudE9wdGlvbnMuY2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMub25WYWxpZGF0b3JDaGFuZ2UpIHtcbiAgICAgICAgdGhpcy5vblZhbGlkYXRvckNoYW5nZSgpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgcmVnaXN0ZXJPblZhbGlkYXRvckNoYW5nZShmbjogKCkgPT4gdm9pZCkge1xuICAgIHRoaXMub25WYWxpZGF0b3JDaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHZhbGlkYXRlKGNvbnRyb2w6IEFic3RyYWN0Q29udHJvbCk6IFZhbGlkYXRpb25FcnJvcnMge1xuICAgIGlmICghdGhpcy5zZWxlY3RSZWYuY29udGVudE9wdGlvbnMgfHwgIWNvbnRyb2wudmFsdWUpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgcmV0dXJuIHRoaXMuaW5jbHVkZXNcbiAgICAgID8gQXVpU2VsZWN0VmFsaWRhdG9ycy5pbmNsdWRlcyhcbiAgICAgICAgICB0aGlzLnNlbGVjdFJlZi5jb250ZW50T3B0aW9uc1xuICAgICAgICAgICAgLmZpbHRlcihvcHRpb24gPT4gIW9wdGlvbi5kaXNhYmxlZClcbiAgICAgICAgICAgIC5tYXAob3B0aW9uID0+IG9wdGlvbi52YWx1ZSksXG4gICAgICAgICAgdGhpcy50cmFja0ZuLFxuICAgICAgICApKGNvbnRyb2wpXG4gICAgICA6IG51bGw7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -11,10 +11,10 @@ export class ClickOutsideDirective {
|
|
|
11
11
|
constructor(el) {
|
|
12
12
|
this.el = el;
|
|
13
13
|
}
|
|
14
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
|
15
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
15
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.0", type: ClickOutsideDirective, selector: "[auiClickOutside]", outputs: { auiClickOutside: "auiClickOutside" }, host: { listeners: { "document:click": "onBodyClick($event)" } }, exportAs: ["auiClickOutside"], ngImport: i0 });
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
18
18
|
type: Directive,
|
|
19
19
|
args: [{
|
|
20
20
|
selector: '[auiClickOutside]',
|
|
@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { ClickOutsideDirective } from './click-outside.directive';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class SharedModule {
|
|
5
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
|
6
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.
|
|
7
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: SharedModule, declarations: [ClickOutsideDirective], exports: [ClickOutsideDirective] });
|
|
7
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SharedModule });
|
|
8
8
|
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SharedModule, decorators: [{
|
|
10
10
|
type: NgModule,
|
|
11
11
|
args: [{
|
|
12
12
|
declarations: [ClickOutsideDirective],
|
|
@@ -55,10 +55,10 @@ export class SortHeaderComponent {
|
|
|
55
55
|
? this._sort.direction
|
|
56
56
|
: this.start || this._sort.start;
|
|
57
57
|
}
|
|
58
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
|
59
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
|
58
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SortHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SortDirective, optional: true }, { token: i2.CdkColumnDef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: SortHeaderComponent, selector: "[aui-sort-header]", inputs: { id: ["aui-sort-header", "id"], start: "start" }, ngImport: i0, template: "<div\n [class]=\"bem.block({ active: _isSorted() })\"\n (click)=\"_handleClick()\"\n>\n <button\n [class]=\"bem.element('button')\"\n type=\"button\"\n >\n <ng-content></ng-content>\n </button>\n <div [class]=\"bem.element('indicator', arrowDirection)\"></div>\n</div>\n", styles: [".aui-sort-header{display:flex;cursor:pointer}.aui-sort-header__button{border:none;background:0 0;display:flex;align-items:center;padding:0;outline:0;font:inherit;cursor:inherit;color:currentcolor}.aui-sort-header__indicator{margin-left:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.aui-sort-header__indicator:before,.aui-sort-header__indicator:after{content:\"\";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.aui-sort-header__indicator:before{border-bottom:4px solid rgb(var(--aui-color-placeholder-text));margin-bottom:4px}.aui-sort-header__indicator:after{border-top:4px solid rgb(var(--aui-color-placeholder-text))}.aui-sort-header--active .aui-sort-header__indicator--asc:before{border-bottom-color:rgb(var(--aui-color-secondary-text))}.aui-sort-header--active .aui-sort-header__indicator--desc:after{border-top-color:rgb(var(--aui-color-secondary-text))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SortHeaderComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{ selector: '[aui-sort-header]', encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [class]=\"bem.block({ active: _isSorted() })\"\n (click)=\"_handleClick()\"\n>\n <button\n [class]=\"bem.element('button')\"\n type=\"button\"\n >\n <ng-content></ng-content>\n </button>\n <div [class]=\"bem.element('indicator', arrowDirection)\"></div>\n</div>\n", styles: [".aui-sort-header{display:flex;cursor:pointer}.aui-sort-header__button{border:none;background:0 0;display:flex;align-items:center;padding:0;outline:0;font:inherit;cursor:inherit;color:currentcolor}.aui-sort-header__indicator{margin-left:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.aui-sort-header__indicator:before,.aui-sort-header__indicator:after{content:\"\";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.aui-sort-header__indicator:before{border-bottom:4px solid rgb(var(--aui-color-placeholder-text));margin-bottom:4px}.aui-sort-header__indicator:after{border-top:4px solid rgb(var(--aui-color-placeholder-text))}.aui-sort-header--active .aui-sort-header__indicator--asc:before{border-bottom-color:rgb(var(--aui-color-secondary-text))}.aui-sort-header--active .aui-sort-header__indicator--desc:after{border-top-color:rgb(var(--aui-color-secondary-text))}\n"] }]
|
|
64
64
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SortDirective, decorators: [{
|
|
@@ -34,12 +34,12 @@ export class SortDirective {
|
|
|
34
34
|
this.sortables.delete(sortable.id);
|
|
35
35
|
}
|
|
36
36
|
sort(sortable) {
|
|
37
|
-
if (this.active
|
|
38
|
-
this.
|
|
39
|
-
this.direction = sortable.start ? sortable.start : this.start;
|
|
37
|
+
if (this.active === sortable.id) {
|
|
38
|
+
this.direction = this.direction === 'asc' ? 'desc' : 'asc';
|
|
40
39
|
}
|
|
41
40
|
else {
|
|
42
|
-
this.
|
|
41
|
+
this.active = sortable.id;
|
|
42
|
+
this.direction = sortable.start || this.start;
|
|
43
43
|
}
|
|
44
44
|
this.sortChange.emit({
|
|
45
45
|
active: this.active,
|
|
@@ -52,10 +52,10 @@ export class SortDirective {
|
|
|
52
52
|
ngOnDestroy() {
|
|
53
53
|
this._stateChanges.complete();
|
|
54
54
|
}
|
|
55
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
|
56
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.
|
|
55
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SortDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
56
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.0", type: SortDirective, selector: "[auiSort]", inputs: { active: "active", start: "start", direction: "direction" }, outputs: { sortChange: "sortChange" }, exportAs: ["auiSort"], usesOnChanges: true, ngImport: i0 });
|
|
57
57
|
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SortDirective, decorators: [{
|
|
59
59
|
type: Directive,
|
|
60
60
|
args: [{
|
|
61
61
|
selector: '[auiSort]',
|
|
@@ -70,4 +70,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImpor
|
|
|
70
70
|
}], sortChange: [{
|
|
71
71
|
type: Output
|
|
72
72
|
}] } });
|
|
73
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvc29ydC9zb3J0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRS9CLE9BQU8sRUFDTCwrQkFBK0IsRUFDL0IsMkJBQTJCLEVBQzNCLDRCQUE0QixHQUM3QixNQUFNLGVBQWUsQ0FBQzs7QUFPdkIsTUFBTSxPQUFPLGFBQWE7SUFDeEIsU0FBUyxHQUFHLElBQUksR0FBRyxFQUFvQixDQUFDO0lBRS9CLGFBQWEsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBRzdDLE1BQU0sQ0FBUztJQUdmLEtBQUssR0FBbUIsS0FBSyxDQUFDO0lBRTlCLElBQ0ksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBSSxTQUFTLENBQUMsU0FBd0I7UUFDcEMsSUFDRSxTQUFTLEVBQUU7WUFDWCxTQUFTO1lBQ1QsU0FBUyxLQUFLLEtBQUs7WUFDbkIsU0FBUyxLQUFLLE1BQU0sRUFDcEI7WUFDQSxNQUFNLDRCQUE0QixDQUFDLFNBQVMsQ0FBQyxDQUFDO1NBQy9DO1FBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7SUFDOUIsQ0FBQztJQUVPLFVBQVUsR0FBa0IsRUFBRSxDQUFDO0lBRzlCLFVBQVUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUVuRSxRQUFRLENBQUMsUUFBa0I7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUU7WUFDaEIsTUFBTSwyQkFBMkIsRUFBRSxDQUFDO1NBQ3JDO1FBRUQsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLEVBQUU7WUFDbkMsTUFBTSwrQkFBK0IsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUM7U0FDcEQ7UUFFRCxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRCxVQUFVLENBQUMsUUFBa0I7UUFDM0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxJQUFJLENBQUMsUUFBa0I7UUFDckIsSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLFFBQVEsQ0FBQyxFQUFFLEVBQUU7WUFDL0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7U0FDNUQ7YUFBTTtZQUNMLElBQUksQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQztTQUMvQztRQUVELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO1lBQ25CLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTTtZQUNuQixTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVM7U0FDMUIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNoQyxDQUFDO3VHQXJFVSxhQUFhOzJGQUFiLGFBQWE7OzJGQUFiLGFBQWE7a0JBSnpCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFFBQVEsRUFBRSxTQUFTO2lCQUNwQjs4QkFPQyxNQUFNO3NCQURMLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlGLFNBQVM7c0JBRFosS0FBSztnQkFvQkcsVUFBVTtzQkFEbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8vIE9yaWdpbmFsIGNvZGUgZnJvbSBtYXRlcmlhbDJcblxuaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBpc0Rldk1vZGUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQge1xuICBnZXRTb3J0RHVwbGljYXRlU29ydGFibGVJZEVycm9yLFxuICBnZXRTb3J0SGVhZGVyTWlzc2luZ0lkRXJyb3IsXG4gIGdldFNvcnRJbnZhbGlkRGlyZWN0aW9uRXJyb3IsXG59IGZyb20gJy4vc29ydC1lcnJvcnMnO1xuaW1wb3J0IHsgU29ydCwgU29ydERpcmVjdGlvbiwgU29ydGFibGUgfSBmcm9tICcuL3NvcnQudHlwZXMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXVpU29ydF0nLFxuICBleHBvcnRBczogJ2F1aVNvcnQnLFxufSlcbmV4cG9ydCBjbGFzcyBTb3J0RGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICBzb3J0YWJsZXMgPSBuZXcgTWFwPHN0cmluZywgU29ydGFibGU+KCk7XG5cbiAgcmVhZG9ubHkgX3N0YXRlQ2hhbmdlcyA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgQElucHV0KClcbiAgYWN0aXZlOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc3RhcnQ6ICdhc2MnIHwgJ2Rlc2MnID0gJ2FzYyc7XG5cbiAgQElucHV0KClcbiAgZ2V0IGRpcmVjdGlvbigpOiBTb3J0RGlyZWN0aW9uIHtcbiAgICByZXR1cm4gdGhpcy5fZGlyZWN0aW9uO1xuICB9XG5cbiAgc2V0IGRpcmVjdGlvbihkaXJlY3Rpb246IFNvcnREaXJlY3Rpb24pIHtcbiAgICBpZiAoXG4gICAgICBpc0Rldk1vZGUoKSAmJlxuICAgICAgZGlyZWN0aW9uICYmXG4gICAgICBkaXJlY3Rpb24gIT09ICdhc2MnICYmXG4gICAgICBkaXJlY3Rpb24gIT09ICdkZXNjJ1xuICAgICkge1xuICAgICAgdGhyb3cgZ2V0U29ydEludmFsaWREaXJlY3Rpb25FcnJvcihkaXJlY3Rpb24pO1xuICAgIH1cbiAgICB0aGlzLl9kaXJlY3Rpb24gPSBkaXJlY3Rpb247XG4gIH1cblxuICBwcml2YXRlIF9kaXJlY3Rpb246IFNvcnREaXJlY3Rpb24gPSAnJztcblxuICBAT3V0cHV0KClcbiAgcmVhZG9ubHkgc29ydENoYW5nZTogRXZlbnRFbWl0dGVyPFNvcnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxTb3J0PigpO1xuXG4gIHJlZ2lzdGVyKHNvcnRhYmxlOiBTb3J0YWJsZSk6IHZvaWQge1xuICAgIGlmICghc29ydGFibGUuaWQpIHtcbiAgICAgIHRocm93IGdldFNvcnRIZWFkZXJNaXNzaW5nSWRFcnJvcigpO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnNvcnRhYmxlcy5oYXMoc29ydGFibGUuaWQpKSB7XG4gICAgICB0aHJvdyBnZXRTb3J0RHVwbGljYXRlU29ydGFibGVJZEVycm9yKHNvcnRhYmxlLmlkKTtcbiAgICB9XG5cbiAgICB0aGlzLnNvcnRhYmxlcy5zZXQoc29ydGFibGUuaWQsIHNvcnRhYmxlKTtcbiAgfVxuXG4gIGRlcmVnaXN0ZXIoc29ydGFibGU6IFNvcnRhYmxlKTogdm9pZCB7XG4gICAgdGhpcy5zb3J0YWJsZXMuZGVsZXRlKHNvcnRhYmxlLmlkKTtcbiAgfVxuXG4gIHNvcnQoc29ydGFibGU6IFNvcnRhYmxlKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYWN0aXZlID09PSBzb3J0YWJsZS5pZCkge1xuICAgICAgdGhpcy5kaXJlY3Rpb24gPSB0aGlzLmRpcmVjdGlvbiA9PT0gJ2FzYycgPyAnZGVzYycgOiAnYXNjJztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5hY3RpdmUgPSBzb3J0YWJsZS5pZDtcbiAgICAgIHRoaXMuZGlyZWN0aW9uID0gc29ydGFibGUuc3RhcnQgfHwgdGhpcy5zdGFydDtcbiAgICB9XG5cbiAgICB0aGlzLnNvcnRDaGFuZ2UuZW1pdCh7XG4gICAgICBhY3RpdmU6IHRoaXMuYWN0aXZlLFxuICAgICAgZGlyZWN0aW9uOiB0aGlzLmRpcmVjdGlvbixcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMuX3N0YXRlQ2hhbmdlcy5uZXh0KCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLl9zdGF0ZUNoYW5nZXMuY29tcGxldGUoKTtcbiAgfVxufVxuIl19
|
|
@@ -4,11 +4,11 @@ import { SortHeaderComponent } from './sort-header.component';
|
|
|
4
4
|
import { SortDirective } from './sort.directive';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class SortModule {
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
|
8
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.
|
|
9
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SortModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: SortModule, declarations: [SortDirective, SortHeaderComponent], imports: [CommonModule], exports: [SortDirective, SortHeaderComponent] });
|
|
9
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SortModule, imports: [CommonModule] });
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SortModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
imports: [CommonModule],
|
|
@@ -10,10 +10,10 @@ export class StatusBarComponent {
|
|
|
10
10
|
size = StatusBarSize.Medium;
|
|
11
11
|
template;
|
|
12
12
|
statusClick = new EventEmitter();
|
|
13
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
|
14
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
|
13
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: StatusBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: StatusBarComponent, selector: "aui-status-bar", inputs: { status: "status", size: "size", template: "template" }, outputs: { statusClick: "statusClick" }, ngImport: i0, template: "<div [class]=\"bem.block(size)\">\n <ng-container *ngFor=\"let item of status\">\n <div\n *ngIf=\"item.scale\"\n [ngClass]=\"[bem.element('chunk', item.type), item.class || '']\"\n [style.width]=\"item.scale * 100 + '%'\"\n (click)=\"statusClick.emit(item)\"\n [auiTooltip]=\"template\"\n [auiTooltipContext]=\"item\"\n ></div>\n </ng-container>\n</div>\n", styles: [".aui-status-bar{display:inline-flex;overflow:hidden;width:100%;vertical-align:middle;border-radius:5px}.aui-status-bar--medium{height:10px}.aui-status-bar--small{height:8px;border-radius:4px}.aui-status-bar--small .aui-status-bar__chunk:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.aui-status-bar--small .aui-status-bar__chunk:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.aui-status-bar__chunk{min-width:2px;height:100%;flex:1 1 1;border-radius:var(--aui-border-radius-m)}.aui-status-bar__chunk:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.aui-status-bar__chunk:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.aui-status-bar__chunk--primary{background-color:rgb(var(--aui-color-primary))}.aui-status-bar__chunk--primary:hover{background-color:rgb(var(--aui-color-p-2))}.aui-status-bar__chunk--success{background-color:rgb(var(--aui-color-green))}.aui-status-bar__chunk--success:hover{background-color:rgb(var(--aui-color-g-2))}.aui-status-bar__chunk--warning{background-color:rgb(var(--aui-color-yellow))}.aui-status-bar__chunk--warning:hover{background-color:rgb(var(--aui-color-y-2))}.aui-status-bar__chunk--error{background-color:rgb(var(--aui-color-red))}.aui-status-bar__chunk--error:hover{background-color:rgb(var(--aui-color-r-2))}.aui-status-bar__chunk--info{background-color:rgb(var(--aui-color-n-4))}.aui-status-bar__chunk--info:hover{background-color:rgb(var(--aui-color-n-6))}.aui-status-bar__chunk--pending{height:var(--aui-inline-height-m);animation:pending .5s linear infinite;background:repeating-linear-gradient(-60deg,rgb(var(--aui-color-b-5)),rgb(var(--aui-color-b-5)) var(--aui-spacing-s),rgb(var(--aui-color-b-6)) var(--aui-spacing-s),rgb(var(--aui-color-b-6)) var(--aui-spacing-m))}.aui-status-bar__chunk+.aui-status-bar__chunk{margin-left:var(--aui-spacing-xs)}@keyframes pending{0%{transform:translateY(-50%)}to{transform:translateY(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiDisableAnimation"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: StatusBarComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
18
|
args: [{ selector: 'aui-status-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block(size)\">\n <ng-container *ngFor=\"let item of status\">\n <div\n *ngIf=\"item.scale\"\n [ngClass]=\"[bem.element('chunk', item.type), item.class || '']\"\n [style.width]=\"item.scale * 100 + '%'\"\n (click)=\"statusClick.emit(item)\"\n [auiTooltip]=\"template\"\n [auiTooltipContext]=\"item\"\n ></div>\n </ng-container>\n</div>\n", styles: [".aui-status-bar{display:inline-flex;overflow:hidden;width:100%;vertical-align:middle;border-radius:5px}.aui-status-bar--medium{height:10px}.aui-status-bar--small{height:8px;border-radius:4px}.aui-status-bar--small .aui-status-bar__chunk:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.aui-status-bar--small .aui-status-bar__chunk:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.aui-status-bar__chunk{min-width:2px;height:100%;flex:1 1 1;border-radius:var(--aui-border-radius-m)}.aui-status-bar__chunk:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.aui-status-bar__chunk:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.aui-status-bar__chunk--primary{background-color:rgb(var(--aui-color-primary))}.aui-status-bar__chunk--primary:hover{background-color:rgb(var(--aui-color-p-2))}.aui-status-bar__chunk--success{background-color:rgb(var(--aui-color-green))}.aui-status-bar__chunk--success:hover{background-color:rgb(var(--aui-color-g-2))}.aui-status-bar__chunk--warning{background-color:rgb(var(--aui-color-yellow))}.aui-status-bar__chunk--warning:hover{background-color:rgb(var(--aui-color-y-2))}.aui-status-bar__chunk--error{background-color:rgb(var(--aui-color-red))}.aui-status-bar__chunk--error:hover{background-color:rgb(var(--aui-color-r-2))}.aui-status-bar__chunk--info{background-color:rgb(var(--aui-color-n-4))}.aui-status-bar__chunk--info:hover{background-color:rgb(var(--aui-color-n-6))}.aui-status-bar__chunk--pending{height:var(--aui-inline-height-m);animation:pending .5s linear infinite;background:repeating-linear-gradient(-60deg,rgb(var(--aui-color-b-5)),rgb(var(--aui-color-b-5)) var(--aui-spacing-s),rgb(var(--aui-color-b-6)) var(--aui-spacing-s),rgb(var(--aui-color-b-6)) var(--aui-spacing-m))}.aui-status-bar__chunk+.aui-status-bar__chunk{margin-left:var(--aui-spacing-xs)}@keyframes pending{0%{transform:translateY(-50%)}to{transform:translateY(0)}}\n"] }]
|
|
19
19
|
}], propDecorators: { status: [{
|
|
@@ -4,11 +4,11 @@ import { TooltipModule } from '../tooltip';
|
|
|
4
4
|
import { StatusBarComponent } from './status-bar.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class StatusBarModule {
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
|
8
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.
|
|
9
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: StatusBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: StatusBarModule, declarations: [StatusBarComponent], imports: [CommonModule, TooltipModule], exports: [StatusBarComponent] });
|
|
9
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: StatusBarModule, imports: [CommonModule, TooltipModule] });
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: StatusBarModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
imports: [CommonModule, TooltipModule],
|