@eui/ecl 17.0.1 → 17.0.2-snapshot-1701859601406

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 (36) hide show
  1. package/docs/components/EclAppComponent.html +13 -1
  2. package/docs/components/EclCarouselComponent.html +81 -7
  3. package/docs/components/EclMenuComponent.html +95 -25
  4. package/docs/components/EclMenuMegaComponent.html +70 -1
  5. package/docs/components/EclTabsComponent.html +14 -2
  6. package/docs/dependencies.html +2 -2
  7. package/docs/index.html +1 -1
  8. package/docs/injectables/EclRtlService.html +436 -0
  9. package/docs/js/menu-wc.js +3 -0
  10. package/docs/js/menu-wc_es5.js +1 -1
  11. package/docs/js/search/search_index.js +2 -2
  12. package/docs/properties.html +1 -1
  13. package/esm2022/lib/components/ecl-app/ecl-app.component.mjs +26 -8
  14. package/esm2022/lib/components/ecl-carousel/ecl-carousel.component.mjs +23 -11
  15. package/esm2022/lib/components/ecl-menu/ecl-menu/ecl-menu.component.mjs +79 -51
  16. package/esm2022/lib/components/ecl-menu/ecl-menu-mega/ecl-menu-mega.component.mjs +8 -3
  17. package/esm2022/lib/components/ecl-tabs/ecl-tabs.component.mjs +42 -16
  18. package/esm2022/lib/services/ecl-rtl.service.mjs +77 -0
  19. package/esm2022/lib/services/index.mjs +2 -1
  20. package/fesm2022/eui-ecl.mjs +223 -68
  21. package/fesm2022/eui-ecl.mjs.map +1 -1
  22. package/lib/components/ecl-app/ecl-app.component.d.ts +4 -1
  23. package/lib/components/ecl-app/ecl-app.component.d.ts.map +1 -1
  24. package/lib/components/ecl-carousel/ecl-carousel.component.d.ts +7 -2
  25. package/lib/components/ecl-carousel/ecl-carousel.component.d.ts.map +1 -1
  26. package/lib/components/ecl-menu/ecl-menu/ecl-menu.component.d.ts +14 -8
  27. package/lib/components/ecl-menu/ecl-menu/ecl-menu.component.d.ts.map +1 -1
  28. package/lib/components/ecl-menu/ecl-menu-mega/ecl-menu-mega.component.d.ts +4 -0
  29. package/lib/components/ecl-menu/ecl-menu-mega/ecl-menu-mega.component.d.ts.map +1 -1
  30. package/lib/components/ecl-tabs/ecl-tabs.component.d.ts +10 -1
  31. package/lib/components/ecl-tabs/ecl-tabs.component.d.ts.map +1 -1
  32. package/lib/services/ecl-rtl.service.d.ts +23 -0
  33. package/lib/services/ecl-rtl.service.d.ts.map +1 -0
  34. package/lib/services/index.d.ts +1 -0
  35. package/lib/services/index.d.ts.map +1 -1
  36. package/package.json +2 -2
package/docs/components/EclAppComponent.html CHANGED
@@ -280,7 +280,7 @@
280
280
  <tbody>
281
281
  <tr>
282
282
  <td class="col-md-4">
283
- <code>constructor(eclLanguageService: <a href="../classes/EclLanguageService.html" target="_self">EclLanguageService</a>)</code>
283
+ <code>constructor(eclLanguageService: <a href="../classes/EclLanguageService.html" target="_self">EclLanguageService</a>, eclRtlService: <a href="../injectables/EclRtlService.html" target="_self">EclRtlService</a>)</code>
284
284
  </td>
285
285
  </tr>
286
286
 
@@ -309,6 +309,18 @@
309
309
  </td>
310
310
 
311
311
  </tr>
312
+ <tr>
313
+ <td>eclRtlService</td>
314
+
315
+ <td>
316
+ <code><a href="../injectables/EclRtlService.html" target="_self" >EclRtlService</a></code>
317
+ </td>
318
+
319
+ <td>
320
+ No
321
+ </td>
322
+
323
+ </tr>
312
324
  </tbody>
313
325
  </table>
314
326
  </div>
package/docs/components/EclCarouselComponent.html CHANGED
@@ -235,6 +235,10 @@
235
235
  <span class="modifier">Public</span>
