@eui/eds 23.0.0-alpha.6 → 23.0.0-alpha.8

package/docs/components/EdsTabs.html

@@ -163,6 +163,10 @@
 
 
 
+            <tr>
+                <td class="col-md-3">host</td>
+                <td class="col-md-9"><code>{<br>}</code></td>
+            </tr>
 
 
 
@@ -276,23 +280,23 @@
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                    <span class="modifier"></span>
-                                <a href="#euiTabListItems" >euiTabListItems</a>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#edsTabListItems" >edsTabListItems</a>
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                    <span class="modifier"></span>
-                                <a href="#euiTabsHeaders" >euiTabsHeaders</a>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#edsTabsHeaders" >edsTabsHeaders</a>
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                    <span class="modifier"></span>
-                                <a href="#euiTabsHeadersContainer" >euiTabsHeadersContainer</a>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#edsTabsHeadersContainer" >edsTabsHeadersContainer</a>
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                    <span class="modifier"></span>
-                                <a href="#euiTabsRightContent" >euiTabsRightContent</a>
+                                    <span class="modifier">Readonly</span>
+                                <a href="#edsTabsRightContent" >edsTabsRightContent</a>
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
@@ -406,22 +410,6 @@
             </tbody>
         </table>
 
-        <table class="table table-sm table-bordered index-table">
-            <tbody>
-                <tr>
-                    <td class="col-md-3">
-                        <h6><b>HostBindings</b></h6>
-                    </td>
-                    <td class="col-md-9">
-                        <ul class="index-list">
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
 
 
         <table class="table table-sm table-bordered index-table">
@@ -434,19 +422,15 @@
                         <ul class="index-list">
                             <li>
                                 <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
-                                <a href="#elementClass" >elementClass</a>
+                                <a href="#edsTabsHeadersContainerWidth" >edsTabsHeadersContainerWidth</a>
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
-                                <a href="#euiTabsHeadersContainerWidth" >euiTabsHeadersContainerWidth</a>
+                                <a href="#edsTabsHeadersWidth" >edsTabsHeadersWidth</a>
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
-                                <a href="#euiTabsHeadersWidth" >euiTabsHeadersWidth</a>
-                            </li>
-                            <li>
-                                <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
-                                <a href="#euiTabsRightContentWidth" >euiTabsRightContentWidth</a>
+                                <a href="#edsTabsRightContentWidth" >edsTabsRightContentWidth</a>
                             </li>
                         </ul>
                     </td>
@@ -533,6 +517,13 @@
                         <i>Default value : </i><code>&#x27;eds-tabs&#x27;</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Sets the <code>data-e2e</code> attribute for the host element.</p>
+<p>&#39;eds-tabs&#39;</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -591,7 +582,7 @@
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.dev/api/core/EventEmitter" target="_blank" >EventEmitter</a></code>
+                        <i>Type : </i>        <code><a href="../components/EdsTab.html" target="_self" >{        tab: EdsTab;        index: number;    }</a></code>
 
                     </td>
                 </tr>
@@ -613,7 +604,7 @@
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.dev/api/core/EventEmitter" target="_blank" >EventEmitter</a></code>
+                        <i>Type : </i>        <code><a href="../components/EdsTab.html" target="_self" >{        tab: EdsTab;        index: number;    }</a></code>
 
                     </td>
                 </tr>
@@ -635,7 +626,7 @@
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.dev/api/core/EventEmitter" target="_blank" >EventEmitter</a></code>
+                        <i>Type : </i>        <code><a href="../components/EdsTab.html" target="_self" >{        tab: EdsTab;        index: number;    }</a></code>
 
                     </td>
                 </tr>
@@ -649,29 +640,6 @@
         </table>
 </section>
 
-    <section data-compodoc="block-properties">
-    <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class"></a>
-                    <span class="name">
-                        <span ><b>class</b></span>
-                        <a href="#class"><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/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
 
 
     <section data-compodoc="block-methods">
@@ -999,27 +967,23 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="euiTabListItems"></a>
+                    <a name="edsTabListItems"></a>
                     <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>euiTabListItems</b></span>
