@tailng-ui/primitives 0.42.0 → 0.44.0

package/src/lib/layout/stepper/__tests__/tng-stepper.test-harness.js

@@ -0,0 +1,149 @@
+import { Component, ViewChild, signal } from '@angular/core';
+import { expect } from 'vitest';
+import { TngStepper, TngStepperConnector, TngStepperDescription, TngStepperItem, TngStepperLabel, TngStepperPanel, TngStepperTrigger, } from '../tng-stepper';
+import * as i0 from "@angular/core";
+export function getByTestId(fixture, id) {
+    const element = fixture.nativeElement.querySelector(`[data-testid="${id}"]`);
+    expect(element).not.toBeNull();
+    return element;
+}
+export function getTriggers(fixture) {
+    return Array.from(fixture.nativeElement.querySelectorAll('[data-slot="stepper-trigger"]'));
+}
+export function getCurrentTrigger(fixture) {
+    return fixture.nativeElement.querySelector('[data-slot="stepper-trigger"][aria-current="step"]');
+}
+export function keydown(el, key, init = {}) {
+    const event = new KeyboardEvent('keydown', {
+        key,
+        bubbles: true,
+        cancelable: true,
+        ...init,
+    });
+    el.dispatchEvent(event);
+    return event;
+}
+export function click(el) {
+    const event = new MouseEvent('click', { bubbles: true, cancelable: true });
+    el.dispatchEvent(event);
+    return event;
+}
+export class StepperHostComponent {
+    steps = signal([
+        { value: 'cart', label: 'Cart', completed: true },
+        { value: 'shipping', label: 'Shipping' },
+        { value: 'payment', label: 'Payment', optional: true },
+        { value: 'review', label: 'Review', disabled: true },
+    ], ...(ngDevMode ? [{ debugName: "steps" }] : []));
+    value = signal(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    defaultValue = signal(undefined, ...(ngDevMode ? [{ debugName: "defaultValue" }] : []));
+    orientation = signal('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    linear = signal(false, ...(ngDevMode ? [{ debugName: "linear" }] : []));
+    loopFocus = signal(true, ...(ngDevMode ? [{ debugName: "loopFocus" }] : []));
+    ariaLabel = signal('Checkout progress', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    ariaLabelledby = signal(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelledby" }] : []));
+    valueChanges = [];
+    stepChanges = [];
+    stepperRef;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: StepperHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: StepperHostComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "stepperRef", first: true, predicate: ["stepperRef"], descendants: true, static: true }], ngImport: i0, template: `
+    <section
+      tngStepper
+      #stepperRef="tngStepper"
+      data-testid="stepper"
+      [ariaLabel]="ariaLabel()"
+      [ariaLabelledby]="ariaLabelledby()"
+      [value]="value()"
+      [defaultValue]="defaultValue()"
+      [orientation]="orientation()"
+      [linear]="linear()"
+      [loopFocus]="loopFocus()"
+      (valueChange)="valueChanges.push($event)"
+      (stepChange)="stepChanges.push($event)"
+    >
+      <ol>
+        @for (step of steps(); track step.trackBy ?? step.value) {
+          <li
+            tngStepperItem
+            [attr.data-testid]="'item-' + step.value"
+            [value]="step.value"
+            [label]="step.label"
+            [description]="step.label + ' details'"
+            [completed]="step.completed ?? false"
+            [optional]="step.optional ?? false"
+            [disabled]="step.disabled ?? false"
+            [error]="step.error ?? false"
+          >
+            <button tngStepperTrigger [attr.data-testid]="'trigger-' + step.value">
+              <span tngStepperLabel>{{ step.label }}</span>
+              <small tngStepperDescription>{{ step.label }} details</small>
+            </button>
+            <span tngStepperConnector [attr.data-testid]="'connector-' + step.value"></span>
+            <section tngStepperPanel [attr.data-testid]="'panel-' + step.value">
+              {{ step.label }} panel
+            </section>
+          </li>
+        }
+      </ol>
+    </section>
+  `, isInline: true, dependencies: [{ kind: "directive", type: TngStepper, selector: "[tngStepper]", inputs: ["value", "defaultValue", "orientation", "linear", "loopFocus", "ariaLabel", "ariaLabelledby"], outputs: ["valueChange", "stepChange"], exportAs: ["tngStepper"] }, { kind: "directive", type: TngStepperConnector, selector: "[tngStepperConnector]", exportAs: ["tngStepperConnector"] }, { kind: "directive", type: TngStepperDescription, selector: "[tngStepperDescription]", exportAs: ["tngStepperDescription"] }, { kind: "directive", type: TngStepperItem, selector: "[tngStepperItem]", inputs: ["value", "completed", "optional", "disabled", "error", "label", "description"], exportAs: ["tngStepperItem"] }, { kind: "directive", type: TngStepperLabel, selector: "[tngStepperLabel]", exportAs: ["tngStepperLabel"] }, { kind: "directive", type: TngStepperPanel, selector: "[tngStepperPanel]", exportAs: ["tngStepperPanel"] }, { kind: "directive", type: TngStepperTrigger, selector: "[tngStepperTrigger]", exportAs: ["tngStepperTrigger"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: StepperHostComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [
+                        TngStepper,
+                        TngStepperConnector,
+                        TngStepperDescription,
+                        TngStepperItem,
+                        TngStepperLabel,
+                        TngStepperPanel,
+                        TngStepperTrigger,
+                    ],
+                    template: `
+    <section
+      tngStepper
+      #stepperRef="tngStepper"
+      data-testid="stepper"
+      [ariaLabel]="ariaLabel()"
+      [ariaLabelledby]="ariaLabelledby()"
+      [value]="value()"
+      [defaultValue]="defaultValue()"
+      [orientation]="orientation()"
+      [linear]="linear()"
+      [loopFocus]="loopFocus()"
+      (valueChange)="valueChanges.push($event)"
+      (stepChange)="stepChanges.push($event)"
+    >
+      <ol>
+        @for (step of steps(); track step.trackBy ?? step.value) {
+          <li
+            tngStepperItem
+            [attr.data-testid]="'item-' + step.value"
+            [value]="step.value"
+            [label]="step.label"
+            [description]="step.label + ' details'"
+            [completed]="step.completed ?? false"
+            [optional]="step.optional ?? false"
+            [disabled]="step.disabled ?? false"
+            [error]="step.error ?? false"
+          >
+            <button tngStepperTrigger [attr.data-testid]="'trigger-' + step.value">
+              <span tngStepperLabel>{{ step.label }}</span>
+              <small tngStepperDescription>{{ step.label }} details</small>
+            </button>
+            <span tngStepperConnector [attr.data-testid]="'connector-' + step.value"></span>
+            <section tngStepperPanel [attr.data-testid]="'panel-' + step.value">
+              {{ step.label }} panel
+            </section>
+          </li>
+        }
+      </ol>
+    </section>
+  `,
+                }]
+        }], propDecorators: { stepperRef: [{
+                type: ViewChild,
+                args: ['stepperRef', { static: true }]
+            }] } });
+//# sourceMappingURL=tng-stepper.test-harness.js.map