236
236
  <a href="#isPlaying" >isPlaying</a>
237
237
  </li>
238
+ <li>
239
+ <span class="modifier">Public</span>
240
+ <a href="#isRtl" >isRtl</a>
241
+ </li>
238
242
  <li>
239
243
  <span class="modifier">Public</span>
240
244
  <a href="#isTabletBreakpoint" >isTabletBreakpoint</a>
@@ -291,7 +295,11 @@
291
295
  </li>
292
296
  <li>
293
297
  <span class="modifier">Public</span>
294
- <a href="#getCarouselSlidesOffset" >getCarouselSlidesOffset</a>
298
+ <a href="#getCarouselSlidesOffsetLeft" >getCarouselSlidesOffsetLeft</a>
299
+ </li>
300
+ <li>
301
+ <span class="modifier">Public</span>
302
+ <a href="#getCarouselSlidesOffsetRight" >getCarouselSlidesOffsetRight</a>
295
303
  </li>
296
304
  <li>
297
305
  <span class="modifier">Public</span>
@@ -438,7 +446,7 @@
438
446
  <tbody>
439
447
  <tr>
440
448
  <td class="col-md-4">
441
- <code>constructor(cdkBreakpointObserver: BreakpointObserver, cd: ChangeDetectorRef, renderer2: Renderer2)</code>
449
+ <code>constructor(cdkBreakpointObserver: BreakpointObserver, cd: ChangeDetectorRef, renderer2: Renderer2, eclRtlService: <a href="../injectables/EclRtlService.html" target="_self">EclRtlService</a>)</code>
442
450
  </td>
443
451
  </tr>
444
452
 
@@ -491,6 +499,18 @@
491
499
  </td>
492
500
 
493
501
  </tr>
502
+ <tr>
503
+ <td>eclRtlService</td>
504
+
505
+ <td>
506
+ <code><a href="../injectables/EclRtlService.html" target="_self" >EclRtlService</a></code>
507
+ </td>
508
+
509
+ <td>
510
+ No
511
+ </td>
512
+
513
+ </tr>
494
514
  </tbody>
495
515
  </table>
496
516
  </div>
@@ -707,18 +727,51 @@
707
727
  <tbody>
708
728
  <tr>
709
729
  <td class="col-md-4">
710
- <a name="getCarouselSlidesOffset"></a>
730
+ <a name="getCarouselSlidesOffsetLeft"></a>
711
731
  <span class="name">
712
732
  <span class="modifier">Public</span>
713
- <span ><b>getCarouselSlidesOffset</b></span>
714
- <a href="#getCarouselSlidesOffset"><span class="icon ion-ios-link"></span></a>
733
+ <span ><b>getCarouselSlidesOffsetLeft</b></span>
734
+ <a href="#getCarouselSlidesOffsetLeft"><span class="icon ion-ios-link"></span></a>
715
735
  </span>
716
736
  </td>
717
737
  </tr>
718
738
  <tr>
719
739
  <td class="col-md-4">
720
740
  <span class="modifier-icon icon ion-ios-reset"></span>
721
- <code>getCarouselSlidesOffset()</code>
741
+ <code>getCarouselSlidesOffsetLeft()</code>
742
+ </td>
743
+ </tr>
744
+
745
+
746
+
747
+
748
+ <tr>
749
+ <td class="col-md-4">
750
+
751
+ <div class="io-description">
752
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
753
+
754
+ </div>
755
+ </td>
756
+ </tr>
757
+ </tbody>
758
+ </table>
759
+ <table class="table table-sm table-bordered">
760
+ <tbody>
761
+ <tr>
762
+ <td class="col-md-4">
763
+ <a name="getCarouselSlidesOffsetRight"></a>
764
+ <span class="name">
765
+ <span class="modifier">Public</span>
766
+ <span ><b>getCarouselSlidesOffsetRight</b></span>
767
+ <a href="#getCarouselSlidesOffsetRight"><span class="icon ion-ios-link"></span></a>
768
+ </span>
769
+ </td>
770
+ </tr>
771
+ <tr>
772
+ <td class="col-md-4">
773
+ <span class="modifier-icon icon ion-ios-reset"></span>
774
+ <code>getCarouselSlidesOffsetRight()</code>
722
775
  </td>
723
776
  </tr>
724
777
 
@@ -1690,6 +1743,27 @@
1690
1743
  </tr>
