@eui/eds 22.0.0-alpha.26 → 22.0.0-alpha.28

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 (27) hide show
  1. package/docs/changelog.html +26 -0
  2. package/docs/components/EdsBreadcrumbItem.html +31 -0
  3. package/docs/components/EdsDatepicker.html +3 -3
  4. package/docs/components/EdsOverlay.html +31 -1
  5. package/docs/js/search/search_index.js +2 -2
  6. package/docs/json/EdsBreadcrumbItem.md +1 -0
  7. package/docs/json/EdsOverlay.md +1 -0
  8. package/docs/json/documentation.json +112 -63
  9. package/docs/llms.txt +4 -2
  10. package/docs/miscellaneous/typealiases.html +1 -1
  11. package/docs/properties.html +1 -1
  12. package/fesm2022/eui-eds-eds-breadcrumb.mjs +14 -7
  13. package/fesm2022/eui-eds-eds-breadcrumb.mjs.map +1 -1
  14. package/fesm2022/eui-eds-eds-chip.mjs +2 -2
  15. package/fesm2022/eui-eds-eds-chip.mjs.map +1 -1
  16. package/fesm2022/eui-eds-eds-datepicker.mjs +5 -5
  17. package/fesm2022/eui-eds-eds-datepicker.mjs.map +1 -1
  18. package/fesm2022/eui-eds-eds-language-selector.mjs +2 -2
  19. package/fesm2022/eui-eds-eds-language-selector.mjs.map +1 -1
  20. package/fesm2022/eui-eds-eds-overlay.mjs +5 -3
  21. package/fesm2022/eui-eds-eds-overlay.mjs.map +1 -1
  22. package/package.json +1 -1
  23. package/types/eui-eds-eds-breadcrumb.d.ts +6 -1
  24. package/types/eui-eds-eds-breadcrumb.d.ts.map +1 -1
  25. package/types/eui-eds-eds-chip.d.ts +1 -1
  26. package/types/eui-eds-eds-overlay.d.ts +3 -1
  27. package/types/eui-eds-eds-overlay.d.ts.map +1 -1
package/docs/changelog.html CHANGED
@@ -106,6 +106,32 @@
106
106
 
107
107
 
108
108
 
109
+ <h2>22.0.0-alpha.27 (2026-09-27)</h2>
110
+ <h5>Chores</h5>
111
+ <ul>
112
+ <li><strong>eds:</strong><ul>
113
+ <li>port chip styles changes to react and wc (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/5d337ddf521b9d616007723998bbc6029e14854e">5d337ddf</a>)</li>
114
+ <li>fix styling issues - EUI-12528 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12528">EUI-12528</a> (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/0566b764c1a33797401925f46c39e1f7ceb9c1f0">0566b764</a>)</li>
115
+ </ul>
116
+ </li>
117
+ </ul>
118
+ <hr>
119
+ <hr>
120
+ <h2>22.0.0-alpha.26 (2026-09-26)</h2>
121
+ <h5>Chores</h5>
122
+ <ul>
123
+ <li><strong>deps:</strong><ul>
124
+ <li>add back ngx-markdown to deps - for mermaid usage within eui-showcase - EUI-12528 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12528">EUI-12528</a> (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/a8559fcedfcc392edb4225a91226393603587796">a8559fce</a>)</li>
125
+ </ul>
126
+ </li>
127
+ <li><strong>eds:</strong><ul>
128
+ <li>remove eui-eds-shared deps before publication (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/1e6cc9a1c35cc1728ecd62b6e5978a0e66e5c3b0">1e6cc9a1</a>)</li>
129
+ <li>add eui-eds-shared sub-pkg for common pure TS files accross all sub showcases and pkgs - increase test coverage for eds validated components - adapted md doc page rendering for reused under different showcase and locations - EUI-12528 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-12528">EUI-12528</a> (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/48645310c723f7e493ccb3e1b00dd5ad96468946">48645310</a>)</li>
130
+ </ul>
131
+ </li>
132
+ </ul>
133
+ <hr>
134
+ <hr>
109
135
  <h2>22.0.0-alpha.25 (2026-09-25)</h2>
110
136
  <h5>Chores</h5>
111
137
  <ul>
package/docs/components/EdsBreadcrumbItem.html CHANGED
@@ -295,6 +295,9 @@ Supports Angular Router navigation, icons, and labels.</p>
295
295
  <li>
296
296
  <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#ariaLabel" >ariaLabel</a>
297
297
  </li>
298
+ <li>
299
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#e2eAttr" >e2eAttr</a>
300
+ </li>
298
301
  <li>
299
302
  <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#icon" >icon</a>
300
303
  </li>
@@ -343,6 +346,34 @@ Supports Angular Router navigation, icons, and labels.</p>
343
346
  <tr>
344
347
  <td class="col-md-4">
345
348
  <div class="io-description"><p>ARIA label for accessibility (especially useful for icon-only items).</p>
349
+ </div>
350
+ </td>
351
+ </tr>
352
+ </tbody>
353
+ </table>
354
+ <table class="table table-sm table-bordered">
355
+ <tbody>
356
+ <tr>
357
+ <td class="col-md-4">
358
+ <a name="e2eAttr"></a>
359
+ <b>e2eAttr</b>
360
+ </td>
361
+ </tr>
362
+ <tr>
363
+ <td class="col-md-4">
364
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
365
+
366
+ </td>
367
+ </tr>
368
+ <tr>
369
+ <td class="col-md-4">
370
+ <i>Default value : </i><code>&#x27;eds-breadcrumb-item&#x27;</code>
371
+ </td>
372
+ </tr>
373
+ <tr>
374
+ <td class="col-md-4">
375
+ <div class="io-description"><p>Data attribute value for end-to-end testing identification.
376
+ &#39;eds-breadcrumb-item&#39;</p>
346
377
  </div>
347
378
  </td>
348
379
  </tr>
package/docs/components/EdsDatepicker.html CHANGED
@@ -184,7 +184,7 @@
184
184
  </div>
185
185
  <div> <code><a href="../miscellaneous/variables.html#EDS_INPUT_TEXT" target="_self" >EDS_INPUT_TEXT</a></code>
186
186
  </div>
187
- <div> <code><a href="../miscellaneous/variables.html#EDS_INPUT_GROUP" target="_self" >EDS_INPUT_GROUP</a></code>
187
+ <div> <code><a href="../miscellaneous/variables.html#EDS_INPUT_BUTTON" target="_self" >EDS_INPUT_BUTTON</a></code>
188
188
  </div>
189
189
  <div> <code><a href="../miscellaneous/variables.html#EDS_BUTTON" target="_self" >EDS_BUTTON</a></code>
190
190
  </div>
@@ -240,7 +240,7 @@
240
240
  <code><a href="../miscellaneous/variables.html#EDS_INPUT_TEXT" target="_self" >EDS_INPUT_TEXT</a></code>
241
241
  </li>
242
242
  <li>
243
- <code><a href="../miscellaneous/variables.html#EDS_INPUT_GROUP" target="_self" >EDS_INPUT_GROUP</a></code>
243
+ <code><a href="../miscellaneous/variables.html#EDS_INPUT_BUTTON" target="_self" >EDS_INPUT_BUTTON</a></code>
244
244
  </li>
245
245
  <li>
246
246
  <code><a href="../miscellaneous/variables.html#EDS_BUTTON" target="_self" >EDS_BUTTON</a></code>
@@ -1940,7 +1940,7 @@
1940
1940
  <script src="../js/libs/htmlparser.js"></script>
