v2.0.3

changelog.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## 2025-12-03 - 2.0.3 - fix(dependencies)
+Bump dependencies and developer tooling versions
+
+- Upgrade lucide from ^0.553.0 to ^0.555.0
+- Bump @git.zone/tsbuild from ^3.1.0 to ^3.1.2
+- Bump @git.zone/tsbundle from ^2.5.2 to ^2.6.2
+- Bump @git.zone/tstest from ^2.8.1 to ^3.1.3
+- Bump @git.zone/tswatch from ^2.2.1 to ^2.2.2
+- Upgrade @types/node from ^22.0.0 to ^24.10.1
+- Patch release: increment package version to 2.0.3
+
+## 2025-11-30 - 2.0.2 - fix(dees-stepper)
+Make step validation abortable and cancel active step listeners when navigating
+
+- Extend IStep.validationFunc signature to accept an optional AbortSignal so validation handlers can be cancelled.
+- Store an AbortController on the selected step and pass its signal into validationFunc when invoked.
+- Abort the step's AbortController when navigating to the previous or next step to cancel any active listeners or async operations.
+
 ## 2025-11-30 - 2.0.1 - fix(dees-stepper)
 Improve dees-stepper visual style and transitions
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "private": false,
   "description": "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.",
   "main": "dist_ts_web/index.js",
@@ -38,20 +38,20 @@
     "highlight.js": "11.11.1",
     "ibantools": "^4.5.1",
     "lit": "^3.3.1",
-    "lucide": "^0.553.0",
+    "lucide": "^0.555.0",
     "monaco-editor": "0.52.2",
     "pdfjs-dist": "^4.10.38",
     "xterm": "^5.3.0",
     "xterm-addon-fit": "^0.8.0"
   },
   "devDependencies": {
-    "@git.zone/tsbuild": "^3.1.0",
-    "@git.zone/tsbundle": "^2.5.2",
-    "@git.zone/tstest": "^2.8.1",
-    "@git.zone/tswatch": "^2.2.1",
+    "@git.zone/tsbuild": "^3.1.2",
+    "@git.zone/tsbundle": "^2.6.2",
+    "@git.zone/tstest": "^3.1.3",
+    "@git.zone/tswatch": "^2.2.2",
     "@push.rocks/projectinfo": "^5.0.2",
     "@push.rocks/tapbundle": "^6.0.3",
-    "@types/node": "^22.0.0"
+    "@types/node": "^24.10.1"
   },
   "files": [
     "ts/**/*",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '2.0.1',
+  version: '2.0.3',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

ts_web/elements/dees-stepper/dees-stepper.ts

@@ -19,9 +19,10 @@ import { stepperDemo } from './dees-stepper.demo.js';
 export interface IStep {
   title: string;
   content: TemplateResult;
-  validationFunc?: (stepper: DeesStepper, htmlElement: HTMLElement) => Promise<any>;
+  validationFunc?: (stepper: DeesStepper, htmlElement: HTMLElement, signal?: AbortSignal) => Promise<any>;
   onReturnToStepFunc?: (stepper: DeesStepper, htmlElement: HTMLElement) => Promise<any>;
   validationFuncCalled?: boolean;
+  abortController?: AbortController;
 }
 
 declare global {
@@ -250,8 +251,9 @@ export class DeesStepper extends DeesElement {
       );
     }
     if (!this.selectedStep.validationFuncCalled && this.selectedStep.validationFunc) {
+      this.selectedStep.abortController = new AbortController();
       this.selectedStep.validationFuncCalled = true;
-      await this.selectedStep.validationFunc(this, selectedStepElement);
+      await this.selectedStep.validationFunc(this, selectedStepElement, this.selectedStep.abortController.signal);
     }
     this.scroller.to(scrollPosition);
   }
@@ -261,6 +263,10 @@ export class DeesStepper extends DeesElement {
     if (currentIndex <= 0) {
       return;
     }
+    // Abort any active listeners on current step
+    if (this.selectedStep.abortController) {
+      this.selectedStep.abortController.abort();
+    }
     const currentStep = this.steps[currentIndex];
     currentStep.validationFuncCalled = false;
     const previousStep = this.steps[currentIndex - 1];
@@ -276,6 +282,10 @@ export class DeesStepper extends DeesElement {
     if (currentIndex < 0 || currentIndex >= this.steps.length - 1) {
       return;
     }
+    // Abort any active listeners on current step
+    if (this.selectedStep.abortController) {
+      this.selectedStep.abortController.abort();
+    }
     const currentStep = this.steps[currentIndex];
     currentStep.validationFuncCalled = false;
     const nextStep = this.steps[currentIndex + 1];