-                        <a href="#euiTabListItems"><span class="icon ion-ios-link"></span></a>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>edsTabListItems</b></span>
+                        <a href="#edsTabListItems"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>    <code>QueryList&lt;ElementRef&gt;</code>
+                        <i>Type : </i>    <code>unknown</code>
 
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ViewChildren(&#x27;euiTabListItems&#x27;)<br />
-                        </code>
+                        <i>Default value : </i><code>viewChildren&lt;ElementRef&gt;(&#x27;euiTabListItems&#x27;)</code>
                     </td>
                 </tr>
 
@@ -1030,27 +994,23 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="euiTabsHeaders"></a>
+                    <a name="edsTabsHeaders"></a>
                     <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>euiTabsHeaders</b></span>
-                        <a href="#euiTabsHeaders"><span class="icon ion-ios-link"></span></a>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>edsTabsHeaders</b></span>
+                        <a href="#edsTabsHeaders"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.dev/api/core/ElementRef" target="_blank" >ElementRef</a></code>
+                        <i>Type : </i>    <code>unknown</code>
 
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ViewChild(&#x27;euiTabsHeaders&#x27;)<br />
-                        </code>
+                        <i>Default value : </i><code>viewChild.required&lt;ElementRef&gt;(&#x27;euiTabsHeaders&#x27;)</code>
                     </td>
                 </tr>
 
@@ -1061,27 +1021,23 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="euiTabsHeadersContainer"></a>
+                    <a name="edsTabsHeadersContainer"></a>
                     <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>euiTabsHeadersContainer</b></span>
-                        <a href="#euiTabsHeadersContainer"><span class="icon ion-ios-link"></span></a>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>edsTabsHeadersContainer</b></span>
+                        <a href="#edsTabsHeadersContainer"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.dev/api/core/ElementRef" target="_blank" >ElementRef</a></code>
+                        <i>Type : </i>    <code>unknown</code>
 
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ViewChild(&#x27;euiTabsHeadersContainer&#x27;)<br />
-                        </code>
+                        <i>Default value : </i><code>viewChild.required&lt;ElementRef&gt;(&#x27;euiTabsHeadersContainer&#x27;)</code>
                     </td>
                 </tr>
 
@@ -1092,27 +1048,23 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="euiTabsRightContent"></a>
+                    <a name="edsTabsRightContent"></a>
                     <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>euiTabsRightContent</b></span>
-                        <a href="#euiTabsRightContent"><span class="icon ion-ios-link"></span></a>
+                            <span class="modifier">Readonly</span>
+                        <span ><b>edsTabsRightContent</b></span>
+                        <a href="#edsTabsRightContent"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://angular.dev/api/core/ElementRef" target="_blank" >ElementRef</a></code>
+                        <i>Type : </i>    <code>unknown</code>
 
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @ViewChild(&#x27;euiTabsRightContent&#x27;)<br />
-                        </code>
+                        <i>Default value : </i><code>viewChild.required&lt;ElementRef&gt;(&#x27;euiTabsRightContent&#x27;)</code>
                     </td>
                 </tr>
 
@@ -1237,31 +1189,14 @@
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="elementClass"></a>
-                        <span class="name"><b>elementClass</b><a href="#elementClass"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>elementClass()</code></span>
-                    </td>
-                </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="euiTabsHeadersContainerWidth"></a>
-                        <span class="name"><b>euiTabsHeadersContainerWidth</b><a href="#euiTabsHeadersContainerWidth"><span class="icon ion-ios-link"></span></a></span>
+                        <a name="edsTabsHeadersContainerWidth"></a>
+                        <span class="name"><b>edsTabsHeadersContainerWidth</b><a href="#edsTabsHeadersContainerWidth"><span class="icon ion-ios-link"></span></a></span>
                     </td>
                 </tr>
 
                 <tr>
                     <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>euiTabsHeadersContainerWidth()</code></span>
+                        <span class="accessor"><b>get</b><code>edsTabsHeadersContainerWidth()</code></span>
                     </td>
                 </tr>
                     <tr>
@@ -1282,14 +1217,14 @@
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="euiTabsHeadersWidth"></a>
-                        <span class="name"><b>euiTabsHeadersWidth</b><a href="#euiTabsHeadersWidth"><span class="icon ion-ios-link"></span></a></span>
+                        <a name="edsTabsHeadersWidth"></a>
+                        <span class="name"><b>edsTabsHeadersWidth</b><a href="#edsTabsHeadersWidth"><span class="icon ion-ios-link"></span></a></span>
                     </td>
                 </tr>
 
                 <tr>
                     <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>euiTabsHeadersWidth()</code></span>
+                        <span class="accessor"><b>get</b><code>edsTabsHeadersWidth()</code></span>
                     </td>
                 </tr>
                     <tr>
@@ -1310,14 +1245,14 @@
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="euiTabsRightContentWidth"></a>
-                        <span class="name"><b>euiTabsRightContentWidth</b><a href="#euiTabsRightContentWidth"><span class="icon ion-ios-link"></span></a></span>
+                        <a name="edsTabsRightContentWidth"></a>
+                        <span class="name"><b>edsTabsRightContentWidth</b><a href="#edsTabsRightContentWidth"><span class="icon ion-ios-link"></span></a></span>
                     </td>
                 </tr>
 
                 <tr>
                     <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>euiTabsRightContentWidth()</code></span>
+                        <span class="accessor"><b>get</b><code>edsTabsRightContentWidth()</code></span>
                     </td>
                 </tr>
                     <tr>
@@ -1349,9 +1284,9 @@
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><div #euiTabsHeadersContainer class="eds-tabs-wrapper" [class.eds-tabs-wrapper--scrolling]="scrolling">    <div class="eds-tabs-navigation">        <div class="eds-tabs-navigation__left-item">            <button edsIconButton                (click)="goToLeft()"                [euiDisabled]="navigationLeftButtonDisabled"                icon="chevron-left"                ariaLabel="Scroll left">            </button>        </div>        <ul #euiTabsHeaders class="eds-tab-items" [attr.data-offset]="currentOffset" role="tablist" [attr.aria-label]="ariaLabel">            @for (tab of tabs; let i = $index; track tab) {                @if (tab.isVisible$ | async) {                    <li #euiTabListItems                        class="eds-tab-item"                        id="tab-{{ i + 1 }}-{{ tabId }}"                        [tabindex]="i === activeTabIndex ? \'0\' : \'-1\'"                        role="tab"                        attr.aria-controls="tabpanel-{{ i + 1 }}-{{ tabId }}"                        [attr.aria-selected]="i === activeTabIndex"                        [class.eds-tab-item--active]="i === activeTabIndex"                        [class.eds-tab-item--disabled]="tab.isDisabled$ | async"                        attr.aria-disabled="{{ tab.isDisabled$ | async }}"                        (click)="tabListItemClick(i)"                        (keydown)="onKeydown(i, $event)">                        <ng-template [cdkPortalOutlet]="tab.templateHeader.templatePortal"></ng-template>                        @if (tab.isClosable$ | async) {                            <button edsIconButton                                [tabindex]="-1"                                ariaLabel="Closable"                                euiRounded                                class="eds-tab-close-button"                                icon="x"                                euiSizeS                                [euiDisabled]="tab.isDisabled$ | async"                                (buttonClick)="close(i, $event)">                            </button>                        }                    </li>                }            }        </ul>        <div class="eds-tabs-navigation__right-item">            <button edsIconButton                (click)="goToRight()"                [euiDisabled]="navigationRightButtonDisabled"                icon="chevron-right"                ariaLabel="Scroll right">            </button>        </div>    </div>    <div #euiTabsRightContent class="eds-tabs-right-content-wrapper">        <ng-content select="eds-tabs-right-content"></ng-content>    </div></div>@for (tab of tabs; let i = $index; track tab) {    @if (i === activeTabIndex && (tab.isDisabled$ | async) === false && tab.templateBody) {        <div id="tabpanel-{{ i + 1 }}-{{ tabId }}" class="eds-tab-body-container" role="tabpanel" attr.aria-labelledby="tab-{{ i + 1 }}-{{ tabId }}">            <ng-template [cdkPortalOutlet]="tab.templateBody.templatePortal" (attached)="onAttached(i + 1)"></ng-template>        </div>    }}</div>'
-    var COMPONENTS = [{'name': 'EdsAlert', 'selector': 'div[edsAlert], eds-alert'},{'name': 'EdsAlertTitle', 'selector': 'eds-alert-title'},{'name': 'EdsAvatar', 'selector': 'div[edsAvatar], span[edsAvatar], eds-avatar'},{'name': 'EdsAvatarBadge', 'selector': 'eds-avatar-badge'},{'name': 'EdsAvatarContent', 'selector': 'eds-avatar-content'},{'name': 'EdsAvatarContentLabel', 'selector': 'eds-avatar-content-label'},{'name': 'EdsAvatarContentSublabel', 'selector': 'eds-avatar-content-sublabel'},{'name': 'EdsAvatarIcon', 'selector': 'eds-avatar-icon'},{'name': 'EdsAvatarImage', 'selector': 'eds-avatar-image'},{'name': 'EdsAvatarList', 'selector': 'eds-avatar-list'},{'name': 'EdsAvatarText', 'selector': 'eds-avatar-text'},{'name': 'EdsBadge', 'selector': 'div[edsBadge], span[edsBadge], eds-badge'},{'name': 'EdsButton', 'selector': 'button[edsButton]'},{'name': 'EdsChip', 'selector': 'eds-chip, span[edsChip], li[edsChip]'},{'name': 'EdsIcon', 'selector': 'eds-icon, span[edsIcon]'},{'name': 'EdsIconButton', 'selector': 'button[edsIconButton]'},{'name': 'EdsIconImage', 'selector': 'eds-icon-image, span[edsIconImage]'},{'name': 'EdsIconState', 'selector': 'eds-icon-state'},{'name': 'EdsTab', 'selector': 'eds-tab'},{'name': 'EdsTabBody', 'selector': 'eds-tab-body'},{'name': 'EdsTabHeader', 'selector': 'eds-tab-header'},{'name': 'EdsTabHeaderLabel', 'selector': 'eds-tab-header-label'},{'name': 'EdsTabHeaderLeftContent', 'selector': 'eds-tab-header-left-content'},{'name': 'EdsTabHeaderRightContent', 'selector': 'eds-tab-header-right-content'},{'name': 'EdsTabHeaderSublabel', 'selector': 'eds-tab-header-sub-label'},{'name': 'EdsTabs', 'selector': 'eds-tabs'},{'name': 'EdsTabsRightContent', 'selector': 'eds-tabs-right-content'},{'name': 'EdsTag', 'selector': 'eds-tag, span[edsTag]'},{'name': 'EdsTooltipContainer', 'selector': 'eds-tooltip-container'}];
-    var DIRECTIVES = [{'name': 'EdsTooltip', 'selector': '[edsTooltip]'},{'name': 'EuiBaseColorVariantsDirective', 'selector': '[euiBaseColorVariants]'},{'name': 'EuiBaseSizeVariantsDirective', 'selector': '[euiBaseSizeVariants]'}];
+        var COMPONENT_TEMPLATE = '<div><div #edsTabsHeadersContainer class="eds-tabs-wrapper" [class.eds-tabs-wrapper--scrolling]="scrolling">    <div class="eds-tabs-navigation">        <div class="eds-tabs-navigation__left-item">            <button edsIconButton                (click)="goToLeft()"                [edsDisabled]="navigationLeftButtonDisabled"                icon="chevron-left"                ariaLabel="Scroll left">            </button>        </div>        <ul #edsTabsHeaders class="eds-tab-items" [attr.data-offset]="currentOffset" role="tablist" [attr.aria-label]="ariaLabel">            @for (tab of tabs; let i = $index; track tab) {                @if (tab.isVisible$ | async) {                    <li #euiTabListItems                        class="eds-tab-item"                        id="tab-{{ i + 1 }}-{{ tabId }}"                        [tabindex]="i === activeTabIndex ? \'0\' : \'-1\'"                        role="tab"                        attr.aria-controls="tabpanel-{{ i + 1 }}-{{ tabId }}"                        [attr.aria-selected]="i === activeTabIndex"                        [class.eds-tab-item--active]="i === activeTabIndex"                        [class.eds-tab-item--disabled]="tab.isDisabled$ | async"                        attr.aria-disabled="{{ tab.isDisabled$ | async }}"                        (click)="tabListItemClick(i)"                        (keydown)="onKeydown(i, $event)">                        <ng-template [cdkPortalOutlet]="tab.templateHeader().templatePortal"></ng-template>                        @if (tab.isClosable$ | async) {                            <button edsIconButton                                [tabindex]="-1"                                ariaLabel="Closable"                                edsRounded                                class="eds-tab-close-button"                                icon="x"                                edsSizeS                                [edsDisabled]="tab.isDisabled$ | async"                                (buttonClick)="close(i, $event)">                            </button>                        }                    </li>                }            }        </ul>        <div class="eds-tabs-navigation__right-item">            <button edsIconButton                (click)="goToRight()"                [edsDisabled]="navigationRightButtonDisabled"                icon="chevron-right"                ariaLabel="Scroll right">            </button>        </div>    </div>    <div #edsTabsRightContent class="eds-tabs-right-content-wrapper">        <ng-content select="eds-tabs-right-content"></ng-content>    </div></div>@for (tab of tabs; let i = $index; track tab) {    @if (i === activeTabIndex && (tab.isDisabled$ | async) === false && tab.templateBody) {        <div id="tabpanel-{{ i + 1 }}-{{ tabId }}" class="eds-tab-body-container" role="tabpanel" attr.aria-labelledby="tab-{{ i + 1 }}-{{ tabId }}">            <ng-template [cdkPortalOutlet]="tab.templateBody.templatePortal" (attached)="onAttached(i + 1)"></ng-template>        </div>    }}</div>'
+    var COMPONENTS = [{'name': 'EdsAlert', 'selector': 'div[edsAlert], eds-alert'},{'name': 'EdsAlertTitle', 'selector': 'eds-alert-title'},{'name': 'EdsAvatar', 'selector': 'div[edsAvatar], span[edsAvatar], eds-avatar'},{'name': 'EdsAvatarBadge', 'selector': 'eds-avatar-badge'},{'name': 'EdsAvatarContent', 'selector': 'eds-avatar-content'},{'name': 'EdsAvatarContentLabel', 'selector': 'eds-avatar-content-label'},{'name': 'EdsAvatarContentSublabel', 'selector': 'eds-avatar-content-sublabel'},{'name': 'EdsAvatarIcon', 'selector': 'eds-avatar-icon'},{'name': 'EdsAvatarImage', 'selector': 'eds-avatar-image'},{'name': 'EdsAvatarList', 'selector': 'eds-avatar-list'},{'name': 'EdsAvatarText', 'selector': 'eds-avatar-text'},{'name': 'EdsBadge', 'selector': 'div[edsBadge], span[edsBadge], eds-badge'},{'name': 'EdsButton', 'selector': 'button[edsButton]'},{'name': 'EdsChip', 'selector': 'eds-chip, span[edsChip], li[edsChip]'},{'name': 'EdsIcon', 'selector': 'eds-icon, span[edsIcon]'},{'name': 'EdsIconButton', 'selector': 'button[edsIconButton]'},{'name': 'EdsIconImage', 'selector': 'eds-icon-image, span[edsIconImage]'},{'name': 'EdsIconState', 'selector': 'eds-icon-state'},{'name': 'EdsLanguageSelector', 'selector': 'eds-language-selector'},{'name': 'EdsMenu', 'selector': 'eds-menu'},{'name': 'EdsMenuItemComponent', 'selector': 'eds-menu-item'},{'name': 'EdsOverlay', 'selector': 'eds-overlay'},{'name': 'EdsOverlayContent', 'selector': 'eds-overlay-content'},{'name': 'EdsOverlayFooter', 'selector': 'eds-overlay-footer'},{'name': 'EdsOverlayHeader', 'selector': 'eds-overlay-header'},{'name': 'EdsOverlayHeaderActionItems', 'selector': 'eds-overlay-header-action-items'},{'name': 'EdsOverlayHeaderLabel', 'selector': 'eds-overlay-header-label'},{'name': 'EdsOverlayHeaderSublabel', 'selector': 'eds-overlay-header-sublabel'},{'name': 'EdsPage', 'selector': 'eds-page'},{'name': 'EdsPageContent', 'selector': 'eds-page-content'},{'name': 'EdsPageFooter', 'selector': 'eds-page-footer'},{'name': 'EdsPageHeader', 'selector': 'eds-page-header'},{'name': 'EdsPageHeaderActionItems', 'selector': 'eds-page-header-action-items'},{'name': 'EdsPageHeaderBody', 'selector': 'eds-page-header-body'},{'name': 'EdsPageHeaderLabel', 'selector': 'eds-page-header-label'},{'name': 'EdsPageHeaderSublabel', 'selector': 'eds-page-header-sublabel'},{'name': 'EdsShell', 'selector': 'eds-shell'},{'name': 'EdsShellContent', 'selector': 'eds-shell-content'},{'name': 'EdsShellFooter', 'selector': 'eds-shell-footer'},{'name': 'EdsShellHeader', 'selector': 'eds-shell-header'},{'name': 'EdsShellHeaderApp', 'selector': 'eds-shell-header-app'},{'name': 'EdsShellHeaderEnd', 'selector': 'eds-shell-header-end'},{'name': 'EdsShellHeaderEnvironment', 'selector': 'eds-shell-header-environment'},{'name': 'EdsShellHeaderLogo', 'selector': 'eds-shell-header-logo'},{'name': 'EdsShellHeaderStart', 'selector': 'eds-shell-header-start'},{'name': 'EdsShellMenuToggle', 'selector': 'eds-shell-menu-toggle'},{'name': 'EdsShellSidebar', 'selector': 'eds-shell-sidebar'},{'name': 'EdsShellSidebarBottomNav', 'selector': 'eds-shell-sidebar-bottom-nav'},{'name': 'EdsShellSidebarFooter', 'selector': 'eds-shell-sidebar-footer'},{'name': 'EdsShellSidebarHeader', 'selector': 'eds-shell-sidebar-header'},{'name': 'EdsShellSidebarNav', 'selector': 'eds-shell-sidebar-nav'},{'name': 'EdsShellToolbar', 'selector': 'eds-shell-toolbar'},{'name': 'EdsShellToolbarApp', 'selector': 'eds-shell-toolbar-app'},{'name': 'EdsShellToolbarEnd', 'selector': 'eds-shell-toolbar-end'},{'name': 'EdsShellToolbarEnvironment', 'selector': 'eds-shell-toolbar-environment'},{'name': 'EdsShellToolbarLogo', 'selector': 'eds-shell-toolbar-logo'},{'name': 'EdsShellToolbarStart', 'selector': 'eds-shell-toolbar-start'},{'name': 'EdsShellTopMessage', 'selector': 'eds-shell-top-message'},{'name': 'EdsTab', 'selector': 'eds-tab'},{'name': 'EdsTabBody', 'selector': 'eds-tab-body'},{'name': 'EdsTabHeader', 'selector': 'eds-tab-header'},{'name': 'EdsTabHeaderLabel', 'selector': 'eds-tab-header-label'},{'name': 'EdsTabHeaderLeftContent', 'selector': 'eds-tab-header-left-content'},{'name': 'EdsTabHeaderRightContent', 'selector': 'eds-tab-header-right-content'},{'name': 'EdsTabHeaderSublabel', 'selector': 'eds-tab-header-sub-label'},{'name': 'EdsTabs', 'selector': 'eds-tabs'},{'name': 'EdsTabsRightContent', 'selector': 'eds-tabs-right-content'},{'name': 'EdsTag', 'selector': 'eds-tag, span[edsTag]'},{'name': 'EdsTooltipContainer', 'selector': 'eds-tooltip-container'},{'name': 'EdsUserProfile', 'selector': 'eds-user-profile'},{'name': 'EdsUserProfileMenu', 'selector': 'eds-user-profile-menu'},{'name': 'EdsUserProfileMenuItem', 'selector': 'eds-user-profile-menu-item'}];
+    var DIRECTIVES = [{'name': 'EdsBaseColorVariantsDirective', 'selector': '[edsBaseColorVariants]'},{'name': 'EdsBaseSizeVariantsDirective', 'selector': '[edsBaseSizeVariants]'},{'name': 'EdsResizable', 'selector': '[edsResizable]'},{'name': 'EdsTooltip', 'selector': '[edsTooltip]'}];
     var ACTUAL_COMPONENT = {'name': 'EdsTabs'};
 </script>
 <script src="../js/tree.js"></script>

package/docs/components/EdsTabsRightContent.html

@@ -204,8 +204,8 @@
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
         var COMPONENT_TEMPLATE = '<div><ng-content/></div>'
-    var COMPONENTS = [{'name': 'EdsAlert', 'selector': 'div[edsAlert], eds-alert'},{'name': 'EdsAlertTitle', 'selector': 'eds-alert-title'},{'name': 'EdsAvatar', 'selector': 'div[edsAvatar], span[edsAvatar], eds-avatar'},{'name': 'EdsAvatarBadge', 'selector': 'eds-avatar-badge'},{'name': 'EdsAvatarContent', 'selector': 'eds-avatar-content'},{'name': 'EdsAvatarContentLabel', 'selector': 'eds-avatar-content-label'},{'name': 'EdsAvatarContentSublabel', 'selector': 'eds-avatar-content-sublabel'},{'name': 'EdsAvatarIcon', 'selector': 'eds-avatar-icon'},{'name': 'EdsAvatarImage', 'selector': 'eds-avatar-image'},{'name': 'EdsAvatarList', 'selector': 'eds-avatar-list'},{'name': 'EdsAvatarText', 'selector': 'eds-avatar-text'},{'name': 'EdsBadge', 'selector': 'div[edsBadge], span[edsBadge], eds-badge'},{'name': 'EdsButton', 'selector': 'button[edsButton]'},{'name': 'EdsChip', 'selector': 'eds-chip, span[edsChip], li[edsChip]'},{'name': 'EdsIcon', 'selector': 'eds-icon, span[edsIcon]'},{'name': 'EdsIconButton', 'selector': 'button[edsIconButton]'},{'name': 'EdsIconImage', 'selector': 'eds-icon-image, span[edsIconImage]'},{'name': 'EdsIconState', 'selector': 'eds-icon-state'},{'name': 'EdsTab', 'selector': 'eds-tab'},{'name': 'EdsTabBody', 'selector': 'eds-tab-body'},{'name': 'EdsTabHeader', 'selector': 'eds-tab-header'},{'name': 'EdsTabHeaderLabel', 'selector': 'eds-tab-header-label'},{'name': 'EdsTabHeaderLeftContent', 'selector': 'eds-tab-header-left-content'},{'name': 'EdsTabHeaderRightContent', 'selector': 'eds-tab-header-right-content'},{'name': 'EdsTabHeaderSublabel', 'selector': 'eds-tab-header-sub-label'},{'name': 'EdsTabs', 'selector': 'eds-tabs'},{'name': 'EdsTabsRightContent', 'selector': 'eds-tabs-right-content'},{'name': 'EdsTag', 'selector': 'eds-tag, span[edsTag]'},{'name': 'EdsTooltipContainer', 'selector': 'eds-tooltip-container'}];
-    var DIRECTIVES = [{'name': 'EdsTooltip', 'selector': '[edsTooltip]'},{'name': 'EuiBaseColorVariantsDirective', 'selector': '[euiBaseColorVariants]'},{'name': 'EuiBaseSizeVariantsDirective', 'selector': '[euiBaseSizeVariants]'}];
+    var COMPONENTS = [{'name': 'EdsAlert', 'selector': 'div[edsAlert], eds-alert'},{'name': 'EdsAlertTitle', 'selector': 'eds-alert-title'},{'name': 'EdsAvatar', 'selector': 'div[edsAvatar], span[edsAvatar], eds-avatar'},{'name': 'EdsAvatarBadge', 'selector': 'eds-avatar-badge'},{'name': 'EdsAvatarContent', 'selector': 'eds-avatar-content'},{'name': 'EdsAvatarContentLabel', 'selector': 'eds-avatar-content-label'},{'name': 'EdsAvatarContentSublabel', 'selector': 'eds-avatar-content-sublabel'},{'name': 'EdsAvatarIcon', 'selector': 'eds-avatar-icon'},{'name': 'EdsAvatarImage', 'selector': 'eds-avatar-image'},{'name': 'EdsAvatarList', 'selector': 'eds-avatar-list'},{'name': 'EdsAvatarText', 'selector': 'eds-avatar-text'},{'name': 'EdsBadge', 'selector': 'div[edsBadge], span[edsBadge], eds-badge'},{'name': 'EdsButton', 'selector': 'button[edsButton]'},{'name': 'EdsChip', 'selector': 'eds-chip, span[edsChip], li[edsChip]'},{'name': 'EdsIcon', 'selector': 'eds-icon, span[edsIcon]'},{'name': 'EdsIconButton', 'selector': 'button[edsIconButton]'},{'name': 'EdsIconImage', 'selector': 'eds-icon-image, span[edsIconImage]'},{'name': 'EdsIconState', 'selector': 'eds-icon-state'},{'name': 'EdsLanguageSelector', 'selector': 'eds-language-selector'},{'name': 'EdsMenu', 'selector': 'eds-menu'},{'name': 'EdsMenuItemComponent', 'selector': 'eds-menu-item'},{'name': 'EdsOverlay', 'selector': 'eds-overlay'},{'name': 'EdsOverlayContent', 'selector': 'eds-overlay-content'},{'name': 'EdsOverlayFooter', 'selector': 'eds-overlay-footer'},{'name': 'EdsOverlayHeader', 'selector': 'eds-overlay-header'},{'name': 'EdsOverlayHeaderActionItems', 'selector': 'eds-overlay-header-action-items'},{'name': 'EdsOverlayHeaderLabel', 'selector': 'eds-overlay-header-label'},{'name': 'EdsOverlayHeaderSublabel', 'selector': 'eds-overlay-header-sublabel'},{'name': 'EdsPage', 'selector': 'eds-page'},{'name': 'EdsPageContent', 'selector': 'eds-page-content'},{'name': 'EdsPageFooter', 'selector': 'eds-page-footer'},{'name': 'EdsPageHeader', 'selector': 'eds-page-header'},{'name': 'EdsPageHeaderActionItems', 'selector': 'eds-page-header-action-items'},{'name': 'EdsPageHeaderBody', 'selector': 'eds-page-header-body'},{'name': 'EdsPageHeaderLabel', 'selector': 'eds-page-header-label'},{'name': 'EdsPageHeaderSublabel', 'selector': 'eds-page-header-sublabel'},{'name': 'EdsShell', 'selector': 'eds-shell'},{'name': 'EdsShellContent', 'selector': 'eds-shell-content'},{'name': 'EdsShellFooter', 'selector': 'eds-shell-footer'},{'name': 'EdsShellHeader', 'selector': 'eds-shell-header'},{'name': 'EdsShellHeaderApp', 'selector': 'eds-shell-header-app'},{'name': 'EdsShellHeaderEnd', 'selector': 'eds-shell-header-end'},{'name': 'EdsShellHeaderEnvironment', 'selector': 'eds-shell-header-environment'},{'name': 'EdsShellHeaderLogo', 'selector': 'eds-shell-header-logo'},{'name': 'EdsShellHeaderStart', 'selector': 'eds-shell-header-start'},{'name': 'EdsShellMenuToggle', 'selector': 'eds-shell-menu-toggle'},{'name': 'EdsShellSidebar', 'selector': 'eds-shell-sidebar'},{'name': 'EdsShellSidebarBottomNav', 'selector': 'eds-shell-sidebar-bottom-nav'},{'name': 'EdsShellSidebarFooter', 'selector': 'eds-shell-sidebar-footer'},{'name': 'EdsShellSidebarHeader', 'selector': 'eds-shell-sidebar-header'},{'name': 'EdsShellSidebarNav', 'selector': 'eds-shell-sidebar-nav'},{'name': 'EdsShellToolbar', 'selector': 'eds-shell-toolbar'},{'name': 'EdsShellToolbarApp', 'selector': 'eds-shell-toolbar-app'},{'name': 'EdsShellToolbarEnd', 'selector': 'eds-shell-toolbar-end'},{'name': 'EdsShellToolbarEnvironment', 'selector': 'eds-shell-toolbar-environment'},{'name': 'EdsShellToolbarLogo', 'selector': 'eds-shell-toolbar-logo'},{'name': 'EdsShellToolbarStart', 'selector': 'eds-shell-toolbar-start'},{'name': 'EdsShellTopMessage', 'selector': 'eds-shell-top-message'},{'name': 'EdsTab', 'selector': 'eds-tab'},{'name': 'EdsTabBody', 'selector': 'eds-tab-body'},{'name': 'EdsTabHeader', 'selector': 'eds-tab-header'},{'name': 'EdsTabHeaderLabel', 'selector': 'eds-tab-header-label'},{'name': 'EdsTabHeaderLeftContent', 'selector': 'eds-tab-header-left-content'},{'name': 'EdsTabHeaderRightContent', 'selector': 'eds-tab-header-right-content'},{'name': 'EdsTabHeaderSublabel', 'selector': 'eds-tab-header-sub-label'},{'name': 'EdsTabs', 'selector': 'eds-tabs'},{'name': 'EdsTabsRightContent', 'selector': 'eds-tabs-right-content'},{'name': 'EdsTag', 'selector': 'eds-tag, span[edsTag]'},{'name': 'EdsTooltipContainer', 'selector': 'eds-tooltip-container'},{'name': 'EdsUserProfile', 'selector': 'eds-user-profile'},{'name': 'EdsUserProfileMenu', 'selector': 'eds-user-profile-menu'},{'name': 'EdsUserProfileMenuItem', 'selector': 'eds-user-profile-menu-item'}];
+    var DIRECTIVES = [{'name': 'EdsBaseColorVariantsDirective', 'selector': '[edsBaseColorVariants]'},{'name': 'EdsBaseSizeVariantsDirective', 'selector': '[edsBaseSizeVariants]'},{'name': 'EdsResizable', 'selector': '[edsResizable]'},{'name': 'EdsTooltip', 'selector': '[edsTooltip]'}];
     var ACTUAL_COMPONENT = {'name': 'EdsTabsRightContent'};
 </script>
 <script src="../js/tree.js"></script>