@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.
Files changed (106) hide show
  1. package/alauda-ui.metadata.json +1 -1
  2. package/bundles/alauda-ui.umd.js +81 -20
  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/esm2015/accordion/accordion-item/accordion-item.component.ngfactory.js +2 -2
  9. package/esm2015/alauda-ui.ngsummary.json +1 -1
  10. package/esm2015/back-top/back-top.component.ngfactory.js +2 -2
  11. package/esm2015/breadcrumb/breadcrumb-item.component.ngfactory.js +2 -2
  12. package/esm2015/button/button.component.js +7 -2
  13. package/esm2015/button/button.component.ngfactory.js +3 -3
  14. package/esm2015/button/button.component.ngsummary.json +1 -1
  15. package/esm2015/checkbox/checkbox-group/checkbox-group.component.ngfactory.js +1 -1
  16. package/esm2015/checkbox/checkbox-group/checkbox-group.component.ngsummary.json +1 -1
  17. package/esm2015/checkbox/checkbox.component.js +7 -6
  18. package/esm2015/checkbox/checkbox.component.ngfactory.js +3 -3
  19. package/esm2015/checkbox/checkbox.component.ngsummary.json +1 -1
  20. package/esm2015/color-picker/color-picker.component.ngfactory.js +1 -1
  21. package/esm2015/color-picker/color-picker.component.ngsummary.json +1 -1
  22. package/esm2015/date-picker/calendar/date-picker-panel/component.ngfactory.js +6 -6
  23. package/esm2015/date-picker/calendar/date-picker-panel/component.ngsummary.json +1 -1
  24. package/esm2015/date-picker/calendar/footer/component.ngfactory.js +5 -5
  25. package/esm2015/date-picker/calendar/header/component.ngfactory.js +9 -9
  26. package/esm2015/date-picker/calendar/panel/picker-panel.ngfactory.js +3 -3
  27. package/esm2015/date-picker/calendar/range-picker-panel/component.ngfactory.js +5 -5
  28. package/esm2015/date-picker/calendar/range-picker-panel/component.ngsummary.json +1 -1
  29. package/esm2015/date-picker/date-picker/date-picker.component.ngfactory.js +4 -4
  30. package/esm2015/date-picker/date-picker/date-picker.component.ngsummary.json +1 -1
  31. package/esm2015/date-picker/range-picker/range-picker.component.ngfactory.js +4 -4
  32. package/esm2015/date-picker/range-picker/range-picker.component.ngsummary.json +1 -1
  33. package/esm2015/date-picker/trigger/trigger.component.ngfactory.js +9 -9
  34. package/esm2015/dialog/confirm-dialog/confirm-dialog.component.ngfactory.js +5 -5
  35. package/esm2015/dialog/dialog-content/dialog-header.component.ngfactory.js +2 -2
  36. package/esm2015/dialog/dialog.component.js +2 -2
  37. package/esm2015/dialog/dialog.component.ngfactory.js +2 -2
  38. package/esm2015/drawer/component/drawer.component.ngfactory.js +2 -2
  39. package/esm2015/dropdown/dropdown-button/dropdown-button.component.js +2 -2
  40. package/esm2015/dropdown/dropdown-button/dropdown-button.component.ngfactory.js +3 -3
  41. package/esm2015/dropdown/submenu/submenu.component.ngfactory.js +2 -2
  42. package/esm2015/form/common-form.js +12 -4
  43. package/esm2015/form/common-form.ngsummary.json +1 -1
  44. package/esm2015/icon/icon.component.js +3 -3
  45. package/esm2015/icon/icon.component.ngfactory.js +1 -1
  46. package/esm2015/icon/icon.component.ngsummary.json +1 -1
  47. package/esm2015/inline-alert/inline-alert.component.ngfactory.js +4 -4
  48. package/esm2015/input/input.component.js +9 -2
  49. package/esm2015/input/input.component.ngfactory.js +1 -1
  50. package/esm2015/input/input.component.ngsummary.json +1 -1
  51. package/esm2015/input/number-input/number-input.component.ngfactory.js +6 -6
  52. package/esm2015/input/number-input/number-input.component.ngsummary.json +1 -1
  53. package/esm2015/input/search/search.component.ngfactory.js +6 -6
  54. package/esm2015/input/tags-input/tags-input.component.js +5 -4
  55. package/esm2015/input/tags-input/tags-input.component.ngfactory.js +1 -1
  56. package/esm2015/input/tags-input/tags-input.component.ngsummary.json +1 -1
  57. package/esm2015/message/message.component.ngfactory.js +2 -2
  58. package/esm2015/notification/notification.component.ngfactory.js +3 -3
  59. package/esm2015/paginator/paginator.component.ngfactory.js +18 -18
  60. package/esm2015/public-api.ngsummary.json +1 -1
  61. package/esm2015/radio/base-radio.js +6 -2
  62. package/esm2015/radio/base-radio.ngsummary.json +1 -1
  63. package/esm2015/radio/radio-button/radio-button.component.ngfactory.js +3 -3
  64. package/esm2015/radio/radio-button/radio-button.component.ngsummary.json +1 -1
  65. package/esm2015/radio/radio-group/radio-group.component.ngfactory.js +1 -1
  66. package/esm2015/radio/radio-group/radio-group.component.ngsummary.json +1 -1
  67. package/esm2015/radio/radio.component.ngfactory.js +1 -1
  68. package/esm2015/radio/radio.component.ngsummary.json +1 -1
  69. package/esm2015/select/multi-select/multi-select.component.js +6 -5
  70. package/esm2015/select/multi-select/multi-select.component.ngfactory.js +7 -7
  71. package/esm2015/select/multi-select/multi-select.component.ngsummary.json +1 -1
  72. package/esm2015/select/option/option.component.js +6 -2
  73. package/esm2015/select/option/option.component.ngfactory.js +3 -3
  74. package/esm2015/select/option/option.component.ngsummary.json +1 -1
  75. package/esm2015/select/select.component.js +2 -2
  76. package/esm2015/select/select.component.ngfactory.js +7 -7
  77. package/esm2015/select/select.component.ngsummary.json +1 -1
  78. package/esm2015/steps/steps.component.ngfactory.js +3 -3
  79. package/esm2015/switch/switch.component.ngfactory.js +1 -1
  80. package/esm2015/switch/switch.component.ngsummary.json +1 -1
  81. package/esm2015/table/table-cell.component.ngfactory.js +2 -2
  82. package/esm2015/tabs/tab-group.component.ngfactory.js +3 -3
  83. package/esm2015/tabs/tab-header.component.ngfactory.js +3 -3
  84. package/esm2015/tag/tag.component.ngfactory.js +3 -3
  85. package/esm2015/time-picker/component.ngfactory.js +8 -8
  86. package/esm2015/time-picker/component.ngsummary.json +1 -1
  87. package/esm2015/time-picker/panel/panel.component.js +5 -4
  88. package/esm2015/time-picker/panel/panel.component.ngfactory.js +5 -5
  89. package/esm2015/time-picker/panel/panel.component.ngsummary.json +1 -1
  90. package/esm2015/tree-select/tree-node/tree-node.component.ngfactory.js +4 -4
  91. package/esm2015/tree-select/tree-select.component.ngfactory.js +5 -5
  92. package/esm2015/tree-select/tree-select.component.ngsummary.json +1 -1
  93. package/esm2015/utils/fn.js +10 -1
  94. package/esm2015/utils/fn.ngsummary.json +1 -1
  95. package/esm2015/utils/index.ngsummary.json +1 -1
  96. package/fesm2015/alauda-ui.js +62 -22
  97. package/fesm2015/alauda-ui.js.map +1 -1
  98. package/form/common-form.d.ts +4 -2
  99. package/input/input.component.d.ts +1 -0
  100. package/input/tags-input/tags-input.component.d.ts +1 -1
  101. package/package.json +1 -1
  102. package/radio/base-radio.d.ts +1 -0
  103. package/select/multi-select/multi-select.component.d.ts +1 -1
  104. package/select/option/option.component.d.ts +1 -0
  105. package/time-picker/panel/panel.component.d.ts +1 -1
  106. 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 }],
@@ -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 >\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",
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