@eui/eds 22.0.0-alpha.21 → 22.0.0-alpha.23

package/docs/components/EdsCalendarDay.html

@@ -765,7 +765,7 @@
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div>@if (dayOfTheMonth()) {    <div class="eds-calendar-day__header">        <button edsButton                [edsButtonRounded]="isSelected()"                [edsPrimary]="isSelected()"                [edsNeutral]="!isSelected()">            {{ dayOfTheMonth() }}        </button>        @if (renderNewEvent()) {            <button edsIconButton color="info" size="s" icon="plus:core" ariaLabel="Add new event" (click)="addNewItemClicked()"></button>        }    </div>}<div class="eds-calendar-day__events">    @for (event of events(); track event.id; let idx = $index, l = $last) {        @if (idx < maxNumberOfEventsToShow()) {            @if (resolvedEventTemplate()) {                <ng-container                    [ngTemplateOutlet]="resolvedEventTemplate()"                    [ngTemplateOutletContext]="{ $implicit: event, label: event.label(), type: event.type?.() }">                </ng-container>            } @else if (event.type?.()) {                <eds-tag [color]="tagColor(event.type?.())">                    {{ event.label() }}                </eds-tag>            } @else {                <eds-tag>{{ event.label() }}</eds-tag>            }        }        @if (l) {            @if (events().length > maxNumberOfEventsToShow()) {                <span class="eds-calendar-day__show-more" (click)="showMoreEvents($event)">                    +{{ events().length - maxNumberOfEventsToShow() }} more                </span>            }        }    }</div><eds-popover #popover [title]="\'Events\'">    <div class="eds-calendar-day__popover-events">        @for (event of events(); track event.id) {            @if (resolvedEventTemplate()) {                <ng-container                    [ngTemplateOutlet]="resolvedEventTemplate()"                    [ngTemplateOutletContext]="{ $implicit: event, label: event.label(), type: event.type?.() }">                </ng-container>            } @else if (event.type?.()) {                <eds-tag [color]="tagColor(event.type?.())">                    {{ event.label() }}                </eds-tag>            } @else {                <eds-tag>{{ event.label() }}</eds-tag>            }        }    </div></eds-popover></div>'
+        var COMPONENT_TEMPLATE = '<div>@if (dayOfTheMonth()) {    <div class="eds-calendar-day__header">        <button edsButton [rounded]="isSelected()" [color]="isSelected() ? \'primary\' : \'neutral\'">            {{ dayOfTheMonth() }}        </button>        @if (renderNewEvent()) {            <button edsIconButton color="info" size="s" icon="plus:core" ariaLabel="Add new event" (click)="addNewItemClicked()"></button>        }    </div>}<div class="eds-calendar-day__events">    @for (event of events(); track event.id; let idx = $index, l = $last) {        @if (idx < maxNumberOfEventsToShow()) {            @if (resolvedEventTemplate()) {                <ng-container                    [ngTemplateOutlet]="resolvedEventTemplate()"                    [ngTemplateOutletContext]="{ $implicit: event, label: event.label(), type: event.type?.() }">                </ng-container>            } @else if (event.type?.()) {                <eds-tag [color]="tagColor(event.type?.())">                    {{ event.label() }}                </eds-tag>            } @else {                <eds-tag>{{ event.label() }}</eds-tag>            }        }        @if (l) {            @if (events().length > maxNumberOfEventsToShow()) {                <span class="eds-calendar-day__show-more" (click)="showMoreEvents($event)">                    +{{ events().length - maxNumberOfEventsToShow() }} more                </span>            }        }    }</div><eds-popover #popover [title]="\'Events\'">    <div class="eds-calendar-day__popover-events">        @for (event of events(); track event.id) {            @if (resolvedEventTemplate()) {                <ng-container                    [ngTemplateOutlet]="resolvedEventTemplate()"                    [ngTemplateOutletContext]="{ $implicit: event, label: event.label(), type: event.type?.() }">                </ng-container>            } @else if (event.type?.()) {                <eds-tag [color]="tagColor(event.type?.())">                    {{ event.label() }}                </eds-tag>            } @else {                <eds-tag>{{ event.label() }}</eds-tag>            }        }    </div></eds-popover></div>'
     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': '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': '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': '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': 'EdsToggle', 'selector': 'eds-toggle'},{'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'}];
     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': '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'}];
     var ACTUAL_COMPONENT = {'name': 'EdsCalendarDay'};

package/docs/components/EdsCalendarHeader.html

