ng-hub-ui-stepper 1.0.0

package/lib/stepper/stepper.component.d.ts

@@ -0,0 +1,71 @@
+import { AfterContentInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { StepComponent } from '../step/step.component';
+import * as i0 from "@angular/core";
+/**
+ * StepperComponent is a multi-step interface component for Angular applications.
+ * It manages navigation between steps, handles step content, and provides
+ * customization options for navigation and controls.
+ */
+export declare class StepperComponent implements AfterContentInit {
+    #private;
+    /** The index of the current active step */
+    currentIndex: number;
+    /** Label for the back button */
+    backLabel: string;
+    /** Label for the continue button */
+    continueLabel: string;
+    /** Label for the submit button */
+    submitLabel: string;
+    /** Event emitted when the stepper is completed */
+    completed: EventEmitter<void>;
+    /** Event emitted when moving to the previous step */
+    previousStep: EventEmitter<number>;
+    /** Event emitted when moving to the next step */
+    nextStep: EventEmitter<number>;
+    /** QueryList of all StepComponent children */
+    steps: QueryList<StepComponent>;
+    /** Custom template for stepper navigation */
+    stepperNavTpt?: TemplateRef<any>;
+    /** Custom template for stepper controls */
+    stepperControlsTpt?: TemplateRef<any>;
+    /** Get the current active step */
+    get currentStep(): StepComponent | null;
+    ngAfterContentInit(): void;
+    /**
+     * Initialize step indices and set up change detection
+     */
+    private initializeSteps;
+    /**
+     * Navigate to the previous step
+     */
+    goToPrevious(): void;
+    /**
+     * Navigate to the next step
+     */
+    goToNext(): void;
+    /**
+     * Navigate to a specific step by index
+     * @param index The index of the step to navigate to
+     */
+    goTo(index: number): void;
+    /**
+     * Check if it's possible to navigate to the next step
+     */
+    canGoNext(): boolean;
+    /**
+     * Check if it's possible to navigate to a specific step
+     * @param index The index of the step to check
+     */
+    canNavigateTo(index: number): boolean;
+    /**
+     * Complete the stepper process
+     */
+    complete(): void;
+    /**
+     * Check if a given index is valid within the current steps
+     * @param index The index to validate
+     */
+    private isValidStepIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "hub-stepper, hub-ui-stepper, ng80-stepper", never, { "backLabel": { "alias": "backLabel"; "required": false; }; "continueLabel": { "alias": "continueLabel"; "required": false; }; "submitLabel": { "alias": "submitLabel"; "required": false; }; }, { "completed": "completed"; "previousStep": "previousStep"; "nextStep": "nextStep"; }, ["stepperNavTpt", "stepperControlsTpt", "steps"], never, false, never>;
+}

package/lib/stepper-buttons.directive.d.ts

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class StepperButtonsDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperButtonsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StepperButtonsDirective, "[hubStepperButtons], [stepperButtons]", never, {}, {}, never, never, false, never>;
+}

package/lib/stepper-nav.directive.d.ts

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class StepperNavDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperNavDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StepperNavDirective, "[hubStepperNav], [stepperNav]", never, {}, {}, never, never, false, never>;
+}

package/lib/stepper.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./stepper/stepper.component";
+import * as i2 from "./step/step.component";
+import * as i3 from "./step-trigger.directive";
+import * as i4 from "./stepper-nav.directive";
+import * as i5 from "./prev-step-button.directive";
+import * as i6 from "./next-step-button.directive";
+import * as i7 from "@angular/common";
+import * as i8 from "@ngx-translate/core";
+export declare class StepperModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof i1.StepperComponent, typeof i2.StepComponent, typeof i3.StepTriggerDirective, typeof i4.StepperNavDirective, typeof i5.PrevStepButtonDirective, typeof i6.NextStepButtonDirective], [typeof i7.CommonModule, typeof i8.TranslateModule], [typeof i1.StepperComponent, typeof i2.StepComponent, typeof i3.StepTriggerDirective, typeof i4.StepperNavDirective, typeof i5.PrevStepButtonDirective, typeof i6.NextStepButtonDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StepperModule>;
+}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "ng-hub-ui-stepper",
+  "version": "1.0.0",
+  "description": "A flexible and customizable stepper component for Angular applications",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "keywords": [
+    "angular",
+    "stepper",
+    "wizard",
+    "multi-step",
+    "form",
+    "ui",
+    "component",
+    "hub-ui",
+    "step-by-step",
+    "progress",
+    "navigation",
+    "workflow",
+    "form-wizard"
+  ],
+  "author": "Carlos Morcillo Fernández <carlos.morcillo@me.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/carlos-morcillo/ng-hub-ui-stepper.git"
+  },
+  "bugs": {
+    "url": "https://github.com/carlos-morcillo/ng-hub-ui-stepper/issues"
+  },
+  "homepage": "https://github.com/carlos-morcillo/ng-hub-ui-stepper#readme",
+  "peerDependencies": {
+    "@angular/common": ">=16.0.0",
+    "@angular/core": ">=16.0.0",
+    "@angular/animations": ">=16.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  },
+  "module": "fesm2022/ng-hub-ui-stepper.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/ng-hub-ui-stepper.mjs",
+      "esm": "./esm2022/ng-hub-ui-stepper.mjs",
+      "default": "./fesm2022/ng-hub-ui-stepper.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,8 @@
+export * from './lib/stepper/stepper.component';
+export * from './lib/step/step.component';
+export * from './lib/stepper.module';
+export * from './lib/next-step-button.directive';
+export * from './lib/prev-step-button.directive';
+export * from './lib/step-trigger.directive';
+export * from './lib/stepper-nav.directive';
+export * from './lib/services/stepper-theme-service';