@eui/components 15.0.0-rc.11 → 15.0.0-rc.12

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.
@@ -185,9 +185,6 @@
185
185
  <li>
186
186
  <a href="#onClear" >onClear</a>
187
187
  </li>
188
- <li>
189
- <a href="#onClickOutside" >onClickOutside</a>
190
- </li>
191
188
  <li>
192
189
  <span class="modifier">Public</span>
193
190
  <a href="#onDateChange" >onDateChange</a>
@@ -199,6 +196,9 @@
199
196
  <li>
200
197
  <a href="#onKeypress" >onKeypress</a>
201
198
  </li>
199
+ <li>
200
+ <a href="#onOpened" >onOpened</a>
201
+ </li>
202
202
  <li>
203
203
  <a href="#openCalendar" >openCalendar</a>
204
204
  </li>
@@ -439,20 +439,6 @@
439
439
  </td>
440
440
  </tr>
441
441
 
442
- <tr>
443
- <td class="col-md-4">
444
- <h6><b>HostListeners</b></h6>
445
- </td>
446
- </tr>
447
- <tr>
448
- <td class="col-md-4">
449
- <ul class="index-list">
450
- <li>
451
- <a href="#body:click" >body:click</a>
452
- </li>
453
- </ul>
454
- </td>
455
- </tr>
456
442
 
457
443
  <tr>
458
444
  <td class="col-md-4">
@@ -520,7 +506,7 @@
520
506
  <tbody>
521
507
  <tr>
522
508
  <td class="col-md-4">
523
- <code>constructor(adapter: DateAdapter<any>, translateService: TranslateService, localeService: LocaleService, uxAppShellService: UxAppShellService, componentFactoryResolver: <a href="https://angular.io/api/core/ComponentFactoryResolver" target="_blank">ComponentFactoryResolver</a>, injector: <a href="https://angular.io/api/core/Injector" target="_blank">Injector</a>, appRef: <a href="https://angular.io/api/core/ApplicationRef" target="_blank">ApplicationRef</a>, euiLetterFormat: <a href="../directives/EuiLetterFormatDirective.html" target="_self">EuiLetterFormatDirective</a>, control: <a href="https://angular.io/api/forms/NgControl" target="_blank">NgControl</a>, format: MatDateFormats)</code>
509
+ <code>constructor(adapter: DateAdapter<any>, translateService: TranslateService, localeService: LocaleService, uxAppShellService: UxAppShellService, componentFactoryResolver: <a href="https://angular.io/api/core/ComponentFactoryResolver" target="_blank">ComponentFactoryResolver</a>, injector: <a href="https://angular.io/api/core/Injector" target="_blank">Injector</a>, appRef: <a href="https://angular.io/api/core/ApplicationRef" target="_blank">ApplicationRef</a>, cdkConnectedOverlay: OverlayOutsideClickDispatcher, euiLetterFormat: <a href="../directives/EuiLetterFormatDirective.html" target="_self">EuiLetterFormatDirective</a>, control: <a href="https://angular.io/api/forms/NgControl" target="_blank">NgControl</a>, format: MatDateFormats)</code>
524
510
  </td>
525
511
  </tr>
526
512
 
@@ -620,6 +606,18 @@
620
606
  No
621
607
  </td>
622
608
 
609
+ </tr>
610
+ <tr>
611
+ <td>cdkConnectedOverlay</td>
612
+
613
+ <td>
614
+ <code>OverlayOutsideClickDispatcher</code>
615
+ </td>
616
+
617
+ <td>
618
+ No
619
+ </td>
620
+
623
621
  </tr>
624
622
  <tr>
625
623
  <td>euiLetterFormat</td>
@@ -1649,35 +1647,7 @@
1649
1647
  </table>
1650
1648
  </section>
1651
1649
 
1652
- <section>
1653
- <h3>HostListeners</h3> <table class="table table-sm table-bordered">
1654
- <tbody>
1655
- <tr>
1656
- <td class="col-md-4">
1657
- <a name="body:click"></a>
1658
- <span class="name">
1659
- <span ><b>body:click</b></span>
1660
- <a href="#body:click"><span class="icon ion-ios-link"></span></a>
1661
- </span>
1662
- </td>
1663
- </tr>
1664
- <tr>
1665
- <td class="col-md-4">
1666
- <i>Arguments : </i><code>'$event' </code>
1667
- </td>
1668
- </tr>
1669
- <tr>
1670
- <td class="col-md-4">
1671
- <code>body:click(e: MouseEvent)</code>
1672
- </td>
1673
- </tr>
1674
-
1675
-
1676
1650
 
1677
-
1678
- </tbody>
1679
- </table>
1680
- </section>
1681
1651
  <section>
1682
1652
 
1683
1653
  <h3 id="methods">
@@ -2074,26 +2044,21 @@
2074
2044
  <tbody>
2075
2045
  <tr>
2076
2046
  <td class="col-md-4">
2077
- <a name="onClickOutside"></a>
2047
+ <a name="onDateChange"></a>
2078
2048
  <span class="name">