@@ -991,7 +991,7 @@
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div>@if (customTemplate(); as template) {    <ng-container [ngTemplateOutletContext]="headerContext()" [ngTemplateOutlet]="template" />} @else {    <div class="eds-calendar-header__nav">        <div class="eds-calendar-header__left">            @if (showNavigationButtons()) {                <button edsIconButton color="neutral" size="s" icon="caret-left:core" ariaLabel="Go to previous" (click)="navigatePrevious()"></button>            }            <div class="eds-calendar-header__label" [style.min-width]="maxMonthWidth()">                <span class="eds-calendar-header__date">{{ formattedDate() }}</span>                @if (subLabel()) {                    <span class="eds-calendar-header__sublabel">{{ subLabel() }}</span>                }            </div>            @if (showNavigationButtons()) {                <button edsIconButton color="neutral" size="s" icon="caret-right:core" ariaLabel="Go to next" (click)="navigateNext()"></button>            }        </div>        @if (showTodayButton()) {            <button edsButton edsNeutral [disabled]="isCurrentDateToday()" (click)="goToToday()">Today</button>        }    </div>}</div>'
+        var COMPONENT_TEMPLATE = '<div>@if (customTemplate(); as template) {    <ng-container [ngTemplateOutletContext]="headerContext()" [ngTemplateOutlet]="template" />} @else {    <div class="eds-calendar-header__nav">        <div class="eds-calendar-header__left">            @if (showNavigationButtons()) {                <button edsIconButton color="neutral" size="s" icon="caret-left:core" ariaLabel="Go to previous" (click)="navigatePrevious()"></button>            }            <div class="eds-calendar-header__label" [style.min-width]="maxMonthWidth()">                <span class="eds-calendar-header__date">{{ formattedDate() }}</span>                @if (subLabel()) {                    <span class="eds-calendar-header__sublabel">{{ subLabel() }}</span>                }            </div>            @if (showNavigationButtons()) {                <button edsIconButton color="neutral" size="s" icon="caret-right:core" ariaLabel="Go to next" (click)="navigateNext()"></button>            }        </div>        @if (showTodayButton()) {            <button edsButton color="neutral" [disabled]="isCurrentDateToday()" (click)="goToToday()">Today</button>        }    </div>}</div>'
     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': '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': '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': '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': 'EdsToggle', 'selector': 'eds-toggle'},{'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'}];
     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': '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'}];
     var ACTUAL_COMPONENT = {'name': 'EdsCalendarHeader'};

package/docs/components/EdsDatepicker.html

@@ -1940,7 +1940,7 @@
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        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 edsButtonSecondary edsNeutral edsSizeS                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>'
+        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>'
     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': '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': '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': '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': 'EdsToggle', 'selector': 'eds-toggle'},{'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'}];
     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': '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'}];
     var ACTUAL_COMPONENT = {'name': 'EdsDatepicker'};

package/docs/components/EdsDialogContainer.html

