@dflex/core-instance - npm Package Compare versions

Comparing version 3.10.5 to 3.10.6

dist/dev.js

@@ -1603,3 +1603,3 @@ 'use strict';
       rect: this.rect.getViewportPos(viewportTop, viewportLeft, false),
-      hasTransformedFromOrigin: this.hasTransformedFromOrigin(),
+      hasTransformedFromOrigin: !this._hasPendingTransform && this.hasTransformedFromOrigin(),
       hasPendingTransformation: this._hasPendingTransform,
@@ -1694,3 +1694,3 @@ isVisible: this._isVisible
     } else {
-      this._siblingBoundaries = new BoxNum(rect.top, rect.right, rect.bottom, rect.left);
+      this._siblingBoundaries = new BoxRect(rect.top, rect.right, rect.bottom, rect.left);
     }
@@ -1731,3 +1731,3 @@ const gridIndex = this._addNewElmToGridIndicator(rect);
   getBoundaries() {
-    return this._siblingBoundaries || this._rect.getBox();
+    return this._siblingBoundaries || this._rect;
   }
@@ -1877,2 +1877,3 @@
     this.visibleScrollRect = new BoxRect(0, 0, 0, 0);
+    this._staticScrollViewport = new BoxRect(0, 0, 0, 0);
     this._isCandidateForDynamicVisibility = false;
@@ -1905,8 +1906,10 @@ this.initialize(DOMRef, siblingsLength);
 
-    // Then it's destroy.
+    // Always reset the threshold.
+    if (instance.threshold) {
+      instance.threshold.destroy();
+      instance.threshold = null;
+    }
+
+    // If not value, then destroy and leave.
     if (!thresholdValue) {
-      if (instance.threshold) {
-        instance.threshold.destroy();
-        instance.threshold = null;
-      }
       return;
@@ -1916,3 +1919,3 @@ }
     instance.threshold = threshold;
-    threshold.setMainThreshold(instance.key, this.visibleScrollRect, type === "inner");
+    threshold.setMainThreshold(instance.key, this._staticScrollViewport, type === "inner");
   }
@@ -1942,6 +1945,4 @@ _updateDOMDataset(isAttachListener, hasScrollListener) {
     this._updateDOMDataset(true, true);
-    this._initializeOrDestroyThreshold("inner", null);
     this._initializeOrDestroyThreshold("inner", INNER_THRESHOLD);
     if (this.hasDynamicVisibility()) {
-      this._initializeOrDestroyThreshold("outer", null);
       this._initializeOrDestroyThreshold("outer", OUTER_THRESHOLD);
@@ -1992,3 +1993,15 @@ }
     // Calculate the visible portion of the container
-    this.visibleScrollRect.setByPointAndDimensions(0, 0, clientHeight, clientWidth);
+    this._staticScrollViewport.setByPointAndDimensions(0, 0, clientHeight, clientWidth);
+
+    // Calculate the visible portion of the container
+    if (this._isDocumentContainer) {
+      // For document container, the visible area is the entire client viewport
+      this.visibleScrollRect.setByPointAndDimensions(scrollTop, scrollLeft, clientHeight, clientWidth);
+    } else {
+      const {
+        left,
+        top
+      } = this._containerDOM.getBoundingClientRect();
+      this.visibleScrollRect.setByPointAndDimensions(top, left, clientHeight, clientWidth);
+    }
   }
@@ -2001,2 +2014,7 @@ _updateScrollPosition(scrollLeft, scrollTop, withDOM) {
     this.totalScrollRect.setPosition(scrollLeft, scrollTop);
+    const {
+      width,
+      height
+    } = this.visibleScrollRect;
+    this.visibleScrollRect.setBox(scrollTop, scrollLeft + width, scrollTop + height, scrollLeft);
     if (withDOM) {
@@ -2018,3 +2036,3 @@ this._containerDOM.scrollTop = scrollTop;
     const dimension = getDimensionTypeByAxis(axis);
-    const viewportSize = this.visibleScrollRect[dimension];
+    const viewportSize = this._staticScrollViewport[dimension];
     return [startPos, endPos, viewportSize];
@@ -2091,3 +2109,3 @@ }
       width
-    } = this.visibleScrollRect;
+    } = this._staticScrollViewport;
     return left + width + this.totalScrollRect.left;
@@ -2104,3 +2122,3 @@ }
       height
-    } = this.visibleScrollRect;
+    } = this._staticScrollViewport;
     return top + height + this.totalScrollRect.top;
@@ -2117,17 +2135,4 @@ }
   }