package/src/lib/layout/stepper/__tests__/tng-stepper.test-harness.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-stepper.test-harness.js","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/layout/stepper/__tests__/tng-stepper.test-harness.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, ViewChild, signal } from '@angular/core';\nimport { expect } from 'vitest';\n\nimport {\n  TngStepper,\n  TngStepperConnector,\n  TngStepperDescription,\n  TngStepperItem,\n  TngStepperLabel,\n  TngStepperPanel,\n  TngStepperTrigger,\n} from '../tng-stepper';\n\nexport type StepConfig = Readonly<{\n  readonly value: string;\n  readonly label: string;\n  readonly completed?: boolean;\n  readonly optional?: boolean;\n  readonly disabled?: boolean;\n  readonly error?: boolean;\n  readonly trackBy?: string;\n}>;\n\ntype TestFixtureLike = Readonly<{\n  nativeElement: HTMLElement;\n}>;\n\nexport function getByTestId<T extends HTMLElement>(fixture: TestFixtureLike, id: string): T {\n  const element = fixture.nativeElement.querySelector<T>(`[data-testid=\"${id}\"]`);\n  expect(element).not.toBeNull();\n  return element!;\n}\n\nexport function getTriggers(fixture: TestFixtureLike): readonly HTMLElement[] {\n  return Array.from(fixture.nativeElement.querySelectorAll<HTMLElement>('[data-slot=\"stepper-trigger\"]'));\n}\n\nexport function getCurrentTrigger(fixture: TestFixtureLike): HTMLElement | null {\n  return fixture.nativeElement.querySelector<HTMLElement>('[data-slot=\"stepper-trigger\"][aria-current=\"step\"]');\n}\n\nexport function keydown(el: HTMLElement, key: string, init: KeyboardEventInit = {}): KeyboardEvent {\n  const event = new KeyboardEvent('keydown', {\n    key,\n    bubbles: true,\n    cancelable: true,\n    ...init,\n  });\n  el.dispatchEvent(event);\n  return event;\n}\n\nexport function click(el: HTMLElement): MouseEvent {\n  const event = new MouseEvent('click', { bubbles: true, cancelable: true });\n  el.dispatchEvent(event);\n  return event;\n}\n\n@Component({\n  imports: [\n    TngStepper,\n    TngStepperConnector,\n    TngStepperDescription,\n    TngStepperItem,\n    TngStepperLabel,\n    TngStepperPanel,\n    TngStepperTrigger,\n  ],\n  template: `\n    <section\n      tngStepper\n      #stepperRef=\"tngStepper\"\n      data-testid=\"stepper\"\n      [ariaLabel]=\"ariaLabel()\"\n      [ariaLabelledby]=\"ariaLabelledby()\"\n      [value]=\"value()\"\n      [defaultValue]=\"defaultValue()\"\n      [orientation]=\"orientation()\"\n      [linear]=\"linear()\"\n      [loopFocus]=\"loopFocus()\"\n      (valueChange)=\"valueChanges.push($event)\"\n      (stepChange)=\"stepChanges.push($event)\"\n    >\n      <ol>\n        @for (step of steps(); track step.trackBy ?? step.value) {\n          <li\n            tngStepperItem\n            [attr.data-testid]=\"'item-' + step.value\"\n            [value]=\"step.value\"\n            [label]=\"step.label\"\n            [description]=\"step.label + ' details'\"\n            [completed]=\"step.completed ?? false\"\n            [optional]=\"step.optional ?? false\"\n            [disabled]=\"step.disabled ?? false\"\n            [error]=\"step.error ?? false\"\n          >\n            <button tngStepperTrigger [attr.data-testid]=\"'trigger-' + step.value\">\n              <span tngStepperLabel>{{ step.label }}</span>\n              <small tngStepperDescription>{{ step.label }} details</small>\n            </button>\n            <span tngStepperConnector [attr.data-testid]=\"'connector-' + step.value\"></span>\n            <section tngStepperPanel [attr.data-testid]=\"'panel-' + step.value\">\n              {{ step.label }} panel\n            </section>\n          </li>\n        }\n      </ol>\n    </section>\n  `,\n})\nexport class StepperHostComponent {\n  public readonly steps = signal<readonly StepConfig[]>([\n    { value: 'cart', label: 'Cart', completed: true },\n    { value: 'shipping', label: 'Shipping' },\n    { value: 'payment', label: 'Payment', optional: true },\n    { value: 'review', label: 'Review', disabled: true },\n  ]);\n  public readonly value = signal<string | null | undefined>(undefined);\n  public readonly defaultValue = signal<string | null | undefined>(undefined);\n  public readonly orientation = signal<'horizontal' | 'vertical'>('horizontal');\n  public readonly linear = signal(false);\n  public readonly loopFocus = signal(true);\n  public readonly ariaLabel = signal<string | null | undefined>('Checkout progress');\n  public readonly ariaLabelledby = signal<string | null | undefined>(undefined);\n  public readonly valueChanges: unknown[] = [];\n  public readonly stepChanges: unknown[] = [];\n\n  @ViewChild('stepperRef', { static: true }) public stepperRef!: TngStepper;\n}\n"]}

