@fastkit/scroller 0.6.10 → 0.6.11

package/dist/scroller.cjs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var ev = require('@fastkit/ev');
 var visibility = require('@fastkit/visibility');
+var helpers = require('@fastkit/helpers');
 var tinyLogger = require('@fastkit/tiny-logger');
 var BezierEasing = require('bezier-easing');
 
@@ -796,7 +797,7 @@ class Scroller extends ev.EV {
         super();
         const convertedSetting = typeof settingOrElementOrQueryString === 'string' ||
             settingOrElementOrQueryString === null ||
-            (false )
+            (helpers.IN_WINDOW && settingOrElementOrQueryString instanceof Element)
             ? (settingOrElementOrQueryString = {
                 el: settingOrElementOrQueryString,
             })
@@ -831,7 +832,12 @@ class Scroller extends ev.EV {
         };
         this._lastDirection = this._lastAxis === 'y' ? 'top' : 'left';
         // for SSR
-        return;
+        if (!helpers.IN_WINDOW)
+            return;
+        // Add Visibility Listener
+        visibility.visibilityManager.change(this._visibilityListener);
+        // Skip auto setup when missing scrolling element.
+        this.setElement(convertedSetting.el);
     }
     /**
      * インスタンスにElementを設定します。特別な理由（SSRの利用等）によりコンストラクタでElementを指定できない場合、
@@ -841,7 +847,8 @@ class Scroller extends ev.EV {
     setElement(el) {
         if (el === null)
             return;
-        logger.error('Element can be set only when it is under DOM context.');
+        if (!helpers.IN_WINDOW)
+            logger.error('Element can be set only when it is under DOM context.');
         this.stop();
         let _el;
         if (typeof el === 'string') {
@@ -1216,7 +1223,18 @@ class Scroller extends ev.EV {
         }
     }
     _startScrollSizeOvserver() {
-        return;
+        if (!helpers.IN_WINDOW)
+            return;
+        this._stopScrollSizeOvserver();
+        if (this.scrollSizeOvserver) {
+            this._scrollSizeOvserverPollingId = window.setInterval(() => {
+                if (!this.scrollSizeOvserver || this.isDestroyed) {
+                    this._stopScrollSizeOvserver();
+                    return;
+                }
+                this._updateScrollSize();
+            }, this.scrollSizeOvserver.interval);
+        }
     }
     _stopScrollSizeOvserver() {
         if (this._scrollSizeOvserverPollingId !== null) {

package/dist/scroller.cjs.prod.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var ev = require('@fastkit/ev');
 var visibility = require('@fastkit/visibility');
+var helpers = require('@fastkit/helpers');
 var tinyLogger = require('@fastkit/tiny-logger');
 var BezierEasing = require('bezier-easing');
 
@@ -796,7 +797,7 @@ class Scroller extends ev.EV {
         super();
         const convertedSetting = typeof settingOrElementOrQueryString === 'string' ||
             settingOrElementOrQueryString === null ||
-            (false )
+            (helpers.IN_WINDOW && settingOrElementOrQueryString instanceof Element)
             ? (settingOrElementOrQueryString = {
                 el: settingOrElementOrQueryString,
             })
@@ -831,7 +832,12 @@ class Scroller extends ev.EV {
         };
         this._lastDirection = this._lastAxis === 'y' ? 'top' : 'left';
         // for SSR
-        return;
+        if (!helpers.IN_WINDOW)
+            return;
+        // Add Visibility Listener
+        visibility.visibilityManager.change(this._visibilityListener);
+        // Skip auto setup when missing scrolling element.
+        this.setElement(convertedSetting.el);
     }
     /**
      * インスタンスにElementを設定します。特別な理由（SSRの利用等）によりコンストラクタでElementを指定できない場合、
@@ -841,7 +847,8 @@ class Scroller extends ev.EV {
     setElement(el) {
         if (el === null)
             return;
-        logger.error('Element can be set only when it is under DOM context.');
+        if (!helpers.IN_WINDOW)
+            logger.error('Element can be set only when it is under DOM context.');
         this.stop();
         let _el;
         if (typeof el === 'string') {
@@ -1216,7 +1223,18 @@ class Scroller extends ev.EV {
         }
     }
     _startScrollSizeOvserver() {
-        return;
+        if (!helpers.IN_WINDOW)
+            return;
+        this._stopScrollSizeOvserver();
+        if (this.scrollSizeOvserver) {
+            this._scrollSizeOvserverPollingId = window.setInterval(() => {
+                if (!this.scrollSizeOvserver || this.isDestroyed) {
+                    this._stopScrollSizeOvserver();
+                    return;
+                }
+                this._updateScrollSize();
+            }, this.scrollSizeOvserver.interval);
+        }
     }
     _stopScrollSizeOvserver() {
         if (this._scrollSizeOvserverPollingId !== null) {

package/dist/scroller.esm-bundler.js

@@ -1,5 +1,6 @@
 import { EV } from '@fastkit/ev';
 import { visibilityManager } from '@fastkit/visibility';
+import { IN_WINDOW } from '@fastkit/helpers';
 import { TinyLogger } from '@fastkit/tiny-logger';
 import BezierEasing from 'bezier-easing';
 
@@ -788,7 +789,7 @@ class Scroller extends EV {
         super();
         const convertedSetting = typeof settingOrElementOrQueryString === 'string' ||
             settingOrElementOrQueryString === null ||
-            ((typeof document !== 'undefined') && settingOrElementOrQueryString instanceof Element)
+            (IN_WINDOW && settingOrElementOrQueryString instanceof Element)
             ? (settingOrElementOrQueryString = {
                 el: settingOrElementOrQueryString,
             })
@@ -823,7 +824,7 @@ class Scroller extends EV {
         };
         this._lastDirection = this._lastAxis === 'y' ? 'top' : 'left';
         // for SSR
-        if (!(typeof document !== 'undefined'))
+        if (!IN_WINDOW)
             return;
         // Add Visibility Listener
         visibilityManager.change(this._visibilityListener);
@@ -838,7 +839,7 @@ class Scroller extends EV {
     setElement(el) {
         if (el === null)
             return;
-        if (!(typeof document !== 'undefined'))
+        if (!IN_WINDOW)
             logger.error('Element can be set only when it is under DOM context.');
         this.stop();
         let _el;
@@ -1214,7 +1215,7 @@ class Scroller extends EV {
         }
     }
     _startScrollSizeOvserver() {
-        if (!(typeof document !== 'undefined'))
+        if (!IN_WINDOW)
             return;
         this._stopScrollSizeOvserver();
         if (this.scrollSizeOvserver) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/scroller",
-  "version": "0.6.10",
+  "version": "0.6.11",
   "description": "@fastkit/scroller",
   "buildOptions": {
     "name": "Scroller"
@@ -26,9 +26,9 @@
   },
   "homepage": "https://github.com/dadajam4/fastkit/tree/main/packages/scroller#readme",
   "dependencies": {
-    "@fastkit/ev": "0.6.10",
-    "@fastkit/visibility": "0.6.10",
-    "@fastkit/tiny-logger": "0.6.10",
+    "@fastkit/ev": "0.6.11",
+    "@fastkit/visibility": "0.6.11",
+    "@fastkit/tiny-logger": "0.6.11",
     "bezier-easing": "^2.1.0"
   }
 }