@eui/ecl 22.0.0-alpha.39 → 22.0.0-alpha.40

package/types/eui-ecl-components-ecl-table.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { DoCheck, OnDestroy, OnInit, AfterContentInit, EventEmitter, AfterViewInit } from '@angular/core';
+import { OnInit, AfterContentInit, AfterViewInit } from '@angular/core';
 import { EclBaseEvent, ECLBaseDirective, EclThemeService } from '@eui/ecl/core';
 
 /**
@@ -41,20 +41,40 @@ declare enum SortOrder {
  *
  * Applies ECL-specific table classes and emits sort events when columns are sorted.
  */
-declare class EclTableDirective extends ECLBaseDirective implements DoCheck, OnDestroy, OnInit, AfterContentInit {
+declare class EclTableDirective extends ECLBaseDirective implements OnInit, AfterContentInit {
     /**
      * Applies zebra striping to the table rows by adding the `ecl-table--zebra` class if true.
      */
     readonly isZebra: i0.InputSignalWithTransform<boolean, unknown>;
     /**
-     * Applies the "simple" table variant if true.
-     * Automatically enabled if no header is detected.
+     * Opts out of the enhanced mobile layout and applies the "simple" table variant
+     * by adding the `ecl-table--simple` class.
+     *
+     * This only affects narrow (mobile) viewports; on desktop both variants render as
+     * a standard table, so this input is effectively a no-op there.
+     * - Default (enhanced): on mobile each row collapses into a stacked, card-like layout
+     *   that uses the `eclTableCellHeader` value as the label for each cell.
+     * - Simple: on mobile the table keeps its native structure and scrolls horizontally
+     *   inside the responsive wrapper instead of collapsing.
+     *
+     * Automatically enabled if no header is detected, since the enhanced mobile layout
+     * has no header labels to project onto the cells.
+     */
+    readonly isSimple: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Writable internal "simple" state, seeded from the `isSimple` input.
+     * May be forced to `true` internally when no header is detected.
      */
-    isSimple: boolean;
+    private isSimpleTable;
     /**
      * The HTML ID attribute of the table. If not provided, a UUID is generated.
      */
-    id: string;
+    readonly id: i0.InputSignal<string>;
+    /**
+     * Writable internal id, seeded from the `id` input and falling back to a
+     * generated UUID when none is provided.
+     */
+    protected tableId: i0.WritableSignal<string>;
     /**
      * Computed list of CSS classes for the host element.
      */
@@ -62,14 +82,11 @@ declare class EclTableDirective extends ECLBaseDirective implements DoCheck, OnD
     /**
      * Emits an event when a column sort is triggered.
      */
-    sort: EventEmitter<EclSortTableEvent>;
+    readonly sort: i0.OutputEmitterRef<EclSortTableEvent>;
     /**
      * List of header directives detected in the content.
      */
     readonly eclTableHeaders: i0.Signal<readonly any[]>;
-    private destroy$;
-    private differ;
-    private differs;
     constructor();
     /**
      * Lifecycle hook that runs on component initialization.
@@ -82,26 +99,21 @@ declare class EclTableDirective extends ECLBaseDirective implements DoCheck, OnD
      */
     ngAfterContentInit(): void;
     /**
-     * Custom change detection for dynamically added header directives.
-     */
-    ngDoCheck(): void;
-    /**
-     * Cleans up subscriptions on destroy to prevent memory leaks.
-     */
-    ngOnDestroy(): void;
-    /**
-     * Sets the table to "simple" variant if no header directives are found.
+     * Forces the "simple" variant when no header directives are found.
+     *
+     * The enhanced mobile layout relies on header cells to supply the per-cell labels
+     * (via `eclTableCellHeader`); without headers there is nothing to project, so the
+     * table falls back to the simple (horizontal-scroll) variant on mobile.
      */
     private convertToSimpleVariant;
     static ɵfac: i0.ɵɵFactoryDeclaration<EclTableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableDirective, "[eclTable]", never, { "isZebra": { "alias": "isZebra"; "required": false; "isSignal": true; }; "isSimple": { "alias": "isSimple"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "sort": "sort"; }, ["eclTableHeaders"], never, true, never>;
-    static ngAcceptInputType_isSimple: unknown;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableDirective, "[eclTable]", never, { "isZebra": { "alias": "isZebra"; "required": false; "isSignal": true; }; "isSimple": { "alias": "isSimple"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "sort": "sort"; }, ["eclTableHeaders"], never, true, never>;
 }
 /**
  * Directive applied to `<thead>` elements inside a table.
  * Detects header changes and manages ARIA attributes.
  */
-declare class EclTableHeadDirective extends ECLBaseDirective implements OnDestroy, DoCheck {
+declare class EclTableHeadDirective extends ECLBaseDirective {
     /**
      * Applies the ECL head class to the element.
      */
@@ -110,22 +122,15 @@ declare class EclTableHeadDirective extends ECLBaseDirective implements OnDestro
      * List of header directives under this head element.
      */
     readonly eclTableHeaders: i0.Signal<readonly any[]>;
-    private differs;
-    private destroy$;
-    private differ;
     constructor();
-    /**
-     * Detects dynamic addition of header directives and resets ARIA sorting attributes.
-     */
-    ngDoCheck(): void;
-    /**
-     * Cleans up subscriptions on destroy to prevent memory leaks.
-     */
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EclTableHeadDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableHeadDirective, "[eclTableHead]", never, {}, {}, ["eclTableHeaders"], never, true, never>;
 }
-declare class EclTableHeaderDirective extends ECLBaseDirective implements AfterContentInit, OnInit {
+/**
+ * Directive representing a single table header cell in an ECL table.
+ * Supports sorting functionality and accessibility attributes.
+ */
+declare class EclTableHeaderDirective extends ECLBaseDirective implements OnInit {
     /**
      * Current sort order of the column (`ascending`, `descending`, or `null`).
      * This sets the `aria-sort` attribute used for accessibility.
@@ -136,17 +141,29 @@ declare class EclTableHeaderDirective extends ECLBaseDirective implements AfterC
      * Enables sorting on the header. Also sets the `data-ecl-table-sort-toggle` attribute.
      * Acts as the unique identifier for the column when sorting.
      */
-    eclSortable: any;
+    readonly eclSortable: i0.InputSignal<string>;
     /**
      * Scope of the table header. Default is `col`. Sets the `scope` attribute.
      */
-    scope: string;
+    readonly scope: i0.InputSignal<string>;
     /**
      * HTML `id` attribute of the table header cell. If not provided, a UUID will be generated.
      */
-    id: string;
+    readonly id: i0.InputSignal<string>;
+    /**
+     * Writable internal id, seeded from the `id` input and falling back to a
+     * generated UUID when none is provided.
+     */
+    protected headerId: i0.WritableSignal<string>;
     /**
      * Aria-label for the sort button that will be injected into the header cell.
+     *
+     * When provided, the value is used verbatim: it is NOT translated and is NOT
+     * updated as the sort direction changes. The consumer is responsible for passing
+     * an already-localized string (e.g. `[sortButtonAriaLabel]="'my.key' | translate"`).
+     *
+     * When omitted, the directive manages the label internally and translates it via
+     * the `ecl.table.SORT-LABEL.*` keys, updating it on each sort toggle.
      */
     readonly sortButtonAriaLabel: i0.InputSignal<string>;
     /**
@@ -156,22 +173,18 @@ declare class EclTableHeaderDirective extends ECLBaseDirective implements AfterC
     /**
      * Emits an `EclSortTableEvent` when the header is clicked and sorting is triggered.
      */
-    sort: EventEmitter<EclSortTableEvent>;
+    readonly sort: i0.OutputEmitterRef<EclSortTableEvent>;
     private containerComponentRef;
     private el;
     private viewContainerRef;
     private renderer;
     private translateService;
+    constructor();
     /**
      * Lifecycle hook that runs on component initialization.
      * Generates a unique `id` if not already defined.
      */
     ngOnInit(): void;
-    /**
-     * Lifecycle hook that runs after the view is initialized.
-     * Injects the sort button into the header cell if sorting is enabled.
-     */
-    ngAfterContentInit(): void;
     /**
      * Clears the `aria-sort` attribute, used to visually and semantically reset previous sort state.
      *
@@ -193,8 +206,11 @@ declare class EclTableHeaderDirective extends ECLBaseDirective implements AfterC
      */
     private initSortButtons;
     static ɵfac: i0.ɵɵFactoryDeclaration<EclTableHeaderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableHeaderDirective, "[eclTableHeader]", never, { "eclSortable": { "alias": "eclSortable"; "required": false; }; "scope": { "alias": "scope"; "required": false; }; "id": { "alias": "id"; "required": false; }; "sortButtonAriaLabel": { "alias": "sortButtonAriaLabel"; "required": false; "isSignal": true; }; }, { "sort": "sort"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableHeaderDirective, "[eclTableHeader]", never, { "eclSortable": { "alias": "eclSortable"; "required": false; "isSignal": true; }; "scope": { "alias": "scope"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "sortButtonAriaLabel": { "alias": "sortButtonAriaLabel"; "required": false; "isSignal": true; }; }, { "sort": "sort"; }, never, never, true, never>;
 }
+/**
+ * Directive for applying ECL row styling to a table row element.
+ */
 declare class EclTableRowDirective extends ECLBaseDirective {
     /**
      * Applies `ecl-table__row` class to the table row.
@@ -203,6 +219,9 @@ declare class EclTableRowDirective extends ECLBaseDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<EclTableRowDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableRowDirective, "[eclTableRow]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * Directive for applying ECL body styling to a table body element.
+ */
 declare class EclTableBodyDirective extends ECLBaseDirective {
     /**
      * Applies `ecl-table__body` class to the table body.
@@ -211,28 +230,39 @@ declare class EclTableBodyDirective extends ECLBaseDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<EclTableBodyDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableBodyDirective, "[eclTableBody]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * Directive for styling individual table cells in the ECL table.
+ */
 declare class EclTableCellDirective extends ECLBaseDirective {
     /**
      * Provides a reference to the related table header.
      * Sets the `data-ecl-table-header` attribute for accessibility or responsive behavior.
      */
-    eclTableCellHeader: string;
+    readonly eclTableCellHeader: i0.InputSignal<string>;
     /**
      * If `true`, applies additional group styling to the cell.
      */
-    isGroup: boolean;
+    readonly isGroup: i0.InputSignalWithTransform<boolean, unknown>;
     /**
      * Computes and applies appropriate CSS classes for the table cell.
      */
     get cssClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<EclTableCellDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableCellDirective, "[eclTableCell]", never, { "eclTableCellHeader": { "alias": "eclTableCellHeader"; "required": false; }; "isGroup": { "alias": "isGroup"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableCellDirective, "[eclTableCell]", never, { "eclTableCellHeader": { "alias": "eclTableCellHeader"; "required": false; "isSignal": true; }; "isGroup": { "alias": "isGroup"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/**
+ * Directive used to group multiple table cells under a shared header group.
+ */
 declare class EclTableCellGroupDirective extends ECLBaseDirective implements AfterViewInit {
     /**
      * Sets the `data-ecl-table-header-group` attribute to link to a header group.
      */
-    eclTableCellGroup: string;
+    readonly eclTableCellGroup: i0.InputSignal<string>;
+    /**
+     * Writable internal group value, seeded from the `eclTableCellGroup` input.
+     * An empty string is normalized to `null` so the attribute is omitted.
+     */
+    protected cellGroup: i0.WritableSignal<string>;
     /**
      * Applies the group-specific cell class.
      */
@@ -243,8 +273,11 @@ declare class EclTableCellGroupDirective extends ECLBaseDirective implements Aft
      */
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EclTableCellGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableCellGroupDirective, "[eclTableCellGroup]", never, { "eclTableCellGroup": { "alias": "eclTableCellGroup"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableCellGroupDirective, "[eclTableCellGroup]", never, { "eclTableCellGroup": { "alias": "eclTableCellGroup"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/**
+ * Directive for applying ECL responsive wrapper to a table container.
+ */
 declare class EclTableResponsiveDirective extends ECLBaseDirective {
     /**
      * Applies the `ecl-table-responsive` class.
@@ -253,11 +286,10 @@ declare class EclTableResponsiveDirective extends ECLBaseDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<EclTableResponsiveDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableResponsiveDirective, "[eclTableResponsive]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * Directive for applying styling to a table caption element.
+ */
 declare class EclTableCaptionDirective extends ECLBaseDirective {
-    /**
-     * Applies the `ecl-table__caption` class to the caption.
-     */
-    hasClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<EclTableCaptionDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<EclTableCaptionDirective, "caption[eclTableCaption]", never, {}, {}, never, never, true, never>;
 }

package/types/eui-ecl-components-ecl-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-table.d.ts","sources":["../../components/ecl-table/events/ecl-sort-table.event.ts","../../components/ecl-table/ecl-table.directive.ts","../../components/ecl-table/ecl-table-sort-button.component.ts","../../components/ecl-table/index.ts"],"mappings":";;;;AAGA;;;;AAIG;AACH,cAAa,iBAAkB,SAAQ,YAAY;AAE3C;;;AAGG;AACI,eAAW,SAAS;AAE3B;;AAEG;AACI;;AATP;;;AAGG;AACI,eAAW,SAAS;AAE3B;;AAEG;AACI;AAId;;ACSD;;AAEG;AACH,aAAY,SAAS;AACjB;AACA;AACH;AAED;;;;AAIG;AACH,cAGa,iBAAkB,SAAQ,gBAAiB,YAAW,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB;AAC3G;;AAEG;sBACaA,EAAA,CAAA,wBAAA;AAEhB;;;AAGG;AACqC;AAExC;;AAEG;;AAGH;;AAEG;;AAMH;;AAEG;AACO,UAAI,YAAA,CAAA,iBAAA;AAEd;;AAEG;8BACqBA,EAAA,CAAA,MAAA;;;;;AAWxB;;;AAGG;AACH;AAMA;;;AAGG;AACH;AAIA;;AAEG;AACH;AAWA;;AAEG;AACH;AAKA;;AAEG;AACH;yCAvFS,iBAAiB;2CAAjB,iBAAiB;;AA4F7B;AAED;;;AAGG;AACH,cAGa,qBAAsB,SAAQ,gBAAiB,YAAW,SAAS,EAAE,OAAO;AACrF;;AAEG;;AAMH;;AAEG;8BACqBA,EAAA,CAAA,MAAA;;;;;AAWxB;;AAEG;AACH;AAaA;;AAEG;AACH;yCA1CS,qBAAqB;2CAArB,qBAAqB;AA8CjC;AAED,cAOa,uBAAwB,SAAQ,gBAAiB,YAAW,gBAAgB,EAAE,MAAM;AAC7F;;;AAGG;AACH,eAAW,SAAS;AAEpB,oBACgB,SAAS;AAIzB;;;AAGG;AACsD;AAEzD;;AAEG;AACiC;AAEpC;;AAEG;;AAGH;;AAEG;kCACyBA,EAAA,CAAA,WAAA;AAE5B;;AAEG;;AAMH;;AAEG;AACO,UAAI,YAAA,CAAA,iBAAA;;;;;;AAOd;;;AAGG;AACH;AAMA;;;AAGG;AACH;AAIA;;;;AAIG;AACH;AAIA;;;;;;AAMG;AAEH,iBAAa,KAAK;AAwBlB;AAMA;;;AAGG;AACH;yCAxHS,uBAAuB;2CAAvB,uBAAuB;AAsInC;AAED,cAMa,oBAAqB,SAAQ,gBAAgB;AACtD;;AAEG;;yCAHM,oBAAoB;2CAApB,oBAAoB;AAQhC;AAED,cAMa,qBAAsB,SAAQ,gBAAgB;AACvD;;AAEG;;yCAHM,qBAAqB;2CAArB,qBAAqB;AAQjC;AAED,cAMa,qBAAsB,SAAQ,gBAAgB;AACvD;;;AAGG;;AAGH;;AAEG;AACmD;AAEtD;;AAEG;;yCAdM,qBAAqB;2CAArB,qBAAqB;AAmBjC;AAED,cAMa,0BAA2B,SAAQ,gBAAiB,YAAW,aAAa;AACrF;;AAEG;;AAGH;;AAEG;;;AAOH;;AAEG;AACH;yCAlBS,0BAA0B;2CAA1B,0BAA0B;AAsBtC;AAED,cAMa,2BAA4B,SAAQ,gBAAgB;AAC7D;;AAEG;;yCAHM,2BAA2B;2CAA3B,2BAA2B;AAQvC;AAED,cAMa,wBAAyB,SAAQ,gBAAgB;AAC1D;;AAEG;AACsC;yCAJhC,wBAAwB;2CAAxB,wBAAwB;AAKpC;;AClcD;;;;;AAKG;AACH,cAMa,2BAA4B,SAAQ,gBAAgB;AAC7D,qBAAe,eAAA;AAEf;;;AAGG;AAC6B;AAEhC;;;AAGG;;yCAZM,2BAA2B;2CAA3B,2BAA2B;AAiBvC;;AClBD,cAAa,aAAa,mBAAA,wBAAA,SAAA,iBAAA,SAAA,qBAAA,SAAA,uBAAA,SAAA,oBAAA,SAAA,qBAAA,SAAA,qBAAA,SAAA,0BAAA,SAAA,2BAAA,SAAA,2BAAA;;;;","names":["_angular_core"]}
+{"version":3,"file":"eui-ecl-components-ecl-table.d.ts","sources":["../../components/ecl-table/events/ecl-sort-table.event.ts","../../components/ecl-table/ecl-table.directive.ts","../../components/ecl-table/ecl-table-sort-button.component.ts","../../components/ecl-table/index.ts"],"mappings":"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","names":["_angular_core"]}

package/types/eui-ecl-components-ecl-tabs.d.ts

@@ -1,8 +1,6 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, AfterViewInit, EventEmitter, TemplateRef, OnInit, OnDestroy } from '@angular/core';
+import { ElementRef, AfterViewInit, TemplateRef, OnInit } from '@angular/core';
 import { ECLBaseDirective, EclBaseEvent } from '@eui/ecl/core';
-import { EclLinkDirective } from '@eui/ecl/components/ecl-link';
-import { EclButtonComponent } from '@eui/ecl/components/ecl-button';
 
 /**
  * Component representing a tab label within ECL Tabs.
@@ -35,7 +33,7 @@ declare class EclTabComponent extends ECLBaseDirective implements AfterViewInit
     /**
      * Unique identifier for the tab.
      */
-    id: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string>;
     /**
      * Extra classes to be added to the anchor tag.
      */
@@ -47,43 +45,45 @@ declare class EclTabComponent extends ECLBaseDirective implements AfterViewInit
     /**
      * Marks the tab as active.
      */
-    isActive: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    _isActive: _angular_core.WritableSignal<boolean>;
+    readonly isActive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly _isActive: _angular_core.WritableSignal<boolean>;
     /**
      * Emits when the tab is selected via click.
      */
-    selectTab: EventEmitter<EclTabSelectEvent>;
+    readonly selectTab: _angular_core.OutputEmitterRef<EclTabSelectEvent>;
     /**
      * Emits when a keydown event occurs on the tab.
      */
-    keydownTab: EventEmitter<Event>;
+    readonly keydownTab: _angular_core.OutputEmitterRef<Event>;
     /**
      * Reference to the tab content template.
      */
     readonly contentTemplate: _angular_core.Signal<TemplateRef<any>>;
     /**
-     * Reference to the internal link directive used in the tab.
+     * Contains the inner HTML of the tab label.
      */
-    readonly link: _angular_core.Signal<EclLinkDirective>;
+    tabLabel: string;
     /**
-     * Reference to the projected tab label component.
+     * The computed id used across the tab's DOM hooks.
      */
-    readonly label: _angular_core.Signal<EclTabLabelComponent>;
+    readonly finalId: _angular_core.Signal<string>;
     /**
-     * Contains the inner HTML of the tab label.
+     * The tab index value for the tab's link.
      */
-    tabLabel: string;
+    protected readonly hrefTabindex: _angular_core.Signal<0 | -1>;
     /**
-     * The tab index value for the tab's link.
+     * CSS classes applied to the host element, bound via the `host` metadata (`[class]`).
+     * Reactive to the base `class` model signal.
      */
-    hrefTabindex: _angular_core.Signal<0 | -1>;
-    finalId: _angular_core.Signal<string>;
-    protected linkId: _angular_core.Signal<string>;
-    protected ariaControls: _angular_core.Signal<string>;
-    private generatedId;
+    protected readonly cssClasses: _angular_core.Signal<string>;
+    protected readonly linkId: _angular_core.Signal<string>;
+    protected readonly ariaControls: _angular_core.Signal<string>;
+    private readonly link;
+    private readonly label;
+    private readonly generatedId;
+    private readonly elementRef;
     private isFirstCall;
     private width;
-    private elementRef;
     constructor();
     /**
      * Returns the host HTML element of the tab component.
@@ -94,10 +94,6 @@ declare class EclTabComponent extends ECLBaseDirective implements AfterViewInit
      */
     get isUsingOldSelector(): boolean;
     ngAfterViewInit(): void;
-    /**
-     * Returns the CSS classes applied to the host element.
-     */
-    get cssClasses(): string;
     /**
      * Returns the inner HTML content of the tab label.
      */
@@ -107,14 +103,6 @@ declare class EclTabComponent extends ECLBaseDirective implements AfterViewInit
      * The measurement is cached after the first call.
      */
     getWidth(): number;
-    /**
-     * Handles a click event on the tab and emits the `selectTab` event.
-     */
-    onTabClick(): void;
-    /**
-     * Handles a keydown event on the tab and emits the `keydownTab` event.
-     */
-    onKeydown(event: Event): void;
     /**
      * Calls the focus method on the inner link directive.
      */
@@ -123,6 +111,14 @@ declare class EclTabComponent extends ECLBaseDirective implements AfterViewInit
      * Calls the blur method on the inner link directive.
      */
     onBlur(): void;
+    /**
+     * Handles a click event on the tab and emits the `selectTab` event.
+     */
+    protected onTabClick(): void;
+    /**
+     * Handles a keydown event on the tab and emits the `keydownTab` event.
+     */
+    protected onKeydown(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclTabComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclTabComponent, "div[eclTab]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "anchorExtraClasses": { "alias": "anchorExtraClasses"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; }, { "isHidden": "isHiddenChange"; "selectTab": "selectTab"; "keydownTab": "keydownTab"; }, ["label"], ["ecl-tab-label", "*"], true, never>;
 }
@@ -134,15 +130,7 @@ declare enum ShiftDirection {
 /**
  * ECL Tabs component for displaying tabbed content and managing tab selection and navigation.
  */
-declare class EclTabsComponent extends ECLBaseDirective implements OnInit, OnDestroy {
-    /**
-     * Adds `ecl-tabs` class to the host if not using the deprecated selector.
-     */
-    hasClass: boolean;
-    /**
-     * Marks the component as initialized, enabling ECL CSS that depends on this attribute.
-     */
-    autoInitialized: string;
+declare class EclTabsComponent extends ECLBaseDirective implements OnInit {
     /**
      * Class applied to the tab body container.
      */
@@ -154,141 +142,123 @@ declare class EclTabsComponent extends ECLBaseDirective implements OnInit, OnDes
     /**
      * All projected tabs inside the component.
      */
-    readonly tabs: _angular_core.Signal<readonly any[]>;
-    /**
-     * Reference to the visible tab list container.
-     */
-    readonly tabsList: _angular_core.Signal<ElementRef<any>>;
+    protected readonly tabs: _angular_core.Signal<readonly any[]>;
     /**
-     * Reference to the "more" button.
-     */
-    readonly moreButton: _angular_core.Signal<EclButtonComponent>;
-    /**
-     * Reference to the scroll previous button.
+     * Tabs displayed in the visible list.
      */
-    readonly btnPrev: _angular_core.Signal<EclButtonComponent>;
+    protected readonly listTabs: _angular_core.WritableSignal<EclTabComponent[]>;
     /**
-     * Reference to the scroll next button.
+     * Indicates whether the dropdown is expanded.
      */
-    readonly btnNext: _angular_core.Signal<EclButtonComponent>;
+    protected readonly isDropdownExpanded: _angular_core.WritableSignal<boolean>;
     /**
-     * Reference to the dropdown list containing overflowed tabs.
+     * Indicates whether the scroll previous button is shown.
      */
-    readonly dropdownList: _angular_core.Signal<ElementRef<any>>;
+    protected readonly isScrollPrevBtnShow: _angular_core.WritableSignal<boolean>;
     /**
-     * Reference to the "more" item container in the tab list.
+     * Indicates whether the scroll next button is shown.
      */
-    readonly moreItem: _angular_core.Signal<ElementRef<any>>;
+    protected readonly isScrollNextBtnShow: _angular_core.WritableSignal<boolean>;
     /**
-     * Tabs displayed in the visible list.
+     * CSS transform applied to the scrollable tab list.
      */
-    listTabs: EclTabComponent[];
+    protected readonly styleTransform: _angular_core.WritableSignal<string>;
     /**
-     * Index of the active tab.
+     * Whether any visible tab is active.
      */
-    index: number;
+    protected readonly isMoreButtonActive: _angular_core.Signal<boolean>;
     /**
-     * Indicates whether the dropdown is expanded.
+     * Get the tabindex for more button.
      */
-    isDropdownExpanded: _angular_core.WritableSignal<boolean>;
+    protected readonly customTabIndex: _angular_core.Signal<"-1" | "0">;
     /**
-     * Indicates whether the mobile breakpoint is active.
+     * Returns the number of tabs shown in the dropdown.
+     *
+     * Counts the dropdown clones that are visible (`isHidden() === false`), which is the
+     * exact set rendered in the dropdown. Counting the main tabs' hidden state instead can
+     * diverge from what the dropdown shows, because the main-bar hidden signals are updated
+     * by the imperative resize measurement pass.
      */
-    isMobileBreakpoint: boolean;
+    protected readonly hiddenTabsCount: _angular_core.Signal<number>;
     /**
-     * Indicates whether the scroll previous button is shown.
+     * Returns the duration of the transition animation.
      */
-    isScrollPrevBtnShow: _angular_core.WritableSignal<boolean>;
+    protected readonly transitionDuration: _angular_core.Signal<"0" | "0.4s">;
+    private readonly tabsList;
+    private readonly moreButton;
+    private readonly btnPrev;
+    private readonly dropdownList;
+    private readonly moreItem;
     /**
-     * Indicates whether the scroll next button is shown.
+     * Index of the active tab.
      */
-    isScrollNextBtnShow: _angular_core.WritableSignal<boolean>;
+    private readonly index;
     /**
-     * CSS transform applied to the scrollable tab list.
+     * Indicates whether the mobile breakpoint is active.
      */
-    styleTransform: string;
-    private differs;
-    private cdkBreakpointObserver;
-    private cd;
-    private el;
-    private eclRtlService;
-    private platformId;
+    private readonly isMobileBreakpoint;
+    private readonly differs;
+    private readonly cdkBreakpointObserver;
+    private readonly cd;
+    private readonly el;
+    private readonly eclRtlService;
+    private readonly platformId;
+    private readonly destroyRef;
+    private readonly tabsChanges$;
+    private readonly tabSubscriptions;
     private differ;
     private diff;
-    private destroy$;
-    private tabsChanges$;
     private isRtl;
     private TIMEOUT_INTERVAL;
     constructor();
     ngOnInit(): void;
-    ngOnDestroy(): void;
-    onClick(target: any): void;
-    /**
-     * Whether the deprecated selector is being used.
-     */
-    get isUsingOldSelector(): boolean;
-    /**
-     * Whether any visible tab is active.
-     */
-    get isMoreButtonActive(): boolean;
-    /**
-     * Get the tabindex for more button.
-     */
-    get customTabIndex(): string;
+    protected onClick(target: any): void;
     /**
      * Scrolls the tab list to the left.
      */
-    onScrollPrev(): void;
+    protected onScrollPrev(): void;
     /**
      * Scrolls the tab list to the right.
      */
-    onScrollNext(): void;
+    protected onScrollNext(): void;
     /**
      * Toggles the dropdown visibility.
      */
-    onDropdownToggle(): void;
-    /**
-     * Returns the number of tabs hidden in dropdown.
-     */
-    getHiddenTabsCount(): number;
+    protected onDropdownToggle(): void;
     /**
      * Returns the label of the tab at the specified index.
      */
-    getTabLabel(index: number): string;
-    /**
-     * Returns the duration of the transition animation.
-     */
-    getTransitionDuration(): string;
+    protected getTabLabel(index: number): string;
     /**
      * Handles tab selection.
      * @param tab Tab to activate.
      */
-    onTabSelect(tab: EclTabComponent): void;
+    protected onTabSelect(tab: EclTabComponent): void;
+    /**
+     * Handles all supported keyboard events for a tab.
+     * @param event KeyboardEvent triggered.
+     * @param tab Target tab.
+     */
+    protected onTabKeydown(event: Event, tab: EclTabComponent): void;
+    protected onMoreButtonFocus(): void;
     /**
      * Handles right arrow key navigation.
      * @param index Current tab index.
      */
-    onTabKeydownArrowRight(index: number): void;
+    private onTabKeydownArrowRight;
     /**
      * Handles left arrow key navigation.
      * @param index Current tab index.
      */
-    onTabKeydownArrowLeft(index: number): void;
+    private onTabKeydownArrowLeft;
     /**
      * Focuses the first tab in the list.
      */
-    onTabKeydownHome(): void;
+    private onTabKeydownHome;
     /**
      * Focuses the last tab in the list.
      */
-    onTabKeydownEnd(): void;
-    /**
-     * Handles all supported keyboard events for a tab.
-     * @param event KeyboardEvent triggered.
-     * @param tab Target tab.
-     */
-    onTabKeydown(event: Event, tab: EclTabComponent): void;
-    onMoreButtonFocus(): void;
+    private onTabKeydownEnd;
     private onTabTab;
     private getCurrentTabIndex;
     private shiftTabs;
@@ -325,7 +295,7 @@ declare class EclTabsComponent extends ECLBaseDirective implements OnInit, OnDes
     private handleRtlChange;
     private observeElementSizeChanges;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclTabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclTabsComponent, "div[eclTabs]", never, { "bodyClass": { "alias": "bodyClass"; "required": false; "isSignal": true; }; }, { "tabSelect": "tabSelect"; }, ["tabs"], ["ecl-tab, [eclTab]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclTabsComponent, "div[eclTabs]", never, { "bodyClass": { "alias": "bodyClass"; "required": false; "isSignal": true; }; }, { "tabSelect": "tabSelect"; }, ["tabs"], ["[eclTab]"], true, never>;
 }
 
 /** @deprecated - to be removed in v23. Not used anymore. */