1691
1744
 
1692
1745
 
1746
+ </tbody>
1747
+ </table>
1748
+ <table class="table table-sm table-bordered">
1749
+ <tbody>
1750
+ <tr>
1751
+ <td class="col-md-4">
1752
+ <a name="isRtl"></a>
1753
+ <span class="name">
1754
+ <span class="modifier">Public</span>
1755
+ <span ><b>isRtl</b></span>
1756
+ <a href="#isRtl"><span class="icon ion-ios-link"></span></a>
1757
+ </span>
1758
+ </td>
1759
+ </tr>
1760
+ <tr>
1761
+ <td class="col-md-4">
1762
+ <i>Default value : </i><code>false</code>
1763
+ </td>
1764
+ </tr>
1765
+
1766
+
1693
1767
  </tbody>
1694
1768
  </table>
1695
1769
  <table class="table table-sm table-bordered">
@@ -2016,7 +2090,7 @@
2016
2090
  <script src="../js/libs/htmlparser.js"></script>
2017
2091
  <script src="../js/libs/deep-iterator.js"></script>
2018
2092
  <script>
2019
- 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>'
2093
+ 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]="!isRtl ? getCarouselSlidesOffsetLeft() : null" [style.right.px]="isRtl ? getCarouselSlidesOffsetRight() : null" [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>'
2020
2094
  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'}];
2021
2095
  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]'}];
2022
2096
  var ACTUAL_COMPONENT = {'name': 'EclCarouselComponent'};
package/docs/components/EclMenuComponent.html CHANGED
@@ -216,9 +216,6 @@
216
216
  <span class="modifier"></span>
217
217
  <a href="#innerSection" >innerSection</a>
218
218
  </li>
219
- <li>
220
- <a href="#isCurrentItemVisible" >isCurrentItemVisible</a>
221
- </li>
222
219
  <li>
223
220
  <span class="modifier"></span>
224
221
  <a href="#isHamburgerMenuOpened" >isHamburgerMenuOpened</a>
@@ -231,6 +228,9 @@
231
228
  <span class="modifier"></span>
232
229
  <a href="#isMobileBreakpoint" >isMobileBreakpoint</a>
233
230
  </li>
231
+ <li>
232
+ <a href="#isPrevBtnCurrentClass" >isPrevBtnCurrentClass</a>
233
+ </li>
234
234
  <li>
235
235
  <a href="#isShowNextBtn" >isShowNextBtn</a>
236
236
  </li>
@@ -241,6 +241,12 @@
241
241
  <span class="modifier"></span>
242
242
  <a href="#itemsList" >itemsList</a>
243
243
  </li>
244
+ <li>
245
+ <a href="#menuListStyleLeft" >menuListStyleLeft</a>
246
+ </li>
247
+ <li>
248
+ <a href="#menuListStyleRight" >menuListStyleRight</a>
249
+ </li>
244
250
  <li>
245
251
  <span class="modifier"></span>
246
252
  <a href="#role" >role</a>
@@ -410,7 +416,7 @@
410
416
  <tbody>
411
417
  <tr>
412
418
  <td class="col-md-4">
413
- <code>constructor(el: ElementRef, differs: IterableDiffers, cdkBreakpointObserver: BreakpointObserver, renderer: Renderer2)</code>
419
+ <code>constructor(el: ElementRef, differs: IterableDiffers, cdkBreakpointObserver: BreakpointObserver, renderer: Renderer2, eclRtlService: <a href="../injectables/EclRtlService.html" target="_self">EclRtlService</a>)</code>
414
420
  </td>
415
421
  </tr>
416
422
 
@@ -475,6 +481,18 @@
475
481
  </td>
476
482
 
477
483
  </tr>
484
+ <tr>
485
+ <td>eclRtlService</td>
486
+
487
+ <td>
488
+ <code><a href="../injectables/EclRtlService.html" target="_self" >EclRtlService</a></code>
489
+ </td>
490
+
491
+ <td>
492
+ No
493
+ </td>
494
+
495
+ </tr>
478
496
  </tbody>
479
497
  </table>
480
498
  </div>
@@ -1437,26 +1455,6 @@
1437
1455
  </tr>
1438
1456
 
1439
1457
 
