fix(core): update

ts_web/elements/dees-stepper.ts

@@ -48,15 +48,15 @@ export class DeesStepper extends DeesElement {
             `,
             validationFunc: async (stepperArg, elementArg) => {
               const deesForm = elementArg.querySelector('dees-form');
-              deesForm.addEventListener('formData', eventArg => {
+              deesForm.addEventListener('formData', (eventArg) => {
                 stepperArg.goNext();
-              })
-            }
+              });
+            },
           },
           {
             title: 'Whats your mobile number?',
             content: html``,
-          }
+          },
         ] as IStep[]}
       ></dees-stepper>
     `;
@@ -195,24 +195,26 @@ export class DeesStepper extends DeesElement {
     return this.steps.findIndex((stepArg2) => stepArg === stepArg2);
   };
 
-  public firstUpdated() {
+  public async firstUpdated() {
+    await this.domtoolsPromise;
+    await this.domtools.convenience.smartdelay.delayFor(0);
     this.selectedStep = this.steps[0];
     this.setScrollStatus();
   }
 
-  public updated() {
-    if (this.selectedStep) {
-      this.setScrollStatus();
-    }
+  public async updated() {
+    this.setScrollStatus();
   }
 
   public scroller: typeof domtools.plugins.SweetScroll.prototype;
 
   public async setScrollStatus() {
-    await domtools.plugins.smartdelay.delayFor(50);
     const stepperContainer: HTMLElement = this.shadowRoot.querySelector('.stepperContainer');
     const firstStepElement: HTMLElement = this.shadowRoot.querySelector('.step');
     const selectedStepElement: HTMLElement = this.shadowRoot.querySelector('.selected');
+    if (!selectedStepElement) {
+      return;
+    }
     if (!stepperContainer.style.paddingTop) {
       stepperContainer.style.paddingTop = `${
         stepperContainer.offsetHeight / 2 - selectedStepElement.offsetHeight / 2