cax-design-system 2.8.2 → 2.8.4

package/tabview/index.d.ts

@@ -1,359 +1,5 @@
-import * as i0 from '@angular/core';
-import { TemplateRef, AfterContentInit, OnDestroy, ElementRef, ViewContainerRef, ChangeDetectorRef, QueryList, EmbeddedViewRef, AfterViewChecked, EventEmitter, Renderer2 } from '@angular/core';
-import * as i3 from 'cax-design-system/api';
-import { CaxTemplate, BlockableUI } from 'cax-design-system/api';
-import { Nullable } from 'cax-design-system/ts-helpers';
-import * as i2 from '@angular/common';
-import * as i4 from 'cax-design-system/tooltip';
-import * as i5 from 'cax-design-system/ripple';
-import * as i6 from 'cax-design-system/icons/times';
-import * as i7 from 'cax-design-system/icons/chevronleft';
-import * as i8 from 'cax-design-system/icons/chevronright';
-import * as i9 from 'cax-design-system/button';
-
 /**
- * Custom tab change event.
- * @see {@link TabView.onChange}
- * @group Events
+ * Generated bundle index. Do not edit.
  */
-interface TabViewChangeEvent {
-    /**
-     * Browser event
-     */
-    originalEvent: Event;
-    /**
-     * Index of the selected tab
-     */
-    index: number;
-}
-/**
- * Custom tab close event.
- * @see {@link TabView.onClose}
- * @group Events
- */
-interface TabViewCloseEvent {
-    /**
-     * Browser event
-     */
-    originalEvent: Event;
-    /**
-     * Index of the closed tab
-     */
-    index: number;
-    /**
-     * Used to close tab.
-     */
-    close?(): void;
-}
-/**
- * Defines valid templates in TabView.
- * @group Templates
- */
-interface TabViewTemplates {
-    /**
-     * Previous button icon template for the scrollable component.
-     */
-    previousicon(): TemplateRef<any>;
-    /**
-     * Next button icon template for the scrollable component.
-     */
-    nexticon(): TemplateRef<any>;
-}
-
-/**
- * TabPanel is a helper component for TabView component.
- * @group Components
- */
-declare class TabPanel implements AfterContentInit, OnDestroy {
-    el: ElementRef;
-    viewContainer: ViewContainerRef;
-    cd: ChangeDetectorRef;
-    /**
-     * Defines if tab can be removed.
-     * @group Props
-     */
-    closable: boolean | undefined;
-    /**
-     * Inline style of the tab header.
-     * @group Props
-     */
-    get headerStyle(): {
-        [klass: string]: any;
-    } | null | undefined;
-    set headerStyle(headerStyle: {
-        [klass: string]: any;
-    } | null | undefined);
-    /**
-     * Style class of the tab header.
-     * @group Props
-     */
-    get headerStyleClass(): string | undefined;
-    set headerStyleClass(headerStyleClass: string | undefined);
-    /**
-     * Whether a lazy loaded panel should avoid getting loaded again on reselection.
-     * @group Props
-     */
-    cache: boolean | undefined;
-    /**
-     * Advisory information to display in a tooltip on hover.
-     * @group Props
-     */
-    tooltip: string | undefined;
-    /**
-     * Position of the tooltip.
-     * @group Props
-     */
-    tooltipPosition: 'top' | 'bottom' | 'left' | 'right' | undefined;
-    /**
-     * Type of CSS position.
-     * @group Props
-     */
-    tooltipPositionStyle: string | undefined;
-    /**
-     * Style class of the tooltip.
-     * @group Props
-     */
-    tooltipStyleClass: string | undefined;
-    /**
-     * Defines if tab is active.
-     * @defaultValue false
-     * @group Props
-     */
-    get selected(): boolean;
-    set selected(val: boolean);
-    /**
-     * When true, tab cannot be activated.
-     * @defaultValue false
-     * @group Props
-     */
-    get disabled(): boolean;
-    set disabled(disabled: boolean);
-    get pinned(): boolean;
-    set pinned(pinned: boolean);
-    /**
-     * Title of the tabPanel.
-     * @group Props
-     */
-    get header(): string;
-    set header(header: string);
-    get icon(): string;
-    set icon(icon: string);
-    /**
-     * Left icon of the tabPanel.
-     * @group Props
-     * @deprecated since v15.4.2, use `lefticon` template instead.
-     */
-    get leftIcon(): string;
-    set leftIcon(leftIcon: string);
-    /**
-     * Left icon of the tabPanel.
-     * @group Props
-     * @deprecated since v15.4.2, use `righticon` template instead.
-     */
-    get rightIcon(): string | undefined;
-    set rightIcon(rightIcon: string | undefined);
-    templates: QueryList<CaxTemplate> | undefined;
-    closed: boolean;
-    view: EmbeddedViewRef<any> | null;
-    _headerStyle: {
-        [klass: string]: any;
-    } | null | undefined;
-    _headerStyleClass: string | undefined;
-    _selected: boolean | undefined;
-    _disabled: boolean | undefined;
-    _pinned: boolean | undefined;
-    _header: string;
-    _icon: string;
-    _leftIcon: string;
-    _rightIcon: string | undefined;
-    loaded: boolean;
-    id: string | undefined;
-    contentTemplate: TemplateRef<any> | undefined;
-    headerTemplate: TemplateRef<any> | undefined;
-    headerIcon: TemplateRef<any> | undefined;
-    leftIconTemplate: TemplateRef<any> | undefined;
-    rightIconTemplate: TemplateRef<any> | undefined;
-    closeIconTemplate: TemplateRef<any> | undefined;
-    tabView: TabView;
-    constructor(tabView: TabView, el: ElementRef, viewContainer: ViewContainerRef, cd: ChangeDetectorRef);
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabPanel, "cax-tabPanel", never, { "closable": { "alias": "closable"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "headerStyleClass": { "alias": "headerStyleClass"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pinned": { "alias": "pinned"; "required": false; }; "header": { "alias": "header"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; }, {}, ["templates"], ["*"], false, never>;
-    static ngAcceptInputType_closable: unknown;
-    static ngAcceptInputType_cache: unknown;
-}
-/**
- * TabView is a container component to group content with tabs.
- * @group Components
- */
-declare class TabView implements AfterContentInit, AfterViewChecked, OnDestroy, BlockableUI {
-    private platformId;
-    el: ElementRef;
-    cd: ChangeDetectorRef;
-    private renderer;
-    fullMode: boolean;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    style: {
-        [klass: string]: any;
-    } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    styleClass: string | undefined;
-    /**
-     * Whether tab close is controlled at onClose event or not.
-     * @defaultValue false
-     * @group Props
-     */
-    controlClose: boolean | undefined;
-    /**
-     * When enabled displays buttons at each side of the tab headers to scroll the tab list.
-     * @defaultValue false
-     * @group Props
-     */
-    scrollable: boolean | undefined;
-    /**
-     * Index of the active tab to change selected tab programmatically.
-     * @group Props
-     */
-    get activeIndex(): number;
-    set activeIndex(val: number);
-    /**
-     * When enabled, the focused tab is activated.
-     * @group Props
-     */
-    selectOnFocus: boolean;
-    /**
-     * Used to define a string aria label attribute the forward navigation button.
-     * @group Props
-     */
-    nextButtonAriaLabel: string | undefined;
-    /**
-     * Used to define a string aria label attribute the backward navigation button.
-     * @group Props
-     */
-    prevButtonAriaLabel: string | undefined;
-    /**
-     * When activated, navigation buttons will automatically hide or show based on the available space within the container.
-     * @group Props
-     */
-    autoHideButtons: boolean;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    tabindex: number;
-    actionButton: any;
-    actionButtonSeverity: 'success' | 'info' | 'warning' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast';
-    actionButtonSize: 'small' | 'large' | null;
-    actionButtonOutlined: boolean;
-    actionButtonRounded: boolean;
-    actionButtonIcon: string | undefined;
-    actionButtonLoading: boolean;
-    actionButtonLink: boolean;
-    actionButtonDisabled: boolean;
-    /**
-     * Callback to invoke on tab change.
-     * @param {TabViewChangeEvent} event - Custom tab change event
-     * @group Emits
-     */
-    onChange: EventEmitter<TabViewChangeEvent>;
-    /**
-     * Callback to invoke on tab close.
-     * @param {TabViewCloseEvent} event - Custom tab close event
-     * @group Emits
-     */
-    onClose: EventEmitter<TabViewCloseEvent>;
-    /**
-     * Callback to invoke on the active tab change.
-     * @param {number} index - New active index
-     * @group Emits
-     */
-    activeIndexChange: EventEmitter<number>;
-    content?: ElementRef<HTMLDivElement>;
-    navbar?: ElementRef<HTMLUListElement>;
-    prevBtn?: ElementRef;
-    nextBtn?: ElementRef;
-    inkbar?: ElementRef;
-    tabPanels: QueryList<TabPanel> | undefined;
-    templates: QueryList<CaxTemplate> | undefined;
-    mode: 'line' | 'segment';
-    pinnedIndexes: number[];
-    initialized: boolean | undefined;
-    tabs: TabPanel[];
-    _activeIndex: number;
-    activeTabIndex: number;
-    preventActiveIndexPropagation: boolean;
-    tabChanged: boolean | undefined;
-    backwardIsDisabled: boolean;
-    forwardIsDisabled: boolean;
-    private tabChangesSubscription;
-    nextIconTemplate: TemplateRef<any> | undefined;
-    previousIconTemplate: TemplateRef<any> | undefined;
-    resizeObserver: Nullable<ResizeObserver>;
-    container: HTMLDivElement | undefined;
-    list: HTMLUListElement | undefined;
-    buttonVisible: boolean;
-    elementToObserve: ElementRef;
-    constructor(platformId: any, el: ElementRef, cd: ChangeDetectorRef, renderer: Renderer2);
-    ngAfterContentInit(): void;
-    callResizeObserver(): void;
-    ngAfterViewInit(): void;
-    handleResize: () => void;
-    bindResizeObserver(): void;
-    unbindResizeObserver(): void;
-    ngAfterViewChecked(): void;
-    arrowRight(): void;
-    arrowLeft(): void;
-    updateActiveTab(index: number): void;
-    ngOnDestroy(): void;
-    getTabHeaderActionId(tabId: any): string;
-    getTabContentId(tabId: any): string;
-    initTabs(): void;
-    onTabKeyDown(event: KeyboardEvent, tab: TabPanel): void;
-    onTabArrowLeftKey(event: KeyboardEvent): void;
-    onTabArrowRightKey(event: KeyboardEvent): void;
-    onTabHomeKey(event: KeyboardEvent): void;
-    onTabEndKey(event: KeyboardEvent): void;
-    changeFocusedTab(event: KeyboardEvent, element: any, index: number): void;
-    findNextHeaderAction(tabElement: any, selfCheck?: boolean): any;
-    findPrevHeaderAction(tabElement: any, selfCheck?: boolean): any;
-    findFirstHeaderAction(): any;
-    findLastHeaderAction(): any;
-    open(event: Event, tab: TabPanel): void;
-    close(event: Event, tab: TabPanel): void;
-    closeTab(tab: TabPanel): void;
-    findSelectedTab(): TabPanel | null;
-    findTabIndex(tab: TabPanel): number;
-    getBlockableElement(): HTMLElement;
-    updateInkBar(): void;
-    updateScrollBar(index: number): void;
-    updateButtonState(): void;
-    refreshButtonState(): void;
-    onScroll(event: Event): void;
-    checkScrollableTabs(): void;
-    getVisibleButtonWidths(): any;
-    navBackward(): void;
-    navForward(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabView, "cax-tabView", never, { "fullMode": { "alias": "fullMode"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "controlClose": { "alias": "controlClose"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "nextButtonAriaLabel": { "alias": "nextButtonAriaLabel"; "required": false; }; "prevButtonAriaLabel": { "alias": "prevButtonAriaLabel"; "required": false; }; "autoHideButtons": { "alias": "autoHideButtons"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "actionButton": { "alias": "actionButton"; "required": false; }; "actionButtonSeverity": { "alias": "actionButtonSeverity"; "required": false; }; "actionButtonSize": { "alias": "actionButtonSize"; "required": false; }; "actionButtonOutlined": { "alias": "actionButtonOutlined"; "required": false; }; "actionButtonRounded": { "alias": "actionButtonRounded"; "required": false; }; "actionButtonIcon": { "alias": "actionButtonIcon"; "required": false; }; "actionButtonLoading": { "alias": "actionButtonLoading"; "required": false; }; "actionButtonLink": { "alias": "actionButtonLink"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "pinnedIndexes": { "alias": "pinnedIndexes"; "required": false; }; }, { "onChange": "onChange"; "onClose": "onClose"; "activeIndexChange": "activeIndexChange"; }, ["tabPanels", "templates"], ["*"], false, never>;
-    static ngAcceptInputType_controlClose: unknown;
-    static ngAcceptInputType_scrollable: unknown;
-    static ngAcceptInputType_selectOnFocus: unknown;
-    static ngAcceptInputType_autoHideButtons: unknown;
-    static ngAcceptInputType_tabindex: unknown;
-}
-
-declare class TabViewModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabViewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TabViewModule, [typeof TabView, typeof TabPanel], [typeof i2.CommonModule, typeof i3.SharedModule, typeof i4.TooltipModule, typeof i5.RippleModule, typeof i6.TimesIcon, typeof i7.ChevronLeftIcon, typeof i8.ChevronRightIcon, typeof i9.ButtonModule], [typeof TabView, typeof TabPanel, typeof i3.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TabViewModule>;
-}
-
-export { TabPanel, TabView, TabViewModule };
-export type { TabViewChangeEvent, TabViewCloseEvent, TabViewTemplates };
+/// <amd-module name="cax-design-system/tabview" />
+export * from './public_api';

package/tabview/public_api.d.ts

@@ -0,0 +1,3 @@
+export * from './tabview';
+export * from './tabview.interface';
+export * from './tabview.module';

package/tabview/tabview.d.ts

@@ -0,0 +1,293 @@
+import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, ElementRef, EmbeddedViewRef, EventEmitter, OnDestroy, QueryList, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
+import { BlockableUI, CaxTemplate } from 'cax-design-system/api';
+import { TabViewChangeEvent, TabViewCloseEvent } from './tabview.interface';
+import { Nullable } from 'cax-design-system/ts-helpers';
+import * as i0 from "@angular/core";
+/**
+ * TabPanel is a helper component for TabView component.
+ * @group Components
+ */
+export declare class TabPanel implements AfterContentInit, OnDestroy {
+    el: ElementRef;
+    viewContainer: ViewContainerRef;
+    cd: ChangeDetectorRef;
+    /**
+     * Defines if tab can be removed.
+     * @group Props
+     */
+    closable: boolean | undefined;
+    /**
+     * Inline style of the tab header.
+     * @group Props
+     */
+    get headerStyle(): {
+        [klass: string]: any;
+    } | null | undefined;
+    set headerStyle(headerStyle: {
+        [klass: string]: any;
+    } | null | undefined);
+    /**
+     * Style class of the tab header.
+     * @group Props
+     */
+    get headerStyleClass(): string | undefined;
+    set headerStyleClass(headerStyleClass: string | undefined);
+    /**
+     * Whether a lazy loaded panel should avoid getting loaded again on reselection.
+     * @group Props
+     */
+    cache: boolean | undefined;
+    /**
+     * Advisory information to display in a tooltip on hover.
+     * @group Props
+     */
+    tooltip: string | undefined;
+    /**
+     * Position of the tooltip.
+     * @group Props
+     */
+    tooltipPosition: 'top' | 'bottom' | 'left' | 'right' | undefined;
+    /**
+     * Type of CSS position.
+     * @group Props
+     */
+    tooltipPositionStyle: string | undefined;
+    /**
+     * Style class of the tooltip.
+     * @group Props
+     */
+    tooltipStyleClass: string | undefined;
+    /**
+     * Defines if tab is active.
+     * @defaultValue false
+     * @group Props
+     */
+    get selected(): boolean;
+    set selected(val: boolean);
+    /**
+     * When true, tab cannot be activated.
+     * @defaultValue false
+     * @group Props
+     */
+    get disabled(): boolean;
+    set disabled(disabled: boolean);
+    get pinned(): boolean;
+    set pinned(pinned: boolean);
+    /**
+     * Title of the tabPanel.
+     * @group Props
+     */
+    get header(): string;
+    set header(header: string);
+    get icon(): string;
+    set icon(icon: string);
+    /**
+     * Left icon of the tabPanel.
+     * @group Props
+     * @deprecated since v15.4.2, use `lefticon` template instead.
+     */
+    get leftIcon(): string;
+    set leftIcon(leftIcon: string);
+    /**
+     * Left icon of the tabPanel.
+     * @group Props
+     * @deprecated since v15.4.2, use `righticon` template instead.
+     */
+    get rightIcon(): string | undefined;
+    set rightIcon(rightIcon: string | undefined);
+    templates: QueryList<CaxTemplate> | undefined;
+    closed: boolean;
+    view: EmbeddedViewRef<any> | null;
+    _headerStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    _headerStyleClass: string | undefined;
+    _selected: boolean | undefined;
+    _disabled: boolean | undefined;
+    _pinned: boolean | undefined;
+    _header: string;
+    _icon: string;
+    _leftIcon: string;
+    _rightIcon: string | undefined;
+    loaded: boolean;
+    id: string | undefined;
+    contentTemplate: TemplateRef<any> | undefined;
+    headerTemplate: TemplateRef<any> | undefined;
+    headerIcon: TemplateRef<any> | undefined;
+    leftIconTemplate: TemplateRef<any> | undefined;
+    rightIconTemplate: TemplateRef<any> | undefined;
+    closeIconTemplate: TemplateRef<any> | undefined;
+    tabView: TabView;
+    constructor(tabView: TabView, el: ElementRef, viewContainer: ViewContainerRef, cd: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabPanel, "cax-tabPanel", never, { "closable": { "alias": "closable"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "headerStyleClass": { "alias": "headerStyleClass"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipPositionStyle": { "alias": "tooltipPositionStyle"; "required": false; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "pinned": { "alias": "pinned"; "required": false; }; "header": { "alias": "header"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; }, {}, ["templates"], ["*"], false, never>;
+    static ngAcceptInputType_closable: unknown;
+    static ngAcceptInputType_cache: unknown;
+}
+/**
+ * TabView is a container component to group content with tabs.
+ * @group Components
+ */
+export declare class TabView implements AfterContentInit, AfterViewChecked, OnDestroy, BlockableUI {
+    private platformId;
+    el: ElementRef;
+    cd: ChangeDetectorRef;
+    private renderer;
+    fullMode: boolean;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Whether tab close is controlled at onClose event or not.
+     * @defaultValue false
+     * @group Props
+     */
+    controlClose: boolean | undefined;
+    /**
+     * When enabled displays buttons at each side of the tab headers to scroll the tab list.
+     * @defaultValue false
+     * @group Props
+     */
+    scrollable: boolean | undefined;
+    /**
+     * Index of the active tab to change selected tab programmatically.
+     * @group Props
+     */
+    get activeIndex(): number;
+    set activeIndex(val: number);
+    /**
+     * When enabled, the focused tab is activated.
+     * @group Props
+     */
+    selectOnFocus: boolean;
+    /**
+     * Used to define a string aria label attribute the forward navigation button.
+     * @group Props
+     */
+    nextButtonAriaLabel: string | undefined;
+    /**
+     * Used to define a string aria label attribute the backward navigation button.
+     * @group Props
+     */
+    prevButtonAriaLabel: string | undefined;
+    /**
+     * When activated, navigation buttons will automatically hide or show based on the available space within the container.
+     * @group Props
+     */
+    autoHideButtons: boolean;
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: number;
+    actionButton: any;
+    actionButtonSeverity: 'success' | 'info' | 'warning' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast';
+    actionButtonSize: 'small' | 'large' | null;
+    actionButtonOutlined: boolean;
+    actionButtonRounded: boolean;
+    actionButtonIcon: string | undefined;
+    actionButtonLoading: boolean;
+    actionButtonLink: boolean;
+    actionButtonDisabled: boolean;
+    /**
+     * Callback to invoke on tab change.
+     * @param {TabViewChangeEvent} event - Custom tab change event
+     * @group Emits
+     */
+    onChange: EventEmitter<TabViewChangeEvent>;
+    /**
+     * Callback to invoke on tab close.
+     * @param {TabViewCloseEvent} event - Custom tab close event
+     * @group Emits
+     */
+    onClose: EventEmitter<TabViewCloseEvent>;
+    /**
+     * Callback to invoke on the active tab change.
+     * @param {number} index - New active index
+     * @group Emits
+     */
+    activeIndexChange: EventEmitter<number>;
+    content?: ElementRef<HTMLDivElement>;
+    navbar?: ElementRef<HTMLUListElement>;
+    prevBtn?: ElementRef;
+    nextBtn?: ElementRef;
+    inkbar?: ElementRef;
+    tabPanels: QueryList<TabPanel> | undefined;
+    templates: QueryList<CaxTemplate> | undefined;
+    mode: 'line' | 'segment';
+    pinnedIndexes: number[];
+    initialized: boolean | undefined;
+    tabs: TabPanel[];
+    _activeIndex: number;
+    activeTabIndex: number;
+    preventActiveIndexPropagation: boolean;
+    tabChanged: boolean | undefined;
+    backwardIsDisabled: boolean;
+    forwardIsDisabled: boolean;
+    private tabChangesSubscription;
+    nextIconTemplate: TemplateRef<any> | undefined;
+    previousIconTemplate: TemplateRef<any> | undefined;
+    resizeObserver: Nullable<ResizeObserver>;
+    container: HTMLDivElement | undefined;
+    list: HTMLUListElement | undefined;
+    buttonVisible: boolean;
+    elementToObserve: ElementRef;
+    constructor(platformId: any, el: ElementRef, cd: ChangeDetectorRef, renderer: Renderer2);
+    ngAfterContentInit(): void;
+    callResizeObserver(): void;
+    ngAfterViewInit(): void;
+    handleResize: () => void;
+    bindResizeObserver(): void;
+    unbindResizeObserver(): void;
+    ngAfterViewChecked(): void;
+    arrowRight(): void;
+    arrowLeft(): void;
+    updateActiveTab(index: number): void;
+    ngOnDestroy(): void;
+    getTabHeaderActionId(tabId: any): string;
+    getTabContentId(tabId: any): string;
+    initTabs(): void;
+    onTabKeyDown(event: KeyboardEvent, tab: TabPanel): void;
+    onTabArrowLeftKey(event: KeyboardEvent): void;
+    onTabArrowRightKey(event: KeyboardEvent): void;
+    onTabHomeKey(event: KeyboardEvent): void;
+    onTabEndKey(event: KeyboardEvent): void;
+    changeFocusedTab(event: KeyboardEvent, element: any, index: number): void;
+    findNextHeaderAction(tabElement: any, selfCheck?: boolean): any;
+    findPrevHeaderAction(tabElement: any, selfCheck?: boolean): any;
+    findFirstHeaderAction(): any;
+    findLastHeaderAction(): any;
+    open(event: Event, tab: TabPanel): void;
+    close(event: Event, tab: TabPanel): void;
+    closeTab(tab: TabPanel): void;
+    findSelectedTab(): TabPanel | null;
+    findTabIndex(tab: TabPanel): number;
+    getBlockableElement(): HTMLElement;
+    updateInkBar(): void;
+    updateScrollBar(index: number): void;
+    updateButtonState(): void;
+    refreshButtonState(): void;
+    onScroll(event: Event): void;
+    checkScrollableTabs(): void;
+    getVisibleButtonWidths(): any;
+    navBackward(): void;
+    navForward(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabView, "cax-tabView", never, { "fullMode": { "alias": "fullMode"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "controlClose": { "alias": "controlClose"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "nextButtonAriaLabel": { "alias": "nextButtonAriaLabel"; "required": false; }; "prevButtonAriaLabel": { "alias": "prevButtonAriaLabel"; "required": false; }; "autoHideButtons": { "alias": "autoHideButtons"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "actionButton": { "alias": "actionButton"; "required": false; }; "actionButtonSeverity": { "alias": "actionButtonSeverity"; "required": false; }; "actionButtonSize": { "alias": "actionButtonSize"; "required": false; }; "actionButtonOutlined": { "alias": "actionButtonOutlined"; "required": false; }; "actionButtonRounded": { "alias": "actionButtonRounded"; "required": false; }; "actionButtonIcon": { "alias": "actionButtonIcon"; "required": false; }; "actionButtonLoading": { "alias": "actionButtonLoading"; "required": false; }; "actionButtonLink": { "alias": "actionButtonLink"; "required": false; }; "actionButtonDisabled": { "alias": "actionButtonDisabled"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "pinnedIndexes": { "alias": "pinnedIndexes"; "required": false; }; }, { "onChange": "onChange"; "onClose": "onClose"; "activeIndexChange": "activeIndexChange"; }, ["tabPanels", "templates"], ["*"], false, never>;
+    static ngAcceptInputType_controlClose: unknown;
+    static ngAcceptInputType_scrollable: unknown;
+    static ngAcceptInputType_selectOnFocus: unknown;
+    static ngAcceptInputType_autoHideButtons: unknown;
+    static ngAcceptInputType_tabindex: unknown;
+}