@eui/ecl 17.0.0-rc.6 → 17.0.0-rc.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/docs/components/EclBreadcrumbSegmentComponent.html +69 -0
  2. package/docs/components/EclCarouselComponent.html +1 -1
  3. package/docs/components/EclMenuMegaItemComponent.html +69 -0
  4. package/docs/components/EclMultiselectComponent.html +24 -0
  5. package/docs/components/EclMultiselectDropdownComponent.html +1 -1
  6. package/docs/components/EclMultiselectInputComponent.html +24 -0
  7. package/docs/components/EclPaginationItemComponent.html +86 -0
  8. package/docs/dependencies.html +2 -2
  9. package/docs/js/search/search_index.js +2 -2
  10. package/esm2022/lib/components/ecl-breadcrumb/ecl-breadcrumb-segment.component.mjs +6 -2
  11. package/esm2022/lib/components/ecl-carousel/ecl-carousel.component.mjs +3 -3
  12. package/esm2022/lib/components/ecl-content-item/ecl-content-item-image.directive.mjs +2 -2
  13. package/esm2022/lib/components/ecl-menu/ecl-menu-mega/ecl-menu-mega-item.component.mjs +6 -2
  14. package/esm2022/lib/components/ecl-multiselect/ecl-multiselect-dropdown/ecl-multiselect-dropdown.component.mjs +3 -3
  15. package/esm2022/lib/components/ecl-multiselect/ecl-multiselect-input/ecl-multiselect-input.component.mjs +6 -3
  16. package/esm2022/lib/components/ecl-multiselect/ecl-multiselect.component.mjs +7 -3
  17. package/esm2022/lib/components/ecl-pagination/ecl-pagination-item.component.mjs +6 -2
  18. package/fesm2022/eui-ecl.mjs +31 -12
  19. package/fesm2022/eui-ecl.mjs.map +1 -1
  20. package/lib/components/ecl-breadcrumb/ecl-breadcrumb-segment.component.d.ts +1 -0
  21. package/lib/components/ecl-breadcrumb/ecl-breadcrumb-segment.component.d.ts.map +1 -1
  22. package/lib/components/ecl-menu/ecl-menu-mega/ecl-menu-mega-item.component.d.ts +1 -0
  23. package/lib/components/ecl-menu/ecl-menu-mega/ecl-menu-mega-item.component.d.ts.map +1 -1
  24. package/lib/components/ecl-multiselect/ecl-multiselect-input/ecl-multiselect-input.component.d.ts +2 -1
  25. package/lib/components/ecl-multiselect/ecl-multiselect-input/ecl-multiselect-input.component.d.ts.map +1 -1
  26. package/lib/components/ecl-multiselect/ecl-multiselect.component.d.ts +2 -1
  27. package/lib/components/ecl-multiselect/ecl-multiselect.component.d.ts.map +1 -1
  28. package/lib/components/ecl-pagination/ecl-pagination-item.component.d.ts +1 -0
  29. package/lib/components/ecl-pagination/ecl-pagination-item.component.d.ts.map +1 -1
  30. package/package.json +1 -1
@@ -130,6 +130,10 @@
130
130
  <span class="modifier">Public</span>
131
131
  <a href="#el" >el</a>
132
132
  </li>
133
+ <li>
134
+ <span class="modifier"></span>
135
+ <a href="#role" >role</a>
136
+ </li>
133
137
  <li>
134
138
  <span class="modifier"></span>
135
139
  <a href="#tabIndex" >tabIndex</a>
@@ -221,6 +225,9 @@
221
225
  <tr>
222
226
  <td class="col-md-4">
223
227
  <ul class="index-list">
228
+ <li>
229
+ <a href="#attr.role" >attr.role</a>
230
+ </li>
224
231
  <li>
225
232
  <a href="#attr.tabindex" >attr.tabindex</a>
226
233
  </li>
@@ -508,6 +515,32 @@
508
515
  </section>
509
516
  <section data-compodoc="block-properties">
510
517
  <h3>HostBindings</h3> <table class="table table-sm table-bordered">
518
+ <tbody>
519
+ <tr>
520
+ <td class="col-md-4">
521
+ <a name="attr.role"></a>
522
+ <span class="name">
523
+ <span ><b>attr.role</b></span>
524
+ <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
525
+ </span>
526
+ </td>
527
+ </tr>
528
+ <tr>
529
+ <td class="col-md-4">
530
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
531
+
532
+ </td>
533
+ </tr>
534
+ <tr>
535
+ <td class="col-md-4">
536
+ <i>Default value : </i><code>&#x27;listitem&#x27;</code>
537
+ </td>
538
+ </tr>
539
+
540
+
541
+ </tbody>
542
+ </table>
543
+ <table class="table table-sm table-bordered">
511
544
  <tbody>
512
545
  <tr>
513
546
  <td class="col-md-4">
@@ -710,6 +743,42 @@
710
743
  </tr>
711
744
 
712
745
 