1941
1941
  <script src="../js/libs/deep-iterator.js"></script>
1942
1942
  <script>
1943
- var COMPONENT_TEMPLATE = '<div><div edsInputGroup class="eds-datepicker__group"> <div edsInputGroupAddon> <input edsInputText [edsClearable]="false" [id]="inputId()" [placeholder]="placeholder()" [value]="displayValue()" [disabled]="disabled()" [readonly]="readonly()" [attr.aria-label]="ariaLabel()" (input)="onInputChange($event)" (blur)="onTouched()" (click)="onInputClick()"/> @if (!readonly() && !disabled()) { <button edsButton variant="secondary" color="neutral" size="s" type="button" [attr.aria-label]="\'Open calendar\'" (click)="toggle()"> <eds-icon icon="calendar-blank:core"/> </button> } </div></div>@if (isOpen()) { <div class="eds-datepicker__dropdown" [class.eds-datepicker__dropdown--up]="dropUp()" (click)="$event.stopPropagation()"> <div class="eds-datepicker__header"> <button class="eds-datepicker__nav-btn" type="button" (click)="prevMonth()" aria-label="Previous month">‹</button> <span class="eds-datepicker__month-label">{{ monthLabel() }}</span> <button class="eds-datepicker__nav-btn" type="button" (click)="nextMonth()" aria-label="Next month">›</button> </div> <div class="eds-datepicker__weekdays"> @for (day of weekDays; track day) { <span class="eds-datepicker__weekday">{{ day }}</span> } </div> <div class="eds-datepicker__days"> @for (day of calendarDays(); track $index) { @if (day === null) { <span class="eds-datepicker__day eds-datepicker__day--empty"></span> } @else { <button class="eds-datepicker__day" type="button" [class.eds-datepicker__day--today]="isToday(day)" [class.eds-datepicker__day--selected]="isSelected(day)" [class.eds-datepicker__day--outside]="isOutsideRange(day)" [disabled]="isOutsideRange(day)" (click)="selectDay(day)"> {{ adapter.getDate(day) }} </button> } } </div> @if (isDatetimepicker()) { <div class="eds-datepicker__time"> <eds-timepicker [hasSeconds]="hasSeconds()" [disabled]="disabled()" (timeChange)="onTimeChange($event)"/> </div> } </div>}</div>'
1943
+ var COMPONENT_TEMPLATE = '<div><eds-input-button class="eds-datepicker__group"> <input edsInputText [edsClearable]="false" [id]="inputId()" [placeholder]="placeholder()" [value]="displayValue()" [disabled]="disabled()" [readonly]="readonly()" [attr.aria-label]="ariaLabel()" (input)="onInputChange($event)" (blur)="onTouched()" (click)="onInputClick()"/> @if (!readonly() && !disabled()) { <button edsButton variant="secondary" color="neutral" size="s" type="button" [attr.aria-label]="\'Open calendar\'" (click)="toggle()"> <eds-icon icon="calendar-blank:core"/> </button> }</eds-input-button>@if (isOpen()) { <div class="eds-datepicker__dropdown" [class.eds-datepicker__dropdown--up]="dropUp()" (click)="$event.stopPropagation()"> <div class="eds-datepicker__header"> <button class="eds-datepicker__nav-btn" type="button" (click)="prevMonth()" aria-label="Previous month">‹</button> <span class="eds-datepicker__month-label">{{ monthLabel() }}</span> <button class="eds-datepicker__nav-btn" type="button" (click)="nextMonth()" aria-label="Next month">›</button> </div> <div class="eds-datepicker__weekdays"> @for (day of weekDays; track day) { <span class="eds-datepicker__weekday">{{ day }}</span> } </div> <div class="eds-datepicker__days"> @for (day of calendarDays(); track $index) { @if (day === null) { <span class="eds-datepicker__day eds-datepicker__day--empty"></span> } @else { <button class="eds-datepicker__day" type="button" [class.eds-datepicker__day--today]="isToday(day)" [class.eds-datepicker__day--selected]="isSelected(day)" [class.eds-datepicker__day--outside]="isOutsideRange(day)" [disabled]="isOutsideRange(day)" (click)="selectDay(day)"> {{ adapter.getDate(day) }} </button> } } </div> @if (isDatetimepicker()) { <div class="eds-datepicker__time"> <eds-timepicker [hasSeconds]="hasSeconds()" [disabled]="disabled()" (timeChange)="onTimeChange($event)"/> </div> } </div>}</div>'
1944
1944
  var COMPONENTS = [{'name': 'EdsAccordion', 'selector': 'eds-accordion'},{'name': 'EdsAccordionItem', 'selector': 'eds-accordion-item'},{'name': 'EdsAlert', 'selector': 'div[edsAlert], eds-alert'},{'name': 'EdsAlertTitle', 'selector': 'eds-alert-title'},{'name': 'EdsAutocomplete', 'selector': 'eds-autocomplete'},{'name': 'EdsAutocompleteOption', 'selector': 'eds-autocomplete-option'},{'name': 'EdsAutocompleteOptionGroup', 'selector': 'eds-autocomplete-option-group'},{'name': 'EdsAutocompletePanel', 'selector': 'eds-autocomplete-panel'},{'name': 'EdsAvatar', 'selector': 'div[edsAvatar], span[edsAvatar], eds-avatar'},{'name': 'EdsAvatarBadge', 'selector': 'eds-avatar-badge'},{'name': 'EdsAvatarContent', 'selector': 'eds-avatar-content'},{'name': 'EdsAvatarContentLabel', 'selector': 'eds-avatar-content-label'},{'name': 'EdsAvatarContentSublabel', 'selector': 'eds-avatar-content-sublabel'},{'name': 'EdsAvatarIcon', 'selector': 'eds-avatar-icon'},{'name': 'EdsAvatarImage', 'selector': 'eds-avatar-image'},{'name': 'EdsAvatarList', 'selector': 'eds-avatar-list'},{'name': 'EdsAvatarText', 'selector': 'eds-avatar-text'},{'name': 'EdsBadge', 'selector': 'eds-badge, span[edsBadge]'},{'name': 'EdsBanner', 'selector': 'eds-banner'},{'name': 'EdsBannerCta', 'selector': 'eds-banner-cta'},{'name': 'EdsBannerDescription', 'selector': 'eds-banner-description'},{'name': 'EdsBannerPicture', 'selector': 'eds-banner-picture'},{'name': 'EdsBannerTitle', 'selector': 'eds-banner-title'},{'name': 'EdsBlockContent', 'selector': 'eds-block-content'},{'name': 'EdsBlockDocument', 'selector': 'eds-block-document'},{'name': 'EdsBlockquote', 'selector': 'eds-blockquote'},{'name': 'EdsBreadcrumb', 'selector': 'eds-breadcrumb'},{'name': 'EdsBreadcrumbItem', 'selector': 'eds-breadcrumb-item'},{'name': 'EdsButton', 'selector': 'button[edsButton]'},{'name': 'EdsButtonGroup', 'selector': 'eds-button-group'},{'name': 'EdsButtonGroupItem', 'selector': 'eds-button-group-item'},{'name': 'EdsCalendar', 'selector': 'eds-calendar'},{'name': 'EdsCalendarDay', 'selector': 'eds-calendar-day'},{'name': 'EdsCalendarHeader', 'selector': 'eds-calendar-header'},{'name': 'EdsCalendarMonthly', 'selector': 'eds-calendar-monthly'},{'name': 'EdsCalendarWeekly', 'selector': 'eds-calendar-weekly'},{'name': 'EdsCalendarWeeklyDayContent', 'selector': 'eds-calendar-weekly-day-content'},{'name': 'EdsCalendarWeeklyDayHeader', 'selector': 'eds-calendar-weekly-day-header'},{'name': 'EdsCalendarWeeklyDayHeaderAction', 'selector': 'eds-calendar-weekly-day-header-action'},{'name': 'EdsCard', 'selector': 'eds-card'},{'name': 'EdsCardBody', 'selector': 'eds-card-body'},{'name': 'EdsCardFooter', 'selector': 'eds-card-footer'},{'name': 'EdsCardHeader', 'selector': 'eds-card-header'},{'name': 'EdsCardHeaderEnd', 'selector': 'eds-card-header-end'},{'name': 'EdsCardLabel', 'selector': 'eds-card-label'},{'name': 'EdsCardMedia', 'selector': 'eds-card-media'},{'name': 'EdsCardMetadata', 'selector': 'eds-card-metadata'},{'name': 'EdsCardStart', 'selector': 'eds-card-start'},{'name': 'EdsCardSublabel', 'selector': 'eds-card-sublabel'},{'name': 'EdsCarousel', 'selector': 'eds-carousel'},{'name': 'EdsCarouselItem', 'selector': 'eds-carousel-item'},{'name': 'EdsChart', 'selector': 'eds-chart'},{'name': 'EdsChartLegend', 'selector': 'eds-chart-legend'},{'name': 'EdsChartLegendItem', 'selector': 'eds-chart-legend-item'},{'name': 'EdsChip', 'selector': 'eds-chip, span[edsChip], li[edsChip]'},{'name': 'EdsChipList', 'selector': 'eds-chip-list'},{'name': 'EdsChipListAdditionalContent', 'selector': 'eds-chip-list-additional-content'},{'name': 'EdsChipListAppendContent', 'selector': 'eds-chip-list-append-content'},{'name': 'EdsDateBlock', 'selector': 'eds-date-block'},{'name': 'EdsDatepicker', 'selector': 'eds-datepicker'},{'name': 'EdsDialog', 'selector': 'eds-dialog'},{'name': 'EdsDialogContainer', 'selector': 'eds-dialog-container'},{'name': 'EdsDimmer', 'selector': 'eds-dimmer'},{'name': 'EdsDisableContent', 'selector': 'eds-disable-content'},{'name': 'EdsDiscussionThread', 'selector': 'eds-discussion-thread'},{'name': 'EdsDiscussionThreadItem', 'selector': 'eds-discussion-thread-item'},{'name': 'EdsDropdown', 'selector': 'eds-dropdown'},{'name': 'EdsDropdownItem', 'selector': 'eds-dropdown-item'},{'name': 'EdsEmptyState', 'selector': 'eds-empty-state'},{'name': 'EdsEmptyStateActions', 'selector': 'eds-empty-state-actions'},{'name': 'EdsEmptyStateDescription', 'selector': 'eds-empty-state-description'},{'name': 'EdsEmptyStateIcon', 'selector': 'eds-empty-state-icon'},{'name': 'EdsEmptyStateTitle', 'selector': 'eds-empty-state-title'},{'name': 'EdsFabButton', 'selector': 'eds-fab-button'},{'name': 'EdsFabButtonItem', 'selector': 'eds-fab-button-item'},{'name': 'EdsFeedbackMessage', 'selector': 'eds-feedback-message'},{'name': 'EdsFieldset', 'selector': 'eds-fieldset'},{'name': 'EdsFieldsetAction', 'selector': 'eds-fieldset-action'},{'name': 'EdsFieldsetDescription', 'selector': 'eds-fieldset-description'},{'name': 'EdsFieldsetIcon', 'selector': 'eds-fieldset-icon'},{'name': 'EdsFieldsetTitle', 'selector': 'eds-fieldset-title'},{'name': 'EdsFileUpload', 'selector': 'eds-file-upload'},{'name': 'EdsFileUploadPreview', 'selector': 'eds-file-upload-preview'},{'name': 'EdsFlexLayout', 'selector': 'eds-flex-layout'},{'name': 'EdsGaugeChart', 'selector': 'eds-gauge-chart'},{'name': 'EdsGeoChart', 'selector': 'eds-geo-chart'},{'name': 'EdsGridLayout', 'selector': 'eds-grid-layout'},{'name': 'EdsGridLayoutCell', 'selector': 'eds-grid-layout-cell'},{'name': 'EdsGridLayoutRow', 'selector': 'eds-grid-layout-row'},{'name': 'EdsGrowl', 'selector': 'eds-growl'},{'name': 'EdsIcon', 'selector': 'eds-icon, span[edsIcon]'},{'name': 'EdsIconButton', 'selector': 'button[edsIconButton]'},{'name': 'EdsIconImage', 'selector': 'eds-icon-image, span[edsIconImage]'},{'name': 'EdsIconState', 'selector': 'eds-icon-state'},{'name': 'EdsIconToggle', 'selector': 'eds-icon-toggle'},{'name': 'EdsInputButton', 'selector': 'eds-input-button'},{'name': 'EdsInputCheckbox', 'selector': 'input[edsInputCheckbox]'},{'name': 'EdsInputGroup', 'selector': 'div[edsInputGroup]'},{'name': 'EdsInputGroupAddon', 'selector': 'div[edsInputGroupAddon], eds-input-group-addon'},{'name': 'EdsInputGroupAddonItem', 'selector': 'div[edsInputGroupAddonItem], eds-input-group-addon-item'},{'name': 'EdsInputIcon', 'selector': 'eds-input-icon'},{'name': 'EdsInputNumber', 'selector': 'input[edsInputNumber]'},{'name': 'EdsInputPassword', 'selector': 'eds-input-password'},{'name': 'EdsInputPrompt', 'selector': 'eds-input-prompt'},{'name': 'EdsInputRadio', 'selector': 'input[edsInputRadio]'},{'name': 'EdsInputText', 'selector': 'input[edsInputText]'},{'name': 'EdsLabel', 'selector': 'label[edsLabel], span[edsLabel], div[edsLabel]'},{'name': 'EdsLanguageSelector', 'selector': 'eds-language-selector'},{'name': 'EdsLanguageSelectorDialog', 'selector': 'eds-language-selector-dialog'},{'name': 'EdsLink', 'selector': 'a[edsLink]'},{'name': 'EdsList', 'selector': 'eds-list'},{'name': 'EdsListItem', 'selector': 'eds-list-item'},{'name': 'EdsListItemContent', 'selector': 'eds-list-item-content'},{'name': 'EdsListItemEnd', 'selector': 'eds-list-item-end'},{'name': 'EdsListItemLabel', 'selector': 'eds-list-item-label'},{'name': 'EdsListItemStart', 'selector': 'eds-list-item-start'},{'name': 'EdsLoadingIndicator', 'selector': 'eds-loading-indicator'},{'name': 'EdsMenu', 'selector': 'eds-menu'},{'name': 'EdsMenuItemComponent', 'selector': 'eds-menu-item'},{'name': 'EdsMessageBox', 'selector': 'eds-message-box'},{'name': 'EdsMultiselect', 'selector': 'eds-multiselect'},{'name': 'EdsMultiselectOption', 'selector': 'eds-multiselect-option'},{'name': 'EdsOverlay', 'selector': 'eds-overlay'},{'name': 'EdsOverlayContent', 'selector': 'eds-overlay-content'},{'name': 'EdsOverlayFooter', 'selector': 'eds-overlay-footer'},{'name': 'EdsOverlayHeader', 'selector': 'eds-overlay-header'},{'name': 'EdsOverlayHeaderActionItems', 'selector': 'eds-overlay-header-action-items'},{'name': 'EdsOverlayHeaderLabel', 'selector': 'eds-overlay-header-label'},{'name': 'EdsOverlayHeaderSublabel', 'selector': 'eds-overlay-header-sublabel'},{'name': 'EdsPage', 'selector': 'eds-page'},{'name': 'EdsPageBreadcrumb', 'selector': 'eds-page-breadcrumb'},{'name': 'EdsPageColumn', 'selector': 'eds-page-column'},{'name': 'EdsPageColumnBody', 'selector': 'eds-page-column-body'},{'name': 'EdsPageColumnFooter', 'selector': 'eds-page-column-footer'},{'name': 'EdsPageColumnHeader', 'selector': 'eds-page-column-header'},{'name': 'EdsPageColumnHeaderActionItems', 'selector': 'eds-page-column-header-action-items'},{'name': 'EdsPageColumnHeaderLabel', 'selector': 'eds-page-column-header-label'},{'name': 'EdsPageColumnHeaderSublabel', 'selector': 'eds-page-column-header-sublabel'},{'name': 'EdsPageColumns', 'selector': 'eds-page-columns'},{'name': 'EdsPageContent', 'selector': 'eds-page-content'},{'name': 'EdsPageFooter', 'selector': 'eds-page-footer'},{'name': 'EdsPageHeader', 'selector': 'eds-page-header'},{'name': 'EdsPageHeaderActionItems', 'selector': 'eds-page-header-action-items'},{'name': 'EdsPageHeaderBody', 'selector': 'eds-page-header-body'},{'name': 'EdsPageHeaderLabel', 'selector': 'eds-page-header-label'},{'name': 'EdsPageHeaderSublabel', 'selector': 'eds-page-header-sublabel'},{'name': 'EdsPaginator', 'selector': 'eds-paginator'},{'name': 'EdsPopover', 'selector': 'eds-popover'},{'name': 'EdsPopoverContainer', 'selector': 'eds-popover-container'},{'name': 'EdsProgressBar', 'selector': 'eds-progress-bar'},{'name': 'EdsProgressCircle', 'selector': 'eds-progress-circle'},{'name': 'EdsRating', 'selector': 'eds-rating'},{'name': 'EdsSelect', 'selector': 'select[edsSelect]'},{'name': 'EdsShell', 'selector': 'eds-shell'},{'name': 'EdsShellContent', 'selector': 'eds-shell-content'},{'name': 'EdsShellFooter', 'selector': 'eds-shell-footer'},{'name': 'EdsShellHeader', 'selector': 'eds-shell-header'},{'name': 'EdsShellHeaderApp', 'selector': 'eds-shell-header-app'},{'name': 'EdsShellHeaderEnd', 'selector': 'eds-shell-header-end'},{'name': 'EdsShellHeaderEnvironment', 'selector': 'eds-shell-header-environment'},{'name': 'EdsShellHeaderLogo', 'selector': 'eds-shell-header-logo'},{'name': 'EdsShellHeaderStart', 'selector': 'eds-shell-header-start'},{'name': 'EdsShellMenuToggle', 'selector': 'eds-shell-menu-toggle'},{'name': 'EdsShellSidebar', 'selector': 'eds-shell-sidebar'},{'name': 'EdsShellSidebarBottomNav', 'selector': 'eds-shell-sidebar-bottom-nav'},{'name': 'EdsShellSidebarFooter', 'selector': 'eds-shell-sidebar-footer'},{'name': 'EdsShellSidebarHeader', 'selector': 'eds-shell-sidebar-header'},{'name': 'EdsShellSidebarNav', 'selector': 'eds-shell-sidebar-nav'},{'name': 'EdsShellToolbar', 'selector': 'eds-shell-toolbar'},{'name': 'EdsShellToolbarApp', 'selector': 'eds-shell-toolbar-app'},{'name': 'EdsShellToolbarCenter', 'selector': 'eds-shell-toolbar-center'},{'name': 'EdsShellToolbarEnd', 'selector': 'eds-shell-toolbar-end'},{'name': 'EdsShellToolbarEnvironment', 'selector': 'eds-shell-toolbar-environment'},{'name': 'EdsShellToolbarLogo', 'selector': 'eds-shell-toolbar-logo'},{'name': 'EdsShellToolbarStart', 'selector': 'eds-shell-toolbar-start'},{'name': 'EdsShellTopMessage', 'selector': 'eds-shell-top-message'},{'name': 'EdsSkeleton', 'selector': 'eds-skeleton'},{'name': 'EdsSlider', 'selector': 'eds-slider'},{'name': 'EdsSnc', 'selector': 'eds-snc'},{'name': 'EdsSparkline', 'selector': 'eds-sparkline'},{'name': 'EdsSplitButton', 'selector': 'eds-split-button'},{'name': 'EdsSwiper', 'selector': 'eds-swiper'},{'name': 'EdsSwiperItem', 'selector': 'eds-swiper-item'},{'name': 'EdsSwitch', 'selector': 'eds-switch'},{'name': 'EdsTab', 'selector': 'eds-tab'},{'name': 'EdsTabBody', 'selector': 'eds-tab-body'},{'name': 'EdsTabHeader', 'selector': 'eds-tab-header'},{'name': 'EdsTabHeaderLabel', 'selector': 'eds-tab-header-label'},{'name': 'EdsTabHeaderLeftContent', 'selector': 'eds-tab-header-left-content'},{'name': 'EdsTabHeaderRightContent', 'selector': 'eds-tab-header-right-content'},{'name': 'EdsTabHeaderSublabel', 'selector': 'eds-tab-header-sub-label'},{'name': 'EdsTable', 'selector': 'eds-table, table[edsTable]'},{'name': 'EdsTableFilter', 'selector': 'eds-table-filter'},{'name': 'EdsTableSelectableHeader', 'selector': 'tr[edsHeaderSelectable]'},{'name': 'EdsTableSelectableRow', 'selector': 'tr[edsDataSelectable]'},{'name': 'EdsTableSortableCol', 'selector': 'th[edsSortable]'},{'name': 'EdsTabs', 'selector': 'eds-tabs'},{'name': 'EdsTabsRightContent', 'selector': 'eds-tabs-right-content'},{'name': 'EdsTag', 'selector': 'eds-tag, span[edsTag]'},{'name': 'EdsTagGroup', 'selector': 'eds-tag-group'},{'name': 'EdsTextarea', 'selector': 'textarea[edsTextarea]'},{'name': 'EdsTimeline', 'selector': 'eds-timeline'},{'name': 'EdsTimelineItem', 'selector': 'eds-timeline-item'},{'name': 'EdsTimepicker', 'selector': 'eds-timepicker'},{'name': 'EdsTooltipContainer', 'selector': 'eds-tooltip-container'},{'name': 'EdsTree', 'selector': 'eds-tree'},{'name': 'EdsTreeList', 'selector': 'eds-tree-list'},{'name': 'EdsTreeListItem', 'selector': 'eds-tree-list-item'},{'name': 'EdsTreeListItemContent', 'selector': 'eds-tree-list-item-content'},{'name': 'EdsTreeListToolbar', 'selector': 'eds-tree-list-toolbar'},{'name': 'EdsTrend', 'selector': 'eds-trend'},{'name': 'EdsUserProfile', 'selector': 'eds-user-profile'},{'name': 'EdsUserProfileMenu', 'selector': 'eds-user-profile-menu'},{'name': 'EdsUserProfileMenuItem', 'selector': 'eds-user-profile-menu-item'},{'name': 'EdsWizard', 'selector': 'eds-wizard'},{'name': 'EdsWizardStepComponent', 'selector': 'eds-wizard-step'}];