@@ -1368,7 +1368,7 @@ should not be used directly in application code.</p>
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><div    class="eds-dialog eds-dialog--{{ dialogContainerConfig.variant }} eui-21"    [class.eds-dialog--draggable]="dialogContainerConfig.isDraggable"    [class.eds-dialog--message-box]="dialogContainerConfig.isMessageBox"    [class.eds-dialog--no-padding]="dialogContainerConfig.hasNoBodyPadding"    [class.eds-dialog--custom-size]="dialogContainerConfig.hasMobileCustomSize"    [attr.role]="dialogContainerConfig.isMessageBox ? \'alertdialog\' : \'dialog\'"    aria-labelledby="dialogContent"    [attr.aria-describedby]="getContentId()"    [attr.aria-modal]="true"    tabindex="-1"    attr.data-e2e="{{ dialogContainerConfig.e2eAttr }}"    cdkDrag    cdkDragRootElement=".cdk-overlay-pane"    [cdkDragDisabled]="!dialogContainerConfig.isDraggable"    cdkTrapFocus    cdkTrapFocusAutoCapture>    <div class="eds-dialog__content" role="document" id="dialogContent" aria-labelledby="headerTitle">        <div class="eds-dialog__header" [class.eds-dialog__header--handle-disabled]="!dialogContainerConfig.isDraggable" cdkDragHandle>            @if (!isHeaderTemplatePortal && !isHeaderComponentPortal) {                @if (dialogContainerConfig.isMessageBox) {                    <eds-icon-state [color]="$any(dialogContainerConfig.variant)" size="xl" class="eds-dialog__header-icon"/>                }                <h2 id="headerTitle" class="eds-dialog__header-title" role="heading" aria-level="2">{{ dialogContainerConfig.title | translate }}</h2>                @if (dialogContainerConfig.hasCloseButton) {                    <div class="eds-dialog__header-close-container">                        <button edsIconButton icon="x:core" (buttonClick)="closeDialog()" rounded [ariaLabel]="closeButtonAriaLabel" class="dialog-close-button"></button>                    </div>                }            }            @if (isHeaderTemplatePortal) {                <ng-template [cdkPortalOutlet]="dialogContainerConfig.header"></ng-template>            }            @if (isHeaderComponentPortal) {                <ng-template [cdkPortalOutlet]="headerComponentPortal" (attached)="portalAttached($event, \'headerComponent\')"></ng-template>            }        </div>        <div            #dialogBody            class="eds-dialog__body"            cdkScrollable            [style.height]="dialogContainerConfig.height"            [style.max-height]="dialogContainerConfig.height"            (scroll)="onScroll()"            [attr.tabindex]="isBodyScrollable() ? \'0\' : \'-1\'">            @if (!isBodyTemplatePortal && !isBodyComponentPortal) {                <div                    id="containerConfigId"                    class="eds-dialog__body-content"                    [innerHTML]="dialogContainerConfig.content ? (dialogContainerConfigContent | translate) : null">                </div>            }            @if (isBodyTemplatePortal && !isBodyComponentPortal) {                <div id="bodyTemplatePortalId" class="eds-dialog__body-content">                    <ng-template [cdkPortalOutlet]="getPortalOutlet"></ng-template>                </div>            }            @if (isBodyComponentPortal) {                <div id="bodyComponentPortalId" class="eds-dialog__body-content">                    <ng-template [cdkPortalOutlet]="bodyComponentPortal" (attached)="portalAttached($event, \'bodyComponent\')"></ng-template>                </div>            }        </div>        @if (dialogContainerConfig.hasFooter) {            <div class="eds-dialog__footer">                @if (!isFooterTemplatePortal && !isFooterComponentPortal) {                    <div class="eds-dialog__footer-content">                        @if (dialogContainerConfig.hasDismissButton) {                            <button                                edsButton                                edsButtonSecondary                                type="button"                                [edsDisabled]="dismissButtonDisabled$ | async"                                class="eds-dialog__footer-dismiss-button"                                [class.eds-dialog__footer-dismiss-button--with-accept-button]="dialogContainerConfig.hasAcceptButton"                                (click)="onDismiss()">                                {{ dialogContainerConfig.dismissLabel | translate }}                            </button>                        }                        @if (dialogContainerConfig.hasAcceptButton) {                            <button                                edsButton                                type="button"                                [edsDisabled]="acceptButtonDisabled$ | async"                                class="eds-dialog__footer-accept-button"                                (click)="onAccept()">                                {{ dialogContainerConfig.acceptLabel | translate }}                            </button>                        }                    </div>                }                @if (isFooterTemplatePortal) {                    <ng-template [cdkPortalOutlet]="dialogContainerConfig.footer"></ng-template>                }                @if (isFooterComponentPortal) {                    <ng-template [cdkPortalOutlet]="footerComponentPortal" (attached)="portalAttached($event, \'footerComponent\')"></ng-template>                }            </div>        }    </div></div></div>'
+        var COMPONENT_TEMPLATE = '<div><div    class="eds-dialog eds-dialog--{{ dialogContainerConfig.variant }} eui-21"    [class.eds-dialog--draggable]="dialogContainerConfig.isDraggable"    [class.eds-dialog--message-box]="dialogContainerConfig.isMessageBox"    [class.eds-dialog--no-padding]="dialogContainerConfig.hasNoBodyPadding"    [class.eds-dialog--custom-size]="dialogContainerConfig.hasMobileCustomSize"    [attr.role]="dialogContainerConfig.isMessageBox ? \'alertdialog\' : \'dialog\'"    aria-labelledby="dialogContent"    [attr.aria-describedby]="getContentId()"    [attr.aria-modal]="true"    tabindex="-1"    attr.data-e2e="{{ dialogContainerConfig.e2eAttr }}"    cdkDrag    cdkDragRootElement=".cdk-overlay-pane"    [cdkDragDisabled]="!dialogContainerConfig.isDraggable"    cdkTrapFocus    cdkTrapFocusAutoCapture>    <div class="eds-dialog__content" role="document" id="dialogContent" aria-labelledby="headerTitle">        <div class="eds-dialog__header" [class.eds-dialog__header--handle-disabled]="!dialogContainerConfig.isDraggable" cdkDragHandle>            @if (!isHeaderTemplatePortal && !isHeaderComponentPortal) {                @if (dialogContainerConfig.isMessageBox) {                    <eds-icon-state [color]="$any(dialogContainerConfig.variant)" size="xl" class="eds-dialog__header-icon"/>                }                <h2 id="headerTitle" class="eds-dialog__header-title" role="heading" aria-level="2">{{ dialogContainerConfig.title | translate }}</h2>                @if (dialogContainerConfig.hasCloseButton) {                    <div class="eds-dialog__header-close-container">                        <button edsIconButton icon="x:core" (buttonClick)="closeDialog()" rounded [ariaLabel]="closeButtonAriaLabel" class="dialog-close-button"></button>                    </div>                }            }            @if (isHeaderTemplatePortal) {                <ng-template [cdkPortalOutlet]="dialogContainerConfig.header"></ng-template>            }            @if (isHeaderComponentPortal) {                <ng-template [cdkPortalOutlet]="headerComponentPortal" (attached)="portalAttached($event, \'headerComponent\')"></ng-template>            }        </div>        <div            #dialogBody            class="eds-dialog__body"            cdkScrollable            [style.height]="dialogContainerConfig.height"            [style.max-height]="dialogContainerConfig.height"            (scroll)="onScroll()"            [attr.tabindex]="isBodyScrollable() ? \'0\' : \'-1\'">            @if (!isBodyTemplatePortal && !isBodyComponentPortal) {                <div                    id="containerConfigId"                    class="eds-dialog__body-content"                    [innerHTML]="dialogContainerConfig.content ? (dialogContainerConfigContent | translate) : null">                </div>            }            @if (isBodyTemplatePortal && !isBodyComponentPortal) {                <div id="bodyTemplatePortalId" class="eds-dialog__body-content">                    <ng-template [cdkPortalOutlet]="getPortalOutlet"></ng-template>                </div>            }            @if (isBodyComponentPortal) {                <div id="bodyComponentPortalId" class="eds-dialog__body-content">                    <ng-template [cdkPortalOutlet]="bodyComponentPortal" (attached)="portalAttached($event, \'bodyComponent\')"></ng-template>                </div>            }        </div>        @if (dialogContainerConfig.hasFooter) {            <div class="eds-dialog__footer">                @if (!isFooterTemplatePortal && !isFooterComponentPortal) {                    <div class="eds-dialog__footer-content">                        @if (dialogContainerConfig.hasDismissButton) {                            <button edsButton variant="secondary" type="button" [disabled]="dismissButtonDisabled$ | async" class="eds-dialog__footer-dismiss-button" [class.eds-dialog__footer-dismiss-button--with-accept-button]="dialogContainerConfig.hasAcceptButton" (click)="onDismiss()">                                {{ dialogContainerConfig.dismissLabel | translate }}                            </button>                        }                        @if (dialogContainerConfig.hasAcceptButton) {                            <button edsButton type="button" [disabled]="acceptButtonDisabled$ | async" class="eds-dialog__footer-accept-button" (click)="onAccept()">                                {{ dialogContainerConfig.acceptLabel | translate }}                            </button>                        }                    </div>                }                @if (isFooterTemplatePortal) {                    <ng-template [cdkPortalOutlet]="dialogContainerConfig.footer"></ng-template>                }                @if (isFooterComponentPortal) {                    <ng-template [cdkPortalOutlet]="footerComponentPortal" (attached)="portalAttached($event, \'footerComponent\')"></ng-template>                }            </div>        }    </div></div></div>'
     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': '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': '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': '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': 'EdsToggle', 'selector': 'eds-toggle'},{'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'}];
     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': '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'}];
     var ACTUAL_COMPONENT = {'name': 'EdsDialogContainer'};

