@alauda/ui 6.2.1-beta.5 → 6.2.1-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/alauda-ui.metadata.json +1 -1
  2. package/bundles/alauda-ui.umd.js +91 -21
  3. package/bundles/alauda-ui.umd.js.map +1 -1
  4. package/bundles/alauda-ui.umd.min.js +1 -1
  5. package/bundles/alauda-ui.umd.min.js.map +1 -1
  6. package/button/button.component.d.ts +1 -0
  7. package/checkbox/checkbox.component.d.ts +1 -1
  8. package/dropdown/dropdown.directive.d.ts +1 -0
  9. package/esm2015/accordion/accordion-item/accordion-item.component.ngfactory.js +2 -2
  10. package/esm2015/alauda-ui.ngsummary.json +1 -1
  11. package/esm2015/back-top/back-top.component.ngfactory.js +2 -2
  12. package/esm2015/breadcrumb/breadcrumb-item.component.ngfactory.js +2 -2
  13. package/esm2015/button/button.component.js +7 -2
  14. package/esm2015/button/button.component.ngfactory.js +3 -3
  15. package/esm2015/button/button.component.ngsummary.json +1 -1
  16. package/esm2015/checkbox/checkbox-group/checkbox-group.component.ngfactory.js +1 -1
  17. package/esm2015/checkbox/checkbox-group/checkbox-group.component.ngsummary.json +1 -1
  18. package/esm2015/checkbox/checkbox.component.js +7 -6
  19. package/esm2015/checkbox/checkbox.component.ngfactory.js +3 -3
  20. package/esm2015/checkbox/checkbox.component.ngsummary.json +1 -1
  21. package/esm2015/color-picker/color-picker.component.ngfactory.js +1 -1
  22. package/esm2015/color-picker/color-picker.component.ngsummary.json +1 -1
  23. package/esm2015/date-picker/calendar/date-picker-panel/component.ngfactory.js +6 -6
  24. package/esm2015/date-picker/calendar/date-picker-panel/component.ngsummary.json +1 -1
  25. package/esm2015/date-picker/calendar/footer/component.ngfactory.js +5 -5
  26. package/esm2015/date-picker/calendar/header/component.ngfactory.js +9 -9
  27. package/esm2015/date-picker/calendar/panel/picker-panel.ngfactory.js +3 -3
  28. package/esm2015/date-picker/calendar/range-picker-panel/component.ngfactory.js +5 -5
  29. package/esm2015/date-picker/calendar/range-picker-panel/component.ngsummary.json +1 -1
  30. package/esm2015/date-picker/date-picker/date-picker.component.ngfactory.js +4 -4
  31. package/esm2015/date-picker/date-picker/date-picker.component.ngsummary.json +1 -1
  32. package/esm2015/date-picker/range-picker/range-picker.component.ngfactory.js +4 -4
  33. package/esm2015/date-picker/range-picker/range-picker.component.ngsummary.json +1 -1
  34. package/esm2015/date-picker/trigger/trigger.component.ngfactory.js +9 -9
  35. package/esm2015/dialog/confirm-dialog/confirm-dialog.component.ngfactory.js +5 -5
  36. package/esm2015/dialog/dialog-content/dialog-header.component.ngfactory.js +2 -2
  37. package/esm2015/dialog/dialog.component.js +2 -2
  38. package/esm2015/dialog/dialog.component.ngfactory.js +2 -2
  39. package/esm2015/drawer/component/drawer.component.ngfactory.js +2 -2
  40. package/esm2015/dropdown/dropdown-button/dropdown-button.component.js +2 -2
  41. package/esm2015/dropdown/dropdown-button/dropdown-button.component.ngfactory.js +3 -3
  42. package/esm2015/dropdown/dropdown.directive.js +8 -2
  43. package/esm2015/dropdown/dropdown.directive.ngsummary.json +1 -1
  44. package/esm2015/dropdown/submenu/submenu.component.ngfactory.js +2 -2
  45. package/esm2015/form/common-form.js +12 -4
  46. package/esm2015/form/common-form.ngsummary.json +1 -1
  47. package/esm2015/icon/icon.component.js +3 -3
  48. package/esm2015/icon/icon.component.ngfactory.js +1 -1
  49. package/esm2015/icon/icon.component.ngsummary.json +1 -1
  50. package/esm2015/inline-alert/inline-alert.component.ngfactory.js +4 -4
  51. package/esm2015/input/input.component.js +9 -2
  52. package/esm2015/input/input.component.ngfactory.js +1 -1
  53. package/esm2015/input/input.component.ngsummary.json +1 -1
  54. package/esm2015/input/number-input/number-input.component.ngfactory.js +6 -6
  55. package/esm2015/input/number-input/number-input.component.ngsummary.json +1 -1
  56. package/esm2015/input/search/search.component.ngfactory.js +6 -6
  57. package/esm2015/input/tags-input/tags-input.component.js +5 -4
  58. package/esm2015/input/tags-input/tags-input.component.ngfactory.js +1 -1
  59. package/esm2015/input/tags-input/tags-input.component.ngsummary.json +1 -1
  60. package/esm2015/message/message.component.ngfactory.js +2 -2
  61. package/esm2015/notification/notification.component.ngfactory.js +3 -3
  62. package/esm2015/paginator/paginator.component.js +1 -1
  63. package/esm2015/paginator/paginator.component.ngfactory.js +18 -18
  64. package/esm2015/paginator/paginator.component.scss.ngstyle.js +1 -1
  65. package/esm2015/public-api.ngsummary.json +1 -1
  66. package/esm2015/radio/base-radio.js +6 -2
  67. package/esm2015/radio/base-radio.ngsummary.json +1 -1
  68. package/esm2015/radio/radio-button/radio-button.component.ngfactory.js +3 -3
  69. package/esm2015/radio/radio-button/radio-button.component.ngsummary.json +1 -1
  70. package/esm2015/radio/radio-group/radio-group.component.ngfactory.js +1 -1
  71. package/esm2015/radio/radio-group/radio-group.component.ngsummary.json +1 -1
  72. package/esm2015/radio/radio.component.ngfactory.js +1 -1
  73. package/esm2015/radio/radio.component.ngsummary.json +1 -1
  74. package/esm2015/select/multi-select/multi-select.component.js +6 -5
  75. package/esm2015/select/multi-select/multi-select.component.ngfactory.js +7 -7
  76. package/esm2015/select/multi-select/multi-select.component.ngsummary.json +1 -1
  77. package/esm2015/select/option/option.component.js +6 -2
  78. package/esm2015/select/option/option.component.ngfactory.js +3 -3
  79. package/esm2015/select/option/option.component.ngsummary.json +1 -1
  80. package/esm2015/select/select.component.js +2 -2
  81. package/esm2015/select/select.component.ngfactory.js +7 -7
  82. package/esm2015/select/select.component.ngsummary.json +1 -1
  83. package/esm2015/steps/steps.component.ngfactory.js +3 -3
  84. package/esm2015/switch/switch.component.ngfactory.js +1 -1
  85. package/esm2015/switch/switch.component.ngsummary.json +1 -1
  86. package/esm2015/table/table-cell.component.ngfactory.js +2 -2
  87. package/esm2015/tabs/tab-group.component.ngfactory.js +3 -3
  88. package/esm2015/tabs/tab-header.component.ngfactory.js +3 -3
  89. package/esm2015/tag/tag.component.ngfactory.js +3 -3
  90. package/esm2015/time-picker/component.ngfactory.js +8 -8
  91. package/esm2015/time-picker/component.ngsummary.json +1 -1
  92. package/esm2015/time-picker/panel/panel.component.js +5 -4
  93. package/esm2015/time-picker/panel/panel.component.ngfactory.js +5 -5
  94. package/esm2015/time-picker/panel/panel.component.ngsummary.json +1 -1
  95. package/esm2015/tree-select/tree-node/tree-node.component.ngfactory.js +4 -4
  96. package/esm2015/tree-select/tree-select.component.ngfactory.js +5 -5
  97. package/esm2015/tree-select/tree-select.component.ngsummary.json +1 -1
  98. package/esm2015/utils/fn.js +10 -1
  99. package/esm2015/utils/fn.ngsummary.json +1 -1
  100. package/esm2015/utils/index.ngsummary.json +1 -1
  101. package/fesm2015/alauda-ui.js +68 -23
  102. package/fesm2015/alauda-ui.js.map +1 -1
  103. package/form/common-form.d.ts +4 -2
  104. package/input/input.component.d.ts +1 -0
  105. package/input/tags-input/tags-input.component.d.ts +1 -1
  106. package/package.json +1 -1
  107. package/radio/base-radio.d.ts +1 -0
  108. package/select/multi-select/multi-select.component.d.ts +1 -1
  109. package/select/option/option.component.d.ts +1 -0
  110. package/time-picker/panel/panel.component.d.ts +1 -1
  111. 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":"observeResizeOn","filePath":"./index"},{"__symbol":23,"name":"observeResizeOn","filePath":"./observe-dom"},{"__symbol":24,"name":"observeMutationOn","filePath":"./index"},{"__symbol":25,"name":"observeMutationOn","filePath":"./observe-dom"},{"__symbol":26,"name":"scrollIntoView","filePath":"./index"},{"__symbol":27,"name":"scrollIntoView","filePath":"./scroll-into-view"},{"__symbol":28,"name":"watchContentExist","filePath":"./index"},{"__symbol":29,"name":"watchContentExist","filePath":"./watch-content-exist"}]}
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"}]}
@@ -1,4 +1,4 @@
1
- import { TemplateRef, ɵɵdefineInjectable, Injectable, Pipe, ChangeDetectorRef, NgModule, Optional, Inject, SkipSelf, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive, EventEmitter, Output, ElementRef, ViewContainerRef, HostBinding, ViewChild, ContentChild, Host, isDevMode, Renderer2, NgZone, HostListener, InjectionToken, Injector, ContentChildren, forwardRef, ɵɵinject, ApplicationRef, ComponentFactoryResolver, ViewChildren, Type } from '@angular/core';
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 }],
@@ -4182,6 +4216,10 @@ class DropdownDirective extends BaseTooltip {
4182
4216
  this.position = 'bottom end';
4183
4217
  this.trigger = TooltipTrigger.Click;
4184
4218
  }
