1.0.56

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@designestate/dees-catalog",
-  "version": "1.0.55",
+  "version": "1.0.56",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@designestate/dees-catalog",
-      "version": "1.0.55",
+      "version": "1.0.56",
       "license": "MIT",
       "dependencies": {
         "@designestate/dees-domtools": "^1.0.91",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-catalog",
-  "version": "1.0.55",
+  "version": "1.0.56",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",

ts_web/elements/dees-stepper.ts

@@ -14,6 +14,8 @@ import * as domtools from '@designestate/dees-domtools';
 export interface IStep {
   title: string;
   content: TemplateResult;
+  validationFunc?: (stepper: DeesStepper, htmlElement: HTMLElement) => Promise<any>;
+  validationFuncCalled?: boolean;
 }
 
 declare global {
@@ -200,6 +202,10 @@ export class DeesStepper extends DeesElement {
         easing: 'easeInOutQuint'
       }, stepperContainer);
     }
+    if (!this.selectedStep.validationFuncCalled && this.selectedStep.validationFunc) {
+      this.selectedStep.validationFuncCalled = true;
+      await this.selectedStep.validationFunc(this, selectedStepElement);
+    }
     this.scroller.to(scrollPosition);
   }