1945
1945
  var DIRECTIVES = [{'name': 'EdsAccordionItemHeader', 'selector': 'eds-accordion-item-header'},{'name': 'EdsAutoResizeDirective', 'selector': 'textarea[edsAutoResize]'},{'name': 'EdsBannerImage', 'selector': 'img[edsBannerImage]'},{'name': 'EdsBannerVideo', 'selector': 'video[edsBannerVideo]'},{'name': 'EdsCalendarDayCellDef', 'selector': 'ng-template[edsCalendarDayCell]'},{'name': 'EdsCalendarEventCellDef', 'selector': 'ng-template[edsCalendarEventCell]'},{'name': 'EdsCalendarHeaderCellDef', 'selector': 'ng-template[edsCalendarHeaderCell]'},{'name': 'EdsCardLink', 'selector': 'eds-card[edsCardLink]'},{'name': 'EdsClearableDirective', 'selector': '[edsClearable]:not([edsInputText])'},{'name': 'EdsColorDirective', 'selector': '[edsColorVariants]'},{'name': 'EdsDialogFooter', 'selector': 'eds-dialog-footer'},{'name': 'EdsDialogHeader', 'selector': 'eds-dialog-header'},{'name': 'EdsDropdownContent', 'selector': 'eds-dropdown-content'},{'name': 'EdsDropdownTreeDirective', 'selector': 'eds-dropdown[edsDropdownTree]'},{'name': 'EdsFlexColDirective', 'selector': '[edsFlexCol]'},{'name': 'EdsFlexGrowDirective', 'selector': '[edsFlexGrow]'},{'name': 'EdsFlexNoShrinkDirective', 'selector': '[edsFlexNoShrink]'},{'name': 'EdsInputPromptLeading', 'selector': '[edsInputPromptLeading]'},{'name': 'EdsInputPromptTrailing', 'selector': '[edsInputPromptTrailing]'},{'name': 'EdsLoadingDirective', 'selector': '[edsLoading]:not([edsInputText])'},{'name': 'EdsMaxlengthDirective', 'selector': 'input[edsMaxlength], textarea[edsMaxlength], [ngModel][edsMaxlength], [formControlName][edsMaxlength]'},{'name': 'EdsMessageBoxFooter', 'selector': 'eds-message-box-footer'},{'name': 'EdsPopoverArrowPosition', 'selector': '[edsPopoverArrowPosition]'},{'name': 'EdsResizable', 'selector': '[edsResizable]'},{'name': 'EdsSelectControlValueAccessor', 'selector': 'select:not([multiple])[formControlName][edsSelect],select:not([multiple])[formControl][edsSelect],select:not([multiple])[ngModel][edsSelect]'},{'name': 'EdsSelectMultipleControlValueAccessor', 'selector': 'select[multiple][formControlName][edsSelect],select[multiple][formControl][edsSelect],select[multiple][ngModel][edsSelect]'},{'name': 'EdsSelectMultipleOption', 'selector': 'option[edsOption]'},{'name': 'EdsSelectOptionDirective', 'selector': 'option[edsOption]'},{'name': 'EdsSizeDirective', 'selector': '[edsSizeVariants]'},{'name': 'EdsSrOnly', 'selector': '[edsSrOnly]'},{'name': 'EdsTableExpandableRow', 'selector': 'tr[edsExpandableRow]'},{'name': 'EdsTableStickyCol', 'selector': 'th[edsStickyCol], td[edsStickyCol]'},{'name': 'EdsTableTemplate', 'selector': '[edsTableTemplate]'},{'name': 'EdsTextTruncate', 'selector': '[edsTextTruncate]'},{'name': 'EdsTooltip', 'selector': '[edsTooltip]'},{'name': 'EdsTreeFormControlDirective', 'selector': 'eds-tree[edsTreeFormControl]'},{'name': 'EdsTreeListItemDetails', 'selector': 'eds-tree-list-item-details'},{'name': 'EdsTreeListItemLabel', 'selector': 'eds-tree-list-item-label'},{'name': 'EdsTreeListItemSubContainer', 'selector': 'eds-tree-list-item-sub-container'}];