package/docs/components/EdsFeedbackMessage.html

@@ -141,12 +141,12 @@
     </p>
     <p class="comment">
         <p>A feedback message component that displays contextual feedback to users.
-Supports different color variants (info, success, warning, critical) and a muted mode.</p>
+Supports different color variants (primary, neutral, info, success, warning, critical) and a muted mode.</p>
 <h3>Basic feedback message</h3>
-<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eds-feedback-message edsSuccess&gt;
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eds-feedback-message color=&quot;success&quot;&gt;
   Operation completed successfully
 &lt;/eds-feedback-message&gt;</code></pre></div><h3>Muted variant (no icon)</h3>
-<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eds-feedback-message edsWarning isMuted&gt;
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eds-feedback-message color=&quot;warning&quot; isMuted&gt;
   This is a subtle warning message
 &lt;/eds-feedback-message&gt;</code></pre></div>
     </p>
@@ -170,14 +170,6 @@ Supports different color variants (info, success, warning, critical) and a muted
             </tr>
 
 
-                <tr>
-                    <td class="col-md-3">HostDirectives</td>
-                    <td class="col-md-9">
-                                    <code><a href="../directives/EdsColorDirective.html" target="_self" >EdsColorDirective</a></code>
-<br/>
-                                    <div><i>&nbsp;Inputs</i> : edsPrimary&nbsp;edsNeutral&nbsp;edsInfo&nbsp;edsWarning&nbsp;edsSuccess&nbsp;edsCritical&nbsp;edsColorVariant&nbsp;</div>
-                    </td>
-                </tr>
 
 
 
