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

package/docs/components/EclTabsComponent.html

@@ -96,6 +96,15 @@
             </tr>
 
 
+            <tr>
+                <td class="col-md-3">styles</td>
+                <td class="col-md-9"><code>
+        /* TODO: remove when ECL fixes the issue with too big margin */
+        .ecl-tabs {
+            margin-bottom: 0;
+        }
+    </code></td>
+            </tr>
 
 
             <tr>
@@ -126,6 +135,10 @@
                 <tr>
                     <td class="col-md-4">
                         <ul class="index-list">
+                            <li>
+                                    <span class="modifier">Public</span>
+                                <a href="#isMobileBreakpoint" >isMobileBreakpoint</a>
+                            </li>
                             <li>
                                 <a href="#tabs" >tabs</a>
                             </li>
@@ -141,6 +154,43 @@
                 <tr>
                     <td class="col-md-4">
                         <ul class="index-list">
+                            <li>
+                                    <span class="modifier">Public</span>
+                                <a href="#getHiddenTabsCount" >getHiddenTabsCount</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Public</span>
+                                <a href="#getTabsWidth" >getTabsWidth</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Public</span>
+                                <a href="#getTabsWidthStyle" >getTabsWidthStyle</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Public</span>
+                                <a href="#getTransitionDuration" >getTransitionDuration</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Public</span>
+                                <a href="#isMoreButtonHidden" >isMoreButtonHidden</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Public</span>
+                                <a href="#isScrollNextHidden" >isScrollNextHidden</a>
+                            </li>
+                            <li>
+                                    <span class="modifier">Public</span>
+                                <a href="#isScrollPrevHidden" >isScrollPrevHidden</a>
+                            </li>
+                            <li>
+                                <a href="#onScrollNext" >onScrollNext</a>
+                            </li>
+                            <li>
+                                <a href="#onScrollPrev" >onScrollPrev</a>
+                            </li>
+                            <li>
+                                <a href="#onWindowResize" >onWindowResize</a>
+                            </li>
                             <li>
                                 <a href="#getCssClasses" >getCssClasses</a>
                             </li>
@@ -185,6 +235,20 @@
                 </tr>
 
 
+                <tr>
+                    <td class="col-md-4">
+                        <h6><b>HostListeners</b></h6>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <ul class="index-list">
+                            <li>
+                                <a href="#window:resize" >window:resize</a>
+                            </li>
+                        </ul>
+                    </td>
+                </tr>
 
         </tbody>
     </table>
@@ -196,7 +260,7 @@
             <tbody>
                 <tr>
                     <td class="col-md-4">
-<code>constructor(differs: <a href="https://angular.io/api/core/IterableDiffers" target="_blank">IterableDiffers</a>, cd: <a href="https://angular.io/api/core/ChangeDetectorRef" target="_blank">ChangeDetectorRef</a>)</code>
+<code>constructor(differs: <a href="https://angular.io/api/core/IterableDiffers" target="_blank">IterableDiffers</a>, cdkBreakpointObserver: BreakpointObserver, cd: <a href="https://angular.io/api/core/ChangeDetectorRef" target="_blank">ChangeDetectorRef</a>)</code>
                     </td>
                 </tr>
 
@@ -224,6 +288,18 @@
                                                             No
                                                     </td>
                                                     
+                                                </tr>
+                                                <tr>
+                                                        <td>cdkBreakpointObserver</td>
+                                                  
+                                                        <td>
+                                                                    <code>BreakpointObserver</code>
+                                                        </td>
+                                                  
+                                                    <td>
+                                                            No
+                                                    </td>
+                                                    
                                                 </tr>
                                                 <tr>
                                                         <td>cd</td>
@@ -322,12 +398,371 @@
         </table>
 </section>
 
+    <section>
+    <h3>HostListeners</h3>    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="window:resize"></a>
+                    <span class="name">
+                        <span ><b>window:resize</b></span>
+                        <a href="#window:resize"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <i>Arguments : </i><code>'$event' </code>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+<code>window:resize()</code>
+                </td>
+            </tr>
+
+
+
 
+        </tbody>
+    </table>
+</section>
     <section>
     
     <h3 id="methods">
         Methods
     </h3>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="getHiddenTabsCount"></a>