1946
1946
  var ACTUAL_COMPONENT = {'name': 'EdsDatepicker'};
package/docs/components/EdsOverlay.html CHANGED
@@ -281,6 +281,9 @@
281
281
  <li>
282
282
  <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#fixedWidth" >fixedWidth</a>
283
283
  </li>
284
+ <li>
285
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#hasBackdrop" >hasBackdrop</a>
286
+ </li>
284
287
  <li>
285
288
  <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#hasClosedOnClickOutside" >hasClosedOnClickOutside</a>
286
289
  </li>
@@ -364,6 +367,33 @@
364
367
  <tr>
365
368
  <td class="col-md-4">
366
369
  <div class="io-description"><p>Fixed width value (overrides responsive width).</p>
370
+ </div>
371
+ </td>
372
+ </tr>
373
+ </tbody>
374
+ </table>
375
+ <table class="table table-sm table-bordered">
376
+ <tbody>
377
+ <tr>
378
+ <td class="col-md-4">
379
+ <a name="hasBackdrop"></a>
380
+ <b>hasBackdrop</b>
381
+ </td>
382
+ </tr>
383
+ <tr>
384
+ <td class="col-md-4">
385
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
386
+
387
+ </td>
388
+ </tr>
389
+ <tr>
390
+ <td class="col-md-4">
391
+ <i>Default value : </i><code>false</code>
392
+ </td>
393
+ </tr>
394
+ <tr>
395
+ <td class="col-md-4">
396
+ <div class="io-description"><p>Shows a dimmed backdrop behind the overlay panel. Off by default.</p>
367
397
  </div>