@@ -248,9 +240,6 @@ Supports different color variants (info, success, warning, critical) and a muted
                                 <li>
                                             <code><a href="../miscellaneous/variables.html#EDS_ICON_STATE" target="_self" >EDS_ICON_STATE</a></code>
                                 </li>
-                                <li>
-                                            <code><a href="../directives/EdsColorDirective.html" target="_self" >EdsColorDirective</a></code>
-                                </li>
                         </ul>
                 </div>
             </div>
@@ -259,23 +248,6 @@ Supports different color variants (info, success, warning, critical) and a muted
 
     <div class="tab-pane fade " id="api">    <section data-compodoc="block-index">
     <h3 id="index">Index</h3>
-        <table class="table table-sm table-bordered index-table">
-            <tbody>
-                <tr>
-                    <td class="col-md-3">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                    <td class="col-md-9">
-                        <ul class="index-list">
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                <a href="#hostClasses" >hostClasses</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
 
 
         <table class="table table-sm table-bordered index-table">
@@ -286,6 +258,9 @@ Supports different color variants (info, success, warning, critical) and a muted
                     </td>
                     <td class="col-md-9">
                         <ul class="index-list">
+                            <li>
+                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#color" >color</a>
+                            </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#e2eAttr" >e2eAttr</a>
                             </li>
@@ -306,6 +281,34 @@ Supports different color variants (info, success, warning, critical) and a muted
 
     <section data-compodoc="block-inputs">
     <h3 id="inputs">Inputs</h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="color"></a>
+                        <b>color</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="../miscellaneous/typealiases.html#EdsFeedbackMessageColor" target="_self" >EdsFeedbackMessageColor</a></code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>&#x27;info&#x27;</code>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Semantic color of the feedback message.
+&#39;info&#39;</p>
+</div>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
         <table class="table table-sm table-bordered">
             <tbody>
                 <tr>
@@ -368,47 +371,6 @@ false</p>
 
 
 
-    <section data-compodoc="block-properties">
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="hostClasses"></a>
-                    <span class="name">
-                        <span ><b>hostClasses</b></span>
-                        <a href="#hostClasses"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>unknown</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>computed(() &#x3D;&gt; {
-        const colorClass &#x3D; this.colorDirective.getCssClass(&#x27;eds-feedback-message&#x27;);
-        return [
-            &#x27;eds-feedback-message&#x27;,
-            colorClass || &#x27;eds-feedback-message--info&#x27;,
-            this.isMuted() ? &#x27;eds-feedback-message--muted&#x27; : &#x27;&#x27;,
-        ]
-            .join(&#x27; &#x27;)
-            .trim();
-    })</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
 
 </div>
 
@@ -424,7 +386,7 @@ false</p>
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div>@if (!isMuted()) {    <eds-icon-state [color]="$any(iconVariant())" size="s" [ariaLabel]="iconVariant()"/>}<div class="content">    <ng-content /></div></div>'
+        var COMPONENT_TEMPLATE = '<div>@if (!isMuted()) {    <eds-icon-state [color]="iconVariant()" size="s" [ariaLabel]="iconVariant()"/>}<div class="content">    <ng-content /></div></div>'
     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': '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': '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': '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': 'EdsToggle', 'selector': 'eds-toggle'},{'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'}];
     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': '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'}];
     var ACTUAL_COMPONENT = {'name': 'EdsFeedbackMessage'};