ng-hub-ui-stepper - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

lib/step/step.component.d.ts

@@ -1,6 +0,6 @@
-import { OnInit, QueryList, TemplateRef } from '@angular/core';
-import { NextStepButtonDirective } from '../next-step-button.directive';
-import { PrevStepButtonDirective } from '../prev-step-button.directive';
+import { OnInit, TemplateRef } from '@angular/core';
+import { StepperComponent } from '../stepper/stepper.component';
 import * as i0 from "@angular/core";
 export declare class StepComponent implements OnInit {
+    stepper: StepperComponent;
     /** The index of this step in the stepper */
@@ -14,9 +14,3 @@ index: number;
     innerTemplate: TemplateRef<any>;
-    /** Custom template for the step trigger */
-    stepTriggerTpt: TemplateRef<any>;
-    /** Collection of previous step button directives */
-    prevStepButtons: QueryList<PrevStepButtonDirective>;
-    /** Collection of next step button directives */
-    nextStepButtons: QueryList<NextStepButtonDirective>;
-    constructor();
+    get animationState(): "*" | "void";
     ngOnInit(): void;
@@ -33,3 +27,3 @@ /**
     static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "hub-step, hub-ui-step, ng80-step", never, { "index": { "alias": "index"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["stepTriggerTpt", "prevStepButtons", "nextStepButtons"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "hub-step, hub-ui-step, ng80-step", never, { "index": { "alias": "index"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

lib/stepper.module.d.ts

@@ -6,10 +6,10 @@ import * as i0 from "@angular/core";
 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";
+import * as i5 from "@angular/common";
+import * as i6 from "./previous-button.directive";
+import * as i7 from "./next-button.directive";
+import * as i8 from "./submit-button.directive";
 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 ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof i1.StepperComponent, typeof i2.StepComponent, typeof i3.StepTriggerDirective, typeof i4.StepperNavDirective], [typeof i5.CommonModule, typeof i6.PreviousButtonDirective, typeof i7.NextButtonDirective, typeof i8.SubmitButtonDirective], [typeof i1.StepperComponent, typeof i2.StepComponent, typeof i3.StepTriggerDirective, typeof i4.StepperNavDirective, typeof i6.PreviousButtonDirective, typeof i7.NextButtonDirective, typeof i8.SubmitButtonDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StepperModule>;
 }

lib/stepper/stepper.component.d.ts

 import { AfterContentInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { NextButtonDirective } from '../next-button.directive';
+import { PreviousButtonDirective } from '../previous-button.directive';
 import { StepComponent } from '../step/step.component';
+import { SubmitButtonDirective } from '../submit-button.directive';
 import * as i0 from "@angular/core";
@@ -29,4 +32,6 @@ /**
     stepperNavTpt?: TemplateRef<any>;
-    /** Custom template for stepper controls */
-    stepperControlsTpt?: TemplateRef<any>;
+    previousButton?: PreviousButtonDirective;
+    nextButton?: NextButtonDirective;
+    submitButton?: SubmitButtonDirective;
+    animationsEnabled: boolean;
     /** Get the current active step */
@@ -71,3 +76,3 @@ get currentStep(): StepComponent | null;
     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>;
+    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; }; "animationsEnabled": { "alias": "animationsEnabled"; "required": false; }; }, { "completed": "completed"; "previousStep": "previousStep"; "nextStep": "nextStep"; }, ["stepperNavTpt", "previousButton", "nextButton", "submitButton", "steps"], ["button[previousButton]", "button[nextButton]", "button[submitButton]"], false, never>;
 }

package.json

 {
   "name": "ng-hub-ui-stepper",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A flexible and customizable stepper component for Angular applications",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

public-api.d.ts

 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/previous-button.directive';
+export * from './lib/next-button.directive';
+export * from './lib/submit-button.directive';
 export * from './lib/step-trigger.directive';
 export * from './lib/stepper-nav.directive';
 export * from './lib/services/stepper-theme-service';

README.md

@@ -18,2 +18,3 @@ # ng-hub-ui-stepper
 		- [Programmatic Customization](#programmatic-customization)
+		- [Custom Navigation Buttons](#custom-navigation-buttons)
 		- [Custom Navigation Template](#custom-navigation-template)
@@ -141,2 +142,16 @@ - [Examples](#examples)
 
+### Custom Navigation Buttons
+You can customize the navigation buttons using the provided directives:
+
+```html
+<hub-stepper>
+  <!-- Step content -->
+  <button previousButton>Custom Back</button>
+  <button nextButton>Custom Next</button>
+  <button submitButton>Custom Submit</button>
+</hub-stepper>
+```
+
+These directives (previousButton, nextButton, and submitButton) automatically handle the navigation logic and apply default styling classes.
+
 ### Custom Navigation Template
@@ -143,0 +158,0 @@

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of package files

28

increased by3.7%

Lines of code

991

increased by0.71%

Number of lines in readme file

248

increased by6.44%

Worsened metrics

Total package byte prevSize

154987

decreased by-0.85%

No dependency changes