368
398
  </td>
369
399
  </tr>
@@ -691,7 +721,7 @@
691
721
  <script src="../js/libs/htmlparser.js"></script>
692
722
  <script src="../js/libs/deep-iterator.js"></script>
693
723
  <script>
694
- var COMPONENT_TEMPLATE = '<div>@if (isActive()) { <div class="eds-overlay-backdrop" (click)="onBackdropClick()"></div>}<div class="eds-overlay-panel" [style.width]="fixedWidth() || null" [cdkTrapFocus]="isActive()" [cdkTrapFocusAutoCapture]="true"> <ng-content select="eds-overlay-header"></ng-content> <ng-content select="eds-overlay-content"></ng-content> <ng-content select="eds-overlay-footer"></ng-content> <ng-content></ng-content></div></div>'
724
+ var COMPONENT_TEMPLATE = '<div>@if (isActive() && (hasBackdrop() || hasClosedOnClickOutside())) { <div class="eds-overlay-backdrop" [class.eds-overlay-backdrop--visible]="hasBackdrop()" (click)="onBackdropClick()"></div>}<div class="eds-overlay-panel" [style.width]="fixedWidth() || null" [cdkTrapFocus]="isActive()" [cdkTrapFocusAutoCapture]="true"> <ng-content select="eds-overlay-header"></ng-content> <ng-content select="eds-overlay-content"></ng-content> <ng-content select="eds-overlay-footer"></ng-content> <ng-content></ng-content></div></div>'
695
725
  var COMPONENTS = [{'name': 'EdsAccordion', 'selector': 'eds-accordion'},{'name': 'EdsAccordionItem', 'selector': 'eds-accordion-item'},{'name': 'EdsAlert', 'selector': 'div[edsAlert], eds-alert'},{'name': 'EdsAlertTitle', 'selector': 'eds-alert-title'},{'name': 'EdsAutocomplete', 'selector': 'eds-autocomplete'},{'name': 'EdsAutocompleteOption', 'selector': 'eds-autocomplete-option'},{'name': 'EdsAutocompleteOptionGroup', 'selector': 'eds-autocomplete-option-group'},{'name': 'EdsAutocompletePanel', 'selector': 'eds-autocomplete-panel'},{'name': 'EdsAvatar', 'selector': 'div[edsAvatar], span[edsAvatar], eds-avatar'},{'name': 'EdsAvatarBadge', 'selector': 'eds-avatar-badge'},{'name': 'EdsAvatarContent', 'selector': 'eds-avatar-content'},{'name': 'EdsAvatarContentLabel', 'selector': 'eds-avatar-content-label'},{'name': 'EdsAvatarContentSublabel', 'selector': 'eds-avatar-content-sublabel'},{'name': 'EdsAvatarIcon', 'selector': 'eds-avatar-icon'},{'name': 'EdsAvatarImage', 'selector': 'eds-avatar-image'},{'name': 'EdsAvatarList', 'selector': 'eds-avatar-list'},{'name': 'EdsAvatarText', 'selector': 'eds-avatar-text'},{'name': 'EdsBadge', 'selector': 'eds-badge, span[edsBadge]'},{'name': 'EdsBanner', 'selector': 'eds-banner'},{'name': 'EdsBannerCta', 'selector': 'eds-banner-cta'},{'name': 'EdsBannerDescription', 'selector': 'eds-banner-description'},{'name': 'EdsBannerPicture', 'selector': 'eds-banner-picture'},{'name': 'EdsBannerTitle', 'selector': 'eds-banner-title'},{'name': 'EdsBlockContent', 'selector': 'eds-block-content'},{'name': 'EdsBlockDocument', 'selector': 'eds-block-document'},{'name': 'EdsBlockquote', 'selector': 'eds-blockquote'},{'name': 'EdsBreadcrumb', 'selector': 'eds-breadcrumb'},{'name': 'EdsBreadcrumbItem', 'selector': 'eds-breadcrumb-item'},{'name': 'EdsButton', 'selector': 'button[edsButton]'},{'name': 'EdsButtonGroup', 'selector': 'eds-button-group'},{'name': 'EdsButtonGroupItem', 'selector': 'eds-button-group-item'},{'name': 'EdsCalendar', 'selector': 'eds-calendar'},{'name': 'EdsCalendarDay', 'selector': 'eds-calendar-day'},{'name': 'EdsCalendarHeader', 'selector': 'eds-calendar-header'},{'name': 'EdsCalendarMonthly', 'selector': 'eds-calendar-monthly'},{'name': 'EdsCalendarWeekly', 'selector': 'eds-calendar-weekly'},{'name': 'EdsCalendarWeeklyDayContent', 'selector': 'eds-calendar-weekly-day-content'},{'name': 'EdsCalendarWeeklyDayHeader', 'selector': 'eds-calendar-weekly-day-header'},{'name': 'EdsCalendarWeeklyDayHeaderAction', 'selector': 'eds-calendar-weekly-day-header-action'},{'name': 'EdsCard', 'selector': 'eds-card'},{'name': 'EdsCardBody', 'selector': 'eds-card-body'},{'name': 'EdsCardFooter', 'selector': 'eds-card-footer'},{'name': 'EdsCardHeader', 'selector': 'eds-card-header'},{'name': 'EdsCardHeaderEnd', 'selector': 'eds-card-header-end'},{'name': 'EdsCardLabel', 'selector': 'eds-card-label'},{'name': 'EdsCardMedia', 'selector': 'eds-card-media'},{'name': 'EdsCardMetadata', 'selector': 'eds-card-metadata'},{'name': 'EdsCardStart', 'selector': 'eds-card-start'},{'name': 'EdsCardSublabel', 'selector': 'eds-card-sublabel'},{'name': 'EdsCarousel', 'selector': 'eds-carousel'},{'name': 'EdsCarouselItem', 'selector': 'eds-carousel-item'},{'name': 'EdsChart', 'selector': 'eds-chart'},{'name': 'EdsChartLegend', 'selector': 'eds-chart-legend'},{'name': 'EdsChartLegendItem', 'selector': 'eds-chart-legend-item'},{'name': 'EdsChip', 'selector': 'eds-chip, span[edsChip], li[edsChip]'},{'name': 'EdsChipList', 'selector': 'eds-chip-list'},{'name': 'EdsChipListAdditionalContent', 'selector': 'eds-chip-list-additional-content'},{'name': 'EdsChipListAppendContent', 'selector': 'eds-chip-list-append-content'},{'name': 'EdsDateBlock', 'selector': 'eds-date-block'},{'name': 'EdsDatepicker', 'selector': 'eds-datepicker'},{'name': 'EdsDialog', 'selector': 'eds-dialog'},{'name': 'EdsDialogContainer', 'selector': 'eds-dialog-container'},{'name': 'EdsDimmer', 'selector': 'eds-dimmer'},{'name': 'EdsDisableContent', 'selector': 'eds-disable-content'},{'name': 'EdsDiscussionThread', 'selector': 'eds-discussion-thread'},{'name': 'EdsDiscussionThreadItem', 'selector': 'eds-discussion-thread-item'},{'name': 'EdsDropdown', 'selector': 'eds-dropdown'},{'name': 'EdsDropdownItem', 'selector': 'eds-dropdown-item'},{'name': 'EdsEmptyState', 'selector': 'eds-empty-state'},{'name': 'EdsEmptyStateActions', 'selector': 'eds-empty-state-actions'},{'name': 'EdsEmptyStateDescription', 'selector': 'eds-empty-state-description'},{'name': 'EdsEmptyStateIcon', 'selector': 'eds-empty-state-icon'},{'name': 'EdsEmptyStateTitle', 'selector': 'eds-empty-state-title'},{'name': 'EdsFabButton', 'selector': 'eds-fab-button'},{'name': 'EdsFabButtonItem', 'selector': 'eds-fab-button-item'},{'name': 'EdsFeedbackMessage', 'selector': 'eds-feedback-message'},{'name': 'EdsFieldset', 'selector': 'eds-fieldset'},{'name': 'EdsFieldsetAction', 'selector': 'eds-fieldset-action'},{'name': 'EdsFieldsetDescription', 'selector': 'eds-fieldset-description'},{'name': 'EdsFieldsetIcon', 'selector': 'eds-fieldset-icon'},{'name': 'EdsFieldsetTitle', 'selector': 'eds-fieldset-title'},{'name': 'EdsFileUpload', 'selector': 'eds-file-upload'},{'name': 'EdsFileUploadPreview', 'selector': 'eds-file-upload-preview'},{'name': 'EdsFlexLayout', 'selector': 'eds-flex-layout'},{'name': 'EdsGaugeChart', 'selector': 'eds-gauge-chart'},{'name': 'EdsGeoChart', 'selector': 'eds-geo-chart'},{'name': 'EdsGridLayout', 'selector': 'eds-grid-layout'},{'name': 'EdsGridLayoutCell', 'selector': 'eds-grid-layout-cell'},{'name': 'EdsGridLayoutRow', 'selector': 'eds-grid-layout-row'},{'name': 'EdsGrowl', 'selector': 'eds-growl'},{'name': 'EdsIcon', 'selector': 'eds-icon, span[edsIcon]'},{'name': 'EdsIconButton', 'selector': 'button[edsIconButton]'},{'name': 'EdsIconImage', 'selector': 'eds-icon-image, span[edsIconImage]'},{'name': 'EdsIconState', 'selector': 'eds-icon-state'},{'name': 'EdsIconToggle', 'selector': 'eds-icon-toggle'},{'name': 'EdsInputButton', 'selector': 'eds-input-button'},{'name': 'EdsInputCheckbox', 'selector': 'input[edsInputCheckbox]'},{'name': 'EdsInputGroup', 'selector': 'div[edsInputGroup]'},{'name': 'EdsInputGroupAddon', 'selector': 'div[edsInputGroupAddon], eds-input-group-addon'},{'name': 'EdsInputGroupAddonItem', 'selector': 'div[edsInputGroupAddonItem], eds-input-group-addon-item'},{'name': 'EdsInputIcon', 'selector': 'eds-input-icon'},{'name': 'EdsInputNumber', 'selector': 'input[edsInputNumber]'},{'name': 'EdsInputPassword', 'selector': 'eds-input-password'},{'name': 'EdsInputPrompt', 'selector': 'eds-input-prompt'},{'name': 'EdsInputRadio', 'selector': 'input[edsInputRadio]'},{'name': 'EdsInputText', 'selector': 'input[edsInputText]'},{'name': 'EdsLabel', 'selector': 'label[edsLabel], span[edsLabel], div[edsLabel]'},{'name': 'EdsLanguageSelector', 'selector': 'eds-language-selector'},{'name': 'EdsLanguageSelectorDialog', 'selector': 'eds-language-selector-dialog'},{'name': 'EdsLink', 'selector': 'a[edsLink]'},{'name': 'EdsList', 'selector': 'eds-list'},{'name': 'EdsListItem', 'selector': 'eds-list-item'},{'name': 'EdsListItemContent', 'selector': 'eds-list-item-content'},{'name': 'EdsListItemEnd', 'selector': 'eds-list-item-end'},{'name': 'EdsListItemLabel', 'selector': 'eds-list-item-label'},{'name': 'EdsListItemStart', 'selector': 'eds-list-item-start'},{'name': 'EdsLoadingIndicator', 'selector': 'eds-loading-indicator'},{'name': 'EdsMenu', 'selector': 'eds-menu'},{'name': 'EdsMenuItemComponent', 'selector': 'eds-menu-item'},{'name': 'EdsMessageBox', 'selector': 'eds-message-box'},{'name': 'EdsMultiselect', 'selector': 'eds-multiselect'},{'name': 'EdsMultiselectOption', 'selector': 'eds-multiselect-option'},{'name': 'EdsOverlay', 'selector': 'eds-overlay'},{'name': 'EdsOverlayContent', 'selector': 'eds-overlay-content'},{'name': 'EdsOverlayFooter', 'selector': 'eds-overlay-footer'},{'name': 'EdsOverlayHeader', 'selector': 'eds-overlay-header'},{'name': 'EdsOverlayHeaderActionItems', 'selector': 'eds-overlay-header-action-items'},{'name': 'EdsOverlayHeaderLabel', 'selector': 'eds-overlay-header-label'},{'name': 'EdsOverlayHeaderSublabel', 'selector': 'eds-overlay-header-sublabel'},{'name': 'EdsPage', 'selector': 'eds-page'},{'name': 'EdsPageBreadcrumb', 'selector': 'eds-page-breadcrumb'},{'name': 'EdsPageColumn', 'selector': 'eds-page-column'},{'name': 'EdsPageColumnBody', 'selector': 'eds-page-column-body'},{'name': 'EdsPageColumnFooter', 'selector': 'eds-page-column-footer'},{'name': 'EdsPageColumnHeader', 'selector': 'eds-page-column-header'},{'name': 'EdsPageColumnHeaderActionItems', 'selector': 'eds-page-column-header-action-items'},{'name': 'EdsPageColumnHeaderLabel', 'selector': 'eds-page-column-header-label'},{'name': 'EdsPageColumnHeaderSublabel', 'selector': 'eds-page-column-header-sublabel'},{'name': 'EdsPageColumns', 'selector': 'eds-page-columns'},{'name': 'EdsPageContent', 'selector': 'eds-page-content'},{'name': 'EdsPageFooter', 'selector': 'eds-page-footer'},{'name': 'EdsPageHeader', 'selector': 'eds-page-header'},{'name': 'EdsPageHeaderActionItems', 'selector': 'eds-page-header-action-items'},{'name': 'EdsPageHeaderBody', 'selector': 'eds-page-header-body'},{'name': 'EdsPageHeaderLabel', 'selector': 'eds-page-header-label'},{'name': 'EdsPageHeaderSublabel', 'selector': 'eds-page-header-sublabel'},{'name': 'EdsPaginator', 'selector': 'eds-paginator'},{'name': 'EdsPopover', 'selector': 'eds-popover'},{'name': 'EdsPopoverContainer', 'selector': 'eds-popover-container'},{'name': 'EdsProgressBar', 'selector': 'eds-progress-bar'},{'name': 'EdsProgressCircle', 'selector': 'eds-progress-circle'},{'name': 'EdsRating', 'selector': 'eds-rating'},{'name': 'EdsSelect', 'selector': 'select[edsSelect]'},{'name': 'EdsShell', 'selector': 'eds-shell'},{'name': 'EdsShellContent', 'selector': 'eds-shell-content'},{'name': 'EdsShellFooter', 'selector': 'eds-shell-footer'},{'name': 'EdsShellHeader', 'selector': 'eds-shell-header'},{'name': 'EdsShellHeaderApp', 'selector': 'eds-shell-header-app'},{'name': 'EdsShellHeaderEnd', 'selector': 'eds-shell-header-end'},{'name': 'EdsShellHeaderEnvironment', 'selector': 'eds-shell-header-environment'},{'name': 'EdsShellHeaderLogo', 'selector': 'eds-shell-header-logo'},{'name': 'EdsShellHeaderStart', 'selector': 'eds-shell-header-start'},{'name': 'EdsShellMenuToggle', 'selector': 'eds-shell-menu-toggle'},{'name': 'EdsShellSidebar', 'selector': 'eds-shell-sidebar'},{'name': 'EdsShellSidebarBottomNav', 'selector': 'eds-shell-sidebar-bottom-nav'},{'name': 'EdsShellSidebarFooter', 'selector': 'eds-shell-sidebar-footer'},{'name': 'EdsShellSidebarHeader', 'selector': 'eds-shell-sidebar-header'},{'name': 'EdsShellSidebarNav', 'selector': 'eds-shell-sidebar-nav'},{'name': 'EdsShellToolbar', 'selector': 'eds-shell-toolbar'},{'name': 'EdsShellToolbarApp', 'selector': 'eds-shell-toolbar-app'},{'name': 'EdsShellToolbarCenter', 'selector': 'eds-shell-toolbar-center'},{'name': 'EdsShellToolbarEnd', 'selector': 'eds-shell-toolbar-end'},{'name': 'EdsShellToolbarEnvironment', 'selector': 'eds-shell-toolbar-environment'},{'name': 'EdsShellToolbarLogo', 'selector': 'eds-shell-toolbar-logo'},{'name': 'EdsShellToolbarStart', 'selector': 'eds-shell-toolbar-start'},{'name': 'EdsShellTopMessage', 'selector': 'eds-shell-top-message'},{'name': 'EdsSkeleton', 'selector': 'eds-skeleton'},{'name': 'EdsSlider', 'selector': 'eds-slider'},{'name': 'EdsSnc', 'selector': 'eds-snc'},{'name': 'EdsSparkline', 'selector': 'eds-sparkline'},{'name': 'EdsSplitButton', 'selector': 'eds-split-button'},{'name': 'EdsSwiper', 'selector': 'eds-swiper'},{'name': 'EdsSwiperItem', 'selector': 'eds-swiper-item'},{'name': 'EdsSwitch', 'selector': 'eds-switch'},{'name': 'EdsTab', 'selector': 'eds-tab'},{'name': 'EdsTabBody', 'selector': 'eds-tab-body'},{'name': 'EdsTabHeader', 'selector': 'eds-tab-header'},{'name': 'EdsTabHeaderLabel', 'selector': 'eds-tab-header-label'},{'name': 'EdsTabHeaderLeftContent', 'selector': 'eds-tab-header-left-content'},{'name': 'EdsTabHeaderRightContent', 'selector': 'eds-tab-header-right-content'},{'name': 'EdsTabHeaderSublabel', 'selector': 'eds-tab-header-sub-label'},{'name': 'EdsTable', 'selector': 'eds-table, table[edsTable]'},{'name': 'EdsTableFilter', 'selector': 'eds-table-filter'},{'name': 'EdsTableSelectableHeader', 'selector': 'tr[edsHeaderSelectable]'},{'name': 'EdsTableSelectableRow', 'selector': 'tr[edsDataSelectable]'},{'name': 'EdsTableSortableCol', 'selector': 'th[edsSortable]'},{'name': 'EdsTabs', 'selector': 'eds-tabs'},{'name': 'EdsTabsRightContent', 'selector': 'eds-tabs-right-content'},{'name': 'EdsTag', 'selector': 'eds-tag, span[edsTag]'},{'name': 'EdsTagGroup', 'selector': 'eds-tag-group'},{'name': 'EdsTextarea', 'selector': 'textarea[edsTextarea]'},{'name': 'EdsTimeline', 'selector': 'eds-timeline'},{'name': 'EdsTimelineItem', 'selector': 'eds-timeline-item'},{'name': 'EdsTimepicker', 'selector': 'eds-timepicker'},{'name': 'EdsTooltipContainer', 'selector': 'eds-tooltip-container'},{'name': 'EdsTree', 'selector': 'eds-tree'},{'name': 'EdsTreeList', 'selector': 'eds-tree-list'},{'name': 'EdsTreeListItem', 'selector': 'eds-tree-list-item'},{'name': 'EdsTreeListItemContent', 'selector': 'eds-tree-list-item-content'},{'name': 'EdsTreeListToolbar', 'selector': 'eds-tree-list-toolbar'},{'name': 'EdsTrend', 'selector': 'eds-trend'},{'name': 'EdsUserProfile', 'selector': 'eds-user-profile'},{'name': 'EdsUserProfileMenu', 'selector': 'eds-user-profile-menu'},{'name': 'EdsUserProfileMenuItem', 'selector': 'eds-user-profile-menu-item'},{'name': 'EdsWizard', 'selector': 'eds-wizard'},{'name': 'EdsWizardStepComponent', 'selector': 'eds-wizard-step'}];