1440
- </tbody>
1441
- </table>
1442
- <table class="table table-sm table-bordered">
1443
- <tbody>
1444
- <tr>
1445
- <td class="col-md-4">
1446
- <a name="isCurrentItemVisible"></a>
1447
- <span class="name">
1448
- <span ><b>isCurrentItemVisible</b></span>
1449
- <a href="#isCurrentItemVisible"><span class="icon ion-ios-link"></span></a>
1450
- </span>
1451
- </td>
1452
- </tr>
1453
- <tr>
1454
- <td class="col-md-4">
1455
- <i>Default value : </i><code>false</code>
1456
- </td>
1457
- </tr>
1458
-
1459
-
1460
1458
  </tbody>
1461
1459
  </table>
1462
1460
  <table class="table table-sm table-bordered">
@@ -1547,6 +1545,26 @@
1547
1545
  </tr>
1548
1546
 
1549
1547
 
1548
+ </tbody>
1549
+ </table>
1550
+ <table class="table table-sm table-bordered">
1551
+ <tbody>
1552
+ <tr>
1553
+ <td class="col-md-4">
1554
+ <a name="isPrevBtnCurrentClass"></a>
1555
+ <span class="name">
1556
+ <span ><b>isPrevBtnCurrentClass</b></span>
1557
+ <a href="#isPrevBtnCurrentClass"><span class="icon ion-ios-link"></span></a>
1558
+ </span>
1559
+ </td>
1560
+ </tr>
1561
+ <tr>
1562
+ <td class="col-md-4">
1563
+ <i>Default value : </i><code>false</code>
1564
+ </td>
1565
+ </tr>
1566
+
1567
+
1550
1568
  </tbody>
1551
1569
  </table>
1552
1570
  <table class="table table-sm table-bordered">
@@ -1618,6 +1636,58 @@
1618
1636
  </tr>
1619
1637
 
1620
1638
 
1639
+ </tbody>
1640
+ </table>
1641
+ <table class="table table-sm table-bordered">
1642
+ <tbody>
1643
+ <tr>
1644
+ <td class="col-md-4">
1645
+ <a name="menuListStyleLeft"></a>
1646
+ <span class="name">
1647
+ <span ><b>menuListStyleLeft</b></span>
1648
+ <a href="#menuListStyleLeft"><span class="icon ion-ios-link"></span></a>
1649
+ </span>
1650
+ </td>
1651
+ </tr>
1652
+ <tr>
1653
+ <td class="col-md-4">
1654
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1655
+
1656
+ </td>
1657
+ </tr>
1658
+ <tr>
1659
+ <td class="col-md-4">
1660
+ <i>Default value : </i><code>&#x27;auto&#x27;</code>
1661
+ </td>
1662
+ </tr>
1663
+
1664
+
1665
+ </tbody>
1666
+ </table>
1667
+ <table class="table table-sm table-bordered">
1668
+ <tbody>
1669
+ <tr>
1670
+ <td class="col-md-4">
1671
+ <a name="menuListStyleRight"></a>
1672
+ <span class="name">
1673
+ <span ><b>menuListStyleRight</b></span>
1674
+ <a href="#menuListStyleRight"><span class="icon ion-ios-link"></span></a>
1675
+ </span>
1676
+ </td>
1677
+ </tr>
1678
+ <tr>
1679
+ <td class="col-md-4">
1680
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1681
+
1682
+ </td>
1683
+ </tr>
1684
+ <tr>
1685
+ <td class="col-md-4">
1686
+ <i>Default value : </i><code>&#x27;auto&#x27;</code>
1687
+ </td>
1688
+ </tr>
1689
+
1690
+
1621
1691
  </tbody>
1622
1692
  </table>
1623
1693
  <table class="table table-sm table-bordered">
@@ -1711,7 +1781,7 @@
1711
1781
  <script src="../js/libs/htmlparser.js"></script>
1712
1782
  <script src="../js/libs/deep-iterator.js"></script>
1713
1783
  <script>