package/src/lib/layout/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tng-stepper';
+//# sourceMappingURL=index.d.ts.map

package/src/lib/layout/stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/layout/stepper/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/src/lib/layout/stepper/index.js

@@ -0,0 +1,2 @@
+export * from './tng-stepper';
+//# sourceMappingURL=index.js.map

package/src/lib/layout/stepper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/layout/stepper/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './tng-stepper';\n"]}

package/src/lib/layout/stepper/tng-stepper.d.ts

@@ -1,7 +1,203 @@
+import type { DoCheck, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class TngStepper {
+export type TngStepperOrientation = 'horizontal' | 'vertical';
+export type TngStepperValue = string | number;
+export type TngStepperDataState = 'completed' | 'current' | 'disabled' | 'error' | 'upcoming';
+export type TngStepperActivationSource = 'keyboard' | 'pointer' | 'programmatic';
+export type TngStepperValueChangeEvent = Readonly<{
+    value: TngStepperValue;
+    previousValue: TngStepperValue | null;
+    trigger: TngStepperActivationSource;
+}>;
+export declare class TngStepper implements DoCheck, OnDestroy {
+    private readonly hostRef;
+    private readonly items;
+    private uncontrolledValue;
+    private focusedValue;
+    private lastSelectedValue;
+    private lastSelectedIndex;
+    private initialized;
+    private hasUserSelection;
+    private hasExplicitFocus;
+    private readonly duplicateWarnings;
+    readonly value: import("@angular/core").InputSignalWithTransform<TngStepperValue | null | undefined, unknown>;
+    readonly defaultValue: import("@angular/core").InputSignalWithTransform<TngStepperValue | null | undefined, unknown>;
+    readonly orientation: import("@angular/core").InputSignalWithTransform<TngStepperOrientation, unknown>;
+    readonly linear: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly loopFocus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: import("@angular/core").InputSignalWithTransform<string | null | undefined, unknown>;
+    readonly ariaLabelledby: import("@angular/core").InputSignalWithTransform<string | null | undefined, unknown>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<TngStepperValue>;
+    readonly stepChange: import("@angular/core").OutputEmitterRef<Readonly<{
+        value: TngStepperValue;
+        previousValue: TngStepperValue | null;
+        trigger: TngStepperActivationSource;
+    }>>;
+    protected get ariaLabelAttr(): string | null;
+    protected get ariaLabelledbyAttr(): string | null;
+    protected get dataLinear(): '' | null;
+    protected get dataOrientation(): TngStepperOrientation;
     protected readonly dataSlot: "stepper";
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
+    registerItem(item: TngStepperItem): void;
+    unregisterItem(item: TngStepperItem): void;
+    notifyItemMutated(item: TngStepperItem): void;
+    select(value: TngStepperValue): void;
+    focus(value: TngStepperValue): void;
+    next(): void;
+    prev(): void;
+    getItemIndex(item: TngStepperItem): number;
+    getItemCount(): number;
+    isItemSelected(item: TngStepperItem): boolean;
+    isItemActivatable(item: TngStepperItem): boolean;
+    getItemState(item: TngStepperItem): TngStepperDataState;
+    getTriggerTabIndex(item: TngStepperItem): string;
+    onTriggerFocused(item: TngStepperItem): void;
+    onTriggerClicked(item: TngStepperItem, event: MouseEvent): void;
+    onTriggerKeydown(item: TngStepperItem, event: KeyboardEvent): void;
+    private requestActivation;
+    private syncStateFromRegistry;
+    private warnForDuplicateValues;
+    private clearSelectionState;
+    private initializeSelection;
+    private normalizeSelectionForCurrentItems;
+    private restoreDefaultSelectionIfNeeded;
+    private restoreRemovedDefaultSelectionIfNeeded;
+    private normalizeFocusForCurrentItems;
+    private syncDomAttributes;
+    private applyLifecycleSelection;
+    private handleFocusKey;
+    private isActivationKey;
+    private resolveFocusMove;
+    private resolveVerticalFocusMove;
+    private resolveHorizontalFocusMove;
+    private moveFocusFromCurrent;
+    private moveFocus;
+    private resolveFocusTargetIndex;
+    private resolveRelativeFocusTargetIndex;
+    private focusItem;
+    private getEffectiveValue;
+    private getControlledEffectiveValue;
+    private getUncontrolledEffectiveValue;
+    private isControlled;
+    private getSelectedIndex;
+    private resolveCurrentTabStopValue;
+    private resolveNeighborForItem;
+    private resolveNearestEnabledValue;
+    private resolveNearestEnabledValueForMissingSelection;
+    private findItemByValue;
+    private findEnabledItemByValue;
+    private getEnabledItems;
+    private getOrderedItems;
+    private resolveDirection;
     static ɵfac: i0.ɵɵFactoryDeclaration<TngStepper, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TngStepper, "[tngStepper]", ["tngStepper"], {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngStepper, "[tngStepper]", ["tngStepper"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stepChange": "stepChange"; }, never, never, true, never>;
+}
+export declare class TngStepperItem implements DoCheck, OnDestroy, OnInit {
+    private readonly hostRef;
+    private readonly stepper;
+    private readonly registrationOrder;
+    private lastKnownIndex;
+    private trigger;
+    private readonly connectors;
+    private readonly panels;
+    private readonly triggerId;
+    readonly value: import("@angular/core").InputSignalWithTransform<TngStepperValue, unknown>;
+    readonly completed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly optional: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly error: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly label: import("@angular/core").InputSignalWithTransform<string | null | undefined, unknown>;
+    readonly description: import("@angular/core").InputSignalWithTransform<string | null | undefined, unknown>;
+    protected readonly dataSlot: "stepper-item";
+    ngOnInit(): void;
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
+    registerTrigger(trigger: TngStepperTrigger): void;
+    unregisterTrigger(trigger: TngStepperTrigger): void;
+    registerConnector(connector: TngStepperConnector): void;
+    unregisterConnector(connector: TngStepperConnector): void;
+    registerPanel(panel: TngStepperPanel): void;
+    unregisterPanel(panel: TngStepperPanel): void;
+    getValue(): TngStepperValue;
+    getHostElement(): HTMLElement;
+    getRegistrationOrder(): number;
+    getLastKnownIndex(): number;
+    getTriggerId(): string;
+    getPanelId(): string | null;
+    focusTrigger(): void;
+    syncDomAttributes(state: {
+        readonly activatable: boolean;
+        readonly current: boolean;
+        readonly index: number;
+        readonly state: TngStepperDataState;
+        readonly tabIndex: string;
+        readonly total: number;
+    }): void;
+    private setBooleanAttribute;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngStepperItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngStepperItem, "[tngStepperItem]", ["tngStepperItem"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "completed": { "alias": "completed"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class TngStepperTrigger implements OnDestroy, OnInit {
+    private readonly hostRef;
+    private readonly item;
+    private readonly stepper;
+    private readonly id;
+    protected readonly dataSlot: "stepper-trigger";
+    protected get idAttr(): string;
+    protected get typeAttr(): 'button' | null;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    getId(): string;
+    focusSelf(): void;
+    syncDomAttributes(state: {
+        readonly activatable: boolean;
+        readonly current: boolean;
+        readonly index: number;
+        readonly state: TngStepperDataState;
+        readonly tabIndex: string;
+        readonly total: number;
+    }): void;
+    protected onClick(event: MouseEvent): void;
+    protected onFocus(): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    private resolveAriaLabel;
+    private resolveStateText;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngStepperTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngStepperTrigger, "[tngStepperTrigger]", ["tngStepperTrigger"], {}, {}, never, never, true, never>;
+}
+export declare class TngStepperLabel {
+    protected readonly dataSlot: "stepper-label";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngStepperLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngStepperLabel, "[tngStepperLabel]", ["tngStepperLabel"], {}, {}, never, never, true, never>;
+}
+export declare class TngStepperDescription {
+    protected readonly dataSlot: "stepper-description";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngStepperDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngStepperDescription, "[tngStepperDescription]", ["tngStepperDescription"], {}, {}, never, never, true, never>;
+}
+export declare class TngStepperPanel implements OnDestroy {
+    private readonly hostRef;
+    private readonly item;
+    private readonly panelId;
+    protected readonly dataSlot: "stepper-panel";
+    protected get id(): string;
+    constructor();
+    ngOnDestroy(): void;
+    getId(): string;
+    syncDomAttributes(current: boolean, triggerId: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngStepperPanel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngStepperPanel, "[tngStepperPanel]", ["tngStepperPanel"], {}, {}, never, never, true, never>;
+}
+export declare class TngStepperConnector implements OnDestroy {
+    private readonly hostRef;
+    private readonly item;
+    protected readonly dataSlot: "stepper-connector";
+    constructor();
+    ngOnDestroy(): void;
+    syncDomAttributes(state: TngStepperDataState): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngStepperConnector, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngStepperConnector, "[tngStepperConnector]", ["tngStepperConnector"], {}, {}, never, never, true, never>;
 }
 //# sourceMappingURL=tng-stepper.d.ts.map

package/src/lib/layout/stepper/tng-stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-stepper.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/layout/stepper/tng-stepper.ts"],"names":[],"mappings":";AAEA,qBAIa,UAAU;IAErB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,SAAS,CAAU;yCAFtC,UAAU;2CAAV,UAAU;CAGtB"}
+{"version":3,"file":"tng-stepper.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/layout/stepper/tng-stepper.ts"],"names":[],"mappings":"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"}