@gravionlabs/helix-core 22.0.0

package/types/gravionlabs-helix-core-splitter.d.ts

@@ -0,0 +1,208 @@
+import { SplitterPassThrough, SplitterResizeEndEvent, SplitterResizeStartEvent } from '@gravionlabs/helix-core/types/splitter';
+export * from '@gravionlabs/helix-core/types/splitter';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { VoidListener, Nullable } from '@gravionlabs/helix-core/ts-helpers';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * Splitter is utilized to separate and resize panels.
+ *
+ * [Live Demo](https://www.primeng.org/splitter/)
+ *
+ * @module splitterstyle
+ *
+ */
+declare enum SplitterClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-splitter",
+    /**
+     * Class name of the gutter element
+     */
+    gutter = "h-splitter-gutter",
+    /**
+     * Class name of the gutter handle element
+     */
+    gutterHandle = "h-splitter-gutter-handle"
+}
+declare class SplitterStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => string[];
+        panel: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-splitterpanel-nested': any;
+        })[];
+        gutter: string;
+        gutterHandle: string;
+    };
+    inlineStyles: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            display: string;
+            'flex-wrap': string;
+            'flex-direction'?: undefined;
+        } | {
+            'flex-direction': string;
+            display?: undefined;
+            'flex-wrap'?: undefined;
+        })[];
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitterStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface SplitterStyle extends BaseStyle {
+}
+
+/**
+ * Splitter is utilized to separate and resize panels.
+ * @group Components
+ */
+declare class Splitter extends BaseComponent<SplitterPassThrough> {
+    componentName: string;
+    $pcSplitter: Splitter | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    /**
+     * Style class of the component.
+     * @deprecated since v20. Use `class` instead.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the panel.
+     * @group Props
+     */
+    readonly panelStyleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the panel.
+     * @group Props
+     */
+    readonly panelStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Defines where a stateful splitter keeps its state, valid values are 'session' for sessionStorage and 'local' for localStorage.
+     * @group Props
+     */
+    readonly stateStorage: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Storage identifier of a stateful Splitter.
+     * @group Props
+     */
+    readonly stateKey: _angular_core.InputSignal<string | null | undefined>;
+    /**
+     * Orientation of the panels. Valid values are 'horizontal' and 'vertical'.
+     * @group Props
+     */
+    readonly layout: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Size of the divider in pixels.
+     * @group Props
+     */
+    readonly gutterSize: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Step factor to increment/decrement the size of the panels while pressing the arrow keys.
+     * @group Props
+     */
+    readonly step: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Minimum size of the elements relative to 100%.
+     * @group Props
+     */
+    readonly minSizes: _angular_core.InputSignal<number[]>;
+    /**
+     * Size of the elements relative to 100%.
+     * @group Props
+     */
+    readonly panelSizes: _angular_core.ModelSignal<number[]>;
+    _panelSizesEffect: _angular_core.EffectRef;
+    /**
+     * Callback to invoke when resize ends.
+     * @param {SplitterResizeEndEvent} event - Custom panel resize end event
+     * @group Emits
+     */
+    readonly onResizeEnd: _angular_core.OutputEmitterRef<SplitterResizeEndEvent>;
+    /**
+     * Callback to invoke when resize starts.
+     * @param {SplitterResizeStartEvent} event - Custom panel resize start event
+     * @group Emits
+     */
+    readonly onResizeStart: _angular_core.OutputEmitterRef<SplitterResizeStartEvent>;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    readonly panelChildren: _angular_core.Signal<readonly ElementRef<any>[]>;
+    splitter: _angular_core.Signal<any>;
+    nestedState: _angular_core.Signal<any>;
+    panels: any[];
+    dragging: boolean;
+    mouseMoveListener: VoidListener;
+    mouseUpListener: VoidListener;
+    touchMoveListener: VoidListener;
+    touchEndListener: VoidListener;
+    size: Nullable<number>;
+    gutterElement: Nullable<ElementRef | HTMLElement>;
+    startPos: Nullable<number>;
+    prevPanelElement: Nullable<ElementRef | HTMLElement>;
+    nextPanelElement: Nullable<ElementRef | HTMLElement>;
+    nextPanelSize: Nullable<number>;
+    prevPanelSize: Nullable<number>;
+    prevPanelIndex: Nullable<number>;
+    timer: any;
+    prevSize: any;
+    _componentStyle: SplitterStyle;
+    onAfterContentInit(): void;
+    onAfterViewInit(): void;
+    resizeStart(event: TouchEvent | MouseEvent, index: number, isKeyDown?: boolean): void;
+    onResize(event: MouseEvent, step?: number, isKeyDown?: boolean): void;
+    resizeEnd(event: MouseEvent | TouchEvent): void;
+    onGutterMouseDown(event: MouseEvent, index: number): void;
+    onGutterTouchStart(event: TouchEvent, index: number): void;
+    onGutterTouchMove(event: any): void;
+    onGutterTouchEnd(event: TouchEvent): void;
+    repeat(event: any, index: any, step: any): void;
+    setTimer(event: any, index: any, step: any): void;
+    clearTimer(): void;
+    onGutterKeyUp(event: any): void;
+    onGutterKeyDown(event: any, index: any): void;
+    validateResize(newPrevPanelSize: number, newNextPanelSize: number): boolean;
+    bindMouseListeners(): void;
+    bindTouchListeners(): void;
+    unbindMouseListeners(): void;
+    unbindTouchListeners(): void;
+    clear(): void;
+    isStateful(): boolean;
+    getStorage(): Storage | undefined;
+    saveState(): void;
+    restoreState(): boolean;
+    gutterStyle(): {
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    };
+    horizontal(): boolean;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Splitter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Splitter, "h-splitter", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; "isSignal": true; }; "panelStyle": { "alias": "panelStyle"; "required": false; "isSignal": true; }; "stateStorage": { "alias": "stateStorage"; "required": false; "isSignal": true; }; "stateKey": { "alias": "stateKey"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "gutterSize": { "alias": "gutterSize"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minSizes": { "alias": "minSizes"; "required": false; "isSignal": true; }; "panelSizes": { "alias": "panelSizes"; "required": false; "isSignal": true; }; }, { "panelSizes": "panelSizesChange"; "onResizeEnd": "onResizeEnd"; "onResizeStart": "onResizeStart"; }, ["templates", "panelChildren", "splitter"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class SplitterModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitterModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SplitterModule, never, [typeof Splitter, typeof i2.SharedModule, typeof i1.BindModule], [typeof Splitter, typeof i2.SharedModule, typeof i1.BindModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SplitterModule>;
+}
+
+export { Splitter, SplitterClasses, SplitterModule, SplitterStyle };

package/types/gravionlabs-helix-core-stepper.d.ts

@@ -0,0 +1,337 @@
+import * as i0 from '@angular/core';
+import { ModelSignal, InputSignalWithTransform, TemplateRef, InputSignal } from '@angular/core';
+import { MotionOptions } from '@gravionlabs/helix-core/uix/motion';
+import * as i2 from '@gravionlabs/helix-core/api';
+import { HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { StepPassThrough, StepItemPassThrough, StepListPassThrough, StepPanelPassThrough, StepPanelsPassThrough, StepperPassThrough, StepperSeparatorPassThrough } from '@gravionlabs/helix-core/types/stepper';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+declare class StepItemStyle extends BaseStyle {
+    name: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-stepitem-active': any;
+        })[];
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepItemStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+interface StepItemStyle extends BaseStyle {
+}
+
+declare class StepListStyle extends BaseStyle {
+    name: string;
+    classes: {
+        root: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepListStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+interface StepListStyle extends BaseStyle {
+}
+
+declare class StepPanelsStyle extends BaseStyle {
+    name: string;
+    classes: {
+        root: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepPanelsStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+interface StepPanelsStyle extends BaseStyle {
+}
+
+declare class StepPanelStyle extends BaseStyle {
+    name: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-steppanel-active': any;
+        })[];
+        contentWrapper: string;
+        content: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepPanelStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+interface StepPanelStyle extends BaseStyle {
+}
+
+/**
+ *
+ * Stepper is a component that streamlines a wizard-like workflow, organizing content into coherent steps and visually guiding users through a numbered progression in a multi-step process.
+ *
+ * [Live Demo](https://www.primeng.org/stepper/)
+ *
+ * @module stepperstyle
+ *
+ */
+declare enum StepperClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-stepper",
+    /**
+     * Class name of the separator element
+     */
+    separator = "h-stepper-separator"
+}
+declare class StepperStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-readonly': any;
+        })[];
+        separator: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+interface StepperStyle extends BaseStyle {
+}
+
+declare class StepStyle extends BaseStyle {
+    name: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-step-active': any;
+            'h-disabled': any;
+        })[];
+        header: string;
+        number: string;
+        title: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+interface StepStyle extends BaseStyle {
+}
+
+/**
+ * Context interface for the StepPanel content template.
+ * @property {() => void} activateCallback - Callback function to activate a step.
+ * @property {number} value - The value associated with the step.
+ * @property {boolean} active - A flag indicating whether the step is active.
+ * @group Interface
+ */
+interface StepContentTemplateContext {
+    activateCallback: () => void;
+    value: number;
+    active: boolean;
+}
+/**
+ * Context interface for the StepPanel content template.
+ * @property {(index: number) => void} activateCallback - Callback function to activate a step.
+ * @property {number} value - The value associated with the step.
+ * @property {boolean} active - A flag indicating whether the step is active.
+ * @group Interface
+ */
+interface StepPanelContentTemplateContext {
+    activateCallback: (index: number) => void;
+    value: number;
+    active: boolean;
+}
+declare class StepList extends BaseComponent<StepListPassThrough> {
+    $pcStepList: StepList | undefined;
+    bindDirectiveInstance: Bind;
+    componentName: string;
+    steps: i0.Signal<readonly any[]>;
+    _componentStyle: StepListStyle;
+    onAfterViewChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepList, "h-step-list", never, {}, {}, ["steps"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+/**
+ * StepperSeparator is a helper component for Stepper component used in vertical orientation.
+ * @group Components
+ */
+declare class StepperSeparator extends BaseComponent<StepperSeparatorPassThrough> {
+    $pcStepperSeparator: StepperSeparator | undefined;
+    bindDirectiveInstance: Bind;
+    componentName: string;
+    onAfterViewChecked(): void;
+    _componentStyle: StepperStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperSeparator, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperSeparator, "h-stepper-separator", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+/**
+ * StepItem is a helper component for Stepper component used in vertical orientation.
+ * @group Components
+ */
+declare class StepItem extends BaseComponent<StepItemPassThrough> {
+    $pcStepItem: StepItem | undefined;
+    bindDirectiveInstance: Bind;
+    componentName: string;
+    _componentStyle: StepItemStyle;
+    onAfterViewChecked(): void;
+    pcStepper: any;
+    /**
+     * Value of step.
+     * @type {<number | undefined>}
+     * @defaultValue undefined
+     * @group Props
+     */
+    value: ModelSignal<number | undefined>;
+    isActive: i0.Signal<boolean>;
+    step: i0.Signal<any>;
+    stepPanel: i0.Signal<any>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepItem, "h-step-item", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["step", "stepPanel"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+/**
+ * Step is a helper component for Stepper component.
+ * @group Components
+ */
+declare class Step extends BaseComponent<StepPassThrough> {
+    $pcStep: Step | undefined;
+    bindDirectiveInstance: Bind;
+    componentName: string;
+    pcStepper: any;
+    onAfterViewChecked(): void;
+    /**
+     * Active value of stepper.
+     * @type {number}
+     * @defaultValue undefined
+     * @group Props
+     */
+    value: ModelSignal<number | undefined>;
+    /**
+     * Whether the step is disabled.
+     * @type {boolean}
+     * @defaultValue false
+     * @group Props
+     */
+    disabled: InputSignalWithTransform<any, boolean>;
+    active: i0.Signal<any>;
+    isStepDisabled: i0.Signal<any>;
+    id: i0.Signal<string>;
+    ariaControls: i0.Signal<string>;
+    isSeparatorVisible: i0.Signal<boolean>;
+    /**
+     * Content template.
+     * @type {TemplateRef<StepContentTemplateContext>}
+     * @group Templates
+     */
+    readonly content: i0.Signal<TemplateRef<StepContentTemplateContext>>;
+    readonly templates: i0.Signal<readonly HelixTemplate[]>;
+    _contentTemplate: TemplateRef<any> | undefined;
+    _componentStyle: StepStyle;
+    onAfterContentInit(): void;
+    onStepClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Step, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Step, "h-step", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["content", "templates"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+/**
+ * StepPanel is a helper component for Stepper component.
+ * @group Components
+ */
+declare class StepPanel extends BaseComponent<StepPanelPassThrough> {
+    $pcStepPanel: StepPanel | undefined;
+    bindDirectiveInstance: Bind;
+    componentName: string;
+    pcStepper: any;
+    onAfterViewChecked(): void;
+    /**
+     * Active value of stepper.
+     * @type {number}
+     * @defaultValue undefined
+     * @group Props
+     */
+    value: ModelSignal<number | undefined>;
+    active: i0.Signal<boolean>;
+    ariaControls: i0.Signal<string>;
+    id: i0.Signal<string>;
+    isVertical: i0.Signal<boolean>;
+    isSeparatorVisible: i0.Signal<boolean | undefined>;
+    computedMotionOptions: i0.Signal<MotionOptions>;
+    /**
+     * Content template.
+     * @param {StepPanelContentTemplateContext} context - Context of the template
+     * @see {@link StepPanelContentTemplateContext}
+     * @group Templates
+     */
+    readonly contentTemplate: i0.Signal<TemplateRef<StepPanelContentTemplateContext>>;
+    readonly templates: i0.Signal<readonly HelixTemplate[]>;
+    _contentTemplate: TemplateRef<any> | undefined;
+    _componentStyle: StepPanelStyle;
+    onAfterContentInit(): void;
+    updateValue(value: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepPanel, "h-step-panel", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["contentTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class StepPanels extends BaseComponent<StepPanelsPassThrough> {
+    $pcStepPanels: StepPanels | undefined;
+    bindDirectiveInstance: Bind;
+    componentName: string;
+    _componentStyle: StepPanelsStyle;
+    onAfterViewChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepPanels, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepPanels, "h-step-panels", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+/**
+ * Stepper is a component that streamlines a wizard-like workflow, organizing content into coherent steps and visually guiding users through a numbered progression in a multistep process.
+ * @group Components
+ */
+declare class Stepper extends BaseComponent<StepperPassThrough> {
+    componentName: string;
+    $pcStepper: Stepper | undefined;
+    bindDirectiveInstance: Bind;
+    _componentStyle: StepperStyle;
+    onAfterViewChecked(): void;
+    /**
+     * A model that can hold a numeric value or be undefined.
+     * @defaultValue undefined
+     * @type {ModelSignal<number | undefined>}
+     * @group Props
+     */
+    value: ModelSignal<number | undefined>;
+    /**
+     * A boolean variable that captures user input.
+     * @defaultValue false
+     * @type {InputSignalWithTransform<any, boolean >}
+     * @group Props
+     */
+    linear: InputSignalWithTransform<any, boolean>;
+    /**
+     * Transition options of the animation.
+     * @defaultValue 400ms cubic-bezier(0.86, 0, 0.07, 1)
+     * @type {InputSignal<string >}
+     * @group Props
+     * @deprecated since v21.0.0, use `motionOptions` instead.
+     */
+    transitionOptions: InputSignal<string>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: i0.Signal<MotionOptions>;
+    id: i0.WritableSignal<string>;
+    stepItems: i0.Signal<readonly StepItem[]>;
+    steps: i0.Signal<readonly Step[]>;
+    stepList: i0.Signal<StepList | undefined>;
+    updateValue(value: number): void;
+    isStepActive(value: number): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Stepper, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Stepper, "h-stepper", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["stepItems", "steps", "stepList"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class StepperModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, never, [typeof Stepper, typeof StepList, typeof StepPanels, typeof StepPanel, typeof StepItem, typeof Step, typeof StepperSeparator, typeof i2.SharedModule, typeof i1.BindModule], [typeof Stepper, typeof StepList, typeof StepPanels, typeof StepPanel, typeof StepItem, typeof Step, typeof StepperSeparator, typeof i2.SharedModule, typeof i1.BindModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StepperModule>;
+}
+
+export { Step, StepItem, StepList, StepPanel, StepPanels, Stepper, StepperClasses, StepperModule, StepperSeparator, StepperStyle };
+export type { StepContentTemplateContext, StepPanelContentTemplateContext };

package/types/gravionlabs-helix-core-steps.d.ts

@@ -0,0 +1,149 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import * as i1 from '@gravionlabs/helix-core/api';
+import { MenuItem } from '@gravionlabs/helix-core/api';
+import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
+import { Nullable } from '@gravionlabs/helix-core/ts-helpers';
+import { Subscription } from 'rxjs';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+/**
+ *
+ * Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps.
+ *
+ * [Live Demo](https://www.primeng.org/steps/)
+ *
+ * @module stepsstyle
+ *
+ */
+declare enum StepsClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "h-steps",
+    /**
+     * Class name of the list element
+     */
+    list = "h-steps-list",
+    /**
+     * Class name of the item element
+     */
+    item = "h-steps-item",
+    /**
+     * Class name of the item link element
+     */
+    itemLink = "h-steps-item-link",
+    /**
+     * Class name of the item number element
+     */
+    itemNumber = "h-steps-item-number",
+    /**
+     * Class name of the item label element
+     */
+    itemLabel = "h-steps-item-label"
+}
+declare class StepsStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-readonly': any;
+        })[];
+        list: string;
+        item: ({ instance, item, index }: {
+            instance: any;
+            item: any;
+            index: any;
+        }) => (string | {
+            'h-steps-item-active': any;
+            'h-disabled': any;
+        })[];
+        itemLink: string;
+        itemNumber: string;
+        itemLabel: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepsStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface StepsStyle extends BaseStyle {
+}
+
+/**
+ * Steps components is an indicator for the steps in a wizard workflow.
+ * @group Components
+ */
+declare class Steps extends BaseComponent {
+    componentName: string;
+    /**
+     * Index of the active item.
+     * @group Props
+     */
+    readonly activeIndex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * An array of menu items.
+     * @group Props
+     */
+    readonly model: _angular_core.InputSignal<MenuItem[] | undefined>;
+    /**
+     * Whether the items are clickable or not.
+     * @group Props
+     */
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    readonly style: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    readonly styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
+     * @group Props
+     */
+    readonly exact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Callback to invoke when the new step is selected.
+     * @param {number} number - current index.
+     * @group Emits
+     */
+    readonly activeIndexChange: _angular_core.OutputEmitterRef<number>;
+    readonly listViewChild: _angular_core.Signal<Nullable<ElementRef<any>>>;
+    router: Router;
+    route: ActivatedRoute;
+    _componentStyle: StepsStyle;
+    subscription: Subscription | undefined;
+    onInit(): void;
+    onItemClick(event: Event, item: MenuItem, i: number): void;
+    onItemKeydown(event: KeyboardEvent, item: MenuItem, i: number): void;
+    navigateToNextItem(target: any): void;
+    navigateToPrevItem(target: any): void;
+    navigateToFirstItem(target: any): void;
+    navigateToLastItem(target: any): void;
+    findNextItem(item: any): any;
+    findPrevItem(item: any): any;
+    findFirstItem(): Element | null;
+    findLastItem(): Element | null;
+    setFocusToMenuitem(target: any, focusableItem: any): void;
+    isClickableRouterLink(item: MenuItem): any;
+    isItemDisabled(item: MenuItem, index: number): boolean;
+    isActive(item: MenuItem, index: number): boolean;
+    getItemTabIndex(item: MenuItem, index: number): string;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Steps, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Steps, "h-steps", never, { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "exact": { "alias": "exact"; "required": false; "isSignal": true; }; }, { "activeIndexChange": "activeIndexChange"; }, never, never, true, never>;
+}
+declare class StepsModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepsModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<StepsModule, never, [typeof Steps, typeof i1.SharedModule], [typeof Steps, typeof i1.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<StepsModule>;
+}
+
+export { Steps, StepsClasses, StepsModule, StepsStyle };