1714
- var COMPONENT_TEMPLATE = '<div><div class="ecl-menu__overlay" (click)="onOverlayClick()"></div><div class="ecl-container ecl-menu__container"> <a eclLink href="#" variant="standalone" class="ecl-menu__open" (click)="onMenuOpenClick($event)"> <ecl-icon icon="hamburger" size="s"></ecl-icon> {{ \'ecl.menu.MENU\' | translate }} </a> <section class="ecl-menu__inner" #innerSection [class.ecl-menu__inner--expanded]="isMenuExpandedInMobile" [class.ecl-menu__inner--has-overflow]="hasOverflow"> <header class="ecl-menu__inner-header"> <button eclButton variant="text" class="ecl-menu__close" containerStyleClass="ecl-menu__close-container" (click)="onMenuCloseClick($event)"> <ecl-icon icon="close-filled" size="s"></ecl-icon> <span eclButtonLabel>{{ \'ecl.common.CLOSE\' | translate }}</span> </button> <div class="ecl-menu__title">{{ \'ecl.menu.MENU\' | translate }}</div> <button eclButton variant="text" class="ecl-menu__back" (click)="onMenuBackClick($event)"> <ecl-icon icon="corner-arrow" size="s" transform="rotate-270"></ecl-icon> <span eclButtonLabel>{{ \'ecl.common.BACK\' | translate }}</span> </button> </header> <button eclButton #btnPrevious tabindex="-1" variant="ghost" class="ecl-menu__item ecl-menu__items-previous" [class.ecl-menu__item--current]="isCurrentItemVisible" [style.display]="isShowPrevBtn ? \'block\' : \'none\'" (click)="onPrevBtnClick()"> <ecl-icon icon="corner-arrow" size="s" transform="rotate-270"></ecl-icon> <span eclButtonLabel class="ecl-u-sr-only">{{ \'ecl.common.PREVIOUS\' | translate }}</span> </button> <button eclButton #btnNext variant="ghost" tabindex="-1" class="ecl-menu__item ecl-menu__items-next" [class.ecl-menu__item--current]="!isCurrentItemVisible" [style.display]="isShowNextBtn ? \'block\' : \'none\'" (click)="onNextBtnClick()"> <ecl-icon icon="corner-arrow" size="s" transform="rotate-90"></ecl-icon> <span eclButtonLabel class="ecl-u-sr-only">{{ \'ecl.common.NEXT\' | translate }}</span> </button> <ul class="ecl-menu__list" #itemsList> <ng-content></ng-content> </ul> </section></div></div>'
1784
+ var COMPONENT_TEMPLATE = '<div><div class="ecl-menu__overlay" (click)="onOverlayClick()"></div><div class="ecl-container ecl-menu__container"> <a eclLink href="#" variant="standalone" class="ecl-menu__open" (click)="onMenuOpenClick($event)"> <ecl-icon icon="hamburger" size="s"></ecl-icon> {{ \'ecl.menu.MENU\' | translate }} </a> <section class="ecl-menu__inner" #innerSection [class.ecl-menu__inner--expanded]="isMenuExpandedInMobile" [class.ecl-menu__inner--has-overflow]="hasOverflow"> <header class="ecl-menu__inner-header"> <button eclButton variant="text" class="ecl-menu__close" containerStyleClass="ecl-menu__close-container" (click)="onMenuCloseClick($event)"> <ecl-icon icon="close-filled" size="s"></ecl-icon> <span eclButtonLabel>{{ \'ecl.common.CLOSE\' | translate }}</span> </button> <div class="ecl-menu__title">{{ \'ecl.menu.MENU\' | translate }}</div> <button eclButton variant="text" class="ecl-menu__back" (click)="onMenuBackClick($event)"> <ecl-icon icon="corner-arrow" size="s" transform="rotate-270"></ecl-icon> <span eclButtonLabel>{{ \'ecl.common.BACK\' | translate }}</span> </button> </header> <button eclButton #btnPrevious tabindex="-1" variant="ghost" class="ecl-menu__item ecl-menu__items-previous" [class.ecl-menu__item--current]="isPrevBtnCurrentClass" [style.display]="isShowPrevBtn ? \'block\' : \'none\'" (click)="onPrevBtnClick()"> <ecl-icon icon="corner-arrow" size="s" transform="rotate-270"></ecl-icon> <span eclButtonLabel class="ecl-u-sr-only">{{ \'ecl.common.PREVIOUS\' | translate }}</span> </button> <button eclButton #btnNext variant="ghost" tabindex="-1" class="ecl-menu__item ecl-menu__items-next" [class.ecl-menu__item--current]="!isPrevBtnCurrentClass" [style.display]="isShowNextBtn ? \'block\' : \'none\'" (click)="onNextBtnClick()"> <ecl-icon icon="corner-arrow" size="s" transform="rotate-90"></ecl-icon> <span eclButtonLabel class="ecl-u-sr-only">{{ \'ecl.common.NEXT\' | translate }}</span> </button> <ul class="ecl-menu__list" #itemsList [style.right]="menuListStyleRight" [style.left]="menuListStyleLeft"> <ng-content></ng-content> </ul> </section></div></div>'
1715
1785
  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'}];