4219
+ get testId() {
4220
+ return ('AUI-DROPDOWN/' +
4221
+ simplifyStringToTestId(this.elRef.nativeElement.textContent));
4222
+ }
4185
4223
  get menu() {
4186
4224
  return this._menu;
4187
4225
  }
@@ -4233,6 +4271,7 @@ DropdownDirective.ctorParameters = () => [
4233
4271
  { type: NgZone }
4234
4272
  ];
4235
4273
  DropdownDirective.propDecorators = {
4274
+ testId: [{ type: HostBinding, args: ['attr.data-test',] }],
4236
4275
  menu: [{ type: Input, args: ['auiDropdown',] }],
4237
4276
  lazyContentContext: [{ type: Input, args: ['auiDropdownContext',] }],
4238
4277
  hideOnClick: [{ type: Input, args: ['auiDropdownHideOnClick',] }],
@@ -4385,7 +4424,7 @@ class DropdownButtonComponent {
4385
4424
  DropdownButtonComponent.decorators = [
4386
4425
  { type: Component, args: [{
4387
4426
  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",
4427
+ 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
4428
  changeDetection: ChangeDetectionStrategy.OnPush,
4390
4429
  encapsulation: ViewEncapsulation.None,
4391
4430
  preserveWhitespaces: false,
@@ -4549,6 +4588,9 @@ class OptionComponent {
4549
4588
  this._label = val;
4550
4589
  this.label$$.next(val);
4551
4590
  }
4591
+ get testId() {
4592
+ return 'AUI-OPTION/' + (this.label || this.value);
4593
+ }
4552
4594
  get labelContext() {
4553
4595
  return this._labelContext;
4554
4596
  }
@@ -4603,6 +4645,7 @@ OptionComponent.ctorParameters = () => [
4603
4645
  ];
4604
4646
  OptionComponent.propDecorators = {
4605
4647
  label: [{ type: Input }],
4648
+ testId: [{ type: HostBinding, args: ['attr.data-test',] }],
4606
4649
  labelContext: [{ type: Input }],
4607
4650
  value: [{ type: Input }],
4608
4651
  disabled: [{ type: Input }],
@@ -4919,8 +4962,8 @@ var SelectAllStatus;
4919
4962
  })(SelectAllStatus || (SelectAllStatus = {}));
4920
4963
 
4921
4964
  class MultiSelectComponent extends BaseSelect {
4922
- constructor(cdr, renderer) {
4923
- super(cdr);
4965
+ constructor(cdr, renderer, elementRef) {
4966
+ super(cdr, elementRef);
4924
4967
  this.renderer = renderer;
4925
4968
  this.bem = buildBem('aui-multi-select');
4926
4969
  this.bemSelectAll = buildBem('aui-option');
@@ -5152,7 +5195,7 @@ class MultiSelectComponent extends BaseSelect {
5152
5195
  MultiSelectComponent.decorators = [
5153
5196
  { type: Component, args: [{
5154
5197
  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 >\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",
5198
+ 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
5199
  changeDetection: ChangeDetectionStrategy.OnPush,
5157
5200
  encapsulation: ViewEncapsulation.None,
5158
5201
  preserveWhitespaces: false,
@@ -5172,7 +5215,8 @@ MultiSelectComponent.decorators = [
5172
5215
  ];
5173
5216
  MultiSelectComponent.ctorParameters = () => [
5174
5217
  { type: ChangeDetectorRef },
5175
- { type: Renderer2 }
5218
+ { type: Renderer2 },
5219
+ { type: ElementRef }
5176
5220
  ];
5177
5221
  MultiSelectComponent.propDecorators = {
5178
5222
  tagClassFn: [{ type: Input }],
@@ -5284,7 +5328,7 @@ class SelectComponent extends BaseSelect {
5284
5328
  SelectComponent.decorators = [
5285
5329
  { type: Component, args: [{
5286
5330
  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",
5331
+ 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
5332
  changeDetection: ChangeDetectionStrategy.OnPush,
5289
5333
  encapsulation: ViewEncapsulation.None,
5290
5334
  preserveWhitespaces: false,
@@ -5535,7 +5579,7 @@ PaginatorComponent.decorators = [
5535
5579
  changeDetection: ChangeDetectionStrategy.OnPush,
5536
5580
  encapsulation: ViewEncapsulation.None,
5537
5581
  preserveWhitespaces: false,
5538
- styles: [".aui-paginator{display:inline-flex;align-items:center;color:rgb(var(--aui-color-n-1))}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button .aui-button--default{background-color:transparent}.aui-paginator .aui-button .aui-button__content{padding:0}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator:hover aui-icon:first-child,.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__total{font-size:var(--aui-font-size-m)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-font-size-l)}.aui-paginator__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}"]
5582
+ styles: [".aui-paginator{display:inline-flex;align-items:center;color:rgb(var(--aui-color-n-1))}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button--default{background-color:transparent}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator:hover aui-icon:first-child,.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__total{font-size:var(--aui-font-size-m)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-font-size-l)}.aui-paginator__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}"]
5539
5583
  },] }
5540
5584
  ];
5541
5585
  PaginatorComponent.ctorParameters = () => [
@@ -9251,8 +9295,8 @@ const CONTROL_ITEM_HEIGHT = 28;
9251
9295
  const TIME_PICKER_COLUMN_WIDTH = 80;
9252
9296
  const bem$3 = buildBem('aui-time-picker-panel');
9253
9297
  class TimePickerPanelComponent extends CommonFormControl {
9254
- constructor(cdr) {
9255
- super(cdr);
9298
+ constructor(cdr, elementRef) {
9299
+ super(cdr, elementRef);
9256
9300
  this.cdr = cdr;
9257
9301
  this.hourStep = 1;
9258
9302
  this.minuteStep = 1;
@@ -9434,7 +9478,8 @@ TimePickerPanelComponent.decorators = [
9434
9478
  },] }
9435
9479
  ];
9436
9480
  TimePickerPanelComponent.ctorParameters = () => [
9437
- { type: ChangeDetectorRef }
9481
+ { type: ChangeDetectorRef },
9482
+ { type: ElementRef }
9438
9483
  ];
9439
9484
  TimePickerPanelComponent.propDecorators = {
9440
9485
  format: [{ type: Input }],
@@ -10728,5 +10773,5 @@ StepsModule.decorators = [
10728
10773
  * Generated bundle index. Do not edit.
10729
10774
  */
10730
10775
 
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 };
10776
+ 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
10777
  //# sourceMappingURL=alauda-ui.js.map