746
+ </tbody>
747
+ </table>
748
+ <table class="table table-sm table-bordered">
749
+ <tbody>
750
+ <tr>
751
+ <td class="col-md-4">
752
+ <a name="role"></a>
753
+ <span class="name">
754
+ <span class="modifier"></span>
755
+ <span ><b>role</b></span>
756
+ <a href="#role"><span class="icon ion-ios-link"></span></a>
757
+ </span>
758
+ </td>
759
+ </tr>
760
+ <tr>
761
+ <td class="col-md-4">
762
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
763
+
764
+ </td>
765
+ </tr>
766
+ <tr>
767
+ <td class="col-md-4">
768
+ <i>Default value : </i><code>&#x27;listitem&#x27;</code>
769
+ </td>
770
+ </tr>
771
+ <tr>
772
+ <td class="col-md-4">
773
+ <b>Decorators : </b>
774
+ <br />
775
+ <code>
776
+ @HostBinding(&#x27;attr.role&#x27;)<br />
777
+ </code>
778
+ </td>
779
+ </tr>
780
+
781
+
713
782
  </tbody>
714
783
  </table>
715
784
  <table class="table table-sm table-bordered">
@@ -1958,7 +1958,7 @@
1958
1958
  <script src="../js/libs/htmlparser.js"></script>
1959
1959
  <script src="../js/libs/deep-iterator.js"></script>
1960
1960
  <script>
1961
- var COMPONENT_TEMPLATE = '<div><div #carouselContainer class="ecl-carousel__container" [class.ecl-carousel-container--padded]="isPadded()"> <div #slidesContainer (keyup)="onFirstCarouselElementPress($event)" class="ecl-carousel__slides" [style.width.px]="getCarouselSlidesWidth()" [style.left.px]="getCarouselSlidesOffset()" [style.transition-duration.s]="transitionDuration" (mouseover)="onSlideHover()" (mouseout)="onSlideHoverout()"> <ecl-carousel-item #firstHiddenItem *ngIf="hasControls()" [style.width.%]="slideWidth"></ecl-carousel-item> <ng-content></ng-content> <ecl-carousel-item #lastHiddenItem *ngIf="hasControls()" [style.width.%]="slideWidth"></ecl-carousel-item> </div> <button *ngIf="hasControls() && !isMobileBreakpoint" class="ecl-carousel__prev" (click)="onPreviousSlideClick()"> <ecl-icon icon="corner-arrow" size="m" transform="rotate-270" isInverted class="ecl-carousel__icon-default"> </ecl-icon> <span class="ecl-u-sr-only">{{ \'ecl.carousel.PREV-SLIDES\' | translate }}</span> </button> <button *ngIf="hasControls() && !isMobileBreakpoint" class="ecl-carousel__next" (click)="onNextSlideClick()"> <ecl-icon icon="corner-arrow" size="m" transform="rotate-90" isInverted class="ecl-carousel__icon-default"> </ecl-icon> <div class="ecl-u-sr-only">{{ \'ecl.carousel.NEXT-SLIDES\' | translate }}</div> </button></div><div *ngIf="hasControls()" class="ecl-carousel__controls"> <div class="ecl-container"> <div class="ecl-carousel__autoplay"> <button #playButton class="ecl-carousel__play" [style.display]="isPlaying ? \'none\' : \'\'" (keydown)="onPlayKeyboardPress($event)" (click)="onPlayClick()"> <ecl-icon icon="play" size="l" class="ecl-carousel__icon-default" isInverted> </ecl-icon> <ecl-icon icon="play-filled" size="l" class="ecl-carousel__icon-active" isInverted> </ecl-icon> <div class="ecl-u-sr-only">{{ \'ecl.carousel.AUTOPLAY\' | translate }}</div> </button> <button #pauseButton class="ecl-carousel__pause" [style.display]="isPlaying ? \'\' : \'none\'" (keydown)="onPlayKeyboardPress($event)" (click)="onPauseClick()"> <ecl-icon icon="pause" size="l" class="ecl-carousel__icon-default" isInverted> </ecl-icon> <ecl-icon icon="pause-filled" size="l" class="ecl-carousel__icon-active" isInverted> </ecl-icon> <div class="ecl-u-sr-only">{{ \'ecl.carousel.PAUSE\' | translate }}</div> </button> </div> <div class="ecl-carousel__navigation"> <button *ngFor="let slide of slides; let i = index" #currButton [attr.aria-current]="i === getCurrentSlideIndex()" class="ecl-carousel__navigation-item" (click)="onSlideControlClick(slide)" (keydown)="onNavBtnKeyboardPress($event, i)"> <span class="ecl-u-sr-only">{{ \'ecl.carousel.GO-TO-SLIDE\' | translate }} {{ i + 1 }}</span> </button> </div> <button *ngIf="isMobileBreakpoint" #prevButton class="ecl-carousel__prev" (click)="onPreviousSlideClick()"> <ecl-icon icon="corner-arrow" size="m" transform="rotate-270" isInverted class="ecl-carousel__icon-default"> </ecl-icon> <span class="ecl-u-sr-only">{{ \'ecl.carousel.PREV-SLIDES\' | translate }}</span> </button> <div class="ecl-carousel__pagination"> <span class="ecl-carousel__current">{{ getCurrentSlideIndex() + 1 }}</span> {{ \'ecl.common.OF\' | translate }} <span class="ecl-carousel__max">{{ slides.length }}</span> </div> <button *ngIf="isMobileBreakpoint" class="ecl-carousel__next" (click)="onNextSlideClick()"> <ecl-icon icon="corner-arrow" size="m" transform="rotate-90" isInverted class="ecl-carousel__icon-default"> </ecl-icon> <div class="ecl-u-sr-only">{{ \'ecl.carousel.NEXT-SLIDES\' | translate }}</div> </button> </div></div></div>'
1961
+ var COMPONENT_TEMPLATE = '<div><div #carouselContainer class="ecl-carousel__container" [class.ecl-carousel-container--padded]="isPadded()"> <div #slidesContainer (keyup)="onFirstCarouselElementPress($event)" class="ecl-carousel__slides" [style.width.px]="getCarouselSlidesWidth()" [style.left.px]="getCarouselSlidesOffset()" [style.transition-duration.s]="transitionDuration" (mouseover)="onSlideHover()" (mouseout)="onSlideHoverout()"> <ecl-carousel-item #firstHiddenItem *ngIf="hasControls()" [style.width.%]="slideWidth"></ecl-carousel-item> <ng-content></ng-content> <ecl-carousel-item #lastHiddenItem *ngIf="hasControls()" [style.width.%]="slideWidth"></ecl-carousel-item> </div> <button *ngIf="hasControls() && isLargeDesktopBreakpoint" class="ecl-carousel__prev" (click)="onPreviousSlideClick()"> <ecl-icon icon="corner-arrow" size="m" transform="rotate-270" isInverted class="ecl-carousel__icon-default"> </ecl-icon> <span class="ecl-u-sr-only">{{ \'ecl.carousel.PREV-SLIDES\' | translate }}</span> </button> <button *ngIf="hasControls() && isLargeDesktopBreakpoint" class="ecl-carousel__next" (click)="onNextSlideClick()"> <ecl-icon icon="corner-arrow" size="m" transform="rotate-90" isInverted class="ecl-carousel__icon-default"> </ecl-icon> <div class="ecl-u-sr-only">{{ \'ecl.carousel.NEXT-SLIDES\' | translate }}</div> </button></div><div *ngIf="hasControls()" class="ecl-carousel__controls"> <div class="ecl-container"> <div class="ecl-carousel__autoplay"> <button #playButton class="ecl-carousel__play" [style.display]="isPlaying ? \'none\' : \'\'" (keydown)="onPlayKeyboardPress($event)" (click)="onPlayClick()"> <ecl-icon icon="play" size="l" class="ecl-carousel__icon-default" isInverted> </ecl-icon> <ecl-icon icon="play-filled" size="l" class="ecl-carousel__icon-active" isInverted> </ecl-icon> <div class="ecl-u-sr-only">{{ \'ecl.carousel.AUTOPLAY\' | translate }}</div> </button> <button #pauseButton class="ecl-carousel__pause" [style.display]="isPlaying ? \'\' : \'none\'" (keydown)="onPlayKeyboardPress($event)" (click)="onPauseClick()"> <ecl-icon icon="pause" size="l" class="ecl-carousel__icon-default" isInverted> </ecl-icon> <ecl-icon icon="pause-filled" size="l" class="ecl-carousel__icon-active" isInverted> </ecl-icon> <div class="ecl-u-sr-only">{{ \'ecl.carousel.PAUSE\' | translate }}</div> </button> </div> <div class="ecl-carousel__navigation"> <button *ngFor="let slide of slides; let i = index" #currButton [attr.aria-current]="i === getCurrentSlideIndex()" class="ecl-carousel__navigation-item" (click)="onSlideControlClick(slide)" (keydown)="onNavBtnKeyboardPress($event, i)"> <span class="ecl-u-sr-only">{{ \'ecl.carousel.GO-TO-SLIDE\' | translate }} {{ i + 1 }}</span> </button> </div> <button *ngIf="!isLargeDesktopBreakpoint" #prevButton class="ecl-carousel__prev" (click)="onPreviousSlideClick()"> <ecl-icon icon="corner-arrow" size="m" transform="rotate-270" isInverted class="ecl-carousel__icon-default"> </ecl-icon> <span class="ecl-u-sr-only">{{ \'ecl.carousel.PREV-SLIDES\' | translate }}</span> </button> <div class="ecl-carousel__pagination"> <span class="ecl-carousel__current">{{ getCurrentSlideIndex() + 1 }}</span> {{ \'ecl.common.OF\' | translate }} <span class="ecl-carousel__max">{{ slides.length }}</span> </div> <button *ngIf="!isLargeDesktopBreakpoint" class="ecl-carousel__next" (click)="onNextSlideClick()"> <ecl-icon icon="corner-arrow" size="m" transform="rotate-90" isInverted class="ecl-carousel__icon-default"> </ecl-icon> <div class="ecl-u-sr-only">{{ \'ecl.carousel.NEXT-SLIDES\' | translate }}</div> </button> </div></div></div>'
1962
1962
  var COMPONENTS = [{'name': 'EclAccordionComponent', 'selector': 'ecl-accordion'},{'name': 'EclAccordionItemComponent', 'selector': 'ecl-accordion-item'},{'name': 'EclAppComponent', 'selector': 'ecl-app'},{'name': 'EclBannerComponent', 'selector': 'ecl-banner'},{'name': 'EclBlockquoteComponent', 'selector': '[eclBlockquote]'},{'name': 'EclBreadcrumbComponent', 'selector': 'ecl-breadcrumb'},{'name': 'EclBreadcrumbSegmentComponent', 'selector': 'ecl-breadcrumb-segment'},{'name': 'EclButtonComponent', 'selector': 'button[eclButton], button[ecl-button], a[eclButton]'},{'name': 'EclCardBodyComponent', 'selector': 'ecl-card-body'},{'name': 'EclCardComponent', 'selector': 'ecl-card'},{'name': 'EclCardImageComponent', 'selector': 'div[eclCardImage]'},{'name': 'EclCarouselComponent', 'selector': 'ecl-carousel'},{'name': 'EclCarouselItemComponent', 'selector': 'ecl-carousel-item'},{'name': 'EclCategoryFilterComponent', 'selector': 'ecl-category-filter'},{'name': 'EclCategoryFilterItemComponent', 'selector': 'ecl-category-filter-item'},{'name': 'EclCategoryFilterListComponent', 'selector': 'ecl-category-filter-list'},{'name': 'EclCheckboxHelpComponent', 'selector': '[eclCheckboxHelp]'},{'name': 'EclCheckboxLabelComponent', 'selector': 'label[eclCheckboxLabel]'},{'name': 'EclContentBlockComponent', 'selector': 'ecl-content-block'},{'name': 'EclContentItemComponent', 'selector': 'ecl-content-item'},{'name': 'EclDateBlockComponent', 'selector': 'time[eclDateBlock]'},{'name': 'EclDescriptionListDefinitionComponent', 'selector': '[eclDescriptionListDefinition]'},{'name': 'EclExpandableComponent', 'selector': 'ecl-expandable'},{'name': 'EclFactFiguresComponent', 'selector': 'ecl-fact-figures'},{'name': 'EclFactFiguresDescriptionComponent', 'selector': 'ecl-fact-figures-description'},{'name': 'EclFactFiguresItemComponent', 'selector': 'ecl-fact-figures-item'},{'name': 'EclFactFiguresTitleComponent', 'selector': 'ecl-fact-figures-title'},{'name': 'EclFactFiguresValueComponent', 'selector': 'ecl-fact-figures-value'},{'name': 'EclFactFiguresViewAllComponent', 'selector': 'ecl-fact-figures-view-all'},{'name': 'EclFeaturedComponent', 'selector': 'ecl-featured'},{'name': 'EclFeaturedItemComponent', 'selector': 'ecl-featured-item'},{'name': 'EclFeaturedItemDescriptionComponent', 'selector': 'ecl-featured-item-description'},{'name': 'EclFileComponent', 'selector': 'ecl-file'},{'name': 'EclFileItemComponent', 'selector': 'ecl-file-item'},{'name': 'EclFileItemsComponent', 'selector': 'ecl-file-items'},{'name': 'EclFileTaxonomyComponent', 'selector': 'ecl-file-taxonomy'},{'name': 'EclFormGroupComponent', 'selector': '[eclFormGroup], ecl-form-group'},{'name': 'EclFormLabelComponent', 'selector': '[eclFormLabel]'},{'name': 'EclGalleryComponent', 'selector': 'ecl-gallery'},{'name': 'EclGalleryFooterComponent', 'selector': 'ecl-gallery-footer'},{'name': 'EclGalleryItemComponent', 'selector': 'ecl-gallery-item'},{'name': 'EclIconComponent', 'selector': 'ecl-icon'},{'name': 'EclInpageNavigationComponent', 'selector': 'ecl-inpage-navigation'},{'name': 'EclInpageNavigationItemComponent', 'selector': 'ecl-inpage-navigation-item'},{'name': 'EclListIllustrationComponent', 'selector': 'ecl-list-illustration'},{'name': 'EclListIllustrationImageComponent', 'selector': 'div[eclListIllustrationImage]'},{'name': 'EclListIllustrationItemComponent', 'selector': 'ecl-list-illustration-item'},{'name': 'EclMediaContainerComponent', 'selector': 'ecl-media-container'},{'name': 'EclMenuComponent', 'selector': 'ecl-menu'},{'name': 'EclMenuItemComponent', 'selector': 'ecl-menu-item'},{'name': 'EclMenuMegaComponent', 'selector': 'ecl-menu-mega'},{'name': 'EclMenuMegaItemComponent', 'selector': 'ecl-menu-mega-item'},{'name': 'EclMessageComponent', 'selector': 'ecl-message'},{'name': 'EclModalBodyComponent', 'selector': '[eclModalBody]'},{'name': 'EclModalComponent', 'selector': 'dialog[eclModal]'},{'name': 'EclModalFooterComponent', 'selector': '[eclModalFooter]'},{'name': 'EclModalHeaderComponent', 'selector': '[eclModalHeader]'},{'name': 'EclMultiselectComponent', 'selector': 'select[eclMultiselect]'},{'name': 'EclMultiselectDropdownComponent', 'selector': 'div[eclMultiselectDropdown]'},{'name': 'EclMultiselectInputComponent', 'selector': 'div[eclMultiselectInput]'},{'name': 'EclMultiselectOptgroupComponent', 'selector': 'div[eclMultiselectOptgroup]'},{'name': 'EclMultiselectOptionComponent', 'selector': 'div[eclMultiselectOption]'},{'name': 'EclNavigationListComponent', 'selector': 'ecl-navigation-list'},{'name': 'EclNavigationListImageComponent', 'selector': 'div[eclNavigationListImage]'},{'name': 'EclNavigationListItemComponent', 'selector': 'ecl-navigation-list-item'},{'name': 'EclNewsTickerComponent', 'selector': 'ecl-news-ticker'},{'name': 'EclNewsTickerItemComponent', 'selector': 'ecl-news-ticker-item'},{'name': 'EclPageHeaderComponent', 'selector': 'ecl-page-header'},{'name': 'EclPageHeaderDescriptionContainerComponent', 'selector': '[eclPageHeaderDescriptionContainer]'},{'name': 'EclPaginationComponent', 'selector': 'ecl-pagination'},{'name': 'EclPaginationItemComponent', 'selector': 'ecl-pagination-item'},{'name': 'EclPopoverComponent', 'selector': 'ecl-popover'},{'name': 'EclRadioHelpComponent', 'selector': '[eclRadioHelp]'},{'name': 'EclRadioLabelComponent', 'selector': '[eclRadioLabel]'},{'name': 'EclRangeValueComponent', 'selector': 'ecl-range-value'},{'name': 'EclRatingFieldComponent', 'selector': 'ecl-rating-field'},{'name': 'EclSearchFormComponent', 'selector': 'ecl-search-form'},{'name': 'EclSelectContainerComponent', 'selector': 'ecl-select-container'},{'name': 'EclSiteFooterComponent', 'selector': 'ecl-site-footer'},{'name': 'EclSiteFooterFixedContentECComponent', 'selector': 'ecl-site-footer-fixed-content-ec'},{'name': 'EclSiteFooterFixedContentEUComponent', 'selector': 'ecl-site-footer-fixed-content-eu'},{'name': 'EclSiteHeaderActionComponent', 'selector': 'ecl-site-header-action'},{'name': 'EclSiteHeaderBannerTopComponent', 'selector': 'ecl-site-header-banner-top'},{'name': 'EclSiteHeaderComponent', 'selector': 'ecl-site-header'},{'name': 'EclSiteHeaderEnvironmentComponent', 'selector': '[eclSiteHeaderEnvironment]'},{'name': 'EclSiteHeaderLanguageComponent', 'selector': 'ecl-site-header-language'},{'name': 'EclSiteHeaderLanguagePopoverComponent', 'selector': 'ecl-site-header-language-popover'},{'name': 'EclSiteHeaderLoginComponent', 'selector': 'ecl-site-header-login'},{'name': 'EclSiteHeaderMessageComponent', 'selector': 'ecl-site-header-message'},{'name': 'EclSiteHeaderSearchComponent', 'selector': 'ecl-site-header-search'},{'name': 'EclSocialMediaFollowComponent', 'selector': 'ecl-social-media-follow'},{'name': 'EclSocialMediaFollowItemComponent', 'selector': 'ecl-social-media-follow-item'},{'name': 'EclSocialMediaShareComponent', 'selector': 'ecl-social-media-share'},{'name': 'EclSocialMediaShareItemComponent', 'selector': 'ecl-social-media-share-item'},{'name': 'EclSpinnerComponent', 'selector': 'ecl-spinner'},{'name': 'EclStickyContainerComponent', 'selector': 'ecl-sticky-container'},{'name': 'EclTabComponent', 'selector': 'ecl-tab, li[eclTab]'},{'name': 'EclTabLabelComponent', 'selector': 'ecl-tab-label'},{'name': 'EclTableSortButtonComponent', 'selector': 'button[eclTableSortButton]'},{'name': 'EclTabMoreComponent', 'selector': 'ecl-tab-more'},{'name': 'EclTabsComponent', 'selector': 'nav[eclTabs], ecl-tabs'},{'name': 'EclTagComponent', 'selector': 'ecl-tag, [eclTag]'},{'name': 'EclTimelineComponent', 'selector': 'ecl-timeline'},{'name': 'EclTimelineItemComponent', 'selector': 'ecl-timeline-item'},{'name': 'EclTimelineItemTogglerComponent', 'selector': 'ecl-timeline-item-toggler'}];
1963
1963
  var DIRECTIVES = [{'name': 'EclBannerCreditDirective', 'selector': '[eclBannerCredit]'},{'name': 'EclBannerDescriptionDirective', 'selector': '[eclBannerDescription]'},{'name': 'EclBannerDescriptionTextDirective', 'selector': '[eclBannerDescriptionText]'},{'name': 'EclBannerImageDirective', 'selector': 'img[eclBannerImage]'},{'name': 'EclBannerPictureDirective', 'selector': 'picture[eclBannerPicture]'},{'name': 'EclBannerTitleDirective', 'selector': '[eclBannerTitle]'},{'name': 'EclBannerTitleTextDirective', 'selector': '[eclBannerTitleText]'},{'name': 'ECLBaseDirective', 'selector': '[eclBase]'},{'name': 'EclBlockquoteImageDirective', 'selector': 'img[eclBlockquoteImage]'},{'name': 'EclBlockquotePictureDirective', 'selector': 'picture[eclBlockquotePicture]'},{'name': 'EclButtonLabelDirective', 'selector': '[eclButtonLabel]'},{'name': 'EclCardImageDirective', 'selector': 'img[eclCardImage]'},{'name': 'EclCardPictureDirective', 'selector': 'picture[eclCardPicture]'},{'name': 'EclCheckboxDirective', 'selector': '[eclCheckbox]'},{'name': 'EclCheckboxInputDirective', 'selector': 'input[eclCheckboxInput]'},{'name': 'ECLClickOutsideDirective', 'selector': '[eclClickOutside]'},{'name': 'EclContentBlockDescriptionDirective', 'selector': '[eclContentBlockDescription]'},{'name': 'EclContentBlockLabelDirective', 'selector': '[eclContentBlockLabel]'},{'name': 'EclContentBlockLabelsDirective', 'selector': '[eclContentBlockLabels]'},{'name': 'EclContentBlockLinkDirective', 'selector': '[eclContentBlockLink]'},{'name': 'EclContentBlockLinksContainerDirective', 'selector': '[eclContentBlockLinksContainer]'},{'name': 'EclContentBlockLinksDirective', 'selector': '[eclContentBlockLinks]'},{'name': 'EclContentBlockListContainerDirective', 'selector': '[eclContentBlockListContainer]'},{'name': 'EclContentBlockListDirective', 'selector': '[eclContentBlockList]'},{'name': 'EclContentBlockPrimaryMetaDirective', 'selector': '[eclContentBlockPrimaryMeta]'},{'name': 'EclContentBlockPrimaryMetasDirective', 'selector': '[eclContentBlockPrimaryMetas]'},{'name': 'EclContentBlockSecondaryMetaDirective', 'selector': '[eclContentBlockSecondaryMeta]'},{'name': 'EclContentBlockSecondaryMetaIconDirective', 'selector': '[eclContentBlockSecondaryMetaIcon]'},{'name': 'EclContentBlockSecondaryMetaLabelDirective', 'selector': '[eclContentBlockSecondaryMetaLabel]'},{'name': 'EclContentBlockSecondaryMetasDirective', 'selector': '[eclContentBlockSecondaryMetas]'},{'name': 'EclContentBlockTagDirective', 'selector': '[eclContentBlockTag]'},{'name': 'EclContentBlockTagsDirective', 'selector': '[eclContentBlockTags]'},{'name': 'EclContentBlockTitleDirective', 'selector': '[eclContentBlockTitle]'},{'name': 'EclContentItemImageDirective', 'selector': '[eclContentItemImage]'},{'name': 'EclContentItemPictureDirective', 'selector': '[eclContentItemPicture]'},{'name': 'EclDatePickerDirective', 'selector': 'input[eclDatePicker]'},{'name': 'EclDescriptionListDefinitionItemDirective', 'selector': '[eclDescriptionListDefinitionItem]'},{'name': 'EclDescriptionListDirective', 'selector': '[eclDescriptionList]'},{'name': 'EclDescriptionListTermDirective', 'selector': '[eclDescriptionListTerm]'},{'name': 'EclFeaturedItemLinkDirective', 'selector': '[eclFeaturedItemLink]'},{'name': 'EclFeedbackMessageDirective', 'selector': '[eclFeedbackMessage]'},{'name': 'EclFileImageDirective', 'selector': 'img[eclFileImage]'},{'name': 'EclFilePictureDirective', 'selector': 'picture[eclFilePicture]'},{'name': 'EclFileUploadDirective', 'selector': '[eclFileUpload]'},{'name': 'EclGalleryMediaDirective', 'selector': '[eclGalleryMedia], [eclGalleryImage]'},{'name': 'EclGalleryPictureDirective', 'selector': 'picture[eclGalleryPicture]'},{'name': 'EclHelpBlockDirective', 'selector': '[eclHelpBlock]'},{'name': 'EclHiddenDirective', 'selector': '[eclHidden]'},{'name': 'EclLabelDirective', 'selector': '[eclLabel]'},{'name': 'EclLinkDirective', 'selector': '[eclLink]'},{'name': 'EclLinkLabelDirective', 'selector': '[eclLinkLabel]'},{'name': 'EclListIllustrationIconDirective', 'selector': '[eclListIllustrationIcon]'},{'name': 'EclListIllustrationImageDirective', 'selector': 'img[eclListIllustrationImage]'},{'name': 'EclListIllustrationPictureDirective', 'selector': 'picture[eclListIllustrationPicture]'},{'name': 'EclMediaContainerIframeDirective', 'selector': 'iframe[eclMediaContainerIframe]'},{'name': 'EclMediaContainerItemDirective', 'selector': '[eclMediaContainerItem], img[eclMediaContainerImage]'},{'name': 'EclMediaContainerPictureDirective', 'selector': 'picture[eclMediaContainerPicture]'},{'name': 'EclMessageTitleDirective', 'selector': '[eclMessageTitle]'},{'name': 'EclModalCloseDirective', 'selector': '[eclModalClose]'},{'name': 'EclModalTriggerDirective', 'selector': '[eclModalTriggerFor]'},{'name': 'EclMultiselectOptionDirective', 'selector': 'optgroup[eclMultiselectOptgroup], option[eclMultiselectOption]'},{'name': 'EclNavigationListImageDirective', 'selector': 'img[eclNavigationListImage]'},{'name': 'EclNavigationListPictureDirective', 'selector': 'picture[eclNavigationListPicture]'},{'name': 'EclOrderedListDirective', 'selector': '[eclOrderedList]'},{'name': 'EclOrderedListItemDirective', 'selector': '[eclOrderedListItem]'},{'name': 'EclPageHeaderBackgroundImageDirective', 'selector': '[eclPageHeaderBackgroundImage]'},{'name': 'EclPageHeaderBackgroundPictureDirective', 'selector': '[eclPageHeaderBackgroundPicture]'},{'name': 'EclPageHeaderDescriptionDirective', 'selector': '[eclPageHeaderDescription]'},{'name': 'EclPageHeaderDescriptionPictureDirective', 'selector': '[eclPageHeaderDescriptionPicture]'},{'name': 'EclPageHeaderDescriptionThumbnailDirective', 'selector': '[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage] '},{'name': 'EclPageHeaderMetaDirective', 'selector': '[eclPageHeaderMeta]'},{'name': 'EclPageHeaderMetaItemDirective', 'selector': '[eclPageHeaderMetaItem]'},{'name': 'EclPageHeaderTitleDirective', 'selector': '[eclPageHeaderTitle]'},{'name': 'EclPopoverContentDirective', 'selector': '[eclPopoverContent]'},{'name': 'EclPopoverItemDirective', 'selector': '[eclPopoverItem]'},{'name': 'EclPopoverLinkDirective', 'selector': '[eclPopoverLink]'},{'name': 'EclPopoverListDirective', 'selector': '[eclPopoverList]'},{'name': 'EclPopoverToggleDirective', 'selector': '[eclPopoverToggle]'},{'name': 'EclRadioDirective', 'selector': '[eclRadio]'},{'name': 'EclRadioInputDirective', 'selector': 'input[eclRadioInput]'},{'name': 'EclRangeDirective', 'selector': 'input[eclRange]'},{'name': 'EclSelectDirective', 'selector': 'select[eclSelect]'},{'name': 'EclSiteFooterColumnDirective', 'selector': '[eclSiteFooterColumn]'},{'name': 'EclSiteFooterContentDirective', 'selector': '[eclSiteFooterContent]'},{'name': 'EclSiteFooterDescriptionDirective', 'selector': '[eclSiteFooterDescription]'},{'name': 'EclSiteFooterLinkDirective', 'selector': '[eclSiteFooterLink]'},{'name': 'EclSiteFooterListDirective', 'selector': '[eclSiteFooterList]'},{'name': 'EclSiteFooterListItemDirective', 'selector': '[eclSiteFooterListItem]'},{'name': 'EclSiteFooterLogoDirective', 'selector': '[eclSiteFooterLogo]'},{'name': 'EclSiteFooterLogoImageDesktopDirective', 'selector': '[eclSiteFooterLogoImageDesktop]'},{'name': 'EclSiteFooterLogoImageDirective', 'selector': 'img[eclSiteFooterLogoImage]'},{'name': 'EclSiteFooterLogoItemDirective', 'selector': '[eclSiteFooterLogoItem]'},{'name': 'EclSiteFooterLogoLinkDirective', 'selector': '[eclSiteFooterLogoLink]'},{'name': 'EclSiteFooterLogoListDirective', 'selector': '[eclSiteFooterLogoList]'},{'name': 'EclSiteFooterPictureDirective', 'selector': 'picture[eclSiteFooterPicture]'},{'name': 'EclSiteFooterRowDirective', 'selector': '[eclSiteFooterRow]'},{'name': 'EclSiteFooterSectionDirective', 'selector': '[eclSiteFooterSection]'},{'name': 'EclSiteFooterTitleDirective', 'selector': '[eclSiteFooterTitle]'},{'name': 'EclSiteFooterTitleLinkDirective', 'selector': '[eclSiteFooterTitleLink]'},{'name': 'EclSiteHeaderCtaDirective', 'selector': '[eclSiteHeaderCta]'},{'name': 'EclSiteHeaderLoginDescriptionDirective', 'selector': '[eclSiteHeaderLoginDescription]'},{'name': 'EclSiteHeaderLoginSeparatorDirective', 'selector': '[eclSiteHeaderLoginSeparator]'},{'name': 'EclSocialMediaFollowLinkDirective', 'selector': '[eclSocialMediaFollowLink]'},{'name': 'EclSocialMediaShareLinkDirective', 'selector': '[eclSocialMediaShareLink]'},{'name': 'EclSpinnerLabelDirective', 'selector': '[eclSpinnerLabel]'},{'name': 'EclTableBodyDirective', 'selector': '[eclTableBody]'},{'name': 'EclTableCellDirective', 'selector': '[eclTableCell]'},{'name': 'EclTableCellGroupDirective', 'selector': '[eclTableCellGroup]'},{'name': 'EclTableDirective', 'selector': '[eclTable]'},{'name': 'EclTableHeadDirective', 'selector': '[eclTableHead]'},{'name': 'EclTableHeaderDirective', 'selector': '[eclTableHeader]'},{'name': 'EclTableResponsiveDirective', 'selector': '[eclTableResponsive]'},{'name': 'EclTableRowDirective', 'selector': '[eclTableRow]'},{'name': 'EclTextAreaDirective', 'selector': 'textarea[eclTextArea]'},{'name': 'EclTextInputDirective', 'selector': 'input[eclTextInput]'},{'name': 'EclTimelineItemLabelDirective', 'selector': '[eclTimelineItemLabel]'},{'name': 'EclTimelineItemTitleDirective', 'selector': '[eclTimelineItemTitle]'},{'name': 'EclUnorderedListDirective', 'selector': '[eclUnorderedList]'},{'name': 'EclUnorderedListItemDirective', 'selector': '[eclUnorderedListItem]'}];
1964
1964
  var ACTUAL_COMPONENT = {'name': 'EclCarouselComponent'};
@@ -158,6 +158,10 @@
158
158
  <span class="modifier"></span>
159
159
  <a href="#megaMenuLink" >megaMenuLink</a>
160
160
  </li>
161
+ <li>
162
+ <span class="modifier"></span>
163
+ <a href="#role" >role</a>
164
+ </li>
161
165
  </ul>
162
166
  </td>
163
167
  </tr>
@@ -261,6 +265,9 @@
261
265
  <tr>
262
266
  <td class="col-md-4">
263
267
  <ul class="index-list">
268
+ <li>
269
+ <a href="#attr.role" >attr.role</a>
270
+ </li>
264
271
  <li>
265
272
  <a href="#class.ecl-menu__subitem" >class.ecl-menu__subitem</a>
266
273
  </li>
@@ -529,6 +536,32 @@
529
536
  </section>
530
537
  <section data-compodoc="block-properties">
531
538
  <h3>HostBindings</h3> <table class="table table-sm table-bordered">
539
+ <tbody>
540
+ <tr>
541
+ <td class="col-md-4">
542
+ <a name="attr.role"></a>
543
+ <span class="name">
544
+ <span ><b>attr.role</b></span>
545
+ <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
546
+ </span>
547
+ </td>
548
+ </tr>
549
+ <tr>
550
+ <td class="col-md-4">
551
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
552
+
553
+ </td>
554
+ </tr>
555
+ <tr>
556
+ <td class="col-md-4">
557
+ <i>Default value : </i><code>&#x27;listitem&#x27;</code>
558
+ </td>
559
+ </tr>
560
+
561
+
562
+ </tbody>
563
+ </table>
564
+ <table class="table table-sm table-bordered">
532
565
  <tbody>
533
566
  <tr>
534
567
  <td class="col-md-4">
@@ -1036,6 +1069,42 @@
1036
1069
  </tr>
1037
1070
 
1038
1071
 
1072
+ </tbody>
1073
+ </table>
1074
+ <table class="table table-sm table-bordered">
1075
+ <tbody>
1076
+ <tr>
1077
+ <td class="col-md-4">
1078
+ <a name="role"></a>
1079
+ <span class="name">
1080
+ <span class="modifier"></span>
1081
+ <span ><b>role</b></span>
1082
+ <a href="#role"><span class="icon ion-ios-link"></span></a>
1083
+ </span>
1084
+ </td>
1085
+ </tr>
1086
+ <tr>
1087
+ <td class="col-md-4">
1088
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1089
+
1090
+ </td>
1091
+ </tr>
1092
+ <tr>
1093
+ <td class="col-md-4">
1094
+ <i>Default value : </i><code>&#x27;listitem&#x27;</code>
1095
+ </td>
1096
+ </tr>
1097
+ <tr>
1098
+ <td class="col-md-4">
1099
+ <b>Decorators : </b>
1100
+ <br />
1101
+ <code>
1102
+ @HostBinding(&#x27;attr.role&#x27;)<br />
1103
+ </code>
1104
+ </td>
1105
+ </tr>
1106
+
1107
+
1039
1108
  </tbody>
1040
1109
  </table>
1041
1110
  </section>
@@ -184,6 +184,9 @@
184
184
  <li>
185
185
  <a href="#eclPlaceholder" >eclPlaceholder</a>
186
186
  </li>
187
+ <li>
188
+ <a href="#eclSize" >eclSize</a>
189
+ </li>
187
190
  <li>
188
191
  <a href="#isInvalid" >isInvalid</a>
189
192
  </li>
@@ -372,6 +375,27 @@
372
375
  </tr>
373
376
  </tbody>
374
377
  </table>
378
+ <table class="table table-sm table-bordered">
379
+ <tbody>
380
+ <tr>
381
+ <td class="col-md-4">
382
+ <a name="eclSize"></a>
383
+ <b>eclSize</b>
384
+ </td>
385
+ </tr>
386
+ <tr>
387
+ <td class="col-md-4">
388
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
389
+
390
+ </td>
391
+ </tr>
392
+ <tr>
393
+ <td class="col-md-4">
394
+ <i>Default value : </i><code>&#x27;m&#x27;</code>
395
+ </td>
396
+ </tr>
397
+ </tbody>
398
+ </table>
375
399
  <table class="table table-sm table-bordered">
376
400
  <tbody>
377
401
  <tr>
@@ -2756,7 +2756,7 @@
2756
2756
  <script src="../js/libs/htmlparser.js"></script>
2757
2757
  <script src="../js/libs/deep-iterator.js"></script>
2758
2758
  <script>
2759
- var COMPONENT_TEMPLATE = '<div><div eclMultiselectInput #eclMultiselectInput [inputPlaceholder]="mainInputPlaceholder" [selectedItems]="selectedItems" (mainInputClick)="onClickMainInput($event)" (mainInputKeydown)="onKeydownMainInput($event)" [isDisabled]="disabled" [isInvalid]="isInvalid"></div><div [style.display]="isShowMultiselectDropdown ? \'block\' : \'none\'" class="ecl-select__multiple-dropdown ecl-select__container ecl-select__container--m"> <input class="ecl-text-input" type="search" #searchInput [placeholder]="searchFieldPlaceholder" (input)="onSearch($event.target)" (keydown.enter)="onEnterSearch($event)" (keydown.arrowup)="onArrowUpSearch($event)" (keydown.arrowdown)="onArrowDownSearch($event)" /> <div eclCheckbox #selectAll class="ecl-select__multiple-all"> <input eclCheckboxInput #selectAllCheckbox [id]="selectAllId" type="checkbox" (click)="onSelectAll()" (keydown.arrowup)="onArrowUpSelectAll($event)" (keydown.arrowdown)="onArrowDownSelectAll($event)" /> <label [for]="selectAllId" eclCheckboxLabel> {{ \'ecl.multiselect.SELECT-ALL\' | translate }} ({{ optionsCount }}) </label> </div> <div class="ecl-select__multiple-options"> <ng-container *ngFor="let item of multiOptionDirectives"> <div eclMultiselectOptgroup *ngIf="item.isOptGroup()" [label]="item.label"> <div eclMultiselectOption *ngFor="let elem of item.eclOptionItems" [value]="elem.value" [label]="elem.label" [disabled]="elem.disabled" [isChecked]="elem.selected" [class]="elem.class" (optionClick)="onOptionSelected($event)" (optionKeydown)="onKeydownOption($event)"></div> </div> <div eclMultiselectOption *ngIf="!item.isOptGroup()" [value]="item.value" [label]="item.label" [disabled]="item.disabled" [isChecked]="item.selected" [class]="item.class" (optionClick)="onOptionSelected($event)" (optionKeydown)="onKeydownOption($event)"></div> </ng-container> <div *ngIf="isShowNoResultsFound" class="ecl-select__multiple-no-results"> <span>{{ \'ecl.multiselect.NO-RESULTS-FOUND\' | translate }}</span> </div> </div> <div *ngIf="isShowToolbar" class="ecl-select-multiple-toolbar"> <button eclButton variant="ghost" #clearAllBtn (keydown.arrowup)="onArrowUpCloseClear($event)" (keydown.arrowright)="onArrowRightClear($event)" (click)="onClickClearAll($event)"> {{ \'ecl.multiselect.CLEAR-ALL\' | translate }} </button> <button eclButton variant="primary" #closeBtn (keydown.arrowup)="onArrowUpCloseClear($event)" (keydown.arrowleft)="onArrowLeftClose($event)" (keydown.tab)="onTabClose($event)" (click)="onClickClose($event)"> {{ \'ecl.common.CLOSE\' | translate }} </button> </div></div></div>'
2759
+ var COMPONENT_TEMPLATE = '<div><div eclMultiselectInput #eclMultiselectInput [inputPlaceholder]="mainInputPlaceholder" [selectedItems]="selectedItems" (mainInputClick)="onClickMainInput($event)" (mainInputKeydown)="onKeydownMainInput($event)" [isDisabled]="disabled" [isInvalid]="isInvalid" [eclSize]="eclSize"></div><div [style.display]="isShowMultiselectDropdown ? \'block\' : \'none\'" class="ecl-select__multiple-dropdown ecl-select__container ecl-select__container--{{eclSize}}"> <input class="ecl-text-input" type="search" #searchInput [placeholder]="searchFieldPlaceholder" (input)="onSearch($event.target)" (keydown.enter)="onEnterSearch($event)" (keydown.arrowup)="onArrowUpSearch($event)" (keydown.arrowdown)="onArrowDownSearch($event)" /> <div eclCheckbox #selectAll class="ecl-select__multiple-all"> <input eclCheckboxInput #selectAllCheckbox [id]="selectAllId" type="checkbox" (click)="onSelectAll()" (keydown.arrowup)="onArrowUpSelectAll($event)" (keydown.arrowdown)="onArrowDownSelectAll($event)" /> <label [for]="selectAllId" eclCheckboxLabel> {{ \'ecl.multiselect.SELECT-ALL\' | translate }} ({{ optionsCount }}) </label> </div> <div class="ecl-select__multiple-options"> <ng-container *ngFor="let item of multiOptionDirectives"> <div eclMultiselectOptgroup *ngIf="item.isOptGroup()" [label]="item.label"> <div eclMultiselectOption *ngFor="let elem of item.eclOptionItems" [value]="elem.value" [label]="elem.label" [disabled]="elem.disabled" [isChecked]="elem.selected" [class]="elem.class" (optionClick)="onOptionSelected($event)" (optionKeydown)="onKeydownOption($event)"></div> </div> <div eclMultiselectOption *ngIf="!item.isOptGroup()" [value]="item.value" [label]="item.label" [disabled]="item.disabled" [isChecked]="item.selected" [class]="item.class" (optionClick)="onOptionSelected($event)" (optionKeydown)="onKeydownOption($event)"></div> </ng-container> <div *ngIf="isShowNoResultsFound" class="ecl-select__multiple-no-results"> <span>{{ \'ecl.multiselect.NO-RESULTS-FOUND\' | translate }}</span> </div> </div> <div *ngIf="isShowToolbar" class="ecl-select-multiple-toolbar"> <button eclButton variant="ghost" #clearAllBtn (keydown.arrowup)="onArrowUpCloseClear($event)" (keydown.arrowright)="onArrowRightClear($event)" (click)="onClickClearAll($event)"> {{ \'ecl.multiselect.CLEAR-ALL\' | translate }} </button> <button eclButton variant="primary" #closeBtn (keydown.arrowup)="onArrowUpCloseClear($event)" (keydown.arrowleft)="onArrowLeftClose($event)" (keydown.tab)="onTabClose($event)" (click)="onClickClose($event)"> {{ \'ecl.common.CLOSE\' | translate }} </button> </div></div></div>'
2760
2760
  var COMPONENTS = [{'name': 'EclAccordionComponent', 'selector': 'ecl-accordion'},{'name': 'EclAccordionItemComponent', 'selector': 'ecl-accordion-item'},{'name': 'EclAppComponent', 'selector': 'ecl-app'},{'name': 'EclBannerComponent', 'selector': 'ecl-banner'},{'name': 'EclBlockquoteComponent', 'selector': '[eclBlockquote]'},{'name': 'EclBreadcrumbComponent', 'selector': 'ecl-breadcrumb'},{'name': 'EclBreadcrumbSegmentComponent', 'selector': 'ecl-breadcrumb-segment'},{'name': 'EclButtonComponent', 'selector': 'button[eclButton], button[ecl-button], a[eclButton]'},{'name': 'EclCardBodyComponent', 'selector': 'ecl-card-body'},{'name': 'EclCardComponent', 'selector': 'ecl-card'},{'name': 'EclCardImageComponent', 'selector': 'div[eclCardImage]'},{'name': 'EclCarouselComponent', 'selector': 'ecl-carousel'},{'name': 'EclCarouselItemComponent', 'selector': 'ecl-carousel-item'},{'name': 'EclCategoryFilterComponent', 'selector': 'ecl-category-filter'},{'name': 'EclCategoryFilterItemComponent', 'selector': 'ecl-category-filter-item'},{'name': 'EclCategoryFilterListComponent', 'selector': 'ecl-category-filter-list'},{'name': 'EclCheckboxHelpComponent', 'selector': '[eclCheckboxHelp]'},{'name': 'EclCheckboxLabelComponent', 'selector': 'label[eclCheckboxLabel]'},{'name': 'EclContentBlockComponent', 'selector': 'ecl-content-block'},{'name': 'EclContentItemComponent', 'selector': 'ecl-content-item'},{'name': 'EclDateBlockComponent', 'selector': 'time[eclDateBlock]'},{'name': 'EclDescriptionListDefinitionComponent', 'selector': '[eclDescriptionListDefinition]'},{'name': 'EclExpandableComponent', 'selector': 'ecl-expandable'},{'name': 'EclFactFiguresComponent', 'selector': 'ecl-fact-figures'},{'name': 'EclFactFiguresDescriptionComponent', 'selector': 'ecl-fact-figures-description'},{'name': 'EclFactFiguresItemComponent', 'selector': 'ecl-fact-figures-item'},{'name': 'EclFactFiguresTitleComponent', 'selector': 'ecl-fact-figures-title'},{'name': 'EclFactFiguresValueComponent', 'selector': 'ecl-fact-figures-value'},{'name': 'EclFactFiguresViewAllComponent', 'selector': 'ecl-fact-figures-view-all'},{'name': 'EclFeaturedComponent', 'selector': 'ecl-featured'},{'name': 'EclFeaturedItemComponent', 'selector': 'ecl-featured-item'},{'name': 'EclFeaturedItemDescriptionComponent', 'selector': 'ecl-featured-item-description'},{'name': 'EclFileComponent', 'selector': 'ecl-file'},{'name': 'EclFileItemComponent', 'selector': 'ecl-file-item'},{'name': 'EclFileItemsComponent', 'selector': 'ecl-file-items'},{'name': 'EclFileTaxonomyComponent', 'selector': 'ecl-file-taxonomy'},{'name': 'EclFormGroupComponent', 'selector': '[eclFormGroup], ecl-form-group'},{'name': 'EclFormLabelComponent', 'selector': '[eclFormLabel]'},{'name': 'EclGalleryComponent', 'selector': 'ecl-gallery'},{'name': 'EclGalleryFooterComponent', 'selector': 'ecl-gallery-footer'},{'name': 'EclGalleryItemComponent', 'selector': 'ecl-gallery-item'},{'name': 'EclIconComponent', 'selector': 'ecl-icon'},{'name': 'EclInpageNavigationComponent', 'selector': 'ecl-inpage-navigation'},{'name': 'EclInpageNavigationItemComponent', 'selector': 'ecl-inpage-navigation-item'},{'name': 'EclListIllustrationComponent', 'selector': 'ecl-list-illustration'},{'name': 'EclListIllustrationImageComponent', 'selector': 'div[eclListIllustrationImage]'},{'name': 'EclListIllustrationItemComponent', 'selector': 'ecl-list-illustration-item'},{'name': 'EclMediaContainerComponent', 'selector': 'ecl-media-container'},{'name': 'EclMenuComponent', 'selector': 'ecl-menu'},{'name': 'EclMenuItemComponent', 'selector': 'ecl-menu-item'},{'name': 'EclMenuMegaComponent', 'selector': 'ecl-menu-mega'},{'name': 'EclMenuMegaItemComponent', 'selector': 'ecl-menu-mega-item'},{'name': 'EclMessageComponent', 'selector': 'ecl-message'},{'name': 'EclModalBodyComponent', 'selector': '[eclModalBody]'},{'name': 'EclModalComponent', 'selector': 'dialog[eclModal]'},{'name': 'EclModalFooterComponent', 'selector': '[eclModalFooter]'},{'name': 'EclModalHeaderComponent', 'selector': '[eclModalHeader]'},{'name': 'EclMultiselectComponent', 'selector': 'select[eclMultiselect]'},{'name': 'EclMultiselectDropdownComponent', 'selector': 'div[eclMultiselectDropdown]'},{'name': 'EclMultiselectInputComponent', 'selector': 'div[eclMultiselectInput]'},{'name': 'EclMultiselectOptgroupComponent', 'selector': 'div[eclMultiselectOptgroup]'},{'name': 'EclMultiselectOptionComponent', 'selector': 'div[eclMultiselectOption]'},{'name': 'EclNavigationListComponent', 'selector': 'ecl-navigation-list'},{'name': 'EclNavigationListImageComponent', 'selector': 'div[eclNavigationListImage]'},{'name': 'EclNavigationListItemComponent', 'selector': 'ecl-navigation-list-item'},{'name': 'EclNewsTickerComponent', 'selector': 'ecl-news-ticker'},{'name': 'EclNewsTickerItemComponent', 'selector': 'ecl-news-ticker-item'},{'name': 'EclPageHeaderComponent', 'selector': 'ecl-page-header'},{'name': 'EclPageHeaderDescriptionContainerComponent', 'selector': '[eclPageHeaderDescriptionContainer]'},{'name': 'EclPaginationComponent', 'selector': 'ecl-pagination'},{'name': 'EclPaginationItemComponent', 'selector': 'ecl-pagination-item'},{'name': 'EclPopoverComponent', 'selector': 'ecl-popover'},{'name': 'EclRadioHelpComponent', 'selector': '[eclRadioHelp]'},{'name': 'EclRadioLabelComponent', 'selector': '[eclRadioLabel]'},{'name': 'EclRangeValueComponent', 'selector': 'ecl-range-value'},{'name': 'EclRatingFieldComponent', 'selector': 'ecl-rating-field'},{'name': 'EclSearchFormComponent', 'selector': 'ecl-search-form'},{'name': 'EclSelectContainerComponent', 'selector': 'ecl-select-container'},{'name': 'EclSiteFooterComponent', 'selector': 'ecl-site-footer'},{'name': 'EclSiteFooterFixedContentECComponent', 'selector': 'ecl-site-footer-fixed-content-ec'},{'name': 'EclSiteFooterFixedContentEUComponent', 'selector': 'ecl-site-footer-fixed-content-eu'},{'name': 'EclSiteHeaderActionComponent', 'selector': 'ecl-site-header-action'},{'name': 'EclSiteHeaderBannerTopComponent', 'selector': 'ecl-site-header-banner-top'},{'name': 'EclSiteHeaderComponent', 'selector': 'ecl-site-header'},{'name': 'EclSiteHeaderEnvironmentComponent', 'selector': '[eclSiteHeaderEnvironment]'},{'name': 'EclSiteHeaderLanguageComponent', 'selector': 'ecl-site-header-language'},{'name': 'EclSiteHeaderLanguagePopoverComponent', 'selector': 'ecl-site-header-language-popover'},{'name': 'EclSiteHeaderLoginComponent', 'selector': 'ecl-site-header-login'},{'name': 'EclSiteHeaderMessageComponent', 'selector': 'ecl-site-header-message'},{'name': 'EclSiteHeaderSearchComponent', 'selector': 'ecl-site-header-search'},{'name': 'EclSocialMediaFollowComponent', 'selector': 'ecl-social-media-follow'},{'name': 'EclSocialMediaFollowItemComponent', 'selector': 'ecl-social-media-follow-item'},{'name': 'EclSocialMediaShareComponent', 'selector': 'ecl-social-media-share'},{'name': 'EclSocialMediaShareItemComponent', 'selector': 'ecl-social-media-share-item'},{'name': 'EclSpinnerComponent', 'selector': 'ecl-spinner'},{'name': 'EclStickyContainerComponent', 'selector': 'ecl-sticky-container'},{'name': 'EclTabComponent', 'selector': 'ecl-tab, li[eclTab]'},{'name': 'EclTabLabelComponent', 'selector': 'ecl-tab-label'},{'name': 'EclTableSortButtonComponent', 'selector': 'button[eclTableSortButton]'},{'name': 'EclTabMoreComponent', 'selector': 'ecl-tab-more'},{'name': 'EclTabsComponent', 'selector': 'nav[eclTabs], ecl-tabs'},{'name': 'EclTagComponent', 'selector': 'ecl-tag, [eclTag]'},{'name': 'EclTimelineComponent', 'selector': 'ecl-timeline'},{'name': 'EclTimelineItemComponent', 'selector': 'ecl-timeline-item'},{'name': 'EclTimelineItemTogglerComponent', 'selector': 'ecl-timeline-item-toggler'}];
2761
2761
  var DIRECTIVES = [{'name': 'EclBannerCreditDirective', 'selector': '[eclBannerCredit]'},{'name': 'EclBannerDescriptionDirective', 'selector': '[eclBannerDescription]'},{'name': 'EclBannerDescriptionTextDirective', 'selector': '[eclBannerDescriptionText]'},{'name': 'EclBannerImageDirective', 'selector': 'img[eclBannerImage]'},{'name': 'EclBannerPictureDirective', 'selector': 'picture[eclBannerPicture]'},{'name': 'EclBannerTitleDirective', 'selector': '[eclBannerTitle]'},{'name': 'EclBannerTitleTextDirective', 'selector': '[eclBannerTitleText]'},{'name': 'ECLBaseDirective', 'selector': '[eclBase]'},{'name': 'EclBlockquoteImageDirective', 'selector': 'img[eclBlockquoteImage]'},{'name': 'EclBlockquotePictureDirective', 'selector': 'picture[eclBlockquotePicture]'},{'name': 'EclButtonLabelDirective', 'selector': '[eclButtonLabel]'},{'name': 'EclCardImageDirective', 'selector': 'img[eclCardImage]'},{'name': 'EclCardPictureDirective', 'selector': 'picture[eclCardPicture]'},{'name': 'EclCheckboxDirective', 'selector': '[eclCheckbox]'},{'name': 'EclCheckboxInputDirective', 'selector': 'input[eclCheckboxInput]'},{'name': 'ECLClickOutsideDirective', 'selector': '[eclClickOutside]'},{'name': 'EclContentBlockDescriptionDirective', 'selector': '[eclContentBlockDescription]'},{'name': 'EclContentBlockLabelDirective', 'selector': '[eclContentBlockLabel]'},{'name': 'EclContentBlockLabelsDirective', 'selector': '[eclContentBlockLabels]'},{'name': 'EclContentBlockLinkDirective', 'selector': '[eclContentBlockLink]'},{'name': 'EclContentBlockLinksContainerDirective', 'selector': '[eclContentBlockLinksContainer]'},{'name': 'EclContentBlockLinksDirective', 'selector': '[eclContentBlockLinks]'},{'name': 'EclContentBlockListContainerDirective', 'selector': '[eclContentBlockListContainer]'},{'name': 'EclContentBlockListDirective', 'selector': '[eclContentBlockList]'},{'name': 'EclContentBlockPrimaryMetaDirective', 'selector': '[eclContentBlockPrimaryMeta]'},{'name': 'EclContentBlockPrimaryMetasDirective', 'selector': '[eclContentBlockPrimaryMetas]'},{'name': 'EclContentBlockSecondaryMetaDirective', 'selector': '[eclContentBlockSecondaryMeta]'},{'name': 'EclContentBlockSecondaryMetaIconDirective', 'selector': '[eclContentBlockSecondaryMetaIcon]'},{'name': 'EclContentBlockSecondaryMetaLabelDirective', 'selector': '[eclContentBlockSecondaryMetaLabel]'},{'name': 'EclContentBlockSecondaryMetasDirective', 'selector': '[eclContentBlockSecondaryMetas]'},{'name': 'EclContentBlockTagDirective', 'selector': '[eclContentBlockTag]'},{'name': 'EclContentBlockTagsDirective', 'selector': '[eclContentBlockTags]'},{'name': 'EclContentBlockTitleDirective', 'selector': '[eclContentBlockTitle]'},{'name': 'EclContentItemImageDirective', 'selector': '[eclContentItemImage]'},{'name': 'EclContentItemPictureDirective', 'selector': '[eclContentItemPicture]'},{'name': 'EclDatePickerDirective', 'selector': 'input[eclDatePicker]'},{'name': 'EclDescriptionListDefinitionItemDirective', 'selector': '[eclDescriptionListDefinitionItem]'},{'name': 'EclDescriptionListDirective', 'selector': '[eclDescriptionList]'},{'name': 'EclDescriptionListTermDirective', 'selector': '[eclDescriptionListTerm]'},{'name': 'EclFeaturedItemLinkDirective', 'selector': '[eclFeaturedItemLink]'},{'name': 'EclFeedbackMessageDirective', 'selector': '[eclFeedbackMessage]'},{'name': 'EclFileImageDirective', 'selector': 'img[eclFileImage]'},{'name': 'EclFilePictureDirective', 'selector': 'picture[eclFilePicture]'},{'name': 'EclFileUploadDirective', 'selector': '[eclFileUpload]'},{'name': 'EclGalleryMediaDirective', 'selector': '[eclGalleryMedia], [eclGalleryImage]'},{'name': 'EclGalleryPictureDirective', 'selector': 'picture[eclGalleryPicture]'},{'name': 'EclHelpBlockDirective', 'selector': '[eclHelpBlock]'},{'name': 'EclHiddenDirective', 'selector': '[eclHidden]'},{'name': 'EclLabelDirective', 'selector': '[eclLabel]'},{'name': 'EclLinkDirective', 'selector': '[eclLink]'},{'name': 'EclLinkLabelDirective', 'selector': '[eclLinkLabel]'},{'name': 'EclListIllustrationIconDirective', 'selector': '[eclListIllustrationIcon]'},{'name': 'EclListIllustrationImageDirective', 'selector': 'img[eclListIllustrationImage]'},{'name': 'EclListIllustrationPictureDirective', 'selector': 'picture[eclListIllustrationPicture]'},{'name': 'EclMediaContainerIframeDirective', 'selector': 'iframe[eclMediaContainerIframe]'},{'name': 'EclMediaContainerItemDirective', 'selector': '[eclMediaContainerItem], img[eclMediaContainerImage]'},{'name': 'EclMediaContainerPictureDirective', 'selector': 'picture[eclMediaContainerPicture]'},{'name': 'EclMessageTitleDirective', 'selector': '[eclMessageTitle]'},{'name': 'EclModalCloseDirective', 'selector': '[eclModalClose]'},{'name': 'EclModalTriggerDirective', 'selector': '[eclModalTriggerFor]'},{'name': 'EclMultiselectOptionDirective', 'selector': 'optgroup[eclMultiselectOptgroup], option[eclMultiselectOption]'},{'name': 'EclNavigationListImageDirective', 'selector': 'img[eclNavigationListImage]'},{'name': 'EclNavigationListPictureDirective', 'selector': 'picture[eclNavigationListPicture]'},{'name': 'EclOrderedListDirective', 'selector': '[eclOrderedList]'},{'name': 'EclOrderedListItemDirective', 'selector': '[eclOrderedListItem]'},{'name': 'EclPageHeaderBackgroundImageDirective', 'selector': '[eclPageHeaderBackgroundImage]'},{'name': 'EclPageHeaderBackgroundPictureDirective', 'selector': '[eclPageHeaderBackgroundPicture]'},{'name': 'EclPageHeaderDescriptionDirective', 'selector': '[eclPageHeaderDescription]'},{'name': 'EclPageHeaderDescriptionPictureDirective', 'selector': '[eclPageHeaderDescriptionPicture]'},{'name': 'EclPageHeaderDescriptionThumbnailDirective', 'selector': '[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage] '},{'name': 'EclPageHeaderMetaDirective', 'selector': '[eclPageHeaderMeta]'},{'name': 'EclPageHeaderMetaItemDirective', 'selector': '[eclPageHeaderMetaItem]'},{'name': 'EclPageHeaderTitleDirective', 'selector': '[eclPageHeaderTitle]'},{'name': 'EclPopoverContentDirective', 'selector': '[eclPopoverContent]'},{'name': 'EclPopoverItemDirective', 'selector': '[eclPopoverItem]'},{'name': 'EclPopoverLinkDirective', 'selector': '[eclPopoverLink]'},{'name': 'EclPopoverListDirective', 'selector': '[eclPopoverList]'},{'name': 'EclPopoverToggleDirective', 'selector': '[eclPopoverToggle]'},{'name': 'EclRadioDirective', 'selector': '[eclRadio]'},{'name': 'EclRadioInputDirective', 'selector': 'input[eclRadioInput]'},{'name': 'EclRangeDirective', 'selector': 'input[eclRange]'},{'name': 'EclSelectDirective', 'selector': 'select[eclSelect]'},{'name': 'EclSiteFooterColumnDirective', 'selector': '[eclSiteFooterColumn]'},{'name': 'EclSiteFooterContentDirective', 'selector': '[eclSiteFooterContent]'},{'name': 'EclSiteFooterDescriptionDirective', 'selector': '[eclSiteFooterDescription]'},{'name': 'EclSiteFooterLinkDirective', 'selector': '[eclSiteFooterLink]'},{'name': 'EclSiteFooterListDirective', 'selector': '[eclSiteFooterList]'},{'name': 'EclSiteFooterListItemDirective', 'selector': '[eclSiteFooterListItem]'},{'name': 'EclSiteFooterLogoDirective', 'selector': '[eclSiteFooterLogo]'},{'name': 'EclSiteFooterLogoImageDesktopDirective', 'selector': '[eclSiteFooterLogoImageDesktop]'},{'name': 'EclSiteFooterLogoImageDirective', 'selector': 'img[eclSiteFooterLogoImage]'},{'name': 'EclSiteFooterLogoItemDirective', 'selector': '[eclSiteFooterLogoItem]'},{'name': 'EclSiteFooterLogoLinkDirective', 'selector': '[eclSiteFooterLogoLink]'},{'name': 'EclSiteFooterLogoListDirective', 'selector': '[eclSiteFooterLogoList]'},{'name': 'EclSiteFooterPictureDirective', 'selector': 'picture[eclSiteFooterPicture]'},{'name': 'EclSiteFooterRowDirective', 'selector': '[eclSiteFooterRow]'},{'name': 'EclSiteFooterSectionDirective', 'selector': '[eclSiteFooterSection]'},{'name': 'EclSiteFooterTitleDirective', 'selector': '[eclSiteFooterTitle]'},{'name': 'EclSiteFooterTitleLinkDirective', 'selector': '[eclSiteFooterTitleLink]'},{'name': 'EclSiteHeaderCtaDirective', 'selector': '[eclSiteHeaderCta]'},{'name': 'EclSiteHeaderLoginDescriptionDirective', 'selector': '[eclSiteHeaderLoginDescription]'},{'name': 'EclSiteHeaderLoginSeparatorDirective', 'selector': '[eclSiteHeaderLoginSeparator]'},{'name': 'EclSocialMediaFollowLinkDirective', 'selector': '[eclSocialMediaFollowLink]'},{'name': 'EclSocialMediaShareLinkDirective', 'selector': '[eclSocialMediaShareLink]'},{'name': 'EclSpinnerLabelDirective', 'selector': '[eclSpinnerLabel]'},{'name': 'EclTableBodyDirective', 'selector': '[eclTableBody]'},{'name': 'EclTableCellDirective', 'selector': '[eclTableCell]'},{'name': 'EclTableCellGroupDirective', 'selector': '[eclTableCellGroup]'},{'name': 'EclTableDirective', 'selector': '[eclTable]'},{'name': 'EclTableHeadDirective', 'selector': '[eclTableHead]'},{'name': 'EclTableHeaderDirective', 'selector': '[eclTableHeader]'},{'name': 'EclTableResponsiveDirective', 'selector': '[eclTableResponsive]'},{'name': 'EclTableRowDirective', 'selector': '[eclTableRow]'},{'name': 'EclTextAreaDirective', 'selector': 'textarea[eclTextArea]'},{'name': 'EclTextInputDirective', 'selector': 'input[eclTextInput]'},{'name': 'EclTimelineItemLabelDirective', 'selector': '[eclTimelineItemLabel]'},{'name': 'EclTimelineItemTitleDirective', 'selector': '[eclTimelineItemTitle]'},{'name': 'EclUnorderedListDirective', 'selector': '[eclUnorderedList]'},{'name': 'EclUnorderedListItemDirective', 'selector': '[eclUnorderedListItem]'}];
2762
2762
  var ACTUAL_COMPONENT = {'name': 'EclMultiselectDropdownComponent'};
@@ -162,6 +162,9 @@
162
162
  <tr>
163
163
  <td class="col-md-4">
164
164
  <ul class="index-list">
165
+ <li>
166
+ <a href="#eclSize" >eclSize</a>
167
+ </li>
165
168
  <li>
166
169
  <a href="#inputPlaceholder" >inputPlaceholder</a>
167
170
  </li>
@@ -261,6 +264,27 @@
261
264
 
262
265
  <section data-compodoc="block-inputs">
263
266
  <h3 id="inputs">Inputs</h3>
267
+ <table class="table table-sm table-bordered">
268
+ <tbody>
269
+ <tr>
270
+ <td class="col-md-4">
271
+ <a name="eclSize"></a>
272
+ <b>eclSize</b>
273
+ </td>
274
+ </tr>
275
+ <tr>
276
+ <td class="col-md-4">
277
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
278
+
279
+ </td>
280
+ </tr>
281
+ <tr>
282
+ <td class="col-md-4">
283
+ <i>Default value : </i><code>&#x27;m&#x27;</code>
284
+ </td>
285
+ </tr>
286
+ </tbody>
287
+ </table>
264
288
  <table class="table table-sm table-bordered">
265
289
  <tbody>
266
290
  <tr>
@@ -118,6 +118,21 @@
118
118
  <h3 id="index">Index</h3>
119
119
  <table class="table table-sm table-bordered index-table">
120
120
  <tbody>
121
+ <tr>
122
+ <td class="col-md-4">
123
+ <h6><b>Properties</b></h6>
124
+ </td>
125
+ </tr>
126
+ <tr>
127
+ <td class="col-md-4">
128
+ <ul class="index-list">
129
+ <li>
130
+ <span class="modifier"></span>
131
+ <a href="#role" >role</a>
132
+ </li>
133
+ </ul>
134
+ </td>
135
+ </tr>
121
136
 
122
137
  <tr>
123
138
  <td class="col-md-4">
@@ -214,6 +229,9 @@
214
229
  <tr>
215
230
  <td class="col-md-4">
216
231
  <ul class="index-list">
232
+ <li>
233
+ <a href="#attr.role" >attr.role</a>
234
+ </li>
217
235
  <li>
218
236
  <a href="#class" >class</a>
219
237
  </li>
@@ -477,6 +495,32 @@
477
495
  </section>
478
496
  <section data-compodoc="block-properties">
479
497
  <h3>HostBindings</h3> <table class="table table-sm table-bordered">
498
+ <tbody>
499
+ <tr>
500
+ <td class="col-md-4">
501
+ <a name="attr.role"></a>
502
+ <span class="name">
503
+ <span ><b>attr.role</b></span>
504
+ <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
505
+ </span>
506
+ </td>
507
+ </tr>
508
+ <tr>
509
+ <td class="col-md-4">
510
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
511
+
512
+ </td>
513
+ </tr>
514
+ <tr>
515
+ <td class="col-md-4">
516
+ <i>Default value : </i><code>&#x27;listitem&#x27;</code>
517
+ </td>
518
+ </tr>
519
+
520
+
521
+ </tbody>
522
+ </table>
523
+ <table class="table table-sm table-bordered">
480
524
  <tbody>
481
525
  <tr>
482
526
  <td class="col-md-4">
@@ -690,6 +734,48 @@
690
734
  </tbody>
691
735
  </table>
692
736
  </section>
737
+ <section data-compodoc="block-properties">
738
+
739
+ <h3 id="inputs">
740
+ Properties
741
+ </h3>
742
+ <table class="table table-sm table-bordered">
743
+ <tbody>
744
+ <tr>
745
+ <td class="col-md-4">
746
+ <a name="role"></a>
747
+ <span class="name">
748
+ <span class="modifier"></span>
749
+ <span ><b>role</b></span>
750
+ <a href="#role"><span class="icon ion-ios-link"></span></a>
751
+ </span>
752
+ </td>
753
+ </tr>
754
+ <tr>
755
+ <td class="col-md-4">
756
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
757
+
758
+ </td>
759
+ </tr>
760
+ <tr>
761
+ <td class="col-md-4">
762
+ <i>Default value : </i><code>&#x27;listitem&#x27;</code>
763
+ </td>
764
+ </tr>
765
+ <tr>
766
+ <td class="col-md-4">
767
+ <b>Decorators : </b>
768
+ <br />
769
+ <code>
770
+ @HostBinding(&#x27;attr.role&#x27;)<br />
771
+ </code>
772
+ </td>
773
+ </tr>
774
+
775
+
776
+ </tbody>
777
+ </table>
778
+ </section>
693
779
 
694
780
  <section data-compodoc="block-accessors">
695
781
  <h3 id="accessors">
@@ -249,9 +249,9 @@
249
249
  <li>
250
250
  <b>@stackblitz/sdk</b> : 1.9.0</li>
251
251
  <li>
252
- <b>@eui/styles-base</b> : 17.0.0-rc.5</li>
252
+ <b>@eui/styles-base</b> : 17.0.0-rc.7</li>
253
253
  <li>
254
- <b>@eui/ecl</b> : 17.0.0-rc.5</li>
254
+ <b>@eui/ecl</b> : 17.0.0-rc.7</li>
255
255
  <li>
256
256
  <b>@eui/tools</b> : ^6.0.0</li>
257
257
  </ul>