1716
1786
  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]'}];
1717
1787
  var ACTUAL_COMPONENT = {'name': 'EclMenuComponent'};
package/docs/components/EclMenuMegaComponent.html CHANGED
@@ -195,6 +195,10 @@
195
195
  <span class="modifier">Public</span>
196
196
  <a href="#el" >el</a>
197
197
  </li>
198
+ <li>
199
+ <span class="modifier"></span>
200
+ <a href="#isRtlDisplay" >isRtlDisplay</a>
201
+ </li>
198
202
  <li>
199
203
  <span class="modifier"></span>
200
204
  <a href="#offsetLeft" >offsetLeft</a>
@@ -234,7 +238,7 @@
234
238
  <td class="col-md-4">
235
239
  <ul class="index-list">
236
240
  <li>
237
- <a href="#isRtl" >isRtl</a>
241
+ <a href="#isRtl" class="deprecated-name">isRtl</a>
238
242
  </li>
239
243
  <li>
240
244
  <a href="#class" >class</a>
@@ -278,6 +282,9 @@
278
282
  <li>
279
283
  <a href="#class" >class</a>
280
284
  </li>
285
+ <li>
286
+ <a href="#class.ecl-menu__mega--rtl" >class.ecl-menu__mega--rtl</a>
287
+ </li>
281
288
  <li>
282
289
  <a href="#style.left.px" >style.left.px</a>
283
290
  </li>
@@ -490,6 +497,32 @@
490
497
  </tr>
491
498
 
492
499
 
500
+ </tbody>
501
+ </table>
502
+ <table class="table table-sm table-bordered">
503
+ <tbody>
504
+ <tr>
505
+ <td class="col-md-4">
506
+ <a name="class.ecl-menu__mega--rtl"></a>
507
+ <span class="name">
508
+ <span ><b>class.ecl-menu__mega--rtl</b></span>
509
+ <a href="#class.ecl-menu__mega--rtl"><span class="icon ion-ios-link"></span></a>
510
+ </span>
511
+ </td>
512
+ </tr>
513
+ <tr>
514
+ <td class="col-md-4">
515
+ <i>Type : </i> <code>boolean | any</code>
516
+
517
+ </td>
518
+ </tr>
519
+ <tr>
520
+ <td class="col-md-4">
521
+ <i>Default value : </i><code>false</code>
522
+ </td>
523
+ </tr>
524
+
525
+
493
526
  </tbody>
494
527
  </table>
495
528
  <table class="table table-sm table-bordered">
@@ -691,6 +724,42 @@
691
724
  </tr>
692
725
 
693
726
 
727
+ </tbody>
728
+ </table>
729
+ <table class="table table-sm table-bordered">
730
+ <tbody>
731
+ <tr>
732
+ <td class="col-md-4">
733
+ <a name="isRtlDisplay"></a>
734
+ <span class="name">
735
+ <span class="modifier"></span>
736
+ <span ><b>isRtlDisplay</b></span>
737
+ <a href="#isRtlDisplay"><span class="icon ion-ios-link"></span></a>
738
+ </span>
739
+ </td>
740
+ </tr>
741
+ <tr>
742
+ <td class="col-md-4">
743
+ <i>Type : </i> <code>boolean | any</code>
744
+
745
+ </td>
746
+ </tr>
747
+ <tr>
748
+ <td class="col-md-4">
749
+ <i>Default value : </i><code>false</code>
750
+ </td>
751
+ </tr>
752
+ <tr>
753
+ <td class="col-md-4">
754
+ <b>Decorators : </b>
755
+ <br />
756
+ <code>
757
+ @HostBinding(&#x27;class.ecl-menu__mega--rtl&#x27;)<br />
758
+ </code>
759
+ </td>
760
+ </tr>
761
+
762
+
694
763
  </tbody>
695
764
  </table>
696
765
  <table class="table table-sm table-bordered">