@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/types/testgorilla-tgo-ui-components-tabs.d.ts

@@ -1,188 +1,287 @@
-import * as _angular_core from '@angular/core';
-import { TemplateRef, OnInit, AfterViewInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
-import { NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
-import * as i4 from '@testgorilla/tgo-ui/components/icon';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import * as i3 from '@angular/material/tabs';
-import { MatTabGroup } from '@angular/material/tabs';
-import { Observable } from 'rxjs';
-import * as i5 from '@testgorilla/tgo-ui/components/core';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@angular/common';
-import * as i6 from '@testgorilla/tgo-ui/components/skeleton';
-
-interface Tab {
-    tabName: string;
-    tabLabel: string;
-    contentTemplateRef: TemplateRef<unknown>;
-    iconLeft?: IconName;
-    iconRight?: IconName;
-    disabled?: boolean;
-    canLeave?: (ctx?: {
-        currentTab: Tab;
-        nextTab: Tab;
-    }) => boolean | Promise<boolean>;
-    linkUrl?: string;
-    ariaLabel?: string;
-    testId?: string;
-    order?: number;
-    skeletonTheme?: NgxSkeletonLoaderConfigTheme;
-    isSkeletonAiTheme?: boolean;
-    isLabelLoading?: boolean;
+import * as i0 from "@angular/core";
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnInit, TemplateRef } from "@angular/core";
+import { NgxSkeletonLoaderConfigTheme } from "ngx-skeleton-loader";
+import * as i4 from "@testgorilla/tgo-ui/components/icon";
+import { IconName } from "@testgorilla/tgo-ui/components/icon";
+import * as i3 from "@angular/material/tabs";
+import { MatTabGroup } from "@angular/material/tabs";
+import { Observable } from "rxjs";
+import * as i5 from "@testgorilla/tgo-ui/components/core";
+import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
+import * as i2 from "@angular/common";
+import * as i6 from "@testgorilla/tgo-ui/components/skeleton";
+export interface Tab {
+  tabName: string;
+  tabLabel: string;
+  contentTemplateRef: TemplateRef<unknown>;
+  iconLeft?: IconName;
+  iconRight?: IconName;
+  disabled?: boolean;
+  canLeave?: (ctx?: {
+    currentTab: Tab;
+    nextTab: Tab;
+  }) => boolean | Promise<boolean>;
+  linkUrl?: string;
+  ariaLabel?: string;
+  testId?: string;
+  order?: number;
+  skeletonTheme?: NgxSkeletonLoaderConfigTheme;
+  isSkeletonAiTheme?: boolean;
+  isLabelLoading?: boolean;
 }
-type TabsType = 'underlined' | 'filled';
-declare const TAB_HEADER_SIZE: {
-    readonly BIG: "big";
-    readonly MEDIUM: "medium";
-    readonly SMALL: "small";
+export type TabsType = 'underlined' | 'filled';
+export declare const TAB_HEADER_SIZE: {
+  readonly BIG: "big";
+  readonly MEDIUM: "medium";
+  readonly SMALL: "small";
 };
-type TabHeaderSize = (typeof TAB_HEADER_SIZE)[keyof typeof TAB_HEADER_SIZE];
-
-declare class TabDirective implements OnInit {
-    tabLabel: _angular_core.InputSignal<string>;
-    tabName: _angular_core.InputSignal<string>;
-    iconLeft: _angular_core.InputSignal<IconName | undefined>;
-    iconRight: _angular_core.InputSignal<IconName | undefined>;
-    disabled: _angular_core.InputSignalWithTransform<boolean, string>;
-    canLeave: _angular_core.InputSignal<((ctx?: {
-        currentTab: Tab;
-        nextTab: Tab;
-    }) => boolean | Promise<boolean>) | undefined>;
-    linkUrl: _angular_core.InputSignal<string | undefined>;
-    order: _angular_core.InputSignal<number | undefined>;
-    skeletonTheme: _angular_core.InputSignal<NgxSkeletonLoaderConfigTheme | undefined>;
-    isSkeletonAiTheme: _angular_core.InputSignal<boolean | undefined>;
-    isLabelLoading: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    private readonly tabsComponent;
-    private readonly template;
-    private readonly syncProps;
-    private readonly cleanup;
-    ngOnInit(): void;
-    private addTab;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabDirective, "ng-template[uiTab]", never, { "tabLabel": { "alias": "tabLabel"; "required": true; "isSignal": true; }; "tabName": { "alias": "tabName"; "required": true; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "canLeave": { "alias": "canLeave"; "required": false; "isSignal": true; }; "linkUrl": { "alias": "linkUrl"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": false; "isSignal": true; }; "skeletonTheme": { "alias": "skeletonTheme"; "required": false; "isSignal": true; }; "isSkeletonAiTheme": { "alias": "isSkeletonAiTheme"; "required": false; "isSignal": true; }; "isLabelLoading": { "alias": "isLabelLoading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export type TabHeaderSize = (typeof TAB_HEADER_SIZE)[keyof typeof TAB_HEADER_SIZE];
+export declare class TabDirective implements OnInit {
+  tabLabel: import("@angular/core").InputSignal<string>;
+  tabName: import("@angular/core").InputSignal<string>;
+  iconLeft: import("@angular/core").InputSignal<IconName | undefined>;
+  iconRight: import("@angular/core").InputSignal<IconName | undefined>;
+  disabled: import("@angular/core").InputSignalWithTransform<boolean, string>;
+  canLeave: import("@angular/core").InputSignal<((ctx?: {
+    currentTab: Tab;
+    nextTab: Tab;
+  }) => boolean | Promise<boolean>) | undefined>;
+  linkUrl: import("@angular/core").InputSignal<string | undefined>;
+  order: import("@angular/core").InputSignal<number | undefined>;
+  skeletonTheme: import("@angular/core").InputSignal<NgxSkeletonLoaderConfigTheme | undefined>;
+  isSkeletonAiTheme: import("@angular/core").InputSignal<boolean | undefined>;
+  isLabelLoading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private readonly tabsComponent;
+  private readonly template;
+  private readonly syncProps;
+  private readonly cleanup;
+  ngOnInit(): void;
+  private addTab;
+  static ɵfac: i0.ɵɵFactoryDeclaration<TabDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "ng-template[uiTab]", never, {
+    "tabLabel": {
+      "alias": "tabLabel";
+      "required": true;
+      "isSignal": true;
+    };
+    "tabName": {
+      "alias": "tabName";
+      "required": true;
+      "isSignal": true;
+    };
+    "iconLeft": {
+      "alias": "iconLeft";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconRight": {
+      "alias": "iconRight";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "canLeave": {
+      "alias": "canLeave";
+      "required": false;
+      "isSignal": true;
+    };
+    "linkUrl": {
+      "alias": "linkUrl";
+      "required": false;
+      "isSignal": true;
+    };
+    "order": {
+      "alias": "order";
+      "required": false;
+      "isSignal": true;
+    };
+    "skeletonTheme": {
+      "alias": "skeletonTheme";
+      "required": false;
+      "isSignal": true;
+    };
+    "isSkeletonAiTheme": {
+      "alias": "isSkeletonAiTheme";
+      "required": false;
+      "isSignal": true;
+    };
+    "isLabelLoading": {
+      "alias": "isLabelLoading";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-
-declare class TabsComponent implements AfterViewInit {
-    private readonly defaultAppTheme;
-    protected readonly isMobile$: Observable<boolean>;
-    private readonly cdr;
-    /**
-     * Color of the Tabs.
-     * Defaults to Test Gorilla primary color.
-     *
-     * @type {string}
-     * @memberof TabsComponent
-     */
-    companyColor: string | null;
-    /**
-     * Type the Tabs.
-     * Defaults underlined.
-     *
-     * @type {TabsType}
-     * @memberof TabsComponent
-     */
-    type: TabsType;
-    /**
-     * Animation duration when switching tabs
-     *
-     * @type {number}
-     * @memberof TabsComponent
-     */
-    animationDuration: number;
-    /**
-     * Sets the padding for content and header
-     *
-     * @type {number}
-     * @memberof TabsComponent
-     */
-    headerContentPadding: string;
-    /**
-     * Sets the dynamic height of the tab
-     * @type {boolean}
-     * @memberof TabsComponent
-     */
-    dynamicHeight: boolean;
-    /**
-     *
-     * Defines the application theme
-     *
-     * @type {ApplicationTheme}
-     * @memberof TabsComponent
-     */
-    applicationTheme: ApplicationTheme;
-    tabHeaderSize: _angular_core.InputSignal<TabHeaderSize>;
-    isLoading: _angular_core.InputSignal<boolean>;
-    /**
-     * Name of the tab to show. Applied as tabs register, so a tab requested before the
-     * projected `ng-template uiTab` children exist — a deep link, a query param — is still
-     * honoured on first paint, with no need to call `selectTab()` from a lifecycle hook.
-     *
-     * This is a request, not live state: it is applied when the value changes and once more as
-     * soon as the named tab registers, but a later click or a change to the tab list will not
-     * snap the selection back to it. An unknown name is a no-op — while tabs are still
-     * registering every name is unknown, so it cannot warn or throw. Bind a name the consumer
-     * has already validated.
-     *
-     * Applying it does not emit `selectedTab` / `selectedTabIndex` (the consumer supplied the
-     * value, so echoing it back would double-handle it) and does not consult the current tab's
-     * `canLeave` — declarative selection is the consumer's own decision, so it owns any
-     * guarding around the value it binds. User-driven switches still honour `canLeave`.
-     */
-    readonly selectedTabName: _angular_core.InputSignal<string | null>;
-    readonly testId: _angular_core.InputSignal<string | null>;
-    selectedTabIndex: EventEmitter<number>;
-    selectedTab: EventEmitter<Tab>;
-    tabGroup: MatTabGroup;
-    protected tabs: Tab[];
-    readonly tabIndex: _angular_core.WritableSignal<number>;
-    protected tabIndexMap: Record<string, number>;
-    private insertionCounter;
-    private tabTransitionInProgress;
-    private requestedTabName;
-    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>, cdr: ChangeDetectorRef);
-    ngAfterViewInit(): void;
-    addTab(tab: Tab): void;
-    private sortTabs;
-    private updateTabIndexMap;
-    private get activeTabName();
-    /**
-     * `tabIndex` stores a position, but the selection it stands for is a tab identity, and
-     * adding, removing or re-ordering tabs shifts positions. Without re-resolving the index
-     * from the name, `tabIndex` keeps pointing at whatever tab now sits at that position —
-     * MatTabGroup re-derives its own selection from the active tab, so the body stays correct
-     * while this component's `aria-selected` and click gating silently drift onto a different
-     * tab. Falls back to clamping when the active tab is the one that went away.
-     */
-    private reconcileTabIndex;
-    /**
-     * Applies `selectedTabName` once the named tab is known, then clears the request so later
-     * clicks and tab list changes are not overridden by a stale value. Stays armed while the
-     * name is unresolved, because a requested tab can register after the input is set — either
-     * with the rest of a subtree that renders late, or later still if it is behind its own
-     * condition — so `addTab()` retries until it resolves.
-     *
-     * Silent by design — see the doc on `selectedTabName`.
-     */
-    private applyRequestedTabName;
-    onTabChange(index: number): void;
-    selectTab(tabName: string): void;
-    indexOf(tabName: string): number;
-    trackByTabName(index: number, tab: Tab): string;
-    removeTab(tabName: string): void;
-    updateTab(tabName: string, tab: Partial<Omit<Tab, 'tabName'>>): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ui-tabs", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "headerContentPadding": { "alias": "headerContentPadding"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tabHeaderSize": { "alias": "tabHeaderSize"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "selectedTabName": { "alias": "selectedTabName"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, { "selectedTabIndex": "selectedTabIndex"; "selectedTab": "selectedTab"; }, never, never, true, never>;
-    static ngAcceptInputType_headerContentPadding: number;
-    static ngAcceptInputType_dynamicHeight: unknown;
+export declare class TabsComponent implements AfterViewInit {
+  private readonly defaultAppTheme;
+  protected readonly isMobile$: Observable<boolean>;
+  private readonly cdr;
+  /**
+   * Color of the Tabs.
+   * Defaults to Test Gorilla primary color.
+   *
+   * @type {string}
+   * @memberof TabsComponent
+   */
+  companyColor: string | null;
+  /**
+   * Type the Tabs.
+   * Defaults underlined.
+   *
+   * @type {TabsType}
+   * @memberof TabsComponent
+   */
+  type: TabsType;
+  /**
+   * Animation duration when switching tabs
+   *
+   * @type {number}
+   * @memberof TabsComponent
+   */
+  animationDuration: number;
+  /**
+   * Sets the padding for content and header
+   *
+   * @type {number}
+   * @memberof TabsComponent
+   */
+  headerContentPadding: string;
+  /**
+   * Sets the dynamic height of the tab
+   * @type {boolean}
+   * @memberof TabsComponent
+   */
+  dynamicHeight: boolean;
+  /**
+   *
+   * Defines the application theme
+   *
+   * @type {ApplicationTheme}
+   * @memberof TabsComponent
+   */
+  applicationTheme: ApplicationTheme$1;
+  tabHeaderSize: import("@angular/core").InputSignal<TabHeaderSize>;
+  isLoading: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Name of the tab to show. Applied as tabs register, so a tab requested before the
+   * projected `ng-template uiTab` children exist — a deep link, a query param — is still
+   * honoured on first paint, with no need to call `selectTab()` from a lifecycle hook.
+   *
+   * This is a request, not live state: it is applied when the value changes and once more as
+   * soon as the named tab registers, but a later click or a change to the tab list will not
+   * snap the selection back to it. An unknown name is a no-op — while tabs are still
+   * registering every name is unknown, so it cannot warn or throw. Bind a name the consumer
+   * has already validated.
+   *
+   * Applying it does not emit `selectedTab` / `selectedTabIndex` (the consumer supplied the
+   * value, so echoing it back would double-handle it) and does not consult the current tab's
+   * `canLeave` — declarative selection is the consumer's own decision, so it owns any
+   * guarding around the value it binds. User-driven switches still honour `canLeave`.
+   */
+  readonly selectedTabName: import("@angular/core").InputSignal<string | null>;
+  readonly testId: import("@angular/core").InputSignal<string | null>;
+  selectedTabIndex: EventEmitter<number>;
+  selectedTab: EventEmitter<Tab>;
+  tabGroup: MatTabGroup;
+  protected tabs: Tab[];
+  readonly tabIndex: import("@angular/core").WritableSignal<number>;
+  protected tabIndexMap: Record<string, number>;
+  private insertionCounter;
+  private tabTransitionInProgress;
+  private requestedTabName;
+  constructor(defaultAppTheme: ApplicationTheme$1, isMobile$: Observable<boolean>, cdr: ChangeDetectorRef);
+  ngAfterViewInit(): void;
+  addTab(tab: Tab): void;
+  private sortTabs;
+  private updateTabIndexMap;
+  private get activeTabName();
+  /**
+   * `tabIndex` stores a position, but the selection it stands for is a tab identity, and
+   * adding, removing or re-ordering tabs shifts positions. Without re-resolving the index
+   * from the name, `tabIndex` keeps pointing at whatever tab now sits at that position —
+   * MatTabGroup re-derives its own selection from the active tab, so the body stays correct
+   * while this component's `aria-selected` and click gating silently drift onto a different
+   * tab. Falls back to clamping when the active tab is the one that went away.
+   */
+  private reconcileTabIndex;
+  /**
+   * Applies `selectedTabName` once the named tab is known, then clears the request so later
+   * clicks and tab list changes are not overridden by a stale value. Stays armed while the
+   * name is unresolved, because a requested tab can register after the input is set — either
+   * with the rest of a subtree that renders late, or later still if it is behind its own
+   * condition — so `addTab()` retries until it resolves.
+   *
+   * Silent by design — see the doc on `selectedTabName`.
+   */
+  private applyRequestedTabName;
+  onTabChange(index: number): void;
+  selectTab(tabName: string): void;
+  indexOf(tabName: string): number;
+  trackByTabName(index: number, tab: Tab): string;
+  removeTab(tabName: string): void;
+  updateTab(tabName: string, tab: Partial<Omit<Tab, 'tabName'>>): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, [{
+    optional: true;
+  }, null, null]>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ui-tabs", never, {
+    "companyColor": {
+      "alias": "companyColor";
+      "required": false;
+    };
+    "type": {
+      "alias": "type";
+      "required": false;
+    };
+    "animationDuration": {
+      "alias": "animationDuration";
+      "required": false;
+    };
+    "headerContentPadding": {
+      "alias": "headerContentPadding";
+      "required": false;
+    };
+    "dynamicHeight": {
+      "alias": "dynamicHeight";
+      "required": false;
+    };
+    "applicationTheme": {
+      "alias": "applicationTheme";
+      "required": false;
+    };
+    "tabHeaderSize": {
+      "alias": "tabHeaderSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "isLoading": {
+      "alias": "isLoading";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedTabName": {
+      "alias": "selectedTabName";
+      "required": false;
+      "isSignal": true;
+    };
+    "testId": {
+      "alias": "testId";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "selectedTabIndex": "selectedTabIndex";
+    "selectedTab": "selectedTab";
+  }, never, never, true, never>;
+  static ngAcceptInputType_headerContentPadding: number;
+  static ngAcceptInputType_dynamicHeight: unknown;
 }
-
-declare class TabsComponentModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponentModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TabsComponentModule, never, [typeof TabDirective, typeof i2.CommonModule, typeof i3.MatTabsModule, typeof i4.IconComponentModule, typeof i5.UiTranslatePipe, typeof i6.SkeletonComponent, typeof TabsComponent], [typeof TabsComponent, typeof TabDirective]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TabsComponentModule>;
+export declare class TabsComponentModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponentModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<TabsComponentModule, never, [typeof TabDirective, typeof i2.CommonModule, typeof i3.MatTabsModule, typeof i4.IconComponentModule, typeof i5.UiTranslatePipe, typeof i6.SkeletonComponent, typeof TabsComponent], [typeof TabsComponent, typeof TabDirective]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<TabsComponentModule>;
 }
-
-export { TAB_HEADER_SIZE, TabDirective, TabsComponent, TabsComponentModule };
-export type { Tab, TabHeaderSize, TabsType };
+export { ApplicationTheme };