1.0.32

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-domtools",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-domtools",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "private": false,
   "description": "tools to simplify complex css structures",
   "main": "dist_ts/index.js",

ts/domtools.classes.domtools.ts

@@ -57,6 +57,8 @@ export class DomTools {
     debug: false,
   });
 
+  public scroller: plugins.SweetScroll;
+
   private actionSetVirtualViewport = this.domToolsStatePart.createAction<TViewport>(
     async (statePart, payload) => {
       const currentState = statePart.getState();
@@ -71,15 +73,11 @@ export class DomTools {
 
   constructor() {
     // lets care about third party stuff
-    document.addEventListener(
-      'DOMContentLoaded',
-      () => {
-        const scroller = new plugins.sweetscroll({
-          /* some options */
-        });
-      },
-      false,
-    );
+    this.domToolsReady.promise.then(() => {
+      this.scroller = new plugins.SweetScroll({
+        /* some options */
+      });
+    });
   }
 
   private runOnceTrackerStringMap = new Stringmap();

ts/domtools.plugins.ts

@@ -8,6 +8,6 @@ import * as websetup from '@pushrocks/websetup';
 export { smartpromise, smartrouter, smartstate, webrequest, websetup };
 
 // third party scope
-import sweetscroll from 'sweet-scroll';
+import SweetScroll from 'sweet-scroll';
 
-export { sweetscroll };
+export { SweetScroll };