2079
- <span ><b>onClickOutside</b></span>
2080
- <a href="#onClickOutside"><span class="icon ion-ios-link"></span></a>
2049
+ <span class="modifier">Public</span>
2050
+ <span ><b>onDateChange</b></span>
2051
+ <a href="#onDateChange"><span class="icon ion-ios-link"></span></a>
2081
2052
  </span>
2082
2053
  </td>
2083
2054
  </tr>
2084
2055
  <tr>
2085
2056
  <td class="col-md-4">
2086
- <code>onClickOutside(e: MouseEvent)</code>
2057
+ <span class="modifier-icon icon ion-ios-reset"></span>
2058
+ <code>onDateChange(e: MatDatepickerInputEvent<any>)</code>
2087
2059
  </td>
2088
2060
  </tr>
2089
2061
 
2090
- <tr>
2091
- <td class="col-md-4">
2092
- <b>Decorators : </b>
2093
- <br />
2094
- <code>@HostListener(&#x27;body:click&#x27;, [&#x27;$event&#x27;])<br /></code>
2095
- </td>
2096
- </tr>
2097
2062
 
2098
2063
 
2099
2064
 
@@ -2115,7 +2080,7 @@
2115
2080
  <tr>
2116
2081
  <td>e</td>
2117
2082
  <td>
2118
- <code>MouseEvent</code>
2083
+ <code>MatDatepickerInputEvent&lt;any&gt;</code>
2119
2084
  </td>
2120
2085
 
2121
2086
  <td>
@@ -2144,18 +2109,18 @@
2144
2109
  <tbody>
2145
2110
  <tr>
2146
2111
  <td class="col-md-4">
2147
- <a name="onDateChange"></a>
2112
+ <a name="onDateInput"></a>
2148
2113
  <span class="name">
2149
2114
  <span class="modifier">Public</span>
2150
- <span ><b>onDateChange</b></span>
2151
- <a href="#onDateChange"><span class="icon ion-ios-link"></span></a>
2115
+ <span ><b>onDateInput</b></span>
2116
+ <a href="#onDateInput"><span class="icon ion-ios-link"></span></a>
2152
2117
  </span>
2153
2118
  </td>
2154
2119
  </tr>
2155
2120
  <tr>
2156
2121
  <td class="col-md-4">
2157
2122
  <span class="modifier-icon icon ion-ios-reset"></span>
2158
- <code>onDateChange(e: MatDatepickerInputEvent<any>)</code>
2123
+ <code>onDateInput(e: MatDatepickerInputEvent<any>)</code>
2159
2124
  </td>
2160
2125
  </tr>
2161
2126
 
@@ -2209,18 +2174,16 @@
2209
2174
  <tbody>
2210
2175
  <tr>
2211
2176
  <td class="col-md-4">
2212
- <a name="onDateInput"></a>
2177
+ <a name="onKeypress"></a>
2213
2178
  <span class="name">
2214
- <span class="modifier">Public</span>
2215
- <span ><b>onDateInput</b></span>
2216
- <a href="#onDateInput"><span class="icon ion-ios-link"></span></a>
2179
+ <span ><b>onKeypress</b></span>
2180
+ <a href="#onKeypress"><span class="icon ion-ios-link"></span></a>
2217
2181
  </span>
2218
2182
  </td>
2219
2183
  </tr>
2220
2184
  <tr>
2221
2185
  <td class="col-md-4">
2222
- <span class="modifier-icon icon ion-ios-reset"></span>
2223
- <code>onDateInput(e: MatDatepickerInputEvent<any>)</code>
2186
+ <code>onKeypress(e: KeyboardEvent)</code>
2224
2187
  </td>
2225
2188
  </tr>
2226
2189
 
@@ -2245,7 +2208,7 @@
2245
2208
  <tr>
2246
2209
  <td>e</td>
2247
2210
  <td>
2248
- <code>MatDatepickerInputEvent&lt;any&gt;</code>
2211
+ <code>KeyboardEvent</code>
2249
2212
  </td>
2250
2213
 
2251
2214
  <td>
@@ -2274,16 +2237,16 @@
2274
2237
  <tbody>
2275
2238
  <tr>
2276
2239
  <td class="col-md-4">
2277
- <a name="onKeypress"></a>
2240
+ <a name="onOpened"></a>
2278
2241
  <span class="name">
2279
- <span ><b>onKeypress</b></span>
2280
- <a href="#onKeypress"><span class="icon ion-ios-link"></span></a>
2242
+ <span ><b>onOpened</b></span>
2243
+ <a href="#onOpened"><span class="icon ion-ios-link"></span></a>
2281
2244
  </span>
2282
2245
  </td>
2283
2246
  </tr>
2284
2247
  <tr>
2285
2248
  <td class="col-md-4">
2286
- <code>onKeypress(e: KeyboardEvent)</code>
2249
+ <code>onOpened()</code>
2287
2250
  </td>
2288
2251
  </tr>
2289
2252
 
@@ -2293,41 +2256,9 @@
2293
2256
  <tr>
2294
2257
  <td class="col-md-4">
2295
2258
 
2296
- <div class="io-description">
2297
- <b>Parameters :</b>
2298
-
2299
- <table class="params">
2300
- <thead>
2301
- <tr>
2302
- <td>Name</td>
2303
- <td>Type</td>
2304
- <td>Optional</td>
2305
- </tr>
2306
- </thead>
2307
- <tbody>
2308
- <tr>
2309
- <td>e</td>
2310
- <td>
2311
- <code>KeyboardEvent</code>
2312
- </td>
2313
-
2314
- <td>
2315
- No
2316
- </td>
2317
-
2318
-
2319
- </tr>
2320
- </tbody>
2321
- </table>
2322
- </div>
2323
- <div>
2324
- </div>
2325
2259
  <div class="io-description">
2326
2260
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
2327
2261
 
2328
- </div>
2329
- <div class="io-description">
2330
-
2331
2262
  </div>
2332
2263
  </td>
2333
2264
  </tr>
@@ -3699,7 +3630,7 @@
3699
3630
  <script src="../js/libs/htmlparser.js"></script>
3700
3631
  <script src="../js/libs/deep-iterator.js"></script>
3701
3632
  <script>
3702
- var COMPONENT_TEMPLATE = '<div><div class="eui-datepicker__wrapper {{ styleClass }}" [class.eui-datepicker__wrapper--responsive]="isDatepickerBlock"> <div euiInputGroup> <div class="eui-input-group-addon"> <input euiInputText [readonly] ="isReadOnly" [euiClearable]= "isClearable" (clear)="onClear()" [class.eui-datepicker--no-button]="hasNoButton" [class.eui-datepicker--long-format]="!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)" [class.eui-datepicker--block]="isDatepickerBlock" [formControl]="inputFormControl" [matDatepicker]="calendar" placeholder="{{ placeholder }}" (dateInput)="onDateInput($event)" (dateChange)="onDateChange($event)" [min]="minDate" [max]="maxDate" [matDatepickerFilter]="datepickerFilter" (click)="openCalendar()" autocomplete="off" aria-label="Date Input Field" (keypress)="onKeypress($event)" (change)="isDatetimepicker ? changedInput($event) : null"> <mat-datepicker #calendar panelClass="mat-calendar-{{ type }}" [startView]="(type===\'regular\') ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)" (yearSelected)="type === \'year\' ? chosenDateHandler($event, calendar) : null" (monthSelected)="type === \'month\' ? chosenDateHandler($event, calendar) : null" [touchUi]="breakpointsValue.isTablet || breakpointsValue.isMobile" [panelClass]="isDatetimepicker? \'eui-datepicker--container-height-large\' : null" [disabled]="isPickerDisabled" [calendarHeaderComponent]="customHeader" [dateClass]="dateClass"> <mat-datepicker-actions *ngIf="hasActionButtons"> <div *ngIf="hasTodayButton" class="eui-datepicker__footer"> <button euiButton euiBasicButton euiOutline matDatepickerApply aria-label="Today" (click)="selectToday()"> <eui-icon-svg icon="eui-today-outline" aria-label="Today Icon"></eui-icon-svg> <span euiLabel>Today</span> </button> </div> <button euiButton euiSecondary matDatepickerCancel class="eui-datepicker__actions-cancel-button">Cancel</button> <button euiButton euiPrimary matDatepickerApply>Apply</button> </mat-datepicker-actions> </mat-datepicker> <button *ngIf="!hasNoButton" (click)="openCalendar()" euiButton type="button" euiSecondary [euiIconButton] = "!togglerLabel" [euiDisabled]="isButtonDisabled" aria-haspopup="dialog"> <span *ngIf="!togglerLabel && togglerIcon" euiIcon aria-label="Open Calendar" iconClass="{{ togglerIcon }}"></span> <ng-container *ngIf="!togglerLabel && !togglerIcon"> <eui-icon-svg icon="{{ togglerIconSvg }}" aria-label="Open Calendar"></eui-icon-svg> </ng-container> <span *ngIf="togglerLabel">{{ togglerLabel }}</span> </button> </div> </div></div></div>'
3633
+ var COMPONENT_TEMPLATE = '<div><div class="eui-datepicker__wrapper {{ styleClass }}" [class.eui-datepicker__wrapper--responsive]="isDatepickerBlock"> <div euiInputGroup> <div class="eui-input-group-addon"> <input euiInputText [readonly] ="isReadOnly" [euiClearable]= "isClearable" (clear)="onClear()" [class.eui-datepicker--no-button]="hasNoButton" [class.eui-datepicker--long-format]="!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)" [class.eui-datepicker--block]="isDatepickerBlock" [formControl]="inputFormControl" [matDatepicker]="calendar" placeholder="{{ placeholder }}" (dateInput)="onDateInput($event)" (dateChange)="onDateChange($event)" [min]="minDate" [max]="maxDate" [matDatepickerFilter]="datepickerFilter" (click)="openCalendar()" autocomplete="off" aria-label="Date Input Field" (keypress)="onKeypress($event)" (change)="isDatetimepicker ? changedInput($event) : null"> <mat-datepicker #calendar panelClass="mat-calendar-{{ type }}" [startView]="(type===\'regular\') ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)" (yearSelected)="type === \'year\' ? chosenDateHandler($event, calendar) : null" (monthSelected)="type === \'month\' ? chosenDateHandler($event, calendar) : null" [touchUi]="breakpointsValue.isTablet || breakpointsValue.isMobile" [panelClass]="isDatetimepicker? \'eui-datepicker--container-height-large\' : null" [disabled]="isPickerDisabled" [calendarHeaderComponent]="customHeader" [dateClass]="dateClass" (opened)="onOpened()"> <mat-datepicker-actions *ngIf="hasActionButtons"> <div *ngIf="hasTodayButton" class="eui-datepicker__footer"> <button euiButton euiBasicButton euiOutline matDatepickerApply aria-label="Today" (click)="selectToday()"> <eui-icon-svg icon="eui-today-outline" aria-label="Today Icon"></eui-icon-svg> <span euiLabel>Today</span> </button> </div> <button euiButton euiSecondary matDatepickerCancel class="eui-datepicker__actions-cancel-button">Cancel</button> <button euiButton euiPrimary matDatepickerApply>Apply</button> </mat-datepicker-actions> </mat-datepicker> <button *ngIf="!hasNoButton" (click)="openCalendar()" euiButton type="button" euiSecondary [euiIconButton] = "!togglerLabel" [euiDisabled]="isButtonDisabled" aria-haspopup="dialog"> <span *ngIf="!togglerLabel && togglerIcon" euiIcon aria-label="Open Calendar" iconClass="{{ togglerIcon }}"></span> <ng-container *ngIf="!togglerLabel && !togglerIcon"> <eui-icon-svg icon="{{ togglerIconSvg }}" aria-label="Open Calendar"></eui-icon-svg> </ng-container> <span *ngIf="togglerLabel">{{ togglerLabel }}</span> </button> </div> </div></div></div>'
3703
3634
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownButtonChildMenuComponent', 'selector': 'eui-dropdown-button-child-menu'},{'name': 'EuiDropdownButtonMenuComponent', 'selector': 'eui-dropdown-button-menu'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]:not([euiInputCheckBox])'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
3704
3635
  label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalPickerComponent', 'selector': ''},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPickerComponent', 'selector': 'eui-picker'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemNotificationsComponent', 'selector': 'eui-toolbar-item-notifications'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarItemSearchComponent', 'selector': 'eui-toolbar-item-search'},{'name': 'EuiToolbarItemUserProfileComponent', 'selector': 'eui-toolbar-item-user-profile'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiUploadedFileComponent', 'selector': 'eui-uploaded-file'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'UxActionBoxComponent', 'selector': 'ux-action-box'},{'name': 'UxAlertComponent', 'selector': 'ux-alert'},{'name': 'UxBadgeComponent', 'selector': 'ux-badge'},{'name': 'UxBadgeGroupComponent', 'selector': 'ux-badge-group'},{'name': 'UxButtonComponent', 'selector': 'ux-button'},{'name': 'UxButtonGroupComponent', 'selector': 'ux-button-group'},{'name': 'UxButtonGroupItemComponent', 'selector': 'ux-button-group-item'},{'name': 'UxCardComponent', 'selector': 'ux-card'},{'name': 'UxChipComponent', 'selector': 'ux-chip'},{'name': 'UxChipsListComponent', 'selector': 'ux-chips-list'},{'name': 'UxChipsListDroppableAreaComponent', 'selector': 'ux-chips-list-droppable-area'},{'name': 'UxControlFeedbackComponent', 'selector': 'ux-control-feedback'},{'name': 'UxDashboardButtonComponent', 'selector': 'ux-dashboard-button'},{'name': 'UxDashboardButtonsComponent', 'selector': 'ux-dashboard-buttons'},{'name': 'UxDashboardCardComponent', 'selector': 'ux-dashboard-card'},{'name': 'UxDatepickerComponent', 'selector': 'ux-datepicker'},{'name': 'UxDateRangeSelectorComponent', 'selector': 'ux-date-range-selector'},{'name': 'UxDisableContentComponent', 'selector': 'ux-disable-content'},{'name': 'UxDiscussionThreadComponent', 'selector': 'ux-discussion-thread'},{'name': 'UxDiscussionThreadItemComponent', 'selector': 'ux-discussion-thread-item'},{'name': 'UxDocumentViewerComponent', 'selector': 'ux-document-viewer'},{'name': 'UxDropdownButtonComponent', 'selector': 'ux-dropdown-button'},{'name': 'UxDropdownButtonItemComponent', 'selector': 'ux-dropdown-button-item'},{'name': 'UxDropdownComponent', 'selector': 'ux-dropdown'},{'name': 'UxDropdownTreeComponent', 'selector': 'ux-dropdown-tree'},{'name': 'UxDynamicMessageBoxComponent', 'selector': 'ux-dynamic-message-box'},{'name': 'UxDynamicModalComponent', 'selector': 'ux-dynamic-modal'},{'name': 'UxDynamicPopoverComponent', 'selector': 'ux-dynamic-popover'},{'name': 'UxEditorComponent', 'selector': 'ux-editor'},{'name': 'UxEditorCountersComponent', 'selector': 'ux-editor-counters'},{'name': 'UxEditorViewComponent', 'selector': 'ux-editor-view'},{'name': 'UxEditorViewHTMLComponent', 'selector': 'ux-editor-view-html'},{'name': 'UxErrorGroupItemComponent', 'selector': 'ux-error-group-item'},{'name': 'UxErrorGroupOutputComponent', 'selector': 'ux-error-group-output'},{'name': 'UxErrorOutputComponent', 'selector': 'ux-error-output'},{'name': 'UxFieldSearchComponent', 'selector': 'ux-field-search'},{'name': 'UxFieldsetComponent', 'selector': 'ux-fieldset'},{'name': 'UxFileUploadComponent', 'selector': 'ux-file-upload'},{'name': 'UxFormControlComponent', 'selector': 'ux-form-control'},{'name': 'UxFormGroupComponent', 'selector': 'ux-form-group'},{'name': 'UxIconComponent', 'selector': 'ux-a-icon'},{'name': 'UxIconToggleComponent', 'selector': 'ux-a-icon-toggle'},{'name': 'UxLabelComponent', 'selector': 'ux-a-label'},{'name': 'UxLayoutHorizontalComponent', 'selector': 'ux-layout-horizontal'},{'name': 'UxLayoutOverlayPanelComponent', 'selector': 'ux-layout-overlay-panel'},{'name': 'UxListItemComponent', 'selector': 'ux-list-item'},{'name': 'UxListItemsComponent', 'selector': 'ux-list-items'},{'name': 'UxLoadingIndicatorComponent', 'selector': 'ux-loading-indicator'},{'name': 'UxMessageBoxComponent', 'selector': 'ux-message-box'},{'name': 'UxMFileUploadComponent', 'selector': 'ux-m-file-upload'},{'name': 'UxMFileUploadQueueComponent', 'selector': 'ux-m-file-upload-queue'},{'name': 'UxModalComponent', 'selector': 'ux-modal'},{'name': 'UxOverlayComponent', 'selector': 'ux-overlay'},{'name': 'UxPanelComponent', 'selector': 'ux-panel'},{'name': 'UxPanelsComponent', 'selector': 'ux-panels'},{'name': 'UxPopoverComponent', 'selector': 'ux-popover'},{'name': 'UxProgressCircleComponent', 'selector': 'ux-progress-circle'},{'name': 'UxSplitButtonComponent', 'selector': 'ux-split-button'},{'name': 'UxStaticTabsComponent', 'selector': 'ux-static-tabs'},{'name': 'UxSwitchComponent', 'selector': 'ux-switch'},{'name': 'UxTabComponent', 'selector': 'ux-tab'},{'name': 'UxTabsBarComponent', 'selector': 'ux-tabs-bar'},{'name': 'UxTabsComponent', 'selector': 'ux-tabs'},{'name': 'UxTagComponent', 'selector': 'ux-a-tag'},{'name': 'UxTimebarComponent', 'selector': 'ux-timebar'},{'name': 'UxTimelineItemComponent', 'selector': 'ux-timeline-item'},{'name': 'UxTimelineItemsComponent', 'selector': 'ux-timeline-items'},{'name': 'UxTimepickerComponent', 'selector': 'ux-timepicker'},{'name': 'UxTreeComponent', 'selector': 'ux-tree'},{'name': 'UxTreeListComponent', 'selector': 'ux-tree-list'},{'name': 'UxTreeListItemComponent', 'selector': 'ux-tree-list-item'},{'name': 'UxTreeNodeComponent', 'selector': 'ux-tree-node'},{'name': 'UxWizardStepComponent', 'selector': 'ux-wizard-step'},{'name': 'UxWizardStepsComponent', 'selector': 'ux-wizard-steps'}];
3705
3636
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiMaxLengthDirective', 'selector': '
@@ -747,7 +747,7 @@
747
747
  </tr>
748
748
  <tr>
749
749
  <td class="col-md-4">
750
- <code>updateHours(newVal: string | Event)</code>
750
+ <code>updateHours(newVal: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
751
751
  </td>
752
752
  </tr>
753
753
 
@@ -772,7 +772,7 @@
772
772
  <tr>
773
773
  <td>newVal</td>
774
774
  <td>
775
- <code>string | Event</code>
775
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
776
776
  </td>
777
777
 
778
778
  <td>
@@ -810,7 +810,7 @@
810
810
  </tr>
811
811
  <tr>
812
812
  <td class="col-md-4">
813
- <code>updateMinutes(newVal: string | Event)</code>
813
+ <code>updateMinutes(newVal: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
814
814
  </td>
815
815
  </tr>
816
816
 
@@ -835,7 +835,7 @@
835
835
  <tr>
836
836
  <td>newVal</td>
837
837
  <td>
838
- <code>string | Event</code>
838
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
839
839
  </td>
840
840
 
841
841
  <td>
@@ -873,7 +873,7 @@
873
873
  </tr>
874
874
  <tr>
875
875
  <td class="col-md-4">
876
- <code>updateSeconds(newVal: string | Event)</code>
876
+ <code>updateSeconds(newVal: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
877
877
  </td>
878
878
  </tr>
879
879
 
@@ -898,7 +898,7 @@
898
898
  <tr>
899
899
  <td>newVal</td>
900
900
  <td>
901
- <code>string | Event</code>
901
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
902
902
  </td>
903
903
 
904
904
  <td>
@@ -1357,7 +1357,7 @@
1357
1357
  <script src="../js/libs/htmlparser.js"></script>
1358
1358
  <script src="../js/libs/deep-iterator.js"></script>
1359
1359
  <script>
1360
- var COMPONENT_TEMPLATE = '<div><div class="eui-timepicker" [class.eui-timepicker--centered]="isDatetimepicker"> <ng-container *ngIf="isOneInputField; else multipleInputs"> <input [class.eui-timepicker__input--one-field]="isDatetimepicker" euiInputText mask="{{ timeMask }}" [leadZeroDateTime]="true" placeholder="{{ timeMask }}" aria-label="Time Input Field" [formControl]="oneInputFormControl" (focusout)="onFocusOut()" [dropSpecialCharacters]="false" [readOnly]="isreadOnly"> </ng-container> <ng-template #multipleInputs> <div class="eui-timepicker__input-container"> <a *ngIf="!isreadOnly" class="eui-timepicker__chevron" tabindex="-1" (click)="changeHours(1)"> <eui-icon-svg icon="eui-chevron-up" role="img" aria-label="Increase Hours"></eui-icon-svg> </a> <input #inputrefhours euiInputNumber [leadingZero]="2" [digits]="2" [fractionDigits]="0" class="eui-timepicker__input" placeholder="HH" [ngModel]="hours" (keyup)="updateHours($event)" [readOnly]="isreadOnly" aria-label="Hours" (keydown.ArrowUp)="changeHours(1); $event.preventDefault()" (keydown.ArrowDown)="changeHours(-1); $event.preventDefault()"> <a *ngIf="!isreadOnly" tabindex="-1" class="eui-timepicker__chevron" (click)="changeHours(-1)"> <eui-icon-svg icon="eui-chevron-down" role="img" aria-label="Decrease Hours"></eui-icon-svg> </a> </div> <div class="eui-timepicker__spacer">:</div> <div class="eui-timepicker__input-container"> <a *ngIf="!isreadOnly" tabindex="-1" class="eui-timepicker__chevron" (click)="changeMinutes(1)"> <eui-icon-svg icon="eui-chevron-up" role="img" aria-label="Increase Minutes"></eui-icon-svg> </a> <input #inputrefmins euiInputNumber [leadingZero]="2" [digits]="2" [fractionDigits]="0" class="eui-timepicker__input" placeholder="MM" [ngModel]="mins" (keyup)="updateMinutes($event)" [readOnly]="isreadOnly" aria-label="Minutes" (keydown.ArrowUp)="changeMinutes(1); $event.preventDefault()" (keydown.ArrowDown)="changeMinutes(-1); $event.preventDefault()"> <a *ngIf="!isreadOnly" tabindex="-1" class="eui-timepicker__chevron" (click)="changeMinutes(-1)"> <eui-icon-svg icon="eui-chevron-down" role="img" aria-label="Decrease Minutes"></eui-icon-svg> </a> </div> <ng-container *ngIf="hasSeconds"> <div class="eui-timepicker__spacer">:</div> <div class="eui-timepicker__input-container"> <a *ngIf="!isreadOnly" tabindex="-1" class="eui-timepicker__chevron" (click)="changeSeconds(1)"> <eui-icon-svg icon="eui-chevron-up" role="img" aria-label="Increase seconds"></eui-icon-svg> </a> <input #inputrefsecs euiInputNumber [leadingZero]="2" [digits]="2" [fractionDigits]="0" class="eui-timepicker__input" placeholder="SS" [ngModel]="secs" (keyup)="updateSeconds($event)" [readOnly]="isreadOnly" aria-label="Seconds" (keydown.ArrowUp)="changeSeconds(1); $event.preventDefault()" (keydown.ArrowDown)="changeSeconds(-1); $event.preventDefault()"> <a *ngIf="!isreadOnly" tabindex="-1" class="eui-timepicker__chevron" (click)="changeSeconds(-1)"> <eui-icon-svg icon="eui-chevron-down" role="img" aria-label="Decrease seconds"></eui-icon-svg> </a> </div> </ng-container> </ng-template></div></div>'
1360
+ var COMPONENT_TEMPLATE = '<div><div class="eui-timepicker" [class.eui-timepicker--centered]="isDatetimepicker"> <ng-container *ngIf="isOneInputField; else multipleInputs"> <input [class.eui-timepicker__input--one-field]="isDatetimepicker" euiInputText mask="{{ timeMask }}" [leadZeroDateTime]="true" placeholder="{{ timeMask }}" aria-label="Time Input Field" [formControl]="oneInputFormControl" (focusout)="onFocusOut()" [dropSpecialCharacters]="false" [readOnly]="isreadOnly"> </ng-container> <ng-template #multipleInputs> <div class="eui-timepicker__input-container"> <a *ngIf="!isreadOnly" class="eui-timepicker__chevron" tabindex="-1" (click)="changeHours(1)"> <eui-icon-svg icon="eui-chevron-up" role="img" aria-label="Increase Hours"></eui-icon-svg> </a> <input #inputrefhours euiInputNumber [leadingZero]="2" [digits]="2" [fractionDigits]="0" class="eui-timepicker__input" placeholder="HH" [ngModel]="hours" (ngModelChange)="updateHours($event)" [readOnly]="isreadOnly" aria-label="Hours" (keydown.ArrowUp)="changeHours(1); $event.preventDefault()" (keydown.ArrowDown)="changeHours(-1); $event.preventDefault()"> <a *ngIf="!isreadOnly" tabindex="-1" class="eui-timepicker__chevron" (click)="changeHours(-1)"> <eui-icon-svg icon="eui-chevron-down" role="img" aria-label="Decrease Hours"></eui-icon-svg> </a> </div> <div class="eui-timepicker__spacer">:</div> <div class="eui-timepicker__input-container"> <a *ngIf="!isreadOnly" tabindex="-1" class="eui-timepicker__chevron" (click)="changeMinutes(1)"> <eui-icon-svg icon="eui-chevron-up" role="img" aria-label="Increase Minutes"></eui-icon-svg> </a> <input #inputrefmins euiInputNumber [leadingZero]="2" [digits]="2" [fractionDigits]="0" class="eui-timepicker__input" placeholder="MM" [ngModel]="mins" (ngModelChange)="updateMinutes($event)" [readOnly]="isreadOnly" aria-label="Minutes" (keydown.ArrowUp)="changeMinutes(1); $event.preventDefault()" (keydown.ArrowDown)="changeMinutes(-1); $event.preventDefault()"> <a *ngIf="!isreadOnly" tabindex="-1" class="eui-timepicker__chevron" (click)="changeMinutes(-1)"> <eui-icon-svg icon="eui-chevron-down" role="img" aria-label="Decrease Minutes"></eui-icon-svg> </a> </div> <ng-container *ngIf="hasSeconds"> <div class="eui-timepicker__spacer">:</div> <div class="eui-timepicker__input-container"> <a *ngIf="!isreadOnly" tabindex="-1" class="eui-timepicker__chevron" (click)="changeSeconds(1)"> <eui-icon-svg icon="eui-chevron-up" role="img" aria-label="Increase seconds"></eui-icon-svg> </a> <input #inputrefsecs euiInputNumber [leadingZero]="2" [digits]="2" [fractionDigits]="0" class="eui-timepicker__input" placeholder="SS" [ngModel]="secs" (ngModelChange)="updateSeconds($event)" [readOnly]="isreadOnly" aria-label="Seconds" (keydown.ArrowUp)="changeSeconds(1); $event.preventDefault()" (keydown.ArrowDown)="changeSeconds(-1); $event.preventDefault()"> <a *ngIf="!isreadOnly" tabindex="-1" class="eui-timepicker__chevron" (click)="changeSeconds(-1)"> <eui-icon-svg icon="eui-chevron-down" role="img" aria-label="Decrease seconds"></eui-icon-svg> </a> </div> </ng-container> </ng-template></div></div>'
1361
1361
  var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownButtonChildMenuComponent', 'selector': 'eui-dropdown-button-child-menu'},{'name': 'EuiDropdownButtonMenuComponent', 'selector': 'eui-dropdown-button-menu'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]:not([euiInputCheckBox])'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
1362
1362
  label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalPickerComponent', 'selector': ''},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPickerComponent', 'selector': 'eui-picker'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemNotificationsComponent', 'selector': 'eui-toolbar-item-notifications'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarItemSearchComponent', 'selector': 'eui-toolbar-item-search'},{'name': 'EuiToolbarItemUserProfileComponent', 'selector': 'eui-toolbar-item-user-profile'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiUploadedFileComponent', 'selector': 'eui-uploaded-file'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'UxActionBoxComponent', 'selector': 'ux-action-box'},{'name': 'UxAlertComponent', 'selector': 'ux-alert'},{'name': 'UxBadgeComponent', 'selector': 'ux-badge'},{'name': 'UxBadgeGroupComponent', 'selector': 'ux-badge-group'},{'name': 'UxButtonComponent', 'selector': 'ux-button'},{'name': 'UxButtonGroupComponent', 'selector': 'ux-button-group'},{'name': 'UxButtonGroupItemComponent', 'selector': 'ux-button-group-item'},{'name': 'UxCardComponent', 'selector': 'ux-card'},{'name': 'UxChipComponent', 'selector': 'ux-chip'},{'name': 'UxChipsListComponent', 'selector': 'ux-chips-list'},{'name': 'UxChipsListDroppableAreaComponent', 'selector': 'ux-chips-list-droppable-area'},{'name': 'UxControlFeedbackComponent', 'selector': 'ux-control-feedback'},{'name': 'UxDashboardButtonComponent', 'selector': 'ux-dashboard-button'},{'name': 'UxDashboardButtonsComponent', 'selector': 'ux-dashboard-buttons'},{'name': 'UxDashboardCardComponent', 'selector': 'ux-dashboard-card'},{'name': 'UxDatepickerComponent', 'selector': 'ux-datepicker'},{'name': 'UxDateRangeSelectorComponent', 'selector': 'ux-date-range-selector'},{'name': 'UxDisableContentComponent', 'selector': 'ux-disable-content'},{'name': 'UxDiscussionThreadComponent', 'selector': 'ux-discussion-thread'},{'name': 'UxDiscussionThreadItemComponent', 'selector': 'ux-discussion-thread-item'},{'name': 'UxDocumentViewerComponent', 'selector': 'ux-document-viewer'},{'name': 'UxDropdownButtonComponent', 'selector': 'ux-dropdown-button'},{'name': 'UxDropdownButtonItemComponent', 'selector': 'ux-dropdown-button-item'},{'name': 'UxDropdownComponent', 'selector': 'ux-dropdown'},{'name': 'UxDropdownTreeComponent', 'selector': 'ux-dropdown-tree'},{'name': 'UxDynamicMessageBoxComponent', 'selector': 'ux-dynamic-message-box'},{'name': 'UxDynamicModalComponent', 'selector': 'ux-dynamic-modal'},{'name': 'UxDynamicPopoverComponent', 'selector': 'ux-dynamic-popover'},{'name': 'UxEditorComponent', 'selector': 'ux-editor'},{'name': 'UxEditorCountersComponent', 'selector': 'ux-editor-counters'},{'name': 'UxEditorViewComponent', 'selector': 'ux-editor-view'},{'name': 'UxEditorViewHTMLComponent', 'selector': 'ux-editor-view-html'},{'name': 'UxErrorGroupItemComponent', 'selector': 'ux-error-group-item'},{'name': 'UxErrorGroupOutputComponent', 'selector': 'ux-error-group-output'},{'name': 'UxErrorOutputComponent', 'selector': 'ux-error-output'},{'name': 'UxFieldSearchComponent', 'selector': 'ux-field-search'},{'name': 'UxFieldsetComponent', 'selector': 'ux-fieldset'},{'name': 'UxFileUploadComponent', 'selector': 'ux-file-upload'},{'name': 'UxFormControlComponent', 'selector': 'ux-form-control'},{'name': 'UxFormGroupComponent', 'selector': 'ux-form-group'},{'name': 'UxIconComponent', 'selector': 'ux-a-icon'},{'name': 'UxIconToggleComponent', 'selector': 'ux-a-icon-toggle'},{'name': 'UxLabelComponent', 'selector': 'ux-a-label'},{'name': 'UxLayoutHorizontalComponent', 'selector': 'ux-layout-horizontal'},{'name': 'UxLayoutOverlayPanelComponent', 'selector': 'ux-layout-overlay-panel'},{'name': 'UxListItemComponent', 'selector': 'ux-list-item'},{'name': 'UxListItemsComponent', 'selector': 'ux-list-items'},{'name': 'UxLoadingIndicatorComponent', 'selector': 'ux-loading-indicator'},{'name': 'UxMessageBoxComponent', 'selector': 'ux-message-box'},{'name': 'UxMFileUploadComponent', 'selector': 'ux-m-file-upload'},{'name': 'UxMFileUploadQueueComponent', 'selector': 'ux-m-file-upload-queue'},{'name': 'UxModalComponent', 'selector': 'ux-modal'},{'name': 'UxOverlayComponent', 'selector': 'ux-overlay'},{'name': 'UxPanelComponent', 'selector': 'ux-panel'},{'name': 'UxPanelsComponent', 'selector': 'ux-panels'},{'name': 'UxPopoverComponent', 'selector': 'ux-popover'},{'name': 'UxProgressCircleComponent', 'selector': 'ux-progress-circle'},{'name': 'UxSplitButtonComponent', 'selector': 'ux-split-button'},{'name': 'UxStaticTabsComponent', 'selector': 'ux-static-tabs'},{'name': 'UxSwitchComponent', 'selector': 'ux-switch'},{'name': 'UxTabComponent', 'selector': 'ux-tab'},{'name': 'UxTabsBarComponent', 'selector': 'ux-tabs-bar'},{'name': 'UxTabsComponent', 'selector': 'ux-tabs'},{'name': 'UxTagComponent', 'selector': 'ux-a-tag'},{'name': 'UxTimebarComponent', 'selector': 'ux-timebar'},{'name': 'UxTimelineItemComponent', 'selector': 'ux-timeline-item'},{'name': 'UxTimelineItemsComponent', 'selector': 'ux-timeline-items'},{'name': 'UxTimepickerComponent', 'selector': 'ux-timepicker'},{'name': 'UxTreeComponent', 'selector': 'ux-tree'},{'name': 'UxTreeListComponent', 'selector': 'ux-tree-list'},{'name': 'UxTreeListItemComponent', 'selector': 'ux-tree-list-item'},{'name': 'UxTreeNodeComponent', 'selector': 'ux-tree-node'},{'name': 'UxWizardStepComponent', 'selector': 'ux-wizard-step'},{'name': 'UxWizardStepsComponent', 'selector': 'ux-wizard-steps'}];
1363
1363
  var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiMaxLengthDirective', 'selector': '
@@ -251,7 +251,7 @@
251
251
  <li>
252
252
  <b>@eui/styles-base</b> : 15.0.0-rc.8</li>
253
253
  <li>
254
- <b>@eui/ecl</b> : 15.0.0-rc.10</li>
254
+ <b>@eui/ecl</b> : 15.0.0-rc.11</li>
255
255
  <li>
256
256
  <b>@eui/tools</b> : ^6.0.0</li>
257
257
  </ul>