@alauda/ui 6.2.1-beta.7 → 6.2.1-beta.8
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/alauda-ui.metadata.json +1 -1
- package/bundles/alauda-ui.umd.js +81 -20
- package/bundles/alauda-ui.umd.js.map +1 -1
- package/bundles/alauda-ui.umd.min.js +1 -1
- package/bundles/alauda-ui.umd.min.js.map +1 -1
- package/button/button.component.d.ts +1 -0
- package/checkbox/checkbox.component.d.ts +1 -1
- package/esm2015/accordion/accordion-item/accordion-item.component.ngfactory.js +2 -2
- package/esm2015/alauda-ui.ngsummary.json +1 -1
- package/esm2015/back-top/back-top.component.ngfactory.js +2 -2
- package/esm2015/breadcrumb/breadcrumb-item.component.ngfactory.js +2 -2
- package/esm2015/button/button.component.js +7 -2
- package/esm2015/button/button.component.ngfactory.js +3 -3
- package/esm2015/button/button.component.ngsummary.json +1 -1
- package/esm2015/checkbox/checkbox-group/checkbox-group.component.ngfactory.js +1 -1
- package/esm2015/checkbox/checkbox-group/checkbox-group.component.ngsummary.json +1 -1
- package/esm2015/checkbox/checkbox.component.js +7 -6
- package/esm2015/checkbox/checkbox.component.ngfactory.js +3 -3
- package/esm2015/checkbox/checkbox.component.ngsummary.json +1 -1
- package/esm2015/color-picker/color-picker.component.ngfactory.js +1 -1
- package/esm2015/color-picker/color-picker.component.ngsummary.json +1 -1
- package/esm2015/date-picker/calendar/date-picker-panel/component.ngfactory.js +6 -6
- package/esm2015/date-picker/calendar/date-picker-panel/component.ngsummary.json +1 -1
- package/esm2015/date-picker/calendar/footer/component.ngfactory.js +5 -5
- package/esm2015/date-picker/calendar/header/component.ngfactory.js +9 -9
- package/esm2015/date-picker/calendar/panel/picker-panel.ngfactory.js +3 -3
- package/esm2015/date-picker/calendar/range-picker-panel/component.ngfactory.js +5 -5
- package/esm2015/date-picker/calendar/range-picker-panel/component.ngsummary.json +1 -1
- package/esm2015/date-picker/date-picker/date-picker.component.ngfactory.js +4 -4
- package/esm2015/date-picker/date-picker/date-picker.component.ngsummary.json +1 -1
- package/esm2015/date-picker/range-picker/range-picker.component.ngfactory.js +4 -4
- package/esm2015/date-picker/range-picker/range-picker.component.ngsummary.json +1 -1
- package/esm2015/date-picker/trigger/trigger.component.ngfactory.js +9 -9
- package/esm2015/dialog/confirm-dialog/confirm-dialog.component.ngfactory.js +5 -5
- package/esm2015/dialog/dialog-content/dialog-header.component.ngfactory.js +2 -2
- package/esm2015/dialog/dialog.component.js +2 -2
- package/esm2015/dialog/dialog.component.ngfactory.js +2 -2
- package/esm2015/drawer/component/drawer.component.ngfactory.js +2 -2
- package/esm2015/dropdown/dropdown-button/dropdown-button.component.js +2 -2
- package/esm2015/dropdown/dropdown-button/dropdown-button.component.ngfactory.js +3 -3
- package/esm2015/dropdown/submenu/submenu.component.ngfactory.js +2 -2
- package/esm2015/form/common-form.js +12 -4
- package/esm2015/form/common-form.ngsummary.json +1 -1
- package/esm2015/icon/icon.component.js +3 -3
- package/esm2015/icon/icon.component.ngfactory.js +1 -1
- package/esm2015/icon/icon.component.ngsummary.json +1 -1
- package/esm2015/inline-alert/inline-alert.component.ngfactory.js +4 -4
- package/esm2015/input/input.component.js +9 -2
- package/esm2015/input/input.component.ngfactory.js +1 -1
- package/esm2015/input/input.component.ngsummary.json +1 -1
- package/esm2015/input/number-input/number-input.component.ngfactory.js +6 -6
- package/esm2015/input/number-input/number-input.component.ngsummary.json +1 -1
- package/esm2015/input/search/search.component.ngfactory.js +6 -6
- package/esm2015/input/tags-input/tags-input.component.js +5 -4
- package/esm2015/input/tags-input/tags-input.component.ngfactory.js +1 -1
- package/esm2015/input/tags-input/tags-input.component.ngsummary.json +1 -1
- package/esm2015/message/message.component.ngfactory.js +2 -2
- package/esm2015/notification/notification.component.ngfactory.js +3 -3
- package/esm2015/paginator/paginator.component.ngfactory.js +18 -18
- package/esm2015/public-api.ngsummary.json +1 -1
- package/esm2015/radio/base-radio.js +6 -2
- package/esm2015/radio/base-radio.ngsummary.json +1 -1
- package/esm2015/radio/radio-button/radio-button.component.ngfactory.js +3 -3
- package/esm2015/radio/radio-button/radio-button.component.ngsummary.json +1 -1
- package/esm2015/radio/radio-group/radio-group.component.ngfactory.js +1 -1
- package/esm2015/radio/radio-group/radio-group.component.ngsummary.json +1 -1
- package/esm2015/radio/radio.component.ngfactory.js +1 -1
- package/esm2015/radio/radio.component.ngsummary.json +1 -1
- package/esm2015/select/multi-select/multi-select.component.js +6 -5
- package/esm2015/select/multi-select/multi-select.component.ngfactory.js +7 -7
- package/esm2015/select/multi-select/multi-select.component.ngsummary.json +1 -1
- package/esm2015/select/option/option.component.js +6 -2
- package/esm2015/select/option/option.component.ngfactory.js +3 -3
- package/esm2015/select/option/option.component.ngsummary.json +1 -1
- package/esm2015/select/select.component.js +2 -2
- package/esm2015/select/select.component.ngfactory.js +7 -7
- package/esm2015/select/select.component.ngsummary.json +1 -1
- package/esm2015/steps/steps.component.ngfactory.js +3 -3
- package/esm2015/switch/switch.component.ngfactory.js +1 -1
- package/esm2015/switch/switch.component.ngsummary.json +1 -1
- package/esm2015/table/table-cell.component.ngfactory.js +2 -2
- package/esm2015/tabs/tab-group.component.ngfactory.js +3 -3
- package/esm2015/tabs/tab-header.component.ngfactory.js +3 -3
- package/esm2015/tag/tag.component.ngfactory.js +3 -3
- package/esm2015/time-picker/component.ngfactory.js +8 -8
- package/esm2015/time-picker/component.ngsummary.json +1 -1
- package/esm2015/time-picker/panel/panel.component.js +5 -4
- package/esm2015/time-picker/panel/panel.component.ngfactory.js +5 -5
- package/esm2015/time-picker/panel/panel.component.ngsummary.json +1 -1
- package/esm2015/tree-select/tree-node/tree-node.component.ngfactory.js +4 -4
- package/esm2015/tree-select/tree-select.component.ngfactory.js +5 -5
- package/esm2015/tree-select/tree-select.component.ngsummary.json +1 -1
- package/esm2015/utils/fn.js +10 -1
- package/esm2015/utils/fn.ngsummary.json +1 -1
- package/esm2015/utils/index.ngsummary.json +1 -1
- package/fesm2015/alauda-ui.js +62 -22
- package/fesm2015/alauda-ui.js.map +1 -1
- package/form/common-form.d.ts +4 -2
- package/input/input.component.d.ts +1 -0
- package/input/tags-input/tags-input.component.d.ts +1 -1
- package/package.json +1 -1
- package/radio/base-radio.d.ts +1 -0
- package/select/multi-select/multi-select.component.d.ts +1 -1
- package/select/option/option.component.d.ts +1 -0
- package/time-picker/panel/panel.component.d.ts +1 -1
- package/utils/fn.d.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"function","parameters":["val"],"value":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"val"}}}},{"symbol":{"__symbol":1,"members":[]},"metadata":{"__symbolic":"error","message":"Lambda not supported","fileName":"src/utils/fn.ts"}},{"symbol":{"__symbol":2,"members":[]},"metadata":{"__symbolic":"error","message":"Lambda not supported","fileName":"src/utils/fn.ts"}},{"symbol":{"__symbol":3,"members":[]},"metadata":{"__symbolic":"error","message":"Lambda not supported","fileName":"src/utils/fn.ts"}}],"symbols":[{"__symbol":0,"name":"isUndefined","filePath":"./fn"},{"__symbol":1,"name":"last","filePath":"./fn"},{"__symbol":2,"name":"isTemplateRef","filePath":"./fn"},{"__symbol":3,"name":"handlePixel","filePath":"./fn"}]}
|
|
1
|
+
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"function","parameters":["val"],"value":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"reference","name":"val"}}}},{"symbol":{"__symbol":1,"members":[]},"metadata":{"__symbolic":"error","message":"Lambda not supported","fileName":"src/utils/fn.ts"}},{"symbol":{"__symbol":2,"members":[]},"metadata":{"__symbolic":"error","message":"Lambda not supported","fileName":"src/utils/fn.ts"}},{"symbol":{"__symbol":3,"members":[]},"metadata":{"__symbolic":"error","message":"Lambda not supported","fileName":"src/utils/fn.ts"}},{"symbol":{"__symbol":4,"members":[]},"metadata":{"__symbolic":"error","message":"Lambda not supported","fileName":"src/utils/fn.ts"}}],"symbols":[{"__symbol":0,"name":"isUndefined","filePath":"./fn"},{"__symbol":1,"name":"last","filePath":"./fn"},{"__symbol":2,"name":"isTemplateRef","filePath":"./fn"},{"__symbol":3,"name":"handlePixel","filePath":"./fn"},{"__symbol":4,"name":"simplifyStringToTestId","filePath":"./fn"}]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbol":1,"members":[]}},{"symbol":{"__symbol":2,"members":[]},"metadata":{"__symbol":3,"members":[]}},{"symbol":{"__symbol":4,"members":[]},"metadata":{"__symbol":5,"members":[]}},{"symbol":{"__symbol":6,"members":[]},"metadata":{"__symbol":7,"members":[]}},{"symbol":{"__symbol":8,"members":[]},"metadata":{"__symbol":9,"members":[]}},{"symbol":{"__symbol":10,"members":[]},"metadata":{"__symbol":11,"members":[]}},{"symbol":{"__symbol":12,"members":[]},"metadata":{"__symbol":13,"members":[]}},{"symbol":{"__symbol":14,"members":[]},"metadata":{"__symbol":15,"members":[]}},{"symbol":{"__symbol":16,"members":[]},"metadata":{"__symbol":17,"members":[]}},{"symbol":{"__symbol":18,"members":[]},"metadata":{"__symbol":19,"members":[]}},{"symbol":{"__symbol":20,"members":[]},"metadata":{"__symbol":21,"members":[]}},{"symbol":{"__symbol":22,"members":[]},"metadata":{"__symbol":23,"members":[]}},{"symbol":{"__symbol":24,"members":[]},"metadata":{"__symbol":25,"members":[]}},{"symbol":{"__symbol":26,"members":[]},"metadata":{"__symbol":27,"members":[]}},{"symbol":{"__symbol":28,"members":[]},"metadata":{"__symbol":29,"members":[]}}],"symbols":[{"__symbol":0,"name":"sleep","filePath":"./index"},{"__symbol":1,"name":"sleep","filePath":"./async"},{"__symbol":2,"name":"Bem","filePath":"./index"},{"__symbol":3,"name":"Bem","filePath":"./bem"},{"__symbol":4,"name":"buildBem","filePath":"./index"},{"__symbol":5,"name":"buildBem","filePath":"./bem"},{"__symbol":6,"name":"coerceString","filePath":"./index"},{"__symbol":7,"name":"coerceString","filePath":"./coercion"},{"__symbol":8,"name":"coerceAttrBoolean","filePath":"./index"},{"__symbol":9,"name":"coerceAttrBoolean","filePath":"./coercion"},{"__symbol":10,"name":"coerceNumber","filePath":"./index"},{"__symbol":11,"name":"coerceNumber","filePath":"./coercion"},{"__symbol":12,"name":"_isNumberValue","filePath":"./index"},{"__symbol":13,"name":"_isNumberValue","filePath":"./coercion"},{"__symbol":14,"name":"isUndefined","filePath":"./index"},{"__symbol":15,"name":"isUndefined","filePath":"./fn"},{"__symbol":16,"name":"last","filePath":"./index"},{"__symbol":17,"name":"last","filePath":"./fn"},{"__symbol":18,"name":"isTemplateRef","filePath":"./index"},{"__symbol":19,"name":"isTemplateRef","filePath":"./fn"},{"__symbol":20,"name":"handlePixel","filePath":"./index"},{"__symbol":21,"name":"handlePixel","filePath":"./fn"},{"__symbol":22,"name":"
|
|
1
|
+
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbol":1,"members":[]}},{"symbol":{"__symbol":2,"members":[]},"metadata":{"__symbol":3,"members":[]}},{"symbol":{"__symbol":4,"members":[]},"metadata":{"__symbol":5,"members":[]}},{"symbol":{"__symbol":6,"members":[]},"metadata":{"__symbol":7,"members":[]}},{"symbol":{"__symbol":8,"members":[]},"metadata":{"__symbol":9,"members":[]}},{"symbol":{"__symbol":10,"members":[]},"metadata":{"__symbol":11,"members":[]}},{"symbol":{"__symbol":12,"members":[]},"metadata":{"__symbol":13,"members":[]}},{"symbol":{"__symbol":14,"members":[]},"metadata":{"__symbol":15,"members":[]}},{"symbol":{"__symbol":16,"members":[]},"metadata":{"__symbol":17,"members":[]}},{"symbol":{"__symbol":18,"members":[]},"metadata":{"__symbol":19,"members":[]}},{"symbol":{"__symbol":20,"members":[]},"metadata":{"__symbol":21,"members":[]}},{"symbol":{"__symbol":22,"members":[]},"metadata":{"__symbol":23,"members":[]}},{"symbol":{"__symbol":24,"members":[]},"metadata":{"__symbol":25,"members":[]}},{"symbol":{"__symbol":26,"members":[]},"metadata":{"__symbol":27,"members":[]}},{"symbol":{"__symbol":28,"members":[]},"metadata":{"__symbol":29,"members":[]}},{"symbol":{"__symbol":30,"members":[]},"metadata":{"__symbol":31,"members":[]}}],"symbols":[{"__symbol":0,"name":"sleep","filePath":"./index"},{"__symbol":1,"name":"sleep","filePath":"./async"},{"__symbol":2,"name":"Bem","filePath":"./index"},{"__symbol":3,"name":"Bem","filePath":"./bem"},{"__symbol":4,"name":"buildBem","filePath":"./index"},{"__symbol":5,"name":"buildBem","filePath":"./bem"},{"__symbol":6,"name":"coerceString","filePath":"./index"},{"__symbol":7,"name":"coerceString","filePath":"./coercion"},{"__symbol":8,"name":"coerceAttrBoolean","filePath":"./index"},{"__symbol":9,"name":"coerceAttrBoolean","filePath":"./coercion"},{"__symbol":10,"name":"coerceNumber","filePath":"./index"},{"__symbol":11,"name":"coerceNumber","filePath":"./coercion"},{"__symbol":12,"name":"_isNumberValue","filePath":"./index"},{"__symbol":13,"name":"_isNumberValue","filePath":"./coercion"},{"__symbol":14,"name":"isUndefined","filePath":"./index"},{"__symbol":15,"name":"isUndefined","filePath":"./fn"},{"__symbol":16,"name":"last","filePath":"./index"},{"__symbol":17,"name":"last","filePath":"./fn"},{"__symbol":18,"name":"isTemplateRef","filePath":"./index"},{"__symbol":19,"name":"isTemplateRef","filePath":"./fn"},{"__symbol":20,"name":"handlePixel","filePath":"./index"},{"__symbol":21,"name":"handlePixel","filePath":"./fn"},{"__symbol":22,"name":"simplifyStringToTestId","filePath":"./index"},{"__symbol":23,"name":"simplifyStringToTestId","filePath":"./fn"},{"__symbol":24,"name":"observeResizeOn","filePath":"./index"},{"__symbol":25,"name":"observeResizeOn","filePath":"./observe-dom"},{"__symbol":26,"name":"observeMutationOn","filePath":"./index"},{"__symbol":27,"name":"observeMutationOn","filePath":"./observe-dom"},{"__symbol":28,"name":"scrollIntoView","filePath":"./index"},{"__symbol":29,"name":"scrollIntoView","filePath":"./scroll-into-view"},{"__symbol":30,"name":"watchContentExist","filePath":"./index"},{"__symbol":31,"name":"watchContentExist","filePath":"./watch-content-exist"}]}
|
package/fesm2015/alauda-ui.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TemplateRef, ɵɵdefineInjectable, Injectable, Pipe, ChangeDetectorRef, NgModule, Optional, Inject, SkipSelf, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive, EventEmitter, Output, ElementRef, ViewContainerRef,
|
|
1
|
+
import { TemplateRef, ɵɵdefineInjectable, Injectable, Pipe, ChangeDetectorRef, NgModule, Optional, Inject, SkipSelf, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, Input, Directive, EventEmitter, Output, ElementRef, ViewContainerRef, ViewChild, ContentChild, Host, isDevMode, Renderer2, NgZone, HostListener, InjectionToken, Injector, ContentChildren, forwardRef, ɵɵinject, ApplicationRef, ComponentFactoryResolver, ViewChildren, Type } from '@angular/core';
|
|
2
2
|
import { Observable, ReplaySubject, Subject, merge, fromEvent, BehaviorSubject, combineLatest, of, Subscription, EMPTY, animationFrameScheduler } from 'rxjs';
|
|
3
3
|
import { startWith, map, publishReplay, refCount, distinctUntilChanged, takeUntil, switchMap, throttleTime, debounceTime, first, tap, take, pluck, observeOn, repeat, takeWhile, endWith, filter } from 'rxjs/operators';
|
|
4
4
|
import { CdkCellDef, CdkCell, CdkColumnDef, CdkHeaderCellDef, CdkHeaderCell, CdkHeaderRowDef, CdkHeaderRow, CDK_ROW_TEMPLATE, CdkRowDef, CdkRow, CdkTable, CDK_TABLE_TEMPLATE, CDK_TABLE, _COALESCED_STYLE_SCHEDULER, _CoalescedStyleScheduler, CdkTableModule } from '@angular/cdk/table';
|
|
@@ -103,6 +103,15 @@ function isUndefined(val) {
|
|
|
103
103
|
const last = (values) => values === null || values === void 0 ? void 0 : values[values.length - 1];
|
|
104
104
|
const isTemplateRef = (label) => label instanceof TemplateRef;
|
|
105
105
|
const handlePixel = (value) => Number.isNaN(+value) ? value : value + 'px';
|
|
106
|
+
const simplifyStringToTestId = (input) => {
|
|
107
|
+
if (!input)
|
|
108
|
+
return '';
|
|
109
|
+
return input
|
|
110
|
+
.replaceAll('\r', '')
|
|
111
|
+
.replaceAll('\n', '')
|
|
112
|
+
.replaceAll('\\s', '')
|
|
113
|
+
.replaceAll(' ', '');
|
|
114
|
+
};
|
|
106
115
|
|
|
107
116
|
const observeResizeOn = (target, options) => new Observable(observer => {
|
|
108
117
|
const resizeObserver = new ResizeObserver(entries => {
|
|
@@ -352,7 +361,7 @@ IconComponent.ctorParameters = () => [
|
|
|
352
361
|
{ type: IconRegisterService }
|
|
353
362
|
];
|
|
354
363
|
IconComponent.propDecorators = {
|
|
355
|
-
icon: [{ type: Input }],
|
|
364
|
+
icon: [{ type: HostBinding, args: ['attr.data-test',] }, { type: Input }],
|
|
356
365
|
light: [{ type: Input }],
|
|
357
366
|
dark: [{ type: Input }],
|
|
358
367
|
link: [{ type: Input }],
|
|
@@ -1086,6 +1095,9 @@ class ButtonComponent {
|
|
|
1086
1095
|
this.renderer.addClass(this.el.nativeElement, prefix + this.size);
|
|
1087
1096
|
this.focusMonitor.monitor(this.el.nativeElement, false);
|
|
1088
1097
|
}
|
|
1098
|
+
get testId() {
|
|
1099
|
+
return ('AUI-BUTTON/' + simplifyStringToTestId(this.el.nativeElement.textContent));
|
|
1100
|
+
}
|
|
1089
1101
|
get type() {
|
|
1090
1102
|
return this._type;
|
|
1091
1103
|
}
|
|
@@ -1181,6 +1193,7 @@ ButtonComponent.ctorParameters = () => [
|
|
|
1181
1193
|
{ type: FocusMonitor }
|
|
1182
1194
|
];
|
|
1183
1195
|
ButtonComponent.propDecorators = {
|
|
1196
|
+
testId: [{ type: HostBinding, args: ['attr.data-test',] }],
|
|
1184
1197
|
type: [{ type: Input, args: ['aui-button',] }],
|
|
1185
1198
|
size: [{ type: Input }],
|
|
1186
1199
|
plain: [{ type: Input }],
|
|
@@ -2157,7 +2170,7 @@ class DialogComponent {
|
|
|
2157
2170
|
DialogComponent.decorators = [
|
|
2158
2171
|
{ type: Component, args: [{
|
|
2159
2172
|
selector: 'aui-dialog',
|
|
2160
|
-
template: "<div [ngClass]=\"rootClass\" [ngStyle]=\"customStyle\">\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n",
|
|
2173
|
+
template: "<div [ngClass]=\"rootClass\" [ngStyle]=\"customStyle\" data-test=\"AUI-DIALOG\">\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n",
|
|
2161
2174
|
encapsulation: ViewEncapsulation.None,
|
|
2162
2175
|
// tslint:disable-next-line:validate-decorators
|
|
2163
2176
|
changeDetection: ChangeDetectionStrategy.Default,
|
|
@@ -2677,8 +2690,9 @@ FormModule.decorators = [
|
|
|
2677
2690
|
*/
|
|
2678
2691
|
// tslint:disable-next-line:directive-class-suffix
|
|
2679
2692
|
class CommonFormControl {
|
|
2680
|
-
constructor(cdr) {
|
|
2693
|
+
constructor(cdr, elementRef) {
|
|
2681
2694
|
this.cdr = cdr;
|
|
2695
|
+
this.elementRef = elementRef;
|
|
2682
2696
|
this.valueChange = new EventEmitter();
|
|
2683
2697
|
this.value$$ = new ReplaySubject(1);
|
|
2684
2698
|
this._disabled = false;
|
|
@@ -2693,6 +2707,11 @@ class CommonFormControl {
|
|
|
2693
2707
|
set disabled(val) {
|
|
2694
2708
|
this._disabled = coerceAttrBoolean(val);
|
|
2695
2709
|
}
|
|
2710
|
+
get testId() {
|
|
2711
|
+
return ('AUI-FORM-CONTROL/' +
|
|
2712
|
+
(this.elementRef.nativeElement.getAttribute('formControlName') ||
|
|
2713
|
+
this.elementRef.nativeElement.getAttribute('name')));
|
|
2714
|
+
}
|
|
2696
2715
|
get readonly() {
|
|
2697
2716
|
return this.disabled;
|
|
2698
2717
|
}
|
|
@@ -2743,10 +2762,12 @@ CommonFormControl.decorators = [
|
|
|
2743
2762
|
{ type: Directive }
|
|
2744
2763
|
];
|
|
2745
2764
|
CommonFormControl.ctorParameters = () => [
|
|
2746
|
-
{ type: ChangeDetectorRef }
|
|
2765
|
+
{ type: ChangeDetectorRef },
|
|
2766
|
+
{ type: ElementRef }
|
|
2747
2767
|
];
|
|
2748
2768
|
CommonFormControl.propDecorators = {
|
|
2749
2769
|
disabled: [{ type: Input }],
|
|
2770
|
+
testId: [{ type: HostBinding, args: ['attr.data-test',] }],
|
|
2750
2771
|
readonly: [{ type: Input }],
|
|
2751
2772
|
propValue: [{ type: Input, args: ['value',] }],
|
|
2752
2773
|
valueChange: [{ type: Output }]
|
|
@@ -2852,6 +2873,9 @@ class BaseRadio {
|
|
|
2852
2873
|
this._value = val;
|
|
2853
2874
|
this.value$$.next(val);
|
|
2854
2875
|
}
|
|
2876
|
+
get _testId() {
|
|
2877
|
+
return 'AUI-RADIO/' + this.value;
|
|
2878
|
+
}
|
|
2855
2879
|
ngOnInit() {
|
|
2856
2880
|
this.radioGroup.name$.pipe(takeUntil(this.destroy$$)).subscribe(name => {
|
|
2857
2881
|
this.name = name;
|
|
@@ -2892,6 +2916,7 @@ BaseRadio.ctorParameters = () => [
|
|
|
2892
2916
|
BaseRadio.propDecorators = {
|
|
2893
2917
|
disabled: [{ type: Input }],
|
|
2894
2918
|
value: [{ type: Input }],
|
|
2919
|
+
_testId: [{ type: HostBinding, args: ['attr.data-test',] }],
|
|
2895
2920
|
elRef: [{ type: ViewChild, args: ['elRef', { static: true },] }]
|
|
2896
2921
|
};
|
|
2897
2922
|
|
|
@@ -3083,8 +3108,8 @@ CheckboxGroupComponent.propDecorators = {
|
|
|
3083
3108
|
|
|
3084
3109
|
let uniqueId$2 = 0;
|
|
3085
3110
|
class CheckboxComponent extends CommonFormControl {
|
|
3086
|
-
constructor(cdr, checkboxGroup, focusMonitor) {
|
|
3087
|
-
super(cdr);
|
|
3111
|
+
constructor(cdr, checkboxGroup, focusMonitor, elementRef) {
|
|
3112
|
+
super(cdr, elementRef);
|
|
3088
3113
|
this.focusMonitor = focusMonitor;
|
|
3089
3114
|
this.id = `aui-checkbox-${uniqueId$2++}`;
|
|
3090
3115
|
this.name = '';
|
|
@@ -3169,12 +3194,13 @@ CheckboxComponent.decorators = [
|
|
|
3169
3194
|
CheckboxComponent.ctorParameters = () => [
|
|
3170
3195
|
{ type: ChangeDetectorRef },
|
|
3171
3196
|
{ type: CheckboxGroupComponent, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef(() => CheckboxGroupComponent),] }] },
|
|
3172
|
-
{ type: FocusMonitor }
|
|
3197
|
+
{ type: FocusMonitor },
|
|
3198
|
+
{ type: ElementRef }
|
|
3173
3199
|
];
|
|
3174
3200
|
CheckboxComponent.propDecorators = {
|
|
3175
3201
|
name: [{ type: Input }],
|
|
3176
3202
|
type: [{ type: Input }],
|
|
3177
|
-
label: [{ type: Input }],
|
|
3203
|
+
label: [{ type: HostBinding, args: ['attr.data-test',] }, { type: Input }],
|
|
3178
3204
|
indeterminate: [{ type: Input }],
|
|
3179
3205
|
elRef: [{ type: ViewChild, args: ['elRef', { static: true },] }]
|
|
3180
3206
|
};
|
|
@@ -3204,6 +3230,12 @@ class InputComponent {
|
|
|
3204
3230
|
this.renderer.addClass(this.elementRef.nativeElement, 'aui-input');
|
|
3205
3231
|
this.renderer.addClass(this.elementRef.nativeElement, 'aui-input--' + this.size);
|
|
3206
3232
|
}
|
|
3233
|
+
get testId() {
|
|
3234
|
+
return ('AUI-INPUT/' +
|
|
3235
|
+
(this.elementRef.nativeElement.getAttribute('formcontrolname') ||
|
|
3236
|
+
this.elementRef.nativeElement.getAttribute('name') ||
|
|
3237
|
+
''));
|
|
3238
|
+
}
|
|
3207
3239
|
get size() {
|
|
3208
3240
|
return this._size;
|
|
3209
3241
|
}
|
|
@@ -3250,6 +3282,7 @@ InputComponent.ctorParameters = () => [
|
|
|
3250
3282
|
{ type: Renderer2 }
|
|
3251
3283
|
];
|
|
3252
3284
|
InputComponent.propDecorators = {
|
|
3285
|
+
testId: [{ type: HostBinding, args: ['attr.data-test',] }],
|
|
3253
3286
|
size: [{ type: Input }],
|
|
3254
3287
|
disabled: [{ type: Input }]
|
|
3255
3288
|
};
|
|
@@ -3425,8 +3458,8 @@ function createWithMaxRowCount(component) {
|
|
|
3425
3458
|
|
|
3426
3459
|
const INPUT_ERROR_KEY = 'input_data_error';
|
|
3427
3460
|
class TagsInputComponent extends CommonFormControl {
|
|
3428
|
-
constructor(cdr, fb, renderer, injector) {
|
|
3429
|
-
super(cdr);
|
|
3461
|
+
constructor(cdr, fb, renderer, injector, elementRef) {
|
|
3462
|
+
super(cdr, elementRef);
|
|
3430
3463
|
this.fb = fb;
|
|
3431
3464
|
this.renderer = renderer;
|
|
3432
3465
|
this.injector = injector;
|
|
@@ -3649,7 +3682,8 @@ TagsInputComponent.ctorParameters = () => [
|
|
|
3649
3682
|
{ type: ChangeDetectorRef },
|
|
3650
3683
|
{ type: FormBuilder },
|
|
3651
3684
|
{ type: Renderer2 },
|
|
3652
|
-
{ type: Injector }
|
|
3685
|
+
{ type: Injector },
|
|
3686
|
+
{ type: ElementRef }
|
|
3653
3687
|
];
|
|
3654
3688
|
TagsInputComponent.propDecorators = {
|
|
3655
3689
|
placeholder: [{ type: Input }],
|
|
@@ -4385,7 +4419,7 @@ class DropdownButtonComponent {
|
|
|
4385
4419
|
DropdownButtonComponent.decorators = [
|
|
4386
4420
|
{ type: Component, args: [{
|
|
4387
4421
|
selector: 'aui-dropdown-button',
|
|
4388
|
-
template: "<div [class]=\"bem.block(size)\">\n <button\n type=\"button\"\n class=\"aui-dropdown-button__content\"\n [aui-button]=\"type\"\n [plain]=\"plain\"\n [size]=\"size\"\n [loading]=\"loading\"\n [disabled]=\"disabled\"\n (click)=\"buttonClick.emit($event)\"\n >\n <ng-content></ng-content>\n </button>\n <button\n type=\"button\"\n class=\"aui-dropdown-button__trigger\"\n [aui-button]=\"type\"\n [plain]=\"plain\"\n [size]=\"size\"\n [auiDropdown]=\"menu\"\n [disabled]=\"disableTrigger\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n</div>\n",
|
|
4422
|
+
template: "<div [class]=\"bem.block(size)\">\n <button\n type=\"button\"\n class=\"aui-dropdown-button__content\"\n [aui-button]=\"type\"\n [plain]=\"plain\"\n [size]=\"size\"\n [loading]=\"loading\"\n [disabled]=\"disabled\"\n (click)=\"buttonClick.emit($event)\"\n data-test=\"DROPDOWN-BUTTON/\"\n >\n <ng-content></ng-content>\n </button>\n <button\n type=\"button\"\n class=\"aui-dropdown-button__trigger\"\n [aui-button]=\"type\"\n [plain]=\"plain\"\n [size]=\"size\"\n [auiDropdown]=\"menu\"\n [disabled]=\"disableTrigger\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n</div>\n",
|
|
4389
4423
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4390
4424
|
encapsulation: ViewEncapsulation.None,
|
|
4391
4425
|
preserveWhitespaces: false,
|
|
@@ -4549,6 +4583,9 @@ class OptionComponent {
|
|
|
4549
4583
|
this._label = val;
|
|
4550
4584
|
this.label$$.next(val);
|
|
4551
4585
|
}
|
|
4586
|
+
get testId() {
|
|
4587
|
+
return 'AUI-OPTION/' + (this.label || this.value);
|
|
4588
|
+
}
|
|
4552
4589
|
get labelContext() {
|
|
4553
4590
|
return this._labelContext;
|
|
4554
4591
|
}
|
|
@@ -4603,6 +4640,7 @@ OptionComponent.ctorParameters = () => [
|
|
|
4603
4640
|
];
|
|
4604
4641
|
OptionComponent.propDecorators = {
|
|
4605
4642
|
label: [{ type: Input }],
|
|
4643
|
+
testId: [{ type: HostBinding, args: ['attr.data-test',] }],
|
|
4606
4644
|
labelContext: [{ type: Input }],
|
|
4607
4645
|
value: [{ type: Input }],
|
|
4608
4646
|
disabled: [{ type: Input }],
|
|
@@ -4919,8 +4957,8 @@ var SelectAllStatus;
|
|
|
4919
4957
|
})(SelectAllStatus || (SelectAllStatus = {}));
|
|
4920
4958
|
|
|
4921
4959
|
class MultiSelectComponent extends BaseSelect {
|
|
4922
|
-
constructor(cdr, renderer) {
|
|
4923
|
-
super(cdr);
|
|
4960
|
+
constructor(cdr, renderer, elementRef) {
|
|
4961
|
+
super(cdr, elementRef);
|
|
4924
4962
|
this.renderer = renderer;
|
|
4925
4963
|
this.bem = buildBem('aui-multi-select');
|
|
4926
4964
|
this.bemSelectAll = buildBem('aui-option');
|
|
@@ -5152,7 +5190,7 @@ class MultiSelectComponent extends BaseSelect {
|
|
|
5152
5190
|
MultiSelectComponent.decorators = [
|
|
5153
5191
|
{ type: Component, args: [{
|
|
5154
5192
|
selector: 'aui-multi-select',
|
|
5155
|
-
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 <span class=\"aui-multi-select__icon-container\">\n <aui-icon\n class=\"aui-multi-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-multi-select__clear\"\n icon=\"close_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\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 (hasEnabledOptions$ | async) &&\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'\n ? 'check_s'\n : 'square_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
|
|
5193
|
+
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 <span class=\"aui-multi-select__icon-container\">\n <aui-icon\n class=\"aui-multi-select__indicator\"\n [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n ></aui-icon>\n <aui-icon\n class=\"aui-multi-select__clear\"\n icon=\"close_small\"\n (click)=\"clearValue($event)\"\n ></aui-icon>\n </span>\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 (hasEnabledOptions$ | async) &&\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'\n ? 'check_s'\n : 'square_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 [attr.data-test]=\"'aui-option/' + option.label\"\n >AUI-FORM-CONTROL/\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",
|
|
5156
5194
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5157
5195
|
encapsulation: ViewEncapsulation.None,
|
|
5158
5196
|
preserveWhitespaces: false,
|
|
@@ -5172,7 +5210,8 @@ MultiSelectComponent.decorators = [
|
|
|
5172
5210
|
];
|
|
5173
5211
|
MultiSelectComponent.ctorParameters = () => [
|
|
5174
5212
|
{ type: ChangeDetectorRef },
|
|
5175
|
-
{ type: Renderer2 }
|
|
5213
|
+
{ type: Renderer2 },
|
|
5214
|
+
{ type: ElementRef }
|
|
5176
5215
|
];
|
|
5177
5216
|
MultiSelectComponent.propDecorators = {
|
|
5178
5217
|
tagClassFn: [{ type: Input }],
|
|
@@ -5284,7 +5323,7 @@ class SelectComponent extends BaseSelect {
|
|
|
5284
5323
|
SelectComponent.decorators = [
|
|
5285
5324
|
{ type: Component, args: [{
|
|
5286
5325
|
selector: 'aui-select',
|
|
5287
|
-
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 [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\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 auiInputSuffix class=\"aui-select__icon-container\">\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=\"close_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 #optionListRef class=\"aui-option-container__content\">\n <aui-option\n #inputtingOption\n *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n [value]=\"filterString\"\n >\n {{ filterString }}\n </aui-option>\n <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",
|
|
5326
|
+
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 [auiTooltipDisabled]=\"disabled\"\n auiTooltipTrigger=\"click\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipType=\"plain\"\n (auiTooltipShow)=\"onShowOptions()\"\n (auiTooltipHide)=\"onHideOptions()\"\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 auiInputSuffix class=\"aui-select__icon-container\">\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=\"close_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 #optionListRef class=\"aui-option-container__content\">\n <aui-option\n #inputtingOption\n *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n [value]=\"filterString\"\n >\n {{ filterString }}\n </aui-option>\n <ng-container *ngIf=\"allowCreate\">\n <aui-option\n *ngFor=\"let option of customCreatedOptions$ | async\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n [attr.data-test]=\"'aui-option/' + option.label\"\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",
|
|
5288
5327
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
5289
5328
|
encapsulation: ViewEncapsulation.None,
|
|
5290
5329
|
preserveWhitespaces: false,
|
|
@@ -9251,8 +9290,8 @@ const CONTROL_ITEM_HEIGHT = 28;
|
|
|
9251
9290
|
const TIME_PICKER_COLUMN_WIDTH = 80;
|
|
9252
9291
|
const bem$3 = buildBem('aui-time-picker-panel');
|
|
9253
9292
|
class TimePickerPanelComponent extends CommonFormControl {
|
|
9254
|
-
constructor(cdr) {
|
|
9255
|
-
super(cdr);
|
|
9293
|
+
constructor(cdr, elementRef) {
|
|
9294
|
+
super(cdr, elementRef);
|
|
9256
9295
|
this.cdr = cdr;
|
|
9257
9296
|
this.hourStep = 1;
|
|
9258
9297
|
this.minuteStep = 1;
|
|
@@ -9434,7 +9473,8 @@ TimePickerPanelComponent.decorators = [
|
|
|
9434
9473
|
},] }
|
|
9435
9474
|
];
|
|
9436
9475
|
TimePickerPanelComponent.ctorParameters = () => [
|
|
9437
|
-
{ type: ChangeDetectorRef }
|
|
9476
|
+
{ type: ChangeDetectorRef },
|
|
9477
|
+
{ type: ElementRef }
|
|
9438
9478
|
];
|
|
9439
9479
|
TimePickerPanelComponent.propDecorators = {
|
|
9440
9480
|
format: [{ type: Input }],
|
|
@@ -10728,5 +10768,5 @@ StepsModule.decorators = [
|
|
|
10728
10768
|
* Generated bundle index. Do not edit.
|
|
10729
10769
|
*/
|
|
10730
10770
|
|
|
10731
|
-
export { AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, BackTopComponent, BackTopModule, BaseTooltip, Bem, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonModule, ButtonType, CONTROL_ITEM_HEIGHT, CalendarFooterComponent, CalendarHeaderComponent, CardComponent, CardFooterDirective, CardHeaderDirective, CardModule, CheckTagComponent, CheckboxComponent, CheckboxGroupComponent, CheckboxModule, ColorPickerComponent, ColorPickerModule, CommonForm, CommonFormControl, ComponentSize, ConfirmDialogConfig, ConfirmType, CustomAutoCompleteDirective, DATA, DATE, DATE_NAV_RANGES, DATE_TYPES, DAY, DAY_PANEL_COLUMN_COUNT, DAY_PANEL_ROW_COUNT, DIALOG_DATA, DISPLAY_DELAY, DateNavRange, DatePickerModule, DatePickerPanelComponent, DatePickerTriggerComponent, DatePickerType, DateRangePickerPanelComponent, DialogCloseDirective, DialogConfig, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogModule, DialogRef, DialogService, DialogSize, DrawerComponent, DrawerContentDirective, DrawerFooterDirective, DrawerHeaderDirective, DrawerModule, DrawerRef, DrawerService, DrawerSize, DropdownActiveDirective, DropdownButtonComponent, DropdownDirective, DropdownModule, FixedSizeTableVirtualScrollDirective, FixedSizeTableVirtualScrollStrategy, FixedSizeVirtualScrollDirective, FormDirective, FormItemAddonDirective, FormItemComponent, FormItemControlDirective, FormItemErrorDirective, FormItemHintDirective, FormItemLabelDirective, FormItemWidth, FormModule, HIDDEN_DELAY, HOUR, HOUR_ITEMS, I18NInterfaceToken, I18nModule, I18nPipe, I18nService, ICON_REGISTER_PROVIDER_FACTORY, ICON_REGISTER_SERVICE_PROVIDER, INPUT_ERROR_KEY, IconComponent, IconModule, IconRegisterService, IncludesDirective, InlineAlertComponent, InlineAlertModule, InlineAlertTitleDirective, InlineAlertType, InputComponent, InputGroupComponent, InputModule, LabelPosition, MESSAGE_CONFIG, MESSAGE_DEFAULT_CONFIG, MINUTE, MINUTE_ITEMS, MONTH, MONTH_PANEL_COLUMN_COUNT, MONTH_PANEL_ROW_COUNT, MenuComponent, MenuContentDirective, MenuGroupComponent, MenuItemComponent, MenuItemType, MessageConfig, MessageModule, MessageService, MessageType, MultiSelectComponent, NOTIFICATION_CONFIG, NOTIFICATION_DEFAULT_CONFIG, NotificationComponent, NotificationModule, NotificationService, NumberInputComponent, OptionComponent, OptionContentDirective, OptionGroupComponent, OptionGroupTitleDirective, OptionPlaceholderComponent, PAGINATOR_INTL_PROVIDER, PAGINATOR_INTL_PROVIDER_FACTORY, PageEvent, PaginatorComponent, PaginatorIntl, PaginatorModule, PickerPanelComponent, RadioButtonComponent, RadioComponent, RadioGroupComponent, RadioModule, RadioSize, RangePickerComponent, SECOND, SECOND_ITEMS, ScrollingModule, SearchComponent, SectionComponent, SectionTitleDirective, SelectAllStatus, SelectComponent, SelectModule, Side, SortDirective, SortHeaderComponent, SortModule, StatusBarComponent, StatusBarModule, StatusBarSize, StatusType, StepState, StepsComponent, StepsModule, SubmenuComponent, SuggestionComponent, SuggestionGroupComponent, SuggestionGroupTitleDirective, SwitchComponent, SwitchModule, TOOLTIP_COPY_INTL_INTL_PROVIDER, TOOLTIP_COPY_INTL_PROVIDER_FACTORY, TabBodyComponent, TabBodyPortalDirective, TabChangeEvent, TabComponent, TabContentDirective, TabContextService, TabGroupComponent, TabHeaderActiveIndicatorComponent, TabHeaderAddonDirective, TabHeaderComponent, TabLabelDirective, TabLabelWrapperDirective, TabSize, TabTitleDirective, TabType, TableCellDefDirective, TableCellDirective, TableColumnDefDirective, TableComponent, TableHeaderCellDefDirective, TableHeaderCellDirective, TableHeaderRowComponent, TableHeaderRowDefDirective, TableModule, TableOfContentsModule, TableRowComponent, TableRowDefDirective, TableScrollShadowDirective, TableScrollWrapperDirective, TabsModule, TagComponent, TagModule, TagType, TagsInputComponent, ThemeModule, ThemePickerPipe, ThemeService, TimePickerComponent, TimePickerControlType, TimePickerModule, TimePickerPanelComponent, TocContainerDirective, TocContentDirective, TocLinkDirective, TooltipActiveDirective, TooltipComponent, TooltipCopyIntl, TooltipDirective, TooltipModule, TooltipTrigger, TooltipType, TreeNodeComponent, TreeNodePlaceholderComponent, TreeSelectComponent, TreeSelectModule, VirtualScrollViewportComponent, YEAR, YEAR_PANEL_COLUMN_COUNT, YEAR_PANEL_ROW_COUNT, _isNumberValue, _tableVirtualScrollDirectiveStrategyFactory, buildBem, coerceAttrBoolean, coerceNumber, coerceString, en, getAnchorTreeItems, getSortDuplicateSortableIdError, getSortHeaderMissingIdError, getSortHeaderNotContainedWithinSortError, getSortInvalidDirectionError, handlePixel, isTemplateRef, isTimePickerModel, isUndefined, last, observeMutationOn, observeResizeOn, scrollIntoView, sleep, watchContentExist, zh, ɵ0, ɵ1, ɵ2, TablePlaceholderDefDirective as ɵa, TablePlaceholderOutlet as ɵb, TableExpandButtonCellComponent as ɵc, TableExpandPanelCellComponent as ɵd, TooltipCopyDirective as ɵe, DialogComponent as ɵf, ConfirmDialogComponent as ɵg, BaseRadio as ɵh, InputAddonBeforeDirective as ɵi, InputAddonAfterDirective as ɵj, InputPrefixDirective as ɵk, InputSuffixDirective as ɵl, SharedModule as ɵm, ClickOutsideDirective as ɵn, AutosizeDirective as ɵo, BaseSelect as ɵp, MenuGroupTitleDirective as ɵq, MessageWrapperComponent as ɵr, MessageComponent as ɵs, MessageAnimations as ɵt, BaseMessage as ɵu, NotificationWrapperComponent as ɵv, VirtualForOfDirective as ɵw, _isNumberValue as ɵx, DatePickerComponent as ɵy };
|
|
10771
|
+
export { AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, BackTopComponent, BackTopModule, BaseTooltip, Bem, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonModule, ButtonType, CONTROL_ITEM_HEIGHT, CalendarFooterComponent, CalendarHeaderComponent, CardComponent, CardFooterDirective, CardHeaderDirective, CardModule, CheckTagComponent, CheckboxComponent, CheckboxGroupComponent, CheckboxModule, ColorPickerComponent, ColorPickerModule, CommonForm, CommonFormControl, ComponentSize, ConfirmDialogConfig, ConfirmType, CustomAutoCompleteDirective, DATA, DATE, DATE_NAV_RANGES, DATE_TYPES, DAY, DAY_PANEL_COLUMN_COUNT, DAY_PANEL_ROW_COUNT, DIALOG_DATA, DISPLAY_DELAY, DateNavRange, DatePickerModule, DatePickerPanelComponent, DatePickerTriggerComponent, DatePickerType, DateRangePickerPanelComponent, DialogCloseDirective, DialogConfig, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogModule, DialogRef, DialogService, DialogSize, DrawerComponent, DrawerContentDirective, DrawerFooterDirective, DrawerHeaderDirective, DrawerModule, DrawerRef, DrawerService, DrawerSize, DropdownActiveDirective, DropdownButtonComponent, DropdownDirective, DropdownModule, FixedSizeTableVirtualScrollDirective, FixedSizeTableVirtualScrollStrategy, FixedSizeVirtualScrollDirective, FormDirective, FormItemAddonDirective, FormItemComponent, FormItemControlDirective, FormItemErrorDirective, FormItemHintDirective, FormItemLabelDirective, FormItemWidth, FormModule, HIDDEN_DELAY, HOUR, HOUR_ITEMS, I18NInterfaceToken, I18nModule, I18nPipe, I18nService, ICON_REGISTER_PROVIDER_FACTORY, ICON_REGISTER_SERVICE_PROVIDER, INPUT_ERROR_KEY, IconComponent, IconModule, IconRegisterService, IncludesDirective, InlineAlertComponent, InlineAlertModule, InlineAlertTitleDirective, InlineAlertType, InputComponent, InputGroupComponent, InputModule, LabelPosition, MESSAGE_CONFIG, MESSAGE_DEFAULT_CONFIG, MINUTE, MINUTE_ITEMS, MONTH, MONTH_PANEL_COLUMN_COUNT, MONTH_PANEL_ROW_COUNT, MenuComponent, MenuContentDirective, MenuGroupComponent, MenuItemComponent, MenuItemType, MessageConfig, MessageModule, MessageService, MessageType, MultiSelectComponent, NOTIFICATION_CONFIG, NOTIFICATION_DEFAULT_CONFIG, NotificationComponent, NotificationModule, NotificationService, NumberInputComponent, OptionComponent, OptionContentDirective, OptionGroupComponent, OptionGroupTitleDirective, OptionPlaceholderComponent, PAGINATOR_INTL_PROVIDER, PAGINATOR_INTL_PROVIDER_FACTORY, PageEvent, PaginatorComponent, PaginatorIntl, PaginatorModule, PickerPanelComponent, RadioButtonComponent, RadioComponent, RadioGroupComponent, RadioModule, RadioSize, RangePickerComponent, SECOND, SECOND_ITEMS, ScrollingModule, SearchComponent, SectionComponent, SectionTitleDirective, SelectAllStatus, SelectComponent, SelectModule, Side, SortDirective, SortHeaderComponent, SortModule, StatusBarComponent, StatusBarModule, StatusBarSize, StatusType, StepState, StepsComponent, StepsModule, SubmenuComponent, SuggestionComponent, SuggestionGroupComponent, SuggestionGroupTitleDirective, SwitchComponent, SwitchModule, TOOLTIP_COPY_INTL_INTL_PROVIDER, TOOLTIP_COPY_INTL_PROVIDER_FACTORY, TabBodyComponent, TabBodyPortalDirective, TabChangeEvent, TabComponent, TabContentDirective, TabContextService, TabGroupComponent, TabHeaderActiveIndicatorComponent, TabHeaderAddonDirective, TabHeaderComponent, TabLabelDirective, TabLabelWrapperDirective, TabSize, TabTitleDirective, TabType, TableCellDefDirective, TableCellDirective, TableColumnDefDirective, TableComponent, TableHeaderCellDefDirective, TableHeaderCellDirective, TableHeaderRowComponent, TableHeaderRowDefDirective, TableModule, TableOfContentsModule, TableRowComponent, TableRowDefDirective, TableScrollShadowDirective, TableScrollWrapperDirective, TabsModule, TagComponent, TagModule, TagType, TagsInputComponent, ThemeModule, ThemePickerPipe, ThemeService, TimePickerComponent, TimePickerControlType, TimePickerModule, TimePickerPanelComponent, TocContainerDirective, TocContentDirective, TocLinkDirective, TooltipActiveDirective, TooltipComponent, TooltipCopyIntl, TooltipDirective, TooltipModule, TooltipTrigger, TooltipType, TreeNodeComponent, TreeNodePlaceholderComponent, TreeSelectComponent, TreeSelectModule, VirtualScrollViewportComponent, YEAR, YEAR_PANEL_COLUMN_COUNT, YEAR_PANEL_ROW_COUNT, _isNumberValue, _tableVirtualScrollDirectiveStrategyFactory, buildBem, coerceAttrBoolean, coerceNumber, coerceString, en, getAnchorTreeItems, getSortDuplicateSortableIdError, getSortHeaderMissingIdError, getSortHeaderNotContainedWithinSortError, getSortInvalidDirectionError, handlePixel, isTemplateRef, isTimePickerModel, isUndefined, last, observeMutationOn, observeResizeOn, scrollIntoView, simplifyStringToTestId, sleep, watchContentExist, zh, ɵ0, ɵ1, ɵ2, TablePlaceholderDefDirective as ɵa, TablePlaceholderOutlet as ɵb, TableExpandButtonCellComponent as ɵc, TableExpandPanelCellComponent as ɵd, TooltipCopyDirective as ɵe, DialogComponent as ɵf, ConfirmDialogComponent as ɵg, BaseRadio as ɵh, InputAddonBeforeDirective as ɵi, InputAddonAfterDirective as ɵj, InputPrefixDirective as ɵk, InputSuffixDirective as ɵl, SharedModule as ɵm, ClickOutsideDirective as ɵn, AutosizeDirective as ɵo, BaseSelect as ɵp, MenuGroupTitleDirective as ɵq, MessageWrapperComponent as ɵr, MessageComponent as ɵs, MessageAnimations as ɵt, BaseMessage as ɵu, NotificationWrapperComponent as ɵv, VirtualForOfDirective as ɵw, _isNumberValue as ɵx, DatePickerComponent as ɵy };
|
|
10732
10772
|
//# sourceMappingURL=alauda-ui.js.map
|