vevet 2.14.0 → 2.15.0

package/build/cjs/components/scroll/scrollable/ScrollEventsBase.js

@@ -51,7 +51,7 @@ var ScrollEventsBase = /** @class */ (function (_super) {
         return _this;
     }
     ScrollEventsBase.prototype._getDefaultProp = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: window });
+        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: window, intersectionRoot: false });
     };
     Object.defineProperty(ScrollEventsBase.prototype, "scrollContainer", {
         get: function () {
@@ -92,14 +92,17 @@ var ScrollEventsBase = /** @class */ (function (_super) {
          * Used as a "root" for IntersectionObserver
          */
         get: function () {
-            var scrollContainer = this.scrollContainer;
-            if (scrollContainer instanceof Window) {
-                return null;
-            }
-            if (scrollContainer instanceof Element) {
-                return scrollContainer;
+            if (this.prop.intersectionRoot === false) {
+                var scrollContainer = this.scrollContainer;
+                if (scrollContainer instanceof Window) {
+                    return null;
+                }
+                if (scrollContainer instanceof Element) {
+                    return scrollContainer;
+                }
+                return scrollContainer.outer;
             }
-            return scrollContainer.outer;
+            return this.prop.intersectionRoot;
         },
         enumerable: false,
         configurable: true

package/build/cjs/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var version = '2.14.0';
+var version = '2.15.0';
 exports.default = version;

package/build/es/components/scroll/scrollable/ScrollEventsBase.js

@@ -19,7 +19,7 @@ export class ScrollEventsBase extends Component {
         }
     }
     _getDefaultProp() {
-        return Object.assign(Object.assign({}, super._getDefaultProp()), { container: window });
+        return Object.assign(Object.assign({}, super._getDefaultProp()), { container: window, intersectionRoot: false });
     }
     get scrollContainer() {
         return this._scrollContainer;
@@ -47,14 +47,17 @@ export class ScrollEventsBase extends Component {
      * Used as a "root" for IntersectionObserver
      */
     get intersectionRoot() {
-        const { scrollContainer } = this;
-        if (scrollContainer instanceof Window) {
-            return null;
-        }
-        if (scrollContainer instanceof Element) {
-            return scrollContainer;
+        if (this.prop.intersectionRoot === false) {
+            const { scrollContainer } = this;
+            if (scrollContainer instanceof Window) {
+                return null;
+            }
+            if (scrollContainer instanceof Element) {
+                return scrollContainer;
+            }
+            return scrollContainer.outer;
         }
-        return scrollContainer.outer;
+        return this.prop.intersectionRoot;
     }
     /**
      * BoundingRect of 'scrollContainer'

package/build/es/version.js

@@ -1,2 +1,2 @@
-const version = '2.14.0';
+const version = '2.15.0';
 export default version;

package/build/types/components/scroll/scrollable/ScrollEventsBase.d.ts

@@ -11,6 +11,12 @@ export declare namespace NScrollEventsBase {
          * @default window
          */
         container?: string | Element | SmoothScroll | Window;
+        /**
+         * Intersection root element. If false, the element is found
+         * automatically
+         * @default false
+         */
+        intersectionRoot?: false | null | Element;
     }
     /**
      * Changeable properties

package/build/types/components/scroll/scrollable/ScrollEventsBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollEventsBase.d.ts","sourceRoot":"","sources":["../../../../../src/ts/components/scroll/scrollable/ScrollEventsBase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAI7D,yBAAiB,iBAAiB,CAAC;IAE/B;;OAEG;IACH,UAAiB,UAAW,SAAQ,UAAU,CAAC,UAAU;QACrD;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC;KACxD;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;KAAI;IAErE;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;KAAI;IAErE;;OAEG;IACH,UAAiB,YAAY;QACzB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB;CAEJ;AAID;;GAEG;AACH,8BAAsB,gBAAgB,CAClC,UAAU,SAAS,iBAAiB,CAAC,UAAU,GAAG,iBAAiB,CAAC,UAAU,EAC9E,cAAc,SAAS,iBAAiB,CAAC,cAAc,GAAG,iBAAiB,CAAC,cAAc,EAC1F,cAAc,SAAS,iBAAiB,CAAC,cAAc,GAAG,iBAAiB,CAAC,cAAc,CAC5F,SAAQ,SAAS,CACf,UAAU,EACV,cAAc,EACd,cAAc,CACjB;IACG,SAAS,CAAC,eAAe,CACrB,CAAC,SAAS,kBAAkB,CAAC,UAAU,GAAG,cAAc,CAAC,KACvD,CAAC;IASP;;OAEG;IACH,SAAS,CAAC,gBAAgB,EAAE,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC;IAC5D,IAAI,eAAe,kPAElB;IACD,IAAI,iBAAiB,yOAKpB;IAED;;OAEG;IACH,SAAS,KAAK,SAAS,YAStB;IAED;;OAEG;IACH,SAAS,KAAK,gBAAgB,YAS7B;IAED;;OAEG;IACH,SAAS,KAAK,uBAAuB,IAAK,iBAAiB,CAAC,YAAY,CAgBvE;gBAKG,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,cAAc,CAAC,EAC3C,IAAI,UAAO;CAgBlB"}
+{"version":3,"file":"ScrollEventsBase.d.ts","sourceRoot":"","sources":["../../../../../src/ts/components/scroll/scrollable/ScrollEventsBase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAI7D,yBAAiB,iBAAiB,CAAC;IAE/B;;OAEG;IACH,UAAiB,UAAW,SAAQ,UAAU,CAAC,UAAU;QACrD;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC;QACrD;;;;WAIG;QACH,gBAAgB,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,OAAO,CAAC;KAC7C;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;KAAI;IAErE;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;KAAI;IAErE;;OAEG;IACH,UAAiB,YAAY;QACzB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB;CAEJ;AAID;;GAEG;AACH,8BAAsB,gBAAgB,CAClC,UAAU,SAAS,iBAAiB,CAAC,UAAU,GAAG,iBAAiB,CAAC,UAAU,EAC9E,cAAc,SAAS,iBAAiB,CAAC,cAAc,GAAG,iBAAiB,CAAC,cAAc,EAC1F,cAAc,SAAS,iBAAiB,CAAC,cAAc,GAAG,iBAAiB,CAAC,cAAc,CAC5F,SAAQ,SAAS,CACf,UAAU,EACV,cAAc,EACd,cAAc,CACjB;IACG,SAAS,CAAC,eAAe,CACrB,CAAC,SAAS,kBAAkB,CAAC,UAAU,GAAG,cAAc,CAAC,KACvD,CAAC;IAUP;;OAEG;IACH,SAAS,CAAC,gBAAgB,EAAE,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC;IAC5D,IAAI,eAAe,kPAElB;IACD,IAAI,iBAAiB,yOAKpB;IAED;;OAEG;IACH,SAAS,KAAK,SAAS,YAStB;IAED;;OAEG;IACH,SAAS,KAAK,gBAAgB,YAY7B;IAED;;OAEG;IACH,SAAS,KAAK,uBAAuB,IAAK,iBAAiB,CAAC,YAAY,CAgBvE;gBAKG,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,cAAc,CAAC,EAC3C,IAAI,UAAO;CAgBlB"}

package/build/types/version.d.ts

@@ -1,3 +1,3 @@
-declare const version = "2.14.0";
+declare const version = "2.15.0";
 export default version;
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vevet",
-  "version": "2.14.0",
+  "version": "2.15.0",
   "description": "VEVET - A JavaScript library",
   "browserslist": [
     "since 2015"

package/src/ts/components/scroll/scrollable/ScrollEventsBase.ts

@@ -16,6 +16,12 @@ export namespace NScrollEventsBase {
          * @default window
          */
         container?: string | Element | SmoothScroll | Window;
+        /**
+         * Intersection root element. If false, the element is found
+         * automatically
+         * @default false
+         */
+        intersectionRoot?: false | null | Element;
     }
 
     /**
@@ -60,6 +66,7 @@ export abstract class ScrollEventsBase <
         return {
             ...super._getDefaultProp(),
             container: window,
+            intersectionRoot: false,
         };
     }
 
@@ -97,14 +104,17 @@ export abstract class ScrollEventsBase <
      * Used as a "root" for IntersectionObserver
      */
     protected get intersectionRoot () {
-        const { scrollContainer } = this;
-        if (scrollContainer instanceof Window) {
-            return null;
+        if (this.prop.intersectionRoot === false) {
+            const { scrollContainer } = this;
+            if (scrollContainer instanceof Window) {
+                return null;
+            }
+            if (scrollContainer instanceof Element) {
+                return scrollContainer;
+            }
+            return scrollContainer.outer;
         }
-        if (scrollContainer instanceof Element) {
-            return scrollContainer;
-        }
-        return scrollContainer.outer;
+        return this.prop.intersectionRoot;
     }
 
     /**