-  isElmOutViewport(absPos, isOuter) {
-    const viewportPos = absPos;
+  isElmOutViewport(viewportPos, isOuter) {
     const scrollThreshold = this._thresholdInViewport[isOuter ? "outer" : "inner"];
-    {
-      if (!scrollThreshold) {
-        throw new Error("isElmOutViewport: _thresholdInViewport is not initialized. Please call setInnerThreshold() method before using isElmOutViewport().");
-      }
-      if (!this.hasOverflow) {
-        throw new Error("isElmOutViewport: Scrollable element does not have overflow.");
-      }
-      if (this.hasOverflow.x && this.hasOverflow.y) {
-        // eslint-disable-next-line no-console
-        console.warn("isElmOutViewport: Scrollable element has overflow in both x and y directions.\nDFlex is not yet fully optimized to handle this scenario, and the results may be inaccurate.");
-      }
-    }
     const {
@@ -2134,0 +2139,0 @@ threshold,

dist/dflex-core.js

@@ -1,1 +0,1 @@
-class t{constructor(t,s){this.x=t,this.y=s}}class s extends t{setAxes(t,s){this.x=t,this.y=s}clone(t){this.setAxes(t.x,t.y)}getInstance(){return{x:this.x,y:this.y}}isInstanceEqual(t){return this.x===t.x&&this.y===t.y}isEqual(t,s){return this.x===t&&this.y===s}isNotEqual(t,s){return this.x!==t||this.y!==s}}class i{constructor(t,s,i,h){this.top=t,this.right=s,this.bottom=i,this.left=h}}class h extends i{clone(t){this.top=t.top,this.right=t.right,this.bottom=t.bottom,this.left=t.left}setBox(t,s,i,h){return this.top=t,this.right=s,this.bottom=i,this.left=h,this}getBox(){return{top:this.top,right:this.right,bottom:this.bottom,left:this.left}}setByAxis(t,s,i){"x"===t?(this.left=s,this.right=i):(this.top=s,this.bottom=i)}setOne(t,s,i){"x"===t?-1===s?this.left=i:this.right=i:-1===s?this.top=i:this.bottom=i}getOne(t,s){return"x"===t?-1===s?this.left:this.right:-1===s?this.top:this.bottom}setPositionInstance(t){this.top=t.y,this.left=t.x}setPosition(t,s){this.top=s,this.left=t}hasEqualPosition(t,s){return this.top===s||this.left===t}getPosition(){return{x:this.left,y:this.top}}}class n extends h{constructor(t,s,i,h){super(t,s,i,h)}setFalsy(){return this.setBox(!1,!1,!1,!1),this}isTruthyByAxis(t){return"x"===t?this.left||this.right:this.top||this.bottom}isTruthyOnSide(t,s){return"x"===t?1===s?this.right:this.left:1===s?this.bottom:this.top}isTruthy(){return this.left||this.right||this.top||this.bottom}}class e extends h{t(t){return this.top>=t.bottom}i(t){return this.bottom<=t.top}h(t){return this.right<=t.left}o(t){return this.left>=t.right}u(t){return this.top<t.top}l(t){return this.right>t.right}m(t){return this.bottom>t.bottom}p(t){return this.left<t.left}T(t){return this.top>=t.top}_(t){return this.right<=t.right}O(t){return this.bottom<=t.bottom}v(t){return this.left>=t.left}isBoxIntersect(t){return!(this.i(t)||this.o(t)||this.t(t)||this.h(t))}isOutThreshold(t,s,i){if(s.setBox(!1,!1,!1,!1),i){if("y"===i){const i=this.u(t),h=this.m(t);return i&&(s.top=!0),h&&(s.bottom=!0),i||h}const h=this.p(t),n=this.l(t);return h&&(s.left=!0),n&&(s.right=!0),h||n}return this.u(t)?(s.top=!0,!0):this.l(t)?(s.right=!0,!0):this.m(t)?(s.bottom=!0,!0):!!this.p(t)&&(s.left=!0,!0)}isInsideThreshold(t){return this.T(t)&&this._(t)&&this.O(t)&&this.v(t)}getSurroundingBox(t){return{left:Math.min(t.left,this.left),top:Math.min(t.top,this.top),right:Math.max(t.right,this.right),bottom:Math.max(t.bottom,this.bottom)}}isPositionedY(t){return this.t(t)||this.i(t)}assignBiggestBox(t){const{top:s,left:i,right:h,bottom:n}=t;i<this.left&&(this.left=i),s<this.top&&(this.top=s),h>this.right&&(this.right=h),n>this.bottom&&(this.bottom=n)}}function r(t,s){return`${t}_${s}`}function o(){}const u="height",l="width",c="position";function a(t){return"x"===t?l:u}function d(t){return"x"===t?"left":"top"}class f extends e{constructor(t,s,i,h){super(t,s,i,h),this.width=s-h,this.height=i-t}setByPointAndDimensions(t,s,i,h){this.top=t,this.left=s,this.width=h,this.height=i,this.right=s+h,this.bottom=t+i}setAxes(t,s){this.left=t,this.right=this.width+t,this.top=s,this.bottom=this.height+s}getInstance(){const{top:t,left:s,bottom:i,right:h,width:n,height:e}=this;return{top:t,left:s,bottom:i,right:h,width:n,height:e}}getViewportPos(t,s,i){const h=t,n=s+this.width,r=t+this.height,o=s;return i?new e(h,n,r,o):{top:h,right:n,bottom:r,left:o,height:this.height,width:this.width}}getDimensionDiff(t,s){const i=a(t);return this[i]-s[i]}getPositionDiff(t,s){return this[d(t)]-s[t]}}class m extends s{increase(t){return this.x+=t.x,this.y+=t.y,this}composeBox(t,s){const{top:i,left:h,bottom:n,right:r}=t;return s?new e(i+this.y,r-this.x,n-this.y,h+this.x):new e(i-this.y,r+this.x,n+this.y,h-this.x)}onSameAxis(t,s){return"y"===t?s.x===this.x:s.y===this.y}}class p extends s{isOneTruthy(){return this.x||this.y}isAllFalsy(){return!(this.x||this.y)}setFalsy(){this.x=!1,this.y=!1}}class g{static containerKey(t,s){return r(t,s)}static depthKey(t){return r(t,"dp")}constructor(t){this.P=t,this.thresholds={},this.isOut={}}M({width:t,height:s}){const i=Math.round(this.P.horizontal*t/100),h=Math.round(this.P.vertical*s/100);this.D=new m(i,h)}S(t,s,i){this.thresholds[t]=this.D.composeBox(s,i),this.isOut[t]=new n(!1,!1,!1,!1)}setMainThreshold(t,s,i){this.M(s),this.S(t,s,i)}updateMainThreshold(t,s,i){this.thresholds[t]=this.D.composeBox(s,i),this.isOut[t].setFalsy()}getElmMainThreshold(t){return this.D.composeBox(t,!1)}setContainerThreshold(t,s,i,h){this.S(t,i,!1);const{top:n,left:e}=i,{height:r,width:o}=h,u=g.containerKey(s,t),l=g.depthKey(s);this.S(u,{left:e,top:n,right:e+o,bottom:n+r},!1),this.thresholds[l]?this.thresholds[l].assignBiggestBox(this.thresholds[u]):this.S(l,this.thresholds[u],!1)}isOutThreshold(t,s,i){return s.isOutThreshold(this.thresholds[t],this.isOut[t],i)}destroy(){Object.keys(this.thresholds).forEach((t=>{delete this.thresholds[t]})),Object.keys(this.isOut).forEach((t=>{delete this.isOut[t]}))}}function x(t,s){!function(t,s,i,h=!0,n="true"){const e=h?`data-${s}`:s;!1?t.removeAttribute(e):t.setAttribute(e,n)}(t,"index",0,!0,`${s}`)}function y(t,s,i){const{left:h,top:n,right:e,bottom:r,height:o,width:u}=t.getBoundingClientRect(),l=new f(n,e,r,h);return 0===s&&0===i||l.setByPointAndDimensions(n+i,h+s,o,u),l}const w=[];function T(){let t,s=!0;function i(){s=!0}function h(){!function(t){cancelAnimationFrame(t)}(t),w.splice(w.indexOf(t),1)}return[function(n,e){e&&h();try{s=!1;const h=function(t,s){return i=>{t(i),s()}}(n,i);t=requestAnimationFrame(h),w.push(t)}catch(t){}},h,function(){return s}]}function _(t,s=!1,i=200){const[h,n]=function(t){let s=null,i=!1;function h(){s&&(clearTimeout(s),s=null)}return[function(n,e){const r=n||o;i=!0,e&&h(),s=setTimeout((()=>{i=!1,r()}),t)},h,function(){return i}]}(i),[e,r]=T();let u=performance.now(),l=!1;const c=()=>{if(l)return;const n=performance.now();s||n-u>=i?(e(t,!0),u=n):h(c,!0)};return c.isPaused=()=>l,c.pause=()=>{l||(l=!0,r(),n())},c.resume=()=>{l&&(l=!1,c())},c}const O=Object.freeze(["x","y"]);let v=new WeakMap;function b(t,s,i){t.style.setProperty(s,i)}function P(t,s){t.style.removeProperty(s)}function E(t,s,i){const h=function(t){if(v.has(t))return v.get(t);const s={computedStyle:getComputedStyle(t),parsedProperties:new Map};return v.set(t,s),s}(t),{parsedProperties:n,computedStyle:e}=h,r=n.get(s);if(void 0===r){const t=e.getPropertyValue(s),h=i?function(t){const s=parseFloat(t);return Number.isNaN(s)?0:s}(t):t;return n.set(s,h),h}return r}function M(t){return E(t,c,!1)}function D(t,s,i){b(t,"transform",`translate3d(${s}px, ${i}px, 0)`)}class S{static getType(){return"base:element"}static transform=D;constructor(t){this.id=t,this.translate=new m(0,0)}}const B="transition-property",A="transition-delay",I="transition-duration",L="transition-timing-function";const F="transitionend";class z extends S{static getType(){return"core:element"}constructor(t){const{order:s,keys:i,depth:h,readonly:n,animation:e,id:r,CSSTransform:o}=t;super(r),this.VDOMOrder={...s},this.DOMOrder={...s},this.keys={...i},this.depth=h,this.readonly=n,this.B=e,this.A=o,[this.I]=T(),this.L=!0,this.F=!1,this.R=void 0,this.$=null,this.q=new m(0,0),this.rect=new f(0,0,0,0),this.DOMGrid=new m(0,0)}updateConfig(t,s,i){this.readonly=t,this.B=s,this.A=i}initElmRect(t,s,i){this.rect=y(t,s,i);const{left:h,top:n}=this.rect;this.q.setAxes(h,n),this.C(t)}C(t){const s=function(t){const s=function(t){if(!/matrix\([^)]+\)/.test(t))return null;const s=t.match(/matrix\(\s*([^,]+),\s*([^,]+),\s*([^,]+),\s*([^,]+),\s*([^,]+),\s*([^)]+)\)/);return s?[parseFloat(s[5]),parseFloat(s[6])]:null}(E(t,"transform",!1));return s}(t);if(s){const[t,i]=s,h=this.q.x-t,n=this.q.y-i;this.q.setAxes(h,n),this.rect.setByPointAndDimensions(n,h,this.rect.height,this.rect.width),this.translate.setAxes(t,i)}}getDimensions(t){if(this.$)return this.$;const{width:s,height:i}=function(t){return{width:E(t,l,!0),height:E(t,u,!0)}}(t);return this.$=new m(s,i),this.$}getInitialPosition(){return this.q}changeVisibility(t,s){s!==this.L&&(this.L=s,this.F&&this.L&&(this.k(t,null),this.F=!1))}k(t,s,i=o){if(!this.L)return void(this.F=!0);const h=()=>{this.A&&function(t,s){"string"!=typeof s?function(t,s){Object.keys(s).forEach((s=>{P(t,s)}))}(t,s):function(t,s){t.classList.remove(s)}(t,s)}(t,this.A),this.B&&function(t){P(t,B),P(t,A),P(t,I),P(t,L)}(t),s&&t.removeEventListener(F,h),i()};this.I((()=>{if(this.A&&function(t,s){"string"!=typeof s?function(t,s){Object.entries(s).forEach((([s,i])=>{b(t,s,i)}))}(t,s):function(t,s){t.classList.add(s)}(t,s)}(t,this.A),null===s)return z.transform(t,this.translate.x,this.translate.y),void h();t.addEventListener(F,h),function(t,s,i,h){b(t,B,"transform"),b(t,A,"0ms"),b(t,I,`${i}ms`),b(t,L,h)}(t,0,s,this.B.easing),z.transform(t,this.translate.x,this.translate.y)}),!0)}updateIndex(t,s){x(t,s),this.VDOMOrder.self=s}assignNewIndex(t,s){t[s]=this.id}N(t,s,i){const h={axes:t,numberOfPassedElm:i,translate:this.translate.getInstance()};void 0===this.R&&(this.R=new Map),this.R.has(s)||this.R.set(s,[]),this.R.get(s).push(h)}V(t,s,i){if(s)return!this.L&&this.F?void(this.F=!1):void this.k(t,i);this.L?this.k(t,i):this.F=!0}j(t,s,i,h){let n=null;if(this.B){const{duration:t}=this.B,i=this.translate.getInstance(),h=this.translate.increase(s).getInstance();n="number"==typeof t?t:function(t,s){const i=t.x-s.x,h=t.y-s.y,n=Math.sqrt(i*i+h*h);return 20*Math.sqrt(n)}(i,h)}else this.translate.increase(s);this.rect.setAxes(this.q.x+this.translate.x,this.q.y+this.translate.y),this.V(t,i,n);const{self:e}=this.VDOMOrder,r=e+h;return this.updateIndex(t,r),[e,r]}H(t,s,i){if(-1!==t)for(let t=0;t<s;t+=1)this.DOMGrid.x+=1,this.DOMGrid.x>i.x&&(this.DOMGrid.x=0,this.DOMGrid.y+=1);else for(let t=0;t<s;t+=1)this.DOMGrid.x-=1,this.DOMGrid.x<0&&(this.DOMGrid.x=i.x,this.DOMGrid.y-=1)}reconcilePosition(t,s,i,h,n,e,r,o){let u;const l={x:1===s?-1:1,y:s};"z"===t?u=O:(u=[t],l[t]=s),u.forEach((t=>{n[t]*=l[t],this.H(l[t],e,r)})),this.N(t,o,e);const c=s*e,[a,d]=this.j(i,n,!1,c);h[a]="",h[d]=this.id}restorePosition(t){this.k(t,null),x(t,this.VDOMOrder.self)}assignNewPosition(t,s){this.translate.clone(s),this.k(t,null)}rollBackPosition(t,s){if(void 0===this.R||!this.R.has(s))return;const i=this.R.get(s),{translate:h,axes:n,numberOfPassedElm:e}=i.pop(),r={x:h.x-this.translate.x,y:h.y-this.translate.y};let o=0;const u={x:r.x>0?1:-1,y:r.y>0?1:-1};if("z"===n?(o=r.x>0||r.y>0?1:-1,this.DOMGrid.increase({x:u.x*e,y:u.y*e})):(o=u[n]*e,this.DOMGrid[n]+=o),this.j(t,r,!0,o),0===i.length)return this.R.delete(s),void(0===this.R.size&&(this.R=void 0));this.rollBackPosition(t,s)}hasTransformedFromOrigin(){return this.q.isNotEqual(this.rect.left,this.rect.top)}needDOMReconciliation(){return this.VDOMOrder.self!==this.DOMOrder.self}refreshIndicators(t){this.R=void 0,this.translate.setAxes(0,0),this.F=!1,this.DOMOrder.self=this.VDOMOrder.self,P(t,"transform"),function(t,s){if(!t.hasAttribute(s))return;const i=t.getAttribute(s);i&&""===i.trim()&&t.removeAttribute(s)}(t,"style"),this.DOMGrid.setAxes(0,0)}serializedElm(t,s){return{type:z.getType(),version:3,id:this.id,grid:this.DOMGrid.getInstance(),order:this.VDOMOrder,translate:this.translate.getInstance(),initialPosition:this.q.getInstance(),rect:this.rect.getViewportPos(t,s,!1),hasTransformedFromOrigin:this.hasTransformedFromOrigin(),hasPendingTransformation:this.F,isVisible:this.L}}}class R extends z{static getDistance(t,s,i){let h=t[i]-s.rect["x"===i?"left":"top"];return h+=s.translate[i],h}static getDisplacement(t,s,i){return t[i]-("x"===i?s.rect.right:s.rect.bottom)}getDisplacement(t,s){return R.getDisplacement(this.rect.getPosition(),t,s)}getDistance(t,s){return R.getDistance(this.rect.getPosition(),t,s)}}const $=/(auto|scroll|overlay)/;function q(t,s){return"y"===t?s.scrollHeight>s.clientHeight:s.scrollWidth>s.clientWidth}function C(t,s){return!!function(t,s){const i=E(s,"x"===t?"overflow-x":"overflow-y",!1);return $.test(i)}(t,s)&&q(t,s)}function k(t,s){const i=[document.documentElement,!0];if(!t)return i;const h=M(t),n=function(t,i){let n=0,e=t;try{do{if(n+=1,n>1&&function(t,s,i){const h=function(t,s){return"fixed"!==s&&("absolute"!==s||"static"!==M(t))}(t,s);return!!h&&(i.x=C("x",t),i.y=C("y",t),i.isOneTruthy())}(e,h,s))return n=0,e;e=e.parentElement}while(null!==e&&!e.isSameNode(document.body))}catch(t){}finally{n=0}return null}(t);return n&&(i[0]=n,i[1]=!1),i}const N={horizontal:25,vertical:25},V={horizontal:10,vertical:10};exports.DFlexBaseElement=S,exports.DFlexElement=R,exports.DFlexParentContainer=class{constructor(t,s,i,h){this.id=t,this.G=new m(-1,-1),this.grid=new m(-1,-1),this.originLength=i,this.W=new e(0,0,0,0),this.K=null;const{left:n,top:r}=h;this.U=y(s,n,r),this.lastElmPosition=null}Y(t){const s=this.W;return s.isPositionedY(t)?(this.G.y+=1,this.G.x=0,this.W.setBox(0,0,0,0)):this.G.x+=1,this.G.x>this.grid.x&&(this.grid.x=this.G.x),this.G.y>this.grid.y&&(this.grid.y=this.G.y),s.assignBiggestBox(t),this.G}register(t,s){this.K?this.K.assignBiggestBox(t):this.K=new e(t.top,t.right,t.bottom,t.left);const i=this.Y(t),h=this.K,n=s;if(!n)return i;const r=h.bottom-h.top,o=h.right-h.left;return n.height<r&&(n.height=r),n.width<o&&(n.width=r),i}extendGrid(t){this.grid[t]+=1}reduceGrid(t){this.grid[t]-=1}getBoundaries(){return this.K||this.U.getBox()}resetIndicators(t){this.G.setAxes(-1,-1),this.grid.setAxes(-1,-1),this.originLength=t,this.W.setBox(0,0,0,0),this.K=null,this.lastElmPosition=null}preservePosition(t){this.lastElmPosition?this.lastElmPosition.setAxes(t.x,t.y):this.lastElmPosition=new m(t.x,t.y)}},exports.DFlexScrollContainer=class{static getType(){return"scroll:container"}constructor(t,s,i,h){this.J=s,this.X=h,this.Z={inner:{threshold:null,key:`scroll_inner_${s}`},outer:{threshold:null,key:`scroll_outer_${s}`}},this.tt=`scroll__${s}`,this.hasOverflow=new p(!1,!1),this.totalScrollRect=new f(0,0,0,0),this.visibleScrollRect=new f(0,0,0,0),this.st=!1,this.initialize(t,i),this.it(!0)}initialize(t,s){[this.ht,this.nt]=k(t,this.hasOverflow),this.et(),this.st=s>10,this.nt?this.rt():this.ot()}hasDynamicVisibility(){return this.st&&this.hasOverflow.isOneTruthy()}ut(t,s){const i=this.Z[t];if(!s)return void(i.threshold&&(i.threshold.destroy(),i.threshold=null));const h=new g(s);i.threshold=h,h.setMainThreshold(i.key,this.visibleScrollRect,"inner"===t)}lt(t,s){const i=this.tt,h=s.toString(),n=this.nt?document.body:this.ht;t?n.dataset[i]=h:delete n.dataset[i]}ot(){if(this.hasOverflow.isAllFalsy())return this.ut("inner",null),this.ut("outer",null),void this.lt(!1,!0);this.lt(!0,!0),this.ut("inner",null),this.ut("inner",V),this.hasDynamicVisibility()&&(this.ut("outer",null),this.ut("outer",N))}rt(){const t=q("x",this.ht),s=q("y",this.ht);this.hasOverflow.setAxes(t,s),this.ot()}ct(t,s){return this.ht["x"===t?"scrollWidth":"scrollHeight"]!==s}hasScrollDimensionChanges(){const{width:t,height:s}=this.totalScrollRect;return this.ct("y",s)||this.ct("x",t)}et(){const{scrollHeight:t,scrollWidth:s,scrollLeft:i,scrollTop:h,clientHeight:n,clientWidth:e}=this.ht;this.totalScrollRect.setByPointAndDimensions(h,i,t,s),this.visibleScrollRect.setByPointAndDimensions(0,0,n,e)}dt(t,s,i){return!!this.totalScrollRect.hasEqualPosition(t,s)&&(this.totalScrollRect.setPosition(t,s),i&&(this.ht.scrollTop=s,this.ht.scrollLeft=t),!0)}scrollTo(t,s){this.dt(-1===t?this.totalScrollRect.left:t,-1===s?this.totalScrollRect.right:s,!0),this.X(this.J)}ft(t){const s=d(t),i=this.totalScrollRect[s],h=function(t){return"x"===t?"right":"bottom"}(t),n=this.totalScrollRect[h],e=a(t);return[i,n,this.visibleScrollRect[e]]}calculateDistance(t,s){const[i,h,n]=this.ft(t);return 1===s?h-(i+n):i}hasScrollableArea(t,s){const[i,h,n]=this.ft(t);return 1===s?i+n<h:i>0}gt=_((()=>{const{scrollLeft:t,scrollTop:s}=this.ht;this.dt(t,s,!1)&&this.X(this.J)}));xt=_((()=>{this.et(),this.rt()}));it(t){const s=t?"addEventListener":"removeEventListener",i=this.nt?window:this.ht,h={passive:!0};i[s]("resize",this.xt,h),i[s]("scroll",this.gt,h)}pauseListeners(t){t?this.gt.pause():this.gt.resume()}getMaximumScrollContainerLeft(){const{left:t,width:s}=this.visibleScrollRect;return t+s+this.totalScrollRect.left}getMaximumScrollContainerTop(){const{top:t,height:s}=this.visibleScrollRect;return t+s+this.totalScrollRect.top}getElmViewportPosition(t,s){const{top:i,left:h}=this.totalScrollRect;return[t-i,s-h]}isElmOutViewport(t,s){const i=t,h=this.Z[s?"outer":"inner"],{threshold:n,key:e}=h,r=t=>n.isOutThreshold(e,i,t),{x:o,y:u}=this.hasOverflow;return[u&&r("y")||o&&r("x"),n.isOut[e]]}destroy(){this.it(!1),this.ut("inner",null),this.ut("outer",null),this.lt(!1,!0),this.X=void 0,this.ht=void 0}};
+class t{constructor(t,s){this.x=t,this.y=s}}class s extends t{setAxes(t,s){this.x=t,this.y=s}clone(t){this.setAxes(t.x,t.y)}getInstance(){return{x:this.x,y:this.y}}isInstanceEqual(t){return this.x===t.x&&this.y===t.y}isEqual(t,s){return this.x===t&&this.y===s}isNotEqual(t,s){return this.x!==t||this.y!==s}}class i{constructor(t,s,i,h){this.top=t,this.right=s,this.bottom=i,this.left=h}}class h extends i{clone(t){this.top=t.top,this.right=t.right,this.bottom=t.bottom,this.left=t.left}setBox(t,s,i,h){return this.top=t,this.right=s,this.bottom=i,this.left=h,this}getBox(){return{top:this.top,right:this.right,bottom:this.bottom,left:this.left}}setByAxis(t,s,i){"x"===t?(this.left=s,this.right=i):(this.top=s,this.bottom=i)}setOne(t,s,i){"x"===t?-1===s?this.left=i:this.right=i:-1===s?this.top=i:this.bottom=i}getOne(t,s){return"x"===t?-1===s?this.left:this.right:-1===s?this.top:this.bottom}setPositionInstance(t){this.top=t.y,this.left=t.x}setPosition(t,s){this.top=s,this.left=t}hasEqualPosition(t,s){return this.top===s||this.left===t}getPosition(){return{x:this.left,y:this.top}}}class e extends h{constructor(t,s,i,h){super(t,s,i,h)}setFalsy(){return this.setBox(!1,!1,!1,!1),this}isTruthyByAxis(t){return"x"===t?this.left||this.right:this.top||this.bottom}isTruthyOnSide(t,s){return"x"===t?1===s?this.right:this.left:1===s?this.bottom:this.top}isTruthy(){return this.left||this.right||this.top||this.bottom}}class n extends h{t(t){return this.top>=t.bottom}i(t){return this.bottom<=t.top}h(t){return this.right<=t.left}o(t){return this.left>=t.right}u(t){return this.top<t.top}l(t){return this.right>t.right}m(t){return this.bottom>t.bottom}p(t){return this.left<t.left}T(t){return this.top>=t.top}_(t){return this.right<=t.right}O(t){return this.bottom<=t.bottom}v(t){return this.left>=t.left}isBoxIntersect(t){return!(this.i(t)||this.o(t)||this.t(t)||this.h(t))}isOutThreshold(t,s,i){if(s.setBox(!1,!1,!1,!1),i){if("y"===i){const i=this.u(t),h=this.m(t);return i&&(s.top=!0),h&&(s.bottom=!0),i||h}const h=this.p(t),e=this.l(t);return h&&(s.left=!0),e&&(s.right=!0),h||e}return this.u(t)?(s.top=!0,!0):this.l(t)?(s.right=!0,!0):this.m(t)?(s.bottom=!0,!0):!!this.p(t)&&(s.left=!0,!0)}isInsideThreshold(t){return this.T(t)&&this._(t)&&this.O(t)&&this.v(t)}getSurroundingBox(t){return{left:Math.min(t.left,this.left),top:Math.min(t.top,this.top),right:Math.max(t.right,this.right),bottom:Math.max(t.bottom,this.bottom)}}isPositionedY(t){return this.t(t)||this.i(t)}assignBiggestBox(t){const{top:s,left:i,right:h,bottom:e}=t;i<this.left&&(this.left=i),s<this.top&&(this.top=s),h>this.right&&(this.right=h),e>this.bottom&&(this.bottom=e)}}function r(t,s){return`${t}_${s}`}function o(){}const u="height",l="width",c="position";function a(t){return"x"===t?l:u}function d(t){return"x"===t?"left":"top"}class f extends n{constructor(t,s,i,h){super(t,s,i,h),this.width=s-h,this.height=i-t}setByPointAndDimensions(t,s,i,h){this.top=t,this.left=s,this.width=h,this.height=i,this.right=s+h,this.bottom=t+i}setAxes(t,s){this.left=t,this.right=this.width+t,this.top=s,this.bottom=this.height+s}getInstance(){const{top:t,left:s,bottom:i,right:h,width:e,height:n}=this;return{top:t,left:s,bottom:i,right:h,width:e,height:n}}getViewportPos(t,s,i){const h=t,e=s+this.width,r=t+this.height,o=s;return i?new n(h,e,r,o):{top:h,right:e,bottom:r,left:o,height:this.height,width:this.width}}getDimensionDiff(t,s){const i=a(t);return this[i]-s[i]}getPositionDiff(t,s){return this[d(t)]-s[t]}}class m extends s{increase(t){return this.x+=t.x,this.y+=t.y,this}composeBox(t,s){const{top:i,left:h,bottom:e,right:r}=t;return s?new n(i+this.y,r-this.x,e-this.y,h+this.x):new n(i-this.y,r+this.x,e+this.y,h-this.x)}onSameAxis(t,s){return"y"===t?s.x===this.x:s.y===this.y}}class p extends s{isOneTruthy(){return this.x||this.y}isAllFalsy(){return!(this.x||this.y)}setFalsy(){this.x=!1,this.y=!1}}class g{static containerKey(t,s){return r(t,s)}static depthKey(t){return r(t,"dp")}constructor(t){this.P=t,this.thresholds={},this.isOut={}}M({width:t,height:s}){const i=Math.round(this.P.horizontal*t/100),h=Math.round(this.P.vertical*s/100);this.D=new m(i,h)}S(t,s,i){this.thresholds[t]=this.D.composeBox(s,i),this.isOut[t]=new e(!1,!1,!1,!1)}setMainThreshold(t,s,i){this.M(s),this.S(t,s,i)}updateMainThreshold(t,s,i){this.thresholds[t]=this.D.composeBox(s,i),this.isOut[t].setFalsy()}getElmMainThreshold(t){return this.D.composeBox(t,!1)}setContainerThreshold(t,s,i,h){this.S(t,i,!1);const{top:e,left:n}=i,{height:r,width:o}=h,u=g.containerKey(s,t),l=g.depthKey(s);this.S(u,{left:n,top:e,right:n+o,bottom:e+r},!1),this.thresholds[l]?this.thresholds[l].assignBiggestBox(this.thresholds[u]):this.S(l,this.thresholds[u],!1)}isOutThreshold(t,s,i){return s.isOutThreshold(this.thresholds[t],this.isOut[t],i)}destroy(){Object.keys(this.thresholds).forEach((t=>{delete this.thresholds[t]})),Object.keys(this.isOut).forEach((t=>{delete this.isOut[t]}))}}function x(t,s){!function(t,s,i,h=!0,e="true"){const n=h?`data-${s}`:s;!1?t.removeAttribute(n):t.setAttribute(n,e)}(t,"index",0,!0,`${s}`)}function y(t,s,i){const{left:h,top:e,right:n,bottom:r,height:o,width:u}=t.getBoundingClientRect(),l=new f(e,n,r,h);return 0===s&&0===i||l.setByPointAndDimensions(e+i,h+s,o,u),l}const w=[];function T(){let t,s=!0;function i(){s=!0}function h(){!function(t){cancelAnimationFrame(t)}(t),w.splice(w.indexOf(t),1)}return[function(e,n){n&&h();try{s=!1;const h=function(t,s){return i=>{t(i),s()}}(e,i);t=requestAnimationFrame(h),w.push(t)}catch(t){}},h,function(){return s}]}function _(t,s=!1,i=200){const[h,e]=function(t){let s=null,i=!1;function h(){s&&(clearTimeout(s),s=null)}return[function(e,n){const r=e||o;i=!0,n&&h(),s=setTimeout((()=>{i=!1,r()}),t)},h,function(){return i}]}(i),[n,r]=T();let u=performance.now(),l=!1;const c=()=>{if(l)return;const e=performance.now();s||e-u>=i?(n(t,!0),u=e):h(c,!0)};return c.isPaused=()=>l,c.pause=()=>{l||(l=!0,r(),e())},c.resume=()=>{l&&(l=!1,c())},c}const O=Object.freeze(["x","y"]);let v=new WeakMap;function b(t,s,i){t.style.setProperty(s,i)}function P(t,s){t.style.removeProperty(s)}function E(t,s,i){const h=function(t){if(v.has(t))return v.get(t);const s={computedStyle:getComputedStyle(t),parsedProperties:new Map};return v.set(t,s),s}(t),{parsedProperties:e,computedStyle:n}=h,r=e.get(s);if(void 0===r){const t=n.getPropertyValue(s),h=i?function(t){const s=parseFloat(t);return Number.isNaN(s)?0:s}(t):t;return e.set(s,h),h}return r}function M(t){return E(t,c,!1)}function D(t,s,i){b(t,"transform",`translate3d(${s}px, ${i}px, 0)`)}class S{static getType(){return"base:element"}static transform=D;constructor(t){this.id=t,this.translate=new m(0,0)}}const B="transition-property",A="transition-delay",I="transition-duration",L="transition-timing-function";const F="transitionend";class z extends S{static getType(){return"core:element"}constructor(t){const{order:s,keys:i,depth:h,readonly:e,animation:n,id:r,CSSTransform:o}=t;super(r),this.VDOMOrder={...s},this.DOMOrder={...s},this.keys={...i},this.depth=h,this.readonly=e,this.B=n,this.A=o,[this.I]=T(),this.L=!0,this.F=!1,this.R=void 0,this.$=null,this.q=new m(0,0),this.rect=new f(0,0,0,0),this.DOMGrid=new m(0,0)}updateConfig(t,s,i){this.readonly=t,this.B=s,this.A=i}initElmRect(t,s,i){this.rect=y(t,s,i);const{left:h,top:e}=this.rect;this.q.setAxes(h,e),this.C(t)}C(t){const s=function(t){const s=function(t){if(!/matrix\([^)]+\)/.test(t))return null;const s=t.match(/matrix\(\s*([^,]+),\s*([^,]+),\s*([^,]+),\s*([^,]+),\s*([^,]+),\s*([^)]+)\)/);return s?[parseFloat(s[5]),parseFloat(s[6])]:null}(E(t,"transform",!1));return s}(t);if(s){const[t,i]=s,h=this.q.x-t,e=this.q.y-i;this.q.setAxes(h,e),this.rect.setByPointAndDimensions(e,h,this.rect.height,this.rect.width),this.translate.setAxes(t,i)}}getDimensions(t){if(this.$)return this.$;const{width:s,height:i}=function(t){return{width:E(t,l,!0),height:E(t,u,!0)}}(t);return this.$=new m(s,i),this.$}getInitialPosition(){return this.q}changeVisibility(t,s){s!==this.L&&(this.L=s,this.F&&this.L&&(this.k(t,null),this.F=!1))}k(t,s,i=o){if(!this.L)return void(this.F=!0);const h=()=>{this.A&&function(t,s){"string"!=typeof s?function(t,s){Object.keys(s).forEach((s=>{P(t,s)}))}(t,s):function(t,s){t.classList.remove(s)}(t,s)}(t,this.A),this.B&&function(t){P(t,B),P(t,A),P(t,I),P(t,L)}(t),s&&t.removeEventListener(F,h),i()};this.I((()=>{if(this.A&&function(t,s){"string"!=typeof s?function(t,s){Object.entries(s).forEach((([s,i])=>{b(t,s,i)}))}(t,s):function(t,s){t.classList.add(s)}(t,s)}(t,this.A),null===s)return z.transform(t,this.translate.x,this.translate.y),void h();t.addEventListener(F,h),function(t,s,i,h){b(t,B,"transform"),b(t,A,"0ms"),b(t,I,`${i}ms`),b(t,L,h)}(t,0,s,this.B.easing),z.transform(t,this.translate.x,this.translate.y)}),!0)}updateIndex(t,s){x(t,s),this.VDOMOrder.self=s}assignNewIndex(t,s){t[s]=this.id}N(t,s,i){const h={axes:t,numberOfPassedElm:i,translate:this.translate.getInstance()};void 0===this.R&&(this.R=new Map),this.R.has(s)||this.R.set(s,[]),this.R.get(s).push(h)}V(t,s,i){if(s)return!this.L&&this.F?void(this.F=!1):void this.k(t,i);this.L?this.k(t,i):this.F=!0}j(t,s,i,h){let e=null;if(this.B){const{duration:t}=this.B,i=this.translate.getInstance(),h=this.translate.increase(s).getInstance();e="number"==typeof t?t:function(t,s){const i=t.x-s.x,h=t.y-s.y,e=Math.sqrt(i*i+h*h);return 20*Math.sqrt(e)}(i,h)}else this.translate.increase(s);this.rect.setAxes(this.q.x+this.translate.x,this.q.y+this.translate.y),this.V(t,i,e);const{self:n}=this.VDOMOrder,r=n+h;return this.updateIndex(t,r),[n,r]}H(t,s,i){if(-1!==t)for(let t=0;t<s;t+=1)this.DOMGrid.x+=1,this.DOMGrid.x>i.x&&(this.DOMGrid.x=0,this.DOMGrid.y+=1);else for(let t=0;t<s;t+=1)this.DOMGrid.x-=1,this.DOMGrid.x<0&&(this.DOMGrid.x=i.x,this.DOMGrid.y-=1)}reconcilePosition(t,s,i,h,e,n,r,o){let u;const l={x:1===s?-1:1,y:s};"z"===t?u=O:(u=[t],l[t]=s),u.forEach((t=>{e[t]*=l[t],this.H(l[t],n,r)})),this.N(t,o,n);const c=s*n,[a,d]=this.j(i,e,!1,c);h[a]="",h[d]=this.id}restorePosition(t){this.k(t,null),x(t,this.VDOMOrder.self)}assignNewPosition(t,s){this.translate.clone(s),this.k(t,null)}rollBackPosition(t,s){if(void 0===this.R||!this.R.has(s))return;const i=this.R.get(s),{translate:h,axes:e,numberOfPassedElm:n}=i.pop(),r={x:h.x-this.translate.x,y:h.y-this.translate.y};let o=0;const u={x:r.x>0?1:-1,y:r.y>0?1:-1};if("z"===e?(o=r.x>0||r.y>0?1:-1,this.DOMGrid.increase({x:u.x*n,y:u.y*n})):(o=u[e]*n,this.DOMGrid[e]+=o),this.j(t,r,!0,o),0===i.length)return this.R.delete(s),void(0===this.R.size&&(this.R=void 0));this.rollBackPosition(t,s)}hasTransformedFromOrigin(){return this.q.isNotEqual(this.rect.left,this.rect.top)}needDOMReconciliation(){return this.VDOMOrder.self!==this.DOMOrder.self}refreshIndicators(t){this.R=void 0,this.translate.setAxes(0,0),this.F=!1,this.DOMOrder.self=this.VDOMOrder.self,P(t,"transform"),function(t,s){if(!t.hasAttribute(s))return;const i=t.getAttribute(s);i&&""===i.trim()&&t.removeAttribute(s)}(t,"style"),this.DOMGrid.setAxes(0,0)}serializedElm(t,s){return{type:z.getType(),version:3,id:this.id,grid:this.DOMGrid.getInstance(),order:this.VDOMOrder,translate:this.translate.getInstance(),initialPosition:this.q.getInstance(),rect:this.rect.getViewportPos(t,s,!1),hasTransformedFromOrigin:!this.F&&this.hasTransformedFromOrigin(),hasPendingTransformation:this.F,isVisible:this.L}}}class R extends z{static getDistance(t,s,i){let h=t[i]-s.rect["x"===i?"left":"top"];return h+=s.translate[i],h}static getDisplacement(t,s,i){return t[i]-("x"===i?s.rect.right:s.rect.bottom)}getDisplacement(t,s){return R.getDisplacement(this.rect.getPosition(),t,s)}getDistance(t,s){return R.getDistance(this.rect.getPosition(),t,s)}}const $=/(auto|scroll|overlay)/;function q(t,s){return"y"===t?s.scrollHeight>s.clientHeight:s.scrollWidth>s.clientWidth}function C(t,s){return!!function(t,s){const i=E(s,"x"===t?"overflow-x":"overflow-y",!1);return $.test(i)}(t,s)&&q(t,s)}function k(t,s){const i=[document.documentElement,!0];if(!t)return i;const h=M(t),e=function(t,i){let e=0,n=t;try{do{if(e+=1,e>1&&function(t,s,i){const h=function(t,s){return"fixed"!==s&&("absolute"!==s||"static"!==M(t))}(t,s);return!!h&&(i.x=C("x",t),i.y=C("y",t),i.isOneTruthy())}(n,h,s))return e=0,n;n=n.parentElement}while(null!==n&&!n.isSameNode(document.body))}catch(t){}finally{e=0}return null}(t);return e&&(i[0]=e,i[1]=!1),i}const N={horizontal:25,vertical:25},V={horizontal:10,vertical:10};exports.DFlexBaseElement=S,exports.DFlexElement=R,exports.DFlexParentContainer=class{constructor(t,s,i,h){this.id=t,this.G=new m(-1,-1),this.grid=new m(-1,-1),this.originLength=i,this.W=new n(0,0,0,0),this.K=null;const{left:e,top:r}=h;this.U=y(s,e,r),this.lastElmPosition=null}Y(t){const s=this.W;return s.isPositionedY(t)?(this.G.y+=1,this.G.x=0,this.W.setBox(0,0,0,0)):this.G.x+=1,this.G.x>this.grid.x&&(this.grid.x=this.G.x),this.G.y>this.grid.y&&(this.grid.y=this.G.y),s.assignBiggestBox(t),this.G}register(t,s){this.K?this.K.assignBiggestBox(t):this.K=new f(t.top,t.right,t.bottom,t.left);const i=this.Y(t),h=this.K,e=s;if(!e)return i;const n=h.bottom-h.top,r=h.right-h.left;return e.height<n&&(e.height=n),e.width<r&&(e.width=n),i}extendGrid(t){this.grid[t]+=1}reduceGrid(t){this.grid[t]-=1}getBoundaries(){return this.K||this.U}resetIndicators(t){this.G.setAxes(-1,-1),this.grid.setAxes(-1,-1),this.originLength=t,this.W.setBox(0,0,0,0),this.K=null,this.lastElmPosition=null}preservePosition(t){this.lastElmPosition?this.lastElmPosition.setAxes(t.x,t.y):this.lastElmPosition=new m(t.x,t.y)}},exports.DFlexScrollContainer=class{static getType(){return"scroll:container"}constructor(t,s,i,h){this.J=s,this.X=h,this.Z={inner:{threshold:null,key:`scroll_inner_${s}`},outer:{threshold:null,key:`scroll_outer_${s}`}},this.tt=`scroll__${s}`,this.hasOverflow=new p(!1,!1),this.totalScrollRect=new f(0,0,0,0),this.visibleScrollRect=new f(0,0,0,0),this.st=new f(0,0,0,0),this.it=!1,this.initialize(t,i),this.ht(!0)}initialize(t,s){[this.et,this.nt]=k(t,this.hasOverflow),this.rt(),this.it=s>10,this.nt?this.ot():this.ut()}hasDynamicVisibility(){return this.it&&this.hasOverflow.isOneTruthy()}lt(t,s){const i=this.Z[t];if(i.threshold&&(i.threshold.destroy(),i.threshold=null),!s)return;const h=new g(s);i.threshold=h,h.setMainThreshold(i.key,this.st,"inner"===t)}ct(t,s){const i=this.tt,h=s.toString(),e=this.nt?document.body:this.et;t?e.dataset[i]=h:delete e.dataset[i]}ut(){if(this.hasOverflow.isAllFalsy())return this.lt("inner",null),this.lt("outer",null),void this.ct(!1,!0);this.ct(!0,!0),this.lt("inner",V),this.hasDynamicVisibility()&&this.lt("outer",N)}ot(){const t=q("x",this.et),s=q("y",this.et);this.hasOverflow.setAxes(t,s),this.ut()}dt(t,s){return this.et["x"===t?"scrollWidth":"scrollHeight"]!==s}hasScrollDimensionChanges(){const{width:t,height:s}=this.totalScrollRect;return this.dt("y",s)||this.dt("x",t)}rt(){const{scrollHeight:t,scrollWidth:s,scrollLeft:i,scrollTop:h,clientHeight:e,clientWidth:n}=this.et;if(this.totalScrollRect.setByPointAndDimensions(h,i,t,s),this.st.setByPointAndDimensions(0,0,e,n),this.nt)this.visibleScrollRect.setByPointAndDimensions(h,i,e,n);else{const{left:t,top:s}=this.et.getBoundingClientRect();this.visibleScrollRect.setByPointAndDimensions(s,t,e,n)}}ft(t,s,i){if(!this.totalScrollRect.hasEqualPosition(t,s))return!1;this.totalScrollRect.setPosition(t,s);const{width:h,height:e}=this.visibleScrollRect;return this.visibleScrollRect.setBox(s,t+h,s+e,t),i&&(this.et.scrollTop=s,this.et.scrollLeft=t),!0}scrollTo(t,s){this.ft(-1===t?this.totalScrollRect.left:t,-1===s?this.totalScrollRect.right:s,!0),this.X(this.J)}gt(t){const s=d(t),i=this.totalScrollRect[s],h=function(t){return"x"===t?"right":"bottom"}(t),e=this.totalScrollRect[h],n=a(t);return[i,e,this.st[n]]}calculateDistance(t,s){const[i,h,e]=this.gt(t);return 1===s?h-(i+e):i}hasScrollableArea(t,s){const[i,h,e]=this.gt(t);return 1===s?i+e<h:i>0}xt=_((()=>{const{scrollLeft:t,scrollTop:s}=this.et;this.ft(t,s,!1)&&this.X(this.J)}));yt=_((()=>{this.rt(),this.ot()}));ht(t){const s=t?"addEventListener":"removeEventListener",i=this.nt?window:this.et,h={passive:!0};i[s]("resize",this.yt,h),i[s]("scroll",this.xt,h)}pauseListeners(t){t?this.xt.pause():this.xt.resume()}getMaximumScrollContainerLeft(){const{left:t,width:s}=this.st;return t+s+this.totalScrollRect.left}getMaximumScrollContainerTop(){const{top:t,height:s}=this.st;return t+s+this.totalScrollRect.top}getElmViewportPosition(t,s){const{top:i,left:h}=this.totalScrollRect;return[t-i,s-h]}isElmOutViewport(t,s){const i=this.Z[s?"outer":"inner"],{threshold:h,key:e}=i,n=s=>h.isOutThreshold(e,t,s),{x:r,y:o}=this.hasOverflow;return[o&&n("y")||r&&n("x"),h.isOut[e]]}destroy(){this.ht(!1),this.lt("inner",null),this.lt("outer",null),this.ct(!1,!0),this.X=void 0,this.et=void 0}};