696
726
  var DIRECTIVES = [{'name': 'EdsAccordionItemHeader', 'selector': 'eds-accordion-item-header'},{'name': 'EdsAutoResizeDirective', 'selector': 'textarea[edsAutoResize]'},{'name': 'EdsBannerImage', 'selector': 'img[edsBannerImage]'},{'name': 'EdsBannerVideo', 'selector': 'video[edsBannerVideo]'},{'name': 'EdsCalendarDayCellDef', 'selector': 'ng-template[edsCalendarDayCell]'},{'name': 'EdsCalendarEventCellDef', 'selector': 'ng-template[edsCalendarEventCell]'},{'name': 'EdsCalendarHeaderCellDef', 'selector': 'ng-template[edsCalendarHeaderCell]'},{'name': 'EdsCardLink', 'selector': 'eds-card[edsCardLink]'},{'name': 'EdsClearableDirective', 'selector': '[edsClearable]:not([edsInputText])'},{'name': 'EdsColorDirective', 'selector': '[edsColorVariants]'},{'name': 'EdsDialogFooter', 'selector': 'eds-dialog-footer'},{'name': 'EdsDialogHeader', 'selector': 'eds-dialog-header'},{'name': 'EdsDropdownContent', 'selector': 'eds-dropdown-content'},{'name': 'EdsDropdownTreeDirective', 'selector': 'eds-dropdown[edsDropdownTree]'},{'name': 'EdsFlexColDirective', 'selector': '[edsFlexCol]'},{'name': 'EdsFlexGrowDirective', 'selector': '[edsFlexGrow]'},{'name': 'EdsFlexNoShrinkDirective', 'selector': '[edsFlexNoShrink]'},{'name': 'EdsInputPromptLeading', 'selector': '[edsInputPromptLeading]'},{'name': 'EdsInputPromptTrailing', 'selector': '[edsInputPromptTrailing]'},{'name': 'EdsLoadingDirective', 'selector': '[edsLoading]:not([edsInputText])'},{'name': 'EdsMaxlengthDirective', 'selector': 'input[edsMaxlength], textarea[edsMaxlength], [ngModel][edsMaxlength], [formControlName][edsMaxlength]'},{'name': 'EdsMessageBoxFooter', 'selector': 'eds-message-box-footer'},{'name': 'EdsPopoverArrowPosition', 'selector': '[edsPopoverArrowPosition]'},{'name': 'EdsResizable', 'selector': '[edsResizable]'},{'name': 'EdsSelectControlValueAccessor', 'selector': 'select:not([multiple])[formControlName][edsSelect],select:not([multiple])[formControl][edsSelect],select:not([multiple])[ngModel][edsSelect]'},{'name': 'EdsSelectMultipleControlValueAccessor', 'selector': 'select[multiple][formControlName][edsSelect],select[multiple][formControl][edsSelect],select[multiple][ngModel][edsSelect]'},{'name': 'EdsSelectMultipleOption', 'selector': 'option[edsOption]'},{'name': 'EdsSelectOptionDirective', 'selector': 'option[edsOption]'},{'name': 'EdsSizeDirective', 'selector': '[edsSizeVariants]'},{'name': 'EdsSrOnly', 'selector': '[edsSrOnly]'},{'name': 'EdsTableExpandableRow', 'selector': 'tr[edsExpandableRow]'},{'name': 'EdsTableStickyCol', 'selector': 'th[edsStickyCol], td[edsStickyCol]'},{'name': 'EdsTableTemplate', 'selector': '[edsTableTemplate]'},{'name': 'EdsTextTruncate', 'selector': '[edsTextTruncate]'},{'name': 'EdsTooltip', 'selector': '[edsTooltip]'},{'name': 'EdsTreeFormControlDirective', 'selector': 'eds-tree[edsTreeFormControl]'},{'name': 'EdsTreeListItemDetails', 'selector': 'eds-tree-list-item-details'},{'name': 'EdsTreeListItemLabel', 'selector': 'eds-tree-list-item-label'},{'name': 'EdsTreeListItemSubContainer', 'selector': 'eds-tree-list-item-sub-container'}];
697
727
  var ACTUAL_COMPONENT = {'name': 'EdsOverlay'};