@cute-widgets/base 20.0.1

package/stepper/index.d.ts

@@ -0,0 +1,295 @@
+import * as i2 from '@angular/cdk/stepper';
+import { CdkStepLabel, CdkStep, StepState, CdkStepHeader, CdkStepper, CdkStepperNext, CdkStepperPrevious } from '@angular/cdk/stepper';
+export { StepState, StepperOrientation } from '@angular/cdk/stepper';
+import * as i0 from '@angular/core';
+import { ElementRef, TemplateRef, AfterContentInit, OnDestroy, AfterViewInit, QueryList, EventEmitter } from '@angular/core';
+import { ErrorStateMatcher } from '@cute-widgets/base/core/error';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { ThemeColor } from '@cute-widgets/base/core';
+import { AbstractControl, FormGroupDirective, NgForm } from '@angular/forms';
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { Subject } from 'rxjs';
+import * as i1 from '@angular/common';
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+
+declare class CuteStepLabel extends CdkStepLabel {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteStepLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteStepLabel, "[cuteStepLabel], [cute-step-label]", never, {}, {}, never, never, true, never>;
+}
+declare class CuteStepLabelTitle {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteStepLabelTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteStepLabelTitle, "[cuteStepLabelTitle], [cute-step-label-title]", never, {}, {}, never, never, true, never>;
+}
+declare class CuteStepLabelDescription {
+    private _elementRef;
+    constructor(_elementRef: ElementRef<HTMLElement>);
+    protected isErrorState(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteStepLabelDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteStepLabelDescription, "[cuteStepLabelDescription], [cuteStepLabelDesc], [cute-step-label-desc]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+
+/**
+ * Content for a `cute-step` that will be rendered lazily.
+ */
+declare class CuteStepContent {
+    _template: TemplateRef<any>;
+    constructor(...args: unknown[]);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteStepContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteStepContent, "ng-template[cuteStepContent]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+
+declare class CuteStep extends CdkStep implements ErrorStateMatcher, AfterContentInit, OnDestroy {
+    private _errorStateMatcher;
+    private _viewContainerRef;
+    private _isSelected;
+    /** Content for step label given by `<ng-template cuteStepLabel>`. */
+    stepLabel: CuteStepLabel;
+    /** Theme color for the particular step. */
+    color: ThemeColor | undefined;
+    description: string | undefined;
+    /** Content that will be rendered lazily. */
+    _lazyContent: CuteStepContent | undefined;
+    /** Currently attached portal containing the lazy content. */
+    _portal: TemplatePortal | undefined;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Custom error state matcher that additionally checks for the validity of interacted form. */
+    isErrorState(control: AbstractControl | null, form: FormGroupDirective | NgForm | null): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteStep, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuteStep, "cute-step", ["cuteStep"], { "color": { "alias": "color"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, ["stepLabel", "_lazyContent"], ["*"], true, never>;
+}
+
+/** Stepper data that is required for internationalization. */
+declare class CuteStepperIntl {
+    /**
+     * Stream that emits whenever the labels here are changed. Use this to notify
+     * components if the labels have changed after initialization.
+     */
+    readonly changes: Subject<void>;
+    /** Label that is rendered below optional steps. */
+    optionalLabel: string;
+    /** Label that is used to indicate a step as completed to screen readers. */
+    completedLabel: string;
+    /** Label that is used to indicate a step as editable to screen readers. */
+    editableLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteStepperIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CuteStepperIntl>;
+}
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+
+/** Template context available to an attached `cuteStepperIcon`. */
+interface CuteStepperIconContext {
+    /** Index of the step. */
+    index: number;
+    /** Whether the step is currently active. */
+    active: boolean;
+    /** Whether the step is optional. */
+    optional: boolean;
+}
+/**
+ * Template to be used to override the icons inside the step header.
+ */
+declare class CuteStepperIcon {
+    templateRef: TemplateRef<CuteStepperIconContext>;
+    /** Name of the icon to be overridden. */
+    name: StepState | undefined;
+    constructor(...args: unknown[]);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteStepperIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteStepperIcon, "ng-template[cuteStepperIcon]", never, { "name": { "alias": "cuteStepperIcon"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+
+declare class CuteStepHeader extends CdkStepHeader implements AfterViewInit, OnDestroy {
+    _intl: CuteStepperIntl;
+    private _focusMonitor;
+    private _intlSubscription;
+    /** State of the given step. */
+    state: StepState;
+    /** Label of the given step. */
+    label: CuteStepLabel | string | null;
+    /** Error message to display when there's an error. */
+    errorMessage: string | undefined;
+    /** Overrides for the header icons, passed in via the stepper. */
+    iconOverrides: {
+        [key: string]: TemplateRef<CuteStepperIconContext>;
+    } | undefined;
+    /** Index of the given step. */
+    index: number;
+    /** Whether the given step is selected. */
+    selected: boolean;
+    /** Whether the given step label is active. */
+    active: boolean;
+    /** Whether the given step is optional. */
+    optional: boolean;
+    /** Whether the ripple should be disabled. */
+    disableRipple: boolean;
+    /** Theme palette color of the step header. */
+    color: ThemeColor | undefined;
+    constructor(...args: unknown[]);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Focuses the step header. */
+    focus(origin?: FocusOrigin, options?: FocusOptions): void;
+    /** Returns string label of given step if it is a text label. */
+    _stringLabel(): string | null;
+    /** Returns CuteStepLabel if the label of given step is a template label. */
+    _templateLabel(): CuteStepLabel | null;
+    /** Returns the host HTML element. */
+    _getHostElement(): HTMLElement;
+    /** Template context variables that are exposed to the `cuteStepperIcon` instances. */
+    _getIconContext(): CuteStepperIconContext;
+    _getDefaultTextForState(state: StepState): string;
+    protected _hasEmptyLabel(): boolean;
+    protected _hasOptionalLabel(): boolean;
+    protected _hasErrorLabel(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteStepHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuteStepHeader, "cute-step-header", never, { "state": { "alias": "state"; "required": false; }; "label": { "alias": "label"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "iconOverrides": { "alias": "iconOverrides"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "active": { "alias": "active"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_active: unknown;
+    static ngAcceptInputType_optional: unknown;
+    static ngAcceptInputType_disableRipple: unknown;
+}
+
+type StepperLabelPosition = 'bottom' | 'end';
+declare class CuteStepper extends CdkStepper implements AfterViewInit, AfterContentInit, OnDestroy {
+    private _ngZone;
+    private _renderer;
+    private _animationsDisabled;
+    private _cleanupTransition;
+    protected _isAnimating: i0.WritableSignal<boolean>;
+    /** The list of step headers of the steps in the stepper. */
+    _stepHeader: QueryList<CuteStepHeader>;
+    /** Elements hosting the step animations. */
+    _animatedContainers: QueryList<ElementRef> | undefined;
+    /** Full list of steps inside the stepper, including inside nested steppers. */
+    _steps: QueryList<CuteStep>;
+    /** Steps that belong to the current stepper excluding ones from nested steppers. */
+    readonly steps: QueryList<CuteStep>;
+    /** Custom icon overrides passed in by the consumer. */
+    _icons: QueryList<CuteStepperIcon> | undefined;
+    /** Event emitted when the current step is done transitioning in. */
+    readonly animationDone: EventEmitter<void>;
+    /** Whether ripples should be disabled for the step headers. */
+    disableRipple: boolean;
+    /** Theme color for all the steps in stepper. */
+    color: ThemeColor | undefined;
+    /**
+     * Whether the label should display in bottom or end position.
+     * Only applies in the `horizontal` orientation.
+     */
+    labelPosition: StepperLabelPosition;
+    /**
+     * Position of the stepper's header.
+     * Only applies in the `horizontal` orientation.
+     */
+    headerPosition: 'top' | 'bottom';
+    /** The content prefix to use in the stepper header. */
+    readonly headerPrefix: i0.InputSignal<TemplateRef<unknown> | null>;
+    /** Consumer-specified template-refs to be used to override the header icons. */
+    _iconOverrides: Record<string, TemplateRef<CuteStepperIconContext>>;
+    /** Duration for the animation. Will be normalized to milliseconds if no units are set. */
+    get animationDuration(): string;
+    set animationDuration(value: string);
+    private _animationDuration;
+    /** Whether the stepper is rendering on the server. */
+    protected _isServer: boolean;
+    constructor(...args: unknown[]);
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    _getAnimationDuration(): string;
+    private _handleTransitionend;
+    private _onAnimationDone;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteStepper, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuteStepper, "cute-stepper, cute-vertical-stepper, cute-horizontal-stepper, [cuteStepper]", ["cuteStepper", "cuteVerticalStepper", "cuteHorizontalStepper"], { "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "headerPosition": { "alias": "headerPosition"; "required": false; }; "headerPrefix": { "alias": "headerPrefix"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; }, { "animationDone": "animationDone"; }, ["_steps", "_icons"], ["*"], true, never>;
+    static ngAcceptInputType_disableRipple: unknown;
+}
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+
+/** Button that moves to the next step in a stepper workflow. */
+declare class CuteStepperNext extends CdkStepperNext {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteStepperNext, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteStepperNext, "button[cuteStepperNext]", never, {}, {}, never, never, true, never>;
+}
+/** Button that moves to the previous step in a stepper workflow. */
+declare class CuteStepperPrevious extends CdkStepperPrevious {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteStepperPrevious, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteStepperPrevious, "button[cuteStepperPrevious]", never, {}, {}, never, never, true, never>;
+}
+
+declare class CuteStepperModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteStepperModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CuteStepperModule, never, [typeof i1.CommonModule, typeof i2.CdkStepperModule, typeof CuteStepper, typeof CuteStep, typeof CuteStepLabel, typeof CuteStepLabelTitle, typeof CuteStepLabelDescription, typeof CuteStepHeader, typeof CuteStepContent, typeof CuteStepperIcon, typeof CuteStepperNext, typeof CuteStepperPrevious], [typeof CuteStepper, typeof CuteStep, typeof CuteStepLabel, typeof CuteStepLabelTitle, typeof CuteStepLabelDescription, typeof CuteStepHeader, typeof CuteStepContent, typeof CuteStepperIcon, typeof CuteStepperNext, typeof CuteStepperPrevious]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CuteStepperModule>;
+}
+
+export { CuteStep, CuteStepContent, CuteStepHeader, CuteStepLabel, CuteStepLabelDescription, CuteStepLabelTitle, CuteStepper, CuteStepperIcon, CuteStepperIntl, CuteStepperModule, CuteStepperNext, CuteStepperPrevious };
+export type { CuteStepperIconContext, StepperLabelPosition };