package.json

 {
   "name": "@dflex/core-instance",
-  "version": "3.10.5",
+  "version": "3.10.6",
   "description": "Core instance is a DFlex package for interactive DOM element",
@@ -30,3 +30,3 @@ "author": "Jalal Maskoun",
   "devDependencies": {
-    "@dflex/utils": "^3.10.5"
+    "@dflex/utils": "^3.10.6"
   },
@@ -33,0 +33,0 @@ "keywords": [

types/index.d.ts

@@ -450,3 +450,3 @@ declare class AxesPoint<T = number> {
      */
-    getBoundaries(): AbstractBox<number>;
+    getBoundaries(): BoxRect;
     /**
@@ -468,2 +468,3 @@ *
      */
+    private _staticScrollViewport;
     visibleScrollRect: BoxRect;
@@ -534,3 +535,3 @@ /**
     getElmViewportPosition(elmTopPos: number, elmLeftPos: number): [number, number];
-    isElmOutViewport(absPos: BoxNum, isOuter: boolean): [boolean, BoxBool];
+    isElmOutViewport(viewportPos: BoxNum, isOuter: boolean): [boolean, BoxBool];
     /**
@@ -537,0 +538,0 @@ * Clean up the container instances.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

171712

increased by0.23%

Lines of code

4689

increased by0.19%

No dependency changes