+                    <span class="name">
+                        <span class="modifier">Public</span>
+                        <span ><b>getHiddenTabsCount</b></span>
+                        <a href="#getHiddenTabsCount"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <span class="modifier-icon icon ion-ios-reset"></span>
+                    <code>getHiddenTabsCount()</code>
+                </td>
+            </tr>
+
+
+
+
+            <tr>
+                <td class="col-md-4">
+
+                    <div class="io-description">
+                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
+
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="getTabsWidth"></a>
+                    <span class="name">
+                        <span class="modifier">Public</span>
+                        <span ><b>getTabsWidth</b></span>
+                        <a href="#getTabsWidth"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <span class="modifier-icon icon ion-ios-reset"></span>
+                    <code>getTabsWidth()</code>
+                </td>
+            </tr>
+
+
+
+
+            <tr>
+                <td class="col-md-4">
+
+                    <div class="io-description">
+                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
+
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="getTabsWidthStyle"></a>
+                    <span class="name">
+                        <span class="modifier">Public</span>
+                        <span ><b>getTabsWidthStyle</b></span>
+                        <a href="#getTabsWidthStyle"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <span class="modifier-icon icon ion-ios-reset"></span>
+                    <code>getTabsWidthStyle()</code>
+                </td>
+            </tr>
+
+
+
+
+            <tr>
+                <td class="col-md-4">
+
+                    <div class="io-description">
+                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="getTransitionDuration"></a>
+                    <span class="name">
+                        <span class="modifier">Public</span>
+                        <span ><b>getTransitionDuration</b></span>
+                        <a href="#getTransitionDuration"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <span class="modifier-icon icon ion-ios-reset"></span>
+                    <code>getTransitionDuration()</code>
+                </td>
+            </tr>
+
+
+
+
+            <tr>
+                <td class="col-md-4">
+
+                    <div class="io-description">
+                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="isMoreButtonHidden"></a>
+                    <span class="name">
+                        <span class="modifier">Public</span>
+                        <span ><b>isMoreButtonHidden</b></span>
+                        <a href="#isMoreButtonHidden"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <span class="modifier-icon icon ion-ios-reset"></span>
+                    <code>isMoreButtonHidden()</code>
+                </td>
+            </tr>
+
+
+
+
+            <tr>
+                <td class="col-md-4">
+
+                    <div class="io-description">
+                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="isScrollNextHidden"></a>
+                    <span class="name">
+                        <span class="modifier">Public</span>
+                        <span ><b>isScrollNextHidden</b></span>
+                        <a href="#isScrollNextHidden"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <span class="modifier-icon icon ion-ios-reset"></span>
+                    <code>isScrollNextHidden()</code>
+                </td>
+            </tr>
+
+
+
+
+            <tr>
+                <td class="col-md-4">
+
+                    <div class="io-description">
+                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="isScrollPrevHidden"></a>
+                    <span class="name">
+                        <span class="modifier">Public</span>
+                        <span ><b>isScrollPrevHidden</b></span>
+                        <a href="#isScrollPrevHidden"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+                    <span class="modifier-icon icon ion-ios-reset"></span>
+                    <code>isScrollPrevHidden()</code>
+                </td>
+            </tr>
+
+
+
+
+            <tr>
+                <td class="col-md-4">
+
+                    <div class="io-description">
+                        <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="onScrollNext"></a>
+                    <span class="name">
+                        <span ><b>onScrollNext</b></span>
+                        <a href="#onScrollNext"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+<code>onScrollNext()</code>
+                </td>
+            </tr>
+
+
+
+
+            <tr>
+                <td class="col-md-4">
+
+                    <div class="io-description">
+                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="onScrollPrev"></a>
+                    <span class="name">
+                        <span ><b>onScrollPrev</b></span>
+                        <a href="#onScrollPrev"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+<code>onScrollPrev()</code>
+                </td>
+            </tr>
+
+
+
+
+            <tr>
+                <td class="col-md-4">
+
+                    <div class="io-description">
+                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="onWindowResize"></a>
+                    <span class="name">
+                        <span ><b>onWindowResize</b></span>
+                        <a href="#onWindowResize"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+<code>onWindowResize()</code>
+                </td>
+            </tr>
+
+            <tr>
+                <td class="col-md-4">
+                    <b>Decorators : </b>
+                    <br />
+                    <code>@HostListener(&#x27;window:resize&#x27;, [&#x27;$event&#x27;])<br /></code>
+                </td>
+            </tr>
+
+
+
+            <tr>
+                <td class="col-md-4">
+
+                    <div class="io-description">
+                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+
+                    </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -397,6 +832,33 @@
     <h3 id="inputs">
         Properties
     </h3>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="isMobileBreakpoint"></a>
+                    <span class="name">
+                            <span class="modifier">Public</span>
+                        <span ><b>isMobileBreakpoint</b></span>
+                        <a href="#isMobileBreakpoint"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>false</code>
+                    </td>
+                </tr>
+
+
+        </tbody>
+    </table>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -443,8 +905,8 @@
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><nav class="ecl-tabs">    <div class="ecl-tabs__container">        <ul class="ecl-tabs__list">            <ng-content select="ecl-tab"></ng-content>        </ul>    </div>    <ng-container *ngFor="let tab of tabs.toArray()">        <div class="{{ bodyClass }}" *ngIf="tab.isActive">            <ng-container *ngTemplateOutlet="tab.contentTemplate"></ng-container>        </div>    </ng-container></nav></div>'
-    var COMPONENTS = [{'name': 'EclAccordionComponent', 'selector': 'ecl-accordion'},{'name': 'EclAccordionItemComponent', 'selector': 'ecl-accordion-item'},{'name': 'EclAppComponent', 'selector': 'ecl-app'},{'name': 'EclAppComponentBase', 'selector': ''},{'name': 'EclAppCoreComponent', 'selector': 'ecl-app-core'},{'name': 'EclAppHarmonisedComponent', 'selector': 'ecl-app-harmonised'},{'name': 'EclAppStandardisedComponent', 'selector': 'ecl-app-standardised'},{'name': 'EclBlockquoteComponent', 'selector': '[eclBlockquote]'},{'name': 'EclBreadcrumbComponent', 'selector': 'ecl-breadcrumb'},{'name': 'EclBreadcrumbComponentBase', 'selector': ''},{'name': 'EclBreadcrumbCoreComponent', 'selector': 'ecl-breadcrumb-core'},{'name': 'EclBreadcrumbCoreSegmentComponent', 'selector': 'ecl-breadcrumb-core-segment'},{'name': 'EclBreadcrumbHarmonisedComponent', 'selector': 'ecl-breadcrumb-harmonised'},{'name': 'EclBreadcrumbHarmonisedSegmentComponent', 'selector': 'ecl-breadcrumb-harmonised-segment'},{'name': 'EclBreadcrumbSegmentComponent', 'selector': 'ecl-breadcrumb-segment'},{'name': 'EclBreadcrumbSegmentComponentBase', 'selector': ''},{'name': 'EclBreadcrumbStandardisedComponent', 'selector': 'ecl-breadcrumb-standardised'},{'name': 'EclBreadcrumbStandardisedSegmentComponent', 'selector': 'ecl-breadcrumb-standardised-segment'},{'name': 'EclButtonComponent', 'selector': 'button[eclButton], button[ecl-button], a[eclButton]'},{'name': 'EclCardBodyComponent', 'selector': 'ecl-card-body'},{'name': 'EclCardComponent', 'selector': 'ecl-card'},{'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': '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': 'EclFooterComponentBase', 'selector': ''},{'name': 'EclFooterCoreComponent', 'selector': 'ecl-footer-core'},{'name': 'EclFooterHarmonisedComponent', 'selector': 'ecl-footer-harmonised'},{'name': 'EclFooterStandardisedComponent', 'selector': 'ecl-footer-standardised'},{'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': 'EclHeroBannerComponent', 'selector': 'ecl-hero-banner'},{'name': 'EclIconComponent', 'selector': 'ecl-icon'},{'name': 'EclInpageNavigationComponent', 'selector': 'ecl-inpage-navigation'},{'name': 'EclInpageNavigationItemComponent', 'selector': 'ecl-inpage-navigation-item'},{'name': 'EclLanguageListComponent', 'selector': 'ecl-language-list'},{'name': 'EclLanguageListItemComponent', 'selector': 'ecl-language-list-item'},{'name': 'EclListIllustrationComponent', 'selector': 'ecl-list-illustration'},{'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': 'EclMultiselectComponent', 'selector': 'select[eclMultiselect]'},{'name': 'EclNavigationListComponent', 'selector': 'ecl-navigation-list'},{'name': 'EclNavigationListItemComponent', 'selector': 'ecl-navigation-list-item'},{'name': 'EclNewsTickerComponent', 'selector': 'ecl-news-ticker'},{'name': 'EclNewsTickerItemComponent', 'selector': 'ecl-news-ticker-item'},{'name': 'EclPageBannerComponent', 'selector': 'ecl-page-banner'},{'name': 'EclPageHeaderComponent', 'selector': 'ecl-page-header'},{'name': 'EclPageHeaderComponentBase', 'selector': ''},{'name': 'EclPageHeaderCoreComponent', 'selector': 'ecl-page-header-core'},{'name': 'EclPageHeaderHarmonisedComponent', 'selector': 'ecl-page-header-harmonised'},{'name': 'EclPageHeaderStandardisedComponent', 'selector': 'ecl-page-header-standardised'},{'name': 'EclPaginationComponent', 'selector': 'ecl-pagination'},{'name': 'EclPaginationItemComponent', 'selector': 'ecl-pagination-item'},{'name': 'EclRadioHelpComponent', 'selector': '[eclRadioHelp]'},{'name': 'EclRadioLabelComponent', 'selector': '[eclRadioLabel]'},{'name': 'EclRatingFieldComponent', 'selector': 'ecl-rating-field'},{'name': 'EclSearchFormComponent', 'selector': 'ecl-search-form'},{'name': 'EclSiteFooterComponent', 'selector': 'ecl-site-footer'},{'name': 'EclSiteHeaderActionComponent', 'selector': 'ecl-site-header-action'},{'name': 'EclSiteHeaderActionComponentBase', 'selector': ''},{'name': 'EclSiteHeaderBannerTopComponent', 'selector': 'ecl-site-header-banner-top'},{'name': 'EclSiteHeaderBannerTopComponentBase', 'selector': ''},{'name': 'EclSiteHeaderComponent', 'selector': 'ecl-site-header'},{'name': 'EclSiteHeaderComponentBase', 'selector': ''},{'name': 'EclSiteHeaderCoreActionComponent', 'selector': 'ecl-site-header-core-action'},{'name': 'EclSiteHeaderCoreComponent', 'selector': 'ecl-site-header-core'},{'name': 'EclSiteHeaderCoreLanguageComponent', 'selector': 'ecl-site-header-core-language'},{'name': 'EclSiteHeaderCoreLoginComponent', 'selector': 'ecl-site-header-core-login'},{'name': 'EclSiteHeaderCoreSearchComponent', 'selector': 'ecl-site-header-core-search'},{'name': 'EclSiteHeaderEnvironmentComponent', 'selector': '[eclSiteHeaderEnvironment]'},{'name': 'EclSiteHeaderHarmonisedActionComponent', 'selector': 'ecl-site-header-harmonised-action'},{'name': 'EclSiteHeaderHarmonisedBannerTopComponent', 'selector': 'ecl-site-header-harmonised-banner-top'},{'name': 'EclSiteHeaderHarmonisedComponent', 'selector': 'ecl-site-header-harmonised'},{'name': 'EclSiteHeaderHarmonisedLanguageComponent', 'selector': 'ecl-site-header-harmonised-language'},{'name': 'EclSiteHeaderHarmonisedLoginComponent', 'selector': 'ecl-site-header-harmonised-login'},{'name': 'EclSiteHeaderHarmonisedSearchComponent', 'selector': 'ecl-site-header-harmonised-search'},{'name': 'EclSiteHeaderLanguageComponent', 'selector': 'ecl-site-header-language'},{'name': 'EclSiteHeaderLanguageComponentBase', 'selector': ''},{'name': 'EclSiteHeaderLoginComponent', 'selector': 'ecl-site-header-login'},{'name': 'EclSiteHeaderLoginComponentBase', 'selector': ''},{'name': 'EclSiteHeaderSearchComponent', 'selector': 'ecl-site-header-search'},{'name': 'EclSiteHeaderSearchComponentBase', 'selector': ''},{'name': 'EclSiteHeaderStandardisedActionComponent', 'selector': 'ecl-site-header-standardised-action'},{'name': 'EclSiteHeaderStandardisedBannerTopComponent', 'selector': 'ecl-site-header-standardised-banner-top'},{'name': 'EclSiteHeaderStandardisedComponent', 'selector': 'ecl-site-header-standardised'},{'name': 'EclSiteHeaderStandardisedLanguageComponent', 'selector': 'ecl-site-header-standardised-language'},{'name': 'EclSiteHeaderStandardisedLoginComponent', 'selector': 'ecl-site-header-standardised-login'},{'name': 'EclSiteHeaderStandardisedSearchComponent', 'selector': 'ecl-site-header-standardised-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'},{'name': 'EclTabLabelComponent', 'selector': 'ecl-tab-label'},{'name': 'EclTabsComponent', 'selector': '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'}];
+        var COMPONENT_TEMPLATE = '<div><nav class="ecl-tabs" role="tablist">    <div class="ecl-tabs__container">        <!-- <ul class="ecl-tabs__list"             [style.width]="getTabsWidthStyle()"            [style.transform]="\'translate3d(0px, 0px, 0px)\'"            [style.transition-duration]="\'0\' || getTransitionDuration()">            <ng-content select="ecl-tab"></ng-content> -->        <ul class="ecl-tabs__list">            <ng-content select="ecl-tab"></ng-content>            <!-- <ecl-tab-more [isHidden]="isMoreButtonHidden()">                <button                     eclButton                     class="ecl-tabs__toggle"                    tabindex="-1"                    variant="secondary"                     [attr.aria-expanded]="true"                    [class.ecl-tabs__toggle--active]="false">                    <span eclButtonLabel>                        {{ \'ecl.common.MORE\' | translate }}                        ({{ getHiddenTabsCount() }})                    </span>                    <ecl-icon icon="corner-arrow" transform="rotate-180" size="fluid"></ecl-icon>                </button>                <ul                     class="ecl-tabs__dropdown"                     [class.ecl-tabs__dropdown--show]="false">                    <ng-container *ngFor="let tab of tabs.toArray()">                        <ecl-tab [isActive]="tab.isActive">                            <ecl-tab-label [innerHTML]="\'test\'"></ecl-tab-label>                        </ecl-tab>                    </ng-container>                </ul>            </ecl-tab-more> -->        </ul>    </div>    <!-- <div class="ecl-tabs__controls">        <button             [attr.aria-hidden]="true"            class="ecl-tabs__prev"             [class.ecl-u-d-none]="isScrollPrevHidden()"            [class.ecl-u-d-block]="!isScrollPrevHidden()"            (click)="onScrollPrev()">            <ecl-icon                 isInverted                icon="corner-arrow"                 transform="rotate-270"                 size="m"                class="ecl-u-d-block">            </ecl-icon>            <span class="ecl-u-sr-only"></span>        </button>        <button             [attr.aria-hidden]="true"            class="ecl-tabs__next"             [class.ecl-u-d-none]="isScrollNextHidden()"            [class.ecl-u-d-block]="!isScrollNextHidden()"            (click)="onScrollNext()">            <ecl-icon                 isInverted                icon="corner-arrow"                 color="inverted"                 transform="rotate-90"                 size="m"                class="ecl-u-d-block">            </ecl-icon>            <span class="ecl-u-sr-only"></span>        </button>    </div> --></nav><ng-container *ngFor="let tab of tabs.toArray()">    <div class="{{ bodyClass }}" *ngIf="tab.isActive">        <ng-container *ngTemplateOutlet="tab.contentTemplate"></ng-container>    </div></ng-container></div>'
+    var COMPONENTS = [{'name': 'EclAccordionComponent', 'selector': 'ecl-accordion'},{'name': 'EclAccordionItemComponent', 'selector': 'ecl-accordion-item'},{'name': 'EclAppComponent', 'selector': 'ecl-app'},{'name': 'EclAppComponentBase', 'selector': ''},{'name': 'EclAppCoreComponent', 'selector': 'ecl-app-core'},{'name': 'EclAppHarmonisedComponent', 'selector': 'ecl-app-harmonised'},{'name': 'EclAppStandardisedComponent', 'selector': 'ecl-app-standardised'},{'name': 'EclBlockquoteComponent', 'selector': '[eclBlockquote]'},{'name': 'EclBreadcrumbComponent', 'selector': 'ecl-breadcrumb'},{'name': 'EclBreadcrumbComponentBase', 'selector': ''},{'name': 'EclBreadcrumbCoreComponent', 'selector': 'ecl-breadcrumb-core'},{'name': 'EclBreadcrumbCoreSegmentComponent', 'selector': 'ecl-breadcrumb-core-segment'},{'name': 'EclBreadcrumbHarmonisedComponent', 'selector': 'ecl-breadcrumb-harmonised'},{'name': 'EclBreadcrumbHarmonisedSegmentComponent', 'selector': 'ecl-breadcrumb-harmonised-segment'},{'name': 'EclBreadcrumbSegmentComponent', 'selector': 'ecl-breadcrumb-segment'},{'name': 'EclBreadcrumbSegmentComponentBase', 'selector': ''},{'name': 'EclBreadcrumbStandardisedComponent', 'selector': 'ecl-breadcrumb-standardised'},{'name': 'EclBreadcrumbStandardisedSegmentComponent', 'selector': 'ecl-breadcrumb-standardised-segment'},{'name': 'EclButtonComponent', 'selector': 'button[eclButton], button[ecl-button], a[eclButton]'},{'name': 'EclCardBodyComponent', 'selector': 'ecl-card-body'},{'name': 'EclCardComponent', 'selector': 'ecl-card'},{'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': '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': 'EclFooterComponentBase', 'selector': ''},{'name': 'EclFooterCoreComponent', 'selector': 'ecl-footer-core'},{'name': 'EclFooterHarmonisedComponent', 'selector': 'ecl-footer-harmonised'},{'name': 'EclFooterStandardisedComponent', 'selector': 'ecl-footer-standardised'},{'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': 'EclHeroBannerComponent', 'selector': 'ecl-hero-banner'},{'name': 'EclIconComponent', 'selector': 'ecl-icon'},{'name': 'EclInpageNavigationComponent', 'selector': 'ecl-inpage-navigation'},{'name': 'EclInpageNavigationItemComponent', 'selector': 'ecl-inpage-navigation-item'},{'name': 'EclLanguageListComponent', 'selector': 'ecl-language-list'},{'name': 'EclLanguageListItemComponent', 'selector': 'ecl-language-list-item'},{'name': 'EclListIllustrationComponent', 'selector': 'ecl-list-illustration'},{'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': 'EclMultiselectComponent', 'selector': 'select[eclMultiselect]'},{'name': 'EclNavigationListComponent', 'selector': 'ecl-navigation-list'},{'name': 'EclNavigationListItemComponent', 'selector': 'ecl-navigation-list-item'},{'name': 'EclNewsTickerComponent', 'selector': 'ecl-news-ticker'},{'name': 'EclNewsTickerItemComponent', 'selector': 'ecl-news-ticker-item'},{'name': 'EclPageBannerComponent', 'selector': 'ecl-page-banner'},{'name': 'EclPageHeaderComponent', 'selector': 'ecl-page-header'},{'name': 'EclPageHeaderComponentBase', 'selector': ''},{'name': 'EclPageHeaderCoreComponent', 'selector': 'ecl-page-header-core'},{'name': 'EclPageHeaderHarmonisedComponent', 'selector': 'ecl-page-header-harmonised'},{'name': 'EclPageHeaderStandardisedComponent', 'selector': 'ecl-page-header-standardised'},{'name': 'EclPaginationComponent', 'selector': 'ecl-pagination'},{'name': 'EclPaginationItemComponent', 'selector': 'ecl-pagination-item'},{'name': 'EclRadioHelpComponent', 'selector': '[eclRadioHelp]'},{'name': 'EclRadioLabelComponent', 'selector': '[eclRadioLabel]'},{'name': 'EclRatingFieldComponent', 'selector': 'ecl-rating-field'},{'name': 'EclSearchFormComponent', 'selector': 'ecl-search-form'},{'name': 'EclSiteFooterComponent', 'selector': 'ecl-site-footer'},{'name': 'EclSiteHeaderActionComponent', 'selector': 'ecl-site-header-action'},{'name': 'EclSiteHeaderActionComponentBase', 'selector': ''},{'name': 'EclSiteHeaderBannerTopComponent', 'selector': 'ecl-site-header-banner-top'},{'name': 'EclSiteHeaderBannerTopComponentBase', 'selector': ''},{'name': 'EclSiteHeaderComponent', 'selector': 'ecl-site-header'},{'name': 'EclSiteHeaderComponentBase', 'selector': ''},{'name': 'EclSiteHeaderCoreActionComponent', 'selector': 'ecl-site-header-core-action'},{'name': 'EclSiteHeaderCoreComponent', 'selector': 'ecl-site-header-core'},{'name': 'EclSiteHeaderCoreLanguageComponent', 'selector': 'ecl-site-header-core-language'},{'name': 'EclSiteHeaderCoreLoginComponent', 'selector': 'ecl-site-header-core-login'},{'name': 'EclSiteHeaderCoreSearchComponent', 'selector': 'ecl-site-header-core-search'},{'name': 'EclSiteHeaderEnvironmentComponent', 'selector': '[eclSiteHeaderEnvironment]'},{'name': 'EclSiteHeaderHarmonisedActionComponent', 'selector': 'ecl-site-header-harmonised-action'},{'name': 'EclSiteHeaderHarmonisedBannerTopComponent', 'selector': 'ecl-site-header-harmonised-banner-top'},{'name': 'EclSiteHeaderHarmonisedComponent', 'selector': 'ecl-site-header-harmonised'},{'name': 'EclSiteHeaderHarmonisedLanguageComponent', 'selector': 'ecl-site-header-harmonised-language'},{'name': 'EclSiteHeaderHarmonisedLoginComponent', 'selector': 'ecl-site-header-harmonised-login'},{'name': 'EclSiteHeaderHarmonisedSearchComponent', 'selector': 'ecl-site-header-harmonised-search'},{'name': 'EclSiteHeaderLanguageComponent', 'selector': 'ecl-site-header-language'},{'name': 'EclSiteHeaderLanguageComponentBase', 'selector': ''},{'name': 'EclSiteHeaderLoginComponent', 'selector': 'ecl-site-header-login'},{'name': 'EclSiteHeaderLoginComponentBase', 'selector': ''},{'name': 'EclSiteHeaderSearchComponent', 'selector': 'ecl-site-header-search'},{'name': 'EclSiteHeaderSearchComponentBase', 'selector': ''},{'name': 'EclSiteHeaderStandardisedActionComponent', 'selector': 'ecl-site-header-standardised-action'},{'name': 'EclSiteHeaderStandardisedBannerTopComponent', 'selector': 'ecl-site-header-standardised-banner-top'},{'name': 'EclSiteHeaderStandardisedComponent', 'selector': 'ecl-site-header-standardised'},{'name': 'EclSiteHeaderStandardisedLanguageComponent', 'selector': 'ecl-site-header-standardised-language'},{'name': 'EclSiteHeaderStandardisedLoginComponent', 'selector': 'ecl-site-header-standardised-login'},{'name': 'EclSiteHeaderStandardisedSearchComponent', 'selector': 'ecl-site-header-standardised-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'},{'name': 'EclTabLabelComponent', 'selector': 'ecl-tab-label'},{'name': 'EclTabMoreComponent', 'selector': 'ecl-tab-more'},{'name': 'EclTabsComponent', 'selector': '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'}];
     var DIRECTIVES = [{'name': 'ECLBaseDirective', 'selector': '[eclBase]'},{'name': 'EclBlockquoteImageDirective', 'selector': '[eclBlockquoteImage]'},{'name': 'EclButtonLabelDirective', 'selector': '[eclButtonLabel]'},{'name': 'EclCardImageDirective', 'selector': '[eclCardImage]'},{'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': 'EclDescriptionListDefinitionDirective', 'selector': '[eclDescriptionListDefinition]'},{'name': 'EclDescriptionListDefinitionItemDirective', 'selector': '[eclDescriptionListDefinitionItem]'},{'name': 'EclDescriptionListDirective', 'selector': '[eclDescriptionList]'},{'name': 'EclDescriptionListTermDirective', 'selector': '[eclDescriptionListTerm]'},{'name': 'EclFeaturedItemLinkDirective', 'selector': '[eclFeaturedItemLink]'},{'name': 'EclFeedbackMessageDirective', 'selector': '[eclFeedbackMessage]'},{'name': 'EclFileUploadDirective', 'selector': '[eclFileUpload]'},{'name': 'EclFooterCoreColumntDirective', 'selector': '[eclFooterCoreColumn]'},{'name': 'EclFooterCoreDescriptionDirective', 'selector': '[eclFooterCoreDescription]'},{'name': 'EclFooterCoreLinkDirective', 'selector': '[eclFooterCoreLink]'},{'name': 'EclFooterCoreListDirective', 'selector': '[eclFooterCoreList]'},{'name': 'EclFooterCoreListItemDirective', 'selector': '[eclFooterCoreListItem]'},{'name': 'EclFooterCoreSectionDirective', 'selector': '[eclFooterCoreSection]'},{'name': 'EclFooterCoreTitleDirective', 'selector': '[eclFooterCoreTitle]'},{'name': 'EclFooterCoreTitleLinkDirective', 'selector': '[eclFooterCoreTitleLink]'},{'name': 'EclFooterHarmonisedColumnDirective', 'selector': '[eclFooterHarmonisedColumn]'},{'name': 'EclFooterHarmonisedContentDirective', 'selector': '[eclFooterHarmonisedContent]'},{'name': 'EclFooterHarmonisedDescriptionDirective', 'selector': '[eclFooterHarmonisedDescription]'},{'name': 'EclFooterHarmonisedLinkDirective', 'selector': '[eclFooterHarmonisedLink]'},{'name': 'EclFooterHarmonisedListDirective', 'selector': '[eclFooterHarmonisedList]'},{'name': 'EclFooterHarmonisedListItemDirective', 'selector': '[eclFooterHarmonisedListItem]'},{'name': 'EclFooterHarmonisedLogoDirective', 'selector': '[eclFooterHarmonisedLogo]'},{'name': 'EclFooterHarmonisedLogoImageDesktopDirective', 'selector': '[eclFooterHarmonisedLogoImageDesktop]'},{'name': 'EclFooterHarmonisedLogoItemDirective', 'selector': '[eclFooterHarmonisedLogoItem]'},{'name': 'EclFooterHarmonisedLogoLinkDirective', 'selector': '[eclFooterHarmonisedLogoLink]'},{'name': 'EclFooterHarmonisedLogoListDirective', 'selector': '[eclFooterHarmonisedLogoList]'},{'name': 'EclFooterHarmonisedRowDirective', 'selector': '[eclFooterHarmonisedRow]'},{'name': 'EclFooterHarmonisedSectionDirective', 'selector': '[eclFooterHarmonisedSection]'},{'name': 'EclFooterHarmonisedTitleDirective', 'selector': '[eclFooterHarmonisedTitle]'},{'name': 'EclFooterHarmonisedTitleLinkDirective', 'selector': '[eclFooterHarmonisedTitleLink]'},{'name': 'EclFooterStandardisedColumnDirective', 'selector': '[eclFooterStandardisedColumn]'},{'name': 'EclFooterStandardisedContentDirective', 'selector': '[eclFooterStandardisedContent]'},{'name': 'EclFooterStandardisedDescriptionDirective', 'selector': '[eclFooterStandardisedDescription]'},{'name': 'EclFooterStandardisedLinkDirective', 'selector': '[eclFooterStandardisedLink]'},{'name': 'EclFooterStandardisedListDirective', 'selector': '[eclFooterStandardisedList]'},{'name': 'EclFooterStandardisedListItemDirective', 'selector': '[eclFooterStandardisedListItem]'},{'name': 'EclFooterStandardisedLogoImageDesktopDirective', 'selector': '[eclFooterStandardisedLogoImageDesktop]'},{'name': 'EclFooterStandardisedLogoLinkDirective', 'selector': '[eclFooterStandardisedLogoLink]'},{'name': 'EclFooterStandardisedRowDirective', 'selector': '[eclFooterStandardisedRow]'},{'name': 'EclFooterStandardisedSectionDirective', 'selector': '[eclFooterStandardisedSection]'},{'name': 'EclFooterStandardisedTitleDirective', 'selector': '[eclFooterStandardisedTitle]'},{'name': 'EclFooterStandardisedTitleLinkDirective', 'selector': '[eclFooterStandardisedTitleLink]'},{'name': 'EclGalleryMediaDirective', 'selector': '[eclGalleryMedia]'},{'name': 'EclHelpBlockDirective', 'selector': '[eclHelpBlock]'},{'name': 'EclHeroBannerCreditDirective', 'selector': '[eclHeroBannerCredit]'},{'name': 'EclHeroBannerCtaLinkDirective', 'selector': '[eclHeroBannerCtaLink]'},{'name': 'EclHeroBannerDescriptionDirective', 'selector': '[eclHeroBannerDescription]'},{'name': 'EclHeroBannerTitleDirective', 'selector': '[eclHeroBannerTitle]'},{'name': 'EclHiddenDirective', 'selector': '[eclHidden]'},{'name': 'EclLabelDirective', 'selector': '[eclLabel]'},{'name': 'EclLinkDirective', 'selector': '[eclLink]'},{'name': 'EclLinkLabelDirective', 'selector': '[eclLinkLabel]'},{'name': 'EclListIllustrationIconDirective', 'selector': '[eclListIllustrationIcon]'},{'name': 'EclListIllustrationImageDirective', 'selector': '[eclListIllustrationImage]'},{'name': 'EclMediaContainerItemDirective', 'selector': '[eclMediaContainerItem]'},{'name': 'EclMessageTitleDirective', 'selector': '[eclMessageTitle]'},{'name': 'EclMultiselectOptionDirective', 'selector': 'option[eclSelectOption], option[eclMultiselectOption]'},{'name': 'EclNavigationListImageDirective', 'selector': '[eclNavigationListImage]'},{'name': 'EclOrderedListDirective', 'selector': '[eclOrderedList]'},{'name': 'EclOrderedListItemDirective', 'selector': '[eclOrderedListItem]'},{'name': 'EclPageBannerCreditDirective', 'selector': '[eclPageBannerCredit]'},{'name': 'EclPageBannerCtaLinkDirective', 'selector': '[eclPageBannerCtaLink]'},{'name': 'EclPageBannerDescriptionDirective', 'selector': '[eclPageBannerDescription]'},{'name': 'EclPageBannerTitleDirective', 'selector': '[eclPageBannerTitle]'},{'name': 'EclPageHeaderCoreDescriptionContainerDirective', 'selector': '[eclPageHeaderCoreDescriptionContainer]'},{'name': 'EclPageHeaderCoreDescriptionDirective', 'selector': '[eclPageHeaderCoreDescription]'},{'name': 'EclPageHeaderCoreDescriptionThumbnailDirective', 'selector': '[eclPageHeaderCoreDescriptionThumbnail]'},{'name': 'EclPageHeaderCoreMetaDirective', 'selector': '[eclPageHeaderCoreMeta]'},{'name': 'EclPageHeaderCoreMetaItemDirective', 'selector': '[eclPageHeaderCoreMetaItem]'},{'name': 'EclPageHeaderCoreTitleDirective', 'selector': '[eclPageHeaderCoreTitle]'},{'name': 'EclPageHeaderDescriptionContainerDirective', 'selector': '[eclPageHeaderDescriptionContainer]'},{'name': 'EclPageHeaderDescriptionDirective', 'selector': '[eclPageHeaderDescription]'},{'name': 'EclPageHeaderDescriptionThumbnailDirective', 'selector': '[eclPageHeaderDescriptionThumbnail]'},{'name': 'EclPageHeaderHarmonisedDescriptionContainerDirective', 'selector': '[eclPageHeaderHarmonisedDescriptionContainer]'},{'name': 'EclPageHeaderHarmonisedDescriptionDirective', 'selector': '[eclPageHeaderHarmonisedDescription]'},{'name': 'EclPageHeaderHarmonisedDescriptionThumbnailDirective', 'selector': '[eclPageHeaderHarmonisedDescriptionThumbnail]'},{'name': 'EclPageHeaderHarmonisedMetaDirective', 'selector': '[eclPageHeaderHarmonisedMeta]'},{'name': 'EclPageHeaderHarmonisedMetaItemDirective', 'selector': '[eclPageHeaderHarmonisedMetaItem]'},{'name': 'EclPageHeaderHarmonisedTitleDirective', 'selector': '[eclPageHeaderHarmonisedTitle]'},{'name': 'EclPageHeaderMetaDirective', 'selector': '[eclPageHeaderMeta]'},{'name': 'EclPageHeaderMetaItemDirective', 'selector': '[eclPageHeaderMetaItem]'},{'name': 'EclPageHeaderStandardisedDescriptionContainerDirective', 'selector': '[eclPageHeaderStandardisedDescriptionContainer]'},{'name': 'EclPageHeaderStandardisedDescriptionDirective', 'selector': '[eclPageHeaderStandardisedDescription]'},{'name': 'EclPageHeaderStandardisedDescriptionThumbnailDirective', 'selector': '[eclPageHeaderStandardisedDescriptionThumbnail]'},{'name': 'EclPageHeaderStandardisedMetaDirective', 'selector': '[eclPageHeaderStandardisedMeta]'},{'name': 'EclPageHeaderStandardisedMetaItemDirective', 'selector': '[eclPageHeaderStandardisedMetaItem]'},{'name': 'EclPageHeaderStandardisedTitleDirective', 'selector': '[eclPageHeaderStandardisedTitle]'},{'name': 'EclPageHeaderTitleDirective', 'selector': '[eclPageHeaderTitle]'},{'name': 'EclRadioDirective', 'selector': '[eclRadio]'},{'name': 'EclRadioInputDirective', 'selector': 'input[eclRadioInput]'},{'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': 'EclSiteFooterLogoItemDirective', 'selector': '[eclSiteFooterLogoItem]'},{'name': 'EclSiteFooterLogoLinkDirective', 'selector': '[eclSiteFooterLogoLink]'},{'name': 'EclSiteFooterLogoListDirective', 'selector': '[eclSiteFooterLogoList]'},{'name': 'EclSiteFooterRowDirective', 'selector': '[eclSiteFooterRow]'},{'name': 'EclSiteFooterSectionDirective', 'selector': '[eclSiteFooterSection]'},{'name': 'EclSiteFooterTitleDirective', 'selector': '[eclSiteFooterTitle]'},{'name': 'EclSiteFooterTitleLinkDirective', 'selector': '[eclSiteFooterTitleLink]'},{'name': 'EclSiteHeaderCoreLoginDescriptionDirective', 'selector': '[eclSiteHeaderCoreLoginDescription]'},{'name': 'EclSiteHeaderCoreLoginSeparatorDirective', 'selector': '[eclSiteHeaderCoreLoginSeparator]'},{'name': 'EclSiteHeaderHarmonisedLoginDescriptionDirective', 'selector': '[eclSiteHeaderHarmonisedLoginDescription]'},{'name': 'EclSiteHeaderHarmonisedLoginSeparatorDirective', 'selector': '[eclSiteHeaderHarmonisedLoginSeparator]'},{'name': 'EclSiteHeaderLoginDescriptionDirective', 'selector': '[eclSiteHeaderLoginDescription]'},{'name': 'EclSiteHeaderLoginSeparatorDirective', 'selector': '[eclSiteHeaderLoginSeparator]'},{'name': 'EclSiteHeaderStandardisedCtaDirective', 'selector': '[eclSiteHeaderStandardisedCta]'},{'name': 'EclSiteHeaderStandardisedLoginDescriptionDirective', 'selector': '[eclSiteHeaderStandardisedLoginDescription]'},{'name': 'EclSiteHeaderStandardisedLoginSeparatorDirective', 'selector': '[eclSiteHeaderStandardisedLoginSeparator]'},{'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': '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]'}];
     var ACTUAL_COMPONENT = {'name': 'EclTabsComponent'};
 </script>