@spscommerce/positioning 8.7.4 → 8.7.5

package/lib/index.cjs.js

@@ -1 +1 @@
-"use strict";var j=Object.defineProperty;var V=(e,r,s)=>r in e?j(e,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[r]=s;var k=(e,r,s)=>(V(e,typeof r!="symbol"?r+"":r,s),s);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F=require("@spscommerce/utils");var A=(e=>(e.TOP_LEFT="top left",e.TOP_MIDDLE="top middle",e.TOP_RIGHT="top right",e.RIGHT_TOP="right top",e.RIGHT_MIDDLE="right middle",e.RIGHT_BOTTOM="right bottom",e.BOTTOM_RIGHT="bottom right",e.BOTTOM_MIDDLE="bottom middle",e.BOTTOM_LEFT="bottom left",e.LEFT_BOTTOM="left bottom",e.LEFT_MIDDLE="left middle",e.LEFT_TOP="left top",e))(A||{}),D=(e=>(e.TOP_LEFT="top left",e.TOP_RIGHT="top right",e.BOTTOM_LEFT="bottom left",e.BOTTOM_RIGHT="bottom right",e))(D||{});const N={anchor:D.TOP_LEFT,offsets:[],position:A.TOP_LEFT};(function(){if(typeof window!="object")return;if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype){"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});return}function e(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch{return null}}var r=function(t){for(var n=t,o=e(n);o;)n=o.ownerDocument,o=e(n);return n}(window.document),s=[],f=null,g=null;function b(t){this.time=t.time,this.target=t.target,this.rootBounds=m(t.rootBounds),this.boundingClientRect=m(t.boundingClientRect),this.intersectionRect=m(t.intersectionRect||w()),this.isIntersecting=!!t.intersectionRect;var n=this.boundingClientRect,o=n.width*n.height,a=this.intersectionRect,c=a.width*a.height;o?this.intersectionRatio=Number((c/o).toFixed(4)):this.intersectionRatio=this.isIntersecting?1:0}function l(t,n){var o=n||{};if(typeof t!="function")throw new Error("callback must be a function");if(o.root&&o.root.nodeType!=1&&o.root.nodeType!=9)throw new Error("root must be a Document or Element");this._checkForIntersections=d(this._checkForIntersections.bind(this),this.THROTTLE_TIMEOUT),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(o.rootMargin),this.thresholds=this._initThresholds(o.threshold),this.root=o.root||null,this.rootMargin=this._rootMarginValues.map(function(a){return a.value+a.unit}).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}l.prototype.THROTTLE_TIMEOUT=100,l.prototype.POLL_INTERVAL=null,l.prototype.USE_MUTATION_OBSERVER=!0,l._setupCrossOriginUpdater=function(){return f||(f=function(t,n){!t||!n?g=w():g=x(t,n),s.forEach(function(o){o._checkForIntersections()})}),f},l._resetCrossOriginUpdater=function(){f=null,g=null},l.prototype.observe=function(t){var n=this._observationTargets.some(function(o){return o.element==t});if(!n){if(!(t&&t.nodeType==1))throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:t,entry:null}),this._monitorIntersections(t.ownerDocument),this._checkForIntersections()}},l.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter(function(n){return n.element!=t}),this._unmonitorIntersections(t.ownerDocument),this._observationTargets.length==0&&this._unregisterInstance()},l.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},l.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},l.prototype._initThresholds=function(t){var n=t||[0];return Array.isArray(n)||(n=[n]),n.sort().filter(function(o,a,c){if(typeof o!="number"||isNaN(o)||o<0||o>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return o!==c[a-1]})},l.prototype._parseRootMargin=function(t){var n=t||"0px",o=n.split(/\s+/).map(function(a){var c=/^(-?\d*\.?\d+)(px|%)$/.exec(a);if(!c)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(c[1]),unit:c[2]}});return o[1]=o[1]||o[0],o[2]=o[2]||o[0],o[3]=o[3]||o[1],o},l.prototype._monitorIntersections=function(t){var n=t.defaultView;if(!!n&&this._monitoringDocuments.indexOf(t)==-1){var o=this._checkForIntersections,a=null,c=null;this.POLL_INTERVAL?a=n.setInterval(o,this.POLL_INTERVAL):(u(n,"resize",o,!0),u(t,"scroll",o,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in n&&(c=new n.MutationObserver(o),c.observe(t,{attributes:!0,childList:!0,characterData:!0,subtree:!0}))),this._monitoringDocuments.push(t),this._monitoringUnsubscribes.push(function(){var O=t.defaultView;O&&(a&&O.clearInterval(a),p(O,"resize",o,!0)),p(t,"scroll",o,!0),c&&c.disconnect()});var E=this.root&&(this.root.ownerDocument||this.root)||r;if(t!=E){var y=e(t);y&&this._monitorIntersections(y.ownerDocument)}}},l.prototype._unmonitorIntersections=function(t){var n=this._monitoringDocuments.indexOf(t);if(n!=-1){var o=this.root&&(this.root.ownerDocument||this.root)||r,a=this._observationTargets.some(function(y){var O=y.element.ownerDocument;if(O==t)return!0;for(;O&&O!=o;){var R=e(O);if(O=R&&R.ownerDocument,O==t)return!0}return!1});if(!a){var c=this._monitoringUnsubscribes[n];if(this._monitoringDocuments.splice(n,1),this._monitoringUnsubscribes.splice(n,1),c(),t!=o){var E=e(t);E&&this._unmonitorIntersections(E.ownerDocument)}}}},l.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var n=0;n<t.length;n++)t[n]()},l.prototype._checkForIntersections=function(){if(!(!this.root&&f&&!g)){var t=this._rootIsInDom(),n=t?this._getRootRect():w();this._observationTargets.forEach(function(o){var a=o.element,c=T(a),E=this._rootContainsTarget(a),y=o.entry,O=t&&E&&this._computeTargetAndRootIntersection(a,c,n),R=null;this._rootContainsTarget(a)?(!f||this.root)&&(R=n):R=w();var M=o.entry=new b({time:_(),target:a,boundingClientRect:c,rootBounds:R,intersectionRect:O});y?t&&E?this._hasCrossedThreshold(y,M)&&this._queuedEntries.push(M):y&&y.isIntersecting&&this._queuedEntries.push(M):this._queuedEntries.push(M)},this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},l.prototype._computeTargetAndRootIntersection=function(t,n,o){if(window.getComputedStyle(t).display!="none"){for(var a=n,c=I(t),E=!1;!E&&c;){var y=null,O=c.nodeType==1?window.getComputedStyle(c):{};if(O.display=="none")return null;if(c==this.root||c.nodeType==9)if(E=!0,c==this.root||c==r)f&&!this.root?!g||g.width==0&&g.height==0?(c=null,y=null,a=null):y=g:y=o;else{var R=I(c),M=R&&T(R),C=R&&this._computeTargetAndRootIntersection(R,M,o);M&&C?(c=R,y=x(M,C)):(c=null,a=null)}else{var S=c.ownerDocument;c!=S.body&&c!=S.documentElement&&O.overflow!="visible"&&(y=T(c))}if(y&&(a=v(y,a)),!a)break;c=c&&I(c)}return a}},l.prototype._getRootRect=function(){var t;if(this.root&&!L(this.root))t=T(this.root);else{var n=L(this.root)?this.root:r,o=n.documentElement,a=n.body;t={top:0,left:0,right:o.clientWidth||a.clientWidth,width:o.clientWidth||a.clientWidth,bottom:o.clientHeight||a.clientHeight,height:o.clientHeight||a.clientHeight}}return this._expandRectByRootMargin(t)},l.prototype._expandRectByRootMargin=function(t){var n=this._rootMarginValues.map(function(a,c){return a.unit=="px"?a.value:a.value*(c%2?t.width:t.height)/100}),o={top:t.top-n[0],right:t.right+n[1],bottom:t.bottom+n[2],left:t.left-n[3]};return o.width=o.right-o.left,o.height=o.bottom-o.top,o},l.prototype._hasCrossedThreshold=function(t,n){var o=t&&t.isIntersecting?t.intersectionRatio||0:-1,a=n.isIntersecting?n.intersectionRatio||0:-1;if(o!==a)for(var c=0;c<this.thresholds.length;c++){var E=this.thresholds[c];if(E==o||E==a||E<o!=E<a)return!0}},l.prototype._rootIsInDom=function(){return!this.root||h(r,this.root)},l.prototype._rootContainsTarget=function(t){var n=this.root&&(this.root.ownerDocument||this.root)||r;return h(n,t)&&(!this.root||n==t.ownerDocument)},l.prototype._registerInstance=function(){s.indexOf(this)<0&&s.push(this)},l.prototype._unregisterInstance=function(){var t=s.indexOf(this);t!=-1&&s.splice(t,1)};function _(){return window.performance&&performance.now&&performance.now()}function d(t,n){var o=null;return function(){o||(o=setTimeout(function(){t(),o=null},n))}}function u(t,n,o,a){typeof t.addEventListener=="function"?t.addEventListener(n,o,a||!1):typeof t.attachEvent=="function"&&t.attachEvent("on"+n,o)}function p(t,n,o,a){typeof t.removeEventListener=="function"?t.removeEventListener(n,o,a||!1):typeof t.detatchEvent=="function"&&t.detatchEvent("on"+n,o)}function v(t,n){var o=Math.max(t.top,n.top),a=Math.min(t.bottom,n.bottom),c=Math.max(t.left,n.left),E=Math.min(t.right,n.right),y=E-c,O=a-o;return y>=0&&O>=0&&{top:o,bottom:a,left:c,right:E,width:y,height:O}||null}function T(t){var n;try{n=t.getBoundingClientRect()}catch{}return n?(n.width&&n.height||(n={top:n.top,right:n.right,bottom:n.bottom,left:n.left,width:n.right-n.left,height:n.bottom-n.top}),n):w()}function w(){return{top:0,bottom:0,left:0,right:0,width:0,height:0}}function m(t){return!t||"x"in t?t:{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function x(t,n){var o=n.top-t.top,a=n.left-t.left;return{top:o,left:a,height:n.height,width:n.width,bottom:o+n.height,right:a+n.width}}function h(t,n){for(var o=n;o;){if(o==t)return!0;o=I(o)}return!1}function I(t){var n=t.parentNode;return t.nodeType==9&&t!=r?e(t):(n&&n.assignedSlot&&(n=n.assignedSlot.parentNode),n&&n.nodeType==11&&n.host?n.host:n)}function L(t){return t&&t.nodeType===9}window.IntersectionObserver=l,window.IntersectionObserverEntry=b})();var H={exports:{}};(function(e){var r=Object.prototype.hasOwnProperty,s="~";function f(){}Object.create&&(f.prototype=Object.create(null),new f().__proto__||(s=!1));function g(d,u,p){this.fn=d,this.context=u,this.once=p||!1}function b(d,u,p,v,T){if(typeof p!="function")throw new TypeError("The listener must be a function");var w=new g(p,v||d,T),m=s?s+u:u;return d._events[m]?d._events[m].fn?d._events[m]=[d._events[m],w]:d._events[m].push(w):(d._events[m]=w,d._eventsCount++),d}function l(d,u){--d._eventsCount===0?d._events=new f:delete d._events[u]}function _(){this._events=new f,this._eventsCount=0}_.prototype.eventNames=function(){var u=[],p,v;if(this._eventsCount===0)return u;for(v in p=this._events)r.call(p,v)&&u.push(s?v.slice(1):v);return Object.getOwnPropertySymbols?u.concat(Object.getOwnPropertySymbols(p)):u},_.prototype.listeners=function(u){var p=s?s+u:u,v=this._events[p];if(!v)return[];if(v.fn)return[v.fn];for(var T=0,w=v.length,m=new Array(w);T<w;T++)m[T]=v[T].fn;return m},_.prototype.listenerCount=function(u){var p=s?s+u:u,v=this._events[p];return v?v.fn?1:v.length:0},_.prototype.emit=function(u,p,v,T,w,m){var x=s?s+u:u;if(!this._events[x])return!1;var h=this._events[x],I=arguments.length,L,t;if(h.fn){switch(h.once&&this.removeListener(u,h.fn,void 0,!0),I){case 1:return h.fn.call(h.context),!0;case 2:return h.fn.call(h.context,p),!0;case 3:return h.fn.call(h.context,p,v),!0;case 4:return h.fn.call(h.context,p,v,T),!0;case 5:return h.fn.call(h.context,p,v,T,w),!0;case 6:return h.fn.call(h.context,p,v,T,w,m),!0}for(t=1,L=new Array(I-1);t<I;t++)L[t-1]=arguments[t];h.fn.apply(h.context,L)}else{var n=h.length,o;for(t=0;t<n;t++)switch(h[t].once&&this.removeListener(u,h[t].fn,void 0,!0),I){case 1:h[t].fn.call(h[t].context);break;case 2:h[t].fn.call(h[t].context,p);break;case 3:h[t].fn.call(h[t].context,p,v);break;case 4:h[t].fn.call(h[t].context,p,v,T);break;default:if(!L)for(o=1,L=new Array(I-1);o<I;o++)L[o-1]=arguments[o];h[t].fn.apply(h[t].context,L)}}return!0},_.prototype.on=function(u,p,v){return b(this,u,p,v,!1)},_.prototype.once=function(u,p,v){return b(this,u,p,v,!0)},_.prototype.removeListener=function(u,p,v,T){var w=s?s+u:u;if(!this._events[w])return this;if(!p)return l(this,w),this;var m=this._events[w];if(m.fn)m.fn===p&&(!T||m.once)&&(!v||m.context===v)&&l(this,w);else{for(var x=0,h=[],I=m.length;x<I;x++)(m[x].fn!==p||T&&!m[x].once||v&&m[x].context!==v)&&h.push(m[x]);h.length?this._events[w]=h.length===1?h[0]:h:l(this,w)}return this},_.prototype.removeAllListeners=function(u){var p;return u?(p=s?s+u:u,this._events[p]&&l(this,p)):(this._events=new f,this._eventsCount=0),this},_.prototype.off=_.prototype.removeListener,_.prototype.addListener=_.prototype.on,_.prefixed=s,_.EventEmitter=_,e.exports=_})(H);var G=Object.defineProperty,z=Object.getOwnPropertyDescriptor,W=(e,r,s,f)=>{for(var g=f>1?void 0:f?z(r,s):r,b=e.length-1,l;b>=0;b--)(l=e[b])&&(g=(f?l(r,s,g):l(g))||g);return f&&g&&G(r,s,g),g};const B=60;var P;const i=(P=class{static on(e,r){i.events.on(e,r)}static off(e,r){i.events.off(e,r)}static once(e,r){i.events.once(e,r)}static checkCollisions(e,r){const s=r||Array.from(i.elements.keys()),f=e.getBoundingClientRect(),g=[];for(const b of s)if(b!==e){const l=b.getBoundingClientRect();l.left<=f.right&&l.right>=f.left&&l.top<=f.bottom&&l.bottom>=f.top&&g.push(b)}g.length&&i.onElementIntersection(e,g)}static isPositioned(e){return i.elements.has(e)}static getPositioningOptions(e){return i.elements.has(e)?i.elements.get(e):null}static position(e,r={}){const s={...N,...r};let f=e;for(;f!==document.body;)if(f=f.parentElement,f.classList.contains("sps-focused-task")){s.scrollParent=f,i.registeredScrollParents.has(f)||(i.registeredScrollParents.add(f),f.addEventListener("scroll",i.update));break}if(e.style.visibility="hidden",i.elements.size===0&&(window.addEventListener("resize",i.update),window.addEventListener("scroll",i.update)),!s.relativeTo)throw new Error("You must provide an element for the relativeTo option to position an element.");i.elements.set(e,s),F.onNextTick(()=>{i.fixElementPosition(e),i.viewportObserver.observe(e),e.style.visibility="",i.checkCollisions(e)})}static release(e){if(i.elements.has(e)){i.clearStyles(e);const r=i.elements.get(e);r.scrollParent&&(r.scrollParent.removeEventListener("scroll",i.update),i.registeredScrollParents.delete(r.scrollParent)),i.elements.delete(e),i.elements.size===0&&(window.removeEventListener("resize",i.update),window.removeEventListener("scroll",i.update)),i.viewportObserver.unobserve(e)}}static releaseAll(){for(const e of i.elements.keys())i.release(e)}static refresh(e){i.elements.has(e)&&(i.clearStyles(e),i.fixElementPosition(e),i.checkCollisions(e))}static refreshAll(){for(const e of i.elements.keys())i.refresh(e)}static reposition(e,r){if(i.elements.has(e)){const s=i.elements.get(e);i.elements.set(e,Object.assign(s,r)),i.refresh(e)}}static onViewportIntersection(e){for(const r of e){const s=Object.keys(IntersectionObserverEntry.prototype).reduce((f,g)=>({...f,[g]:r[g]}),{});s.rootBounds=s.rootBounds||i.getRootBounds(),i.events.emit("viewportIntersection",Object.freeze(s))}}static onElementIntersection(e,r){i.events.emit("elementIntersection",{target:e,intersectingWith:r})}static getRootBounds(){const e=Math.max(document.documentElement.clientWidth,window.innerWidth||0),r=Math.max(document.documentElement.clientHeight,window.innerHeight||0);return{x:0,y:B,left:0,top:B,right:e,bottom:r,height:r-B,width:e}}static clearStyles(e){Object.assign(e.style,{position:"",width:"",top:"",left:"",right:"",bottom:"",visibility:"",zIndex:""})}static fixElementPosition(e,r){if(!this.elements.has(e))return;const s=r||this.elements.get(e),f=this.getRootBounds(),g=e.getBoundingClientRect(),b=s.relativeTo.getBoundingClientRect(),{width:l}=s.useRelativeTargetWidth?b:g;Object.assign(e.style,{minWidth:`${l}px`,position:"fixed",zIndex:s.zIndex||""});let _,d;const u=s.position.split(" "),p=s.offsets[0]||0,v=s.offsets[1]||0;switch(_=0,d=0,u[0]){case"top":_=b.top-g.height-p;break;case"left":d=b.left-l-p;break;case"right":d=b.right+p;break;case"bottom":_=b.bottom+p;break;default:throw new Error(`${s.position} is not a valid position`)}switch(u[1]){case"left":d=b.left-v;break;case"top":_=b.top-v;break;case"middle":u[0]==="top"||u[0]==="bottom"?d=b.left+b.width/2-l/2+v:(u[0]==="left"||u[0]==="right")&&(_=b.top+b.height/2-g.height/2+v);break;case"bottom":_=b.bottom-g.height+v;break;case"right":d=b.right-l+v;break;default:throw new Error(`${s.position} is not a valid position`)}const T=_+g.height,w=d+g.width,m=`${Math.round(_)}px`,x=`${Math.round(f.bottom-T)}px`,h=`${Math.round(d)}px`,I=`${Math.round(f.right-w)}px`;switch(s.anchor){case D.TOP_LEFT:Object.assign(e.style,{top:m,bottom:"auto",left:h,right:"auto"});break;case D.TOP_RIGHT:Object.assign(e.style,{top:m,bottom:"auto",left:"auto",right:I});break;case D.BOTTOM_LEFT:Object.assign(e.style,{top:"auto",bottom:x,left:h,right:"auto"});break;case D.BOTTOM_RIGHT:Object.assign(e.style,{top:"auto",bottom:x,left:"auto",right:I});break}}static update(e){const r=i.elements.entries(),s=[];for(const[f,g]of r)(!e||e.target===document||e.target===g.scrollParent||e.target===window)&&(i.fixElementPosition(f,g),i.checkCollisions(f,s),s.push(f))}on(e,r){i.on(e,r)}off(e,r){i.off(e,r)}once(e,r){i.once(e,r)}isPositioned(e){return i.isPositioned(e)}getPositioningOptions(e){return i.getPositioningOptions(e)}position(e,r={}){i.position(e,r)}release(e){i.release(e)}releaseAll(){i.releaseAll()}refresh(e){i.refresh(e)}refreshAll(){i.refreshAll()}reposition(e,r){i.reposition(e,r)}},k(P,"elements",new Map),k(P,"registeredScrollParents",new Set),k(P,"events",new H.exports.EventEmitter),k(P,"viewportObserver",new IntersectionObserver(i.onViewportIntersection,{rootMargin:`-${B}px 0px 0px`,threshold:1})),P);let U=i;W([F.lockedToAnimationFrames],U,"update",1);exports.DEFAULT_POSITIONING_OPTIONS=N;exports.Position=A;exports.PositionAnchor=D;exports.PositioningService=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("@spscommerce/utils");var k=(g=>(g.TOP_LEFT="top left",g.TOP_MIDDLE="top middle",g.TOP_RIGHT="top right",g.RIGHT_TOP="right top",g.RIGHT_MIDDLE="right middle",g.RIGHT_BOTTOM="right bottom",g.BOTTOM_RIGHT="bottom right",g.BOTTOM_MIDDLE="bottom middle",g.BOTTOM_LEFT="bottom left",g.LEFT_BOTTOM="left bottom",g.LEFT_MIDDLE="left middle",g.LEFT_TOP="left top",g))(k||{}),M=(g=>(g.TOP_LEFT="top left",g.TOP_RIGHT="top right",g.BOTTOM_LEFT="bottom left",g.BOTTOM_RIGHT="bottom right",g))(M||{});const F={anchor:M.TOP_LEFT,offsets:[],position:k.TOP_LEFT};(function(){if(typeof window!="object")return;if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype){"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});return}function g(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch{return null}}var n=function(t){for(var e=t,o=g(e);o;)e=o.ownerDocument,o=g(e);return e}(window.document),i=[],p=null,f=null;function w(t){this.time=t.time,this.target=t.target,this.rootBounds=b(t.rootBounds),this.boundingClientRect=b(t.boundingClientRect),this.intersectionRect=b(t.intersectionRect||y()),this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect,o=e.width*e.height,s=this.intersectionRect,l=s.width*s.height;o?this.intersectionRatio=Number((l/o).toFixed(4)):this.intersectionRatio=this.isIntersecting?1:0}function a(t,e){var o=e||{};if(typeof t!="function")throw new Error("callback must be a function");if(o.root&&o.root.nodeType!=1&&o.root.nodeType!=9)throw new Error("root must be a Document or Element");this._checkForIntersections=d(this._checkForIntersections.bind(this),this.THROTTLE_TIMEOUT),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(o.rootMargin),this.thresholds=this._initThresholds(o.threshold),this.root=o.root||null,this.rootMargin=this._rootMarginValues.map(function(s){return s.value+s.unit}).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}a.prototype.THROTTLE_TIMEOUT=100,a.prototype.POLL_INTERVAL=null,a.prototype.USE_MUTATION_OBSERVER=!0,a._setupCrossOriginUpdater=function(){return p||(p=function(t,e){!t||!e?f=y():f=x(t,e),i.forEach(function(o){o._checkForIntersections()})}),p},a._resetCrossOriginUpdater=function(){p=null,f=null},a.prototype.observe=function(t){var e=this._observationTargets.some(function(o){return o.element==t});if(!e){if(!(t&&t.nodeType==1))throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:t,entry:null}),this._monitorIntersections(t.ownerDocument),this._checkForIntersections()}},a.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter(function(e){return e.element!=t}),this._unmonitorIntersections(t.ownerDocument),this._observationTargets.length==0&&this._unregisterInstance()},a.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},a.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},a.prototype._initThresholds=function(t){var e=t||[0];return Array.isArray(e)||(e=[e]),e.sort().filter(function(o,s,l){if(typeof o!="number"||isNaN(o)||o<0||o>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return o!==l[s-1]})},a.prototype._parseRootMargin=function(t){var e=t||"0px",o=e.split(/\s+/).map(function(s){var l=/^(-?\d*\.?\d+)(px|%)$/.exec(s);if(!l)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(l[1]),unit:l[2]}});return o[1]=o[1]||o[0],o[2]=o[2]||o[0],o[3]=o[3]||o[1],o},a.prototype._monitorIntersections=function(t){var e=t.defaultView;if(e&&this._monitoringDocuments.indexOf(t)==-1){var o=this._checkForIntersections,s=null,l=null;this.POLL_INTERVAL?s=e.setInterval(o,this.POLL_INTERVAL):(c(e,"resize",o,!0),c(t,"scroll",o,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in e&&(l=new e.MutationObserver(o),l.observe(t,{attributes:!0,childList:!0,characterData:!0,subtree:!0}))),this._monitoringDocuments.push(t),this._monitoringUnsubscribes.push(function(){var I=t.defaultView;I&&(s&&I.clearInterval(s),u(I,"resize",o,!0)),u(t,"scroll",o,!0),l&&l.disconnect()});var O=this.root&&(this.root.ownerDocument||this.root)||n;if(t!=O){var E=g(t);E&&this._monitorIntersections(E.ownerDocument)}}},a.prototype._unmonitorIntersections=function(t){var e=this._monitoringDocuments.indexOf(t);if(e!=-1){var o=this.root&&(this.root.ownerDocument||this.root)||n,s=this._observationTargets.some(function(E){var I=E.element.ownerDocument;if(I==t)return!0;for(;I&&I!=o;){var L=g(I);if(I=L&&L.ownerDocument,I==t)return!0}return!1});if(!s){var l=this._monitoringUnsubscribes[e];if(this._monitoringDocuments.splice(e,1),this._monitoringUnsubscribes.splice(e,1),l(),t!=o){var O=g(t);O&&this._unmonitorIntersections(O.ownerDocument)}}}},a.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var e=0;e<t.length;e++)t[e]()},a.prototype._checkForIntersections=function(){if(!(!this.root&&p&&!f)){var t=this._rootIsInDom(),e=t?this._getRootRect():y();this._observationTargets.forEach(function(o){var s=o.element,l=T(s),O=this._rootContainsTarget(s),E=o.entry,I=t&&O&&this._computeTargetAndRootIntersection(s,l,e),L=null;this._rootContainsTarget(s)?(!p||this.root)&&(L=e):L=y();var D=o.entry=new w({time:m(),target:s,boundingClientRect:l,rootBounds:L,intersectionRect:I});E?t&&O?this._hasCrossedThreshold(E,D)&&this._queuedEntries.push(D):E&&E.isIntersecting&&this._queuedEntries.push(D):this._queuedEntries.push(D)},this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},a.prototype._computeTargetAndRootIntersection=function(t,e,o){if(window.getComputedStyle(t).display!="none"){for(var s=e,l=_(t),O=!1;!O&&l;){var E=null,I=l.nodeType==1?window.getComputedStyle(l):{};if(I.display=="none")return null;if(l==this.root||l.nodeType==9)if(O=!0,l==this.root||l==n)p&&!this.root?!f||f.width==0&&f.height==0?(l=null,E=null,s=null):E=f:E=o;else{var L=_(l),D=L&&T(L),B=L&&this._computeTargetAndRootIntersection(L,D,o);D&&B?(l=L,E=x(D,B)):(l=null,s=null)}else{var A=l.ownerDocument;l!=A.body&&l!=A.documentElement&&I.overflow!="visible"&&(E=T(l))}if(E&&(s=v(E,s)),!s)break;l=l&&_(l)}return s}},a.prototype._getRootRect=function(){var t;if(this.root&&!R(this.root))t=T(this.root);else{var e=R(this.root)?this.root:n,o=e.documentElement,s=e.body;t={top:0,left:0,right:o.clientWidth||s.clientWidth,width:o.clientWidth||s.clientWidth,bottom:o.clientHeight||s.clientHeight,height:o.clientHeight||s.clientHeight}}return this._expandRectByRootMargin(t)},a.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map(function(s,l){return s.unit=="px"?s.value:s.value*(l%2?t.width:t.height)/100}),o={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};return o.width=o.right-o.left,o.height=o.bottom-o.top,o},a.prototype._hasCrossedThreshold=function(t,e){var o=t&&t.isIntersecting?t.intersectionRatio||0:-1,s=e.isIntersecting?e.intersectionRatio||0:-1;if(o!==s)for(var l=0;l<this.thresholds.length;l++){var O=this.thresholds[l];if(O==o||O==s||O<o!=O<s)return!0}},a.prototype._rootIsInDom=function(){return!this.root||h(n,this.root)},a.prototype._rootContainsTarget=function(t){var e=this.root&&(this.root.ownerDocument||this.root)||n;return h(e,t)&&(!this.root||e==t.ownerDocument)},a.prototype._registerInstance=function(){i.indexOf(this)<0&&i.push(this)},a.prototype._unregisterInstance=function(){var t=i.indexOf(this);t!=-1&&i.splice(t,1)};function m(){return window.performance&&performance.now&&performance.now()}function d(t,e){var o=null;return function(){o||(o=setTimeout(function(){t(),o=null},e))}}function c(t,e,o,s){typeof t.addEventListener=="function"?t.addEventListener(e,o,s):typeof t.attachEvent=="function"&&t.attachEvent("on"+e,o)}function u(t,e,o,s){typeof t.removeEventListener=="function"?t.removeEventListener(e,o,s):typeof t.detatchEvent=="function"&&t.detatchEvent("on"+e,o)}function v(t,e){var o=Math.max(t.top,e.top),s=Math.min(t.bottom,e.bottom),l=Math.max(t.left,e.left),O=Math.min(t.right,e.right),E=O-l,I=s-o;return E>=0&&I>=0&&{top:o,bottom:s,left:l,right:O,width:E,height:I}||null}function T(t){var e;try{e=t.getBoundingClientRect()}catch{}return e?(e.width&&e.height||(e={top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.right-e.left,height:e.bottom-e.top}),e):y()}function y(){return{top:0,bottom:0,left:0,right:0,width:0,height:0}}function b(t){return!t||"x"in t?t:{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function x(t,e){var o=e.top-t.top,s=e.left-t.left;return{top:o,left:s,height:e.height,width:e.width,bottom:o+e.height,right:s+e.width}}function h(t,e){for(var o=e;o;){if(o==t)return!0;o=_(o)}return!1}function _(t){var e=t.parentNode;return t.nodeType==9&&t!=n?g(t):(e&&e.assignedSlot&&(e=e.assignedSlot.parentNode),e&&e.nodeType==11&&e.host?e.host:e)}function R(t){return t&&t.nodeType===9}window.IntersectionObserver=a,window.IntersectionObserverEntry=w})();var S={exports:{}};(function(g){var n=Object.prototype.hasOwnProperty,i="~";function p(){}Object.create&&(p.prototype=Object.create(null),new p().__proto__||(i=!1));function f(d,c,u){this.fn=d,this.context=c,this.once=u||!1}function w(d,c,u,v,T){if(typeof u!="function")throw new TypeError("The listener must be a function");var y=new f(u,v||d,T),b=i?i+c:c;return d._events[b]?d._events[b].fn?d._events[b]=[d._events[b],y]:d._events[b].push(y):(d._events[b]=y,d._eventsCount++),d}function a(d,c){--d._eventsCount===0?d._events=new p:delete d._events[c]}function m(){this._events=new p,this._eventsCount=0}m.prototype.eventNames=function(){var c=[],u,v;if(this._eventsCount===0)return c;for(v in u=this._events)n.call(u,v)&&c.push(i?v.slice(1):v);return Object.getOwnPropertySymbols?c.concat(Object.getOwnPropertySymbols(u)):c},m.prototype.listeners=function(c){var u=i?i+c:c,v=this._events[u];if(!v)return[];if(v.fn)return[v.fn];for(var T=0,y=v.length,b=new Array(y);T<y;T++)b[T]=v[T].fn;return b},m.prototype.listenerCount=function(c){var u=i?i+c:c,v=this._events[u];return v?v.fn?1:v.length:0},m.prototype.emit=function(c,u,v,T,y,b){var x=i?i+c:c;if(!this._events[x])return!1;var h=this._events[x],_=arguments.length,R,t;if(h.fn){switch(h.once&&this.removeListener(c,h.fn,void 0,!0),_){case 1:return h.fn.call(h.context),!0;case 2:return h.fn.call(h.context,u),!0;case 3:return h.fn.call(h.context,u,v),!0;case 4:return h.fn.call(h.context,u,v,T),!0;case 5:return h.fn.call(h.context,u,v,T,y),!0;case 6:return h.fn.call(h.context,u,v,T,y,b),!0}for(t=1,R=new Array(_-1);t<_;t++)R[t-1]=arguments[t];h.fn.apply(h.context,R)}else{var e=h.length,o;for(t=0;t<e;t++)switch(h[t].once&&this.removeListener(c,h[t].fn,void 0,!0),_){case 1:h[t].fn.call(h[t].context);break;case 2:h[t].fn.call(h[t].context,u);break;case 3:h[t].fn.call(h[t].context,u,v);break;case 4:h[t].fn.call(h[t].context,u,v,T);break;default:if(!R)for(o=1,R=new Array(_-1);o<_;o++)R[o-1]=arguments[o];h[t].fn.apply(h[t].context,R)}}return!0},m.prototype.on=function(c,u,v){return w(this,c,u,v,!1)},m.prototype.once=function(c,u,v){return w(this,c,u,v,!0)},m.prototype.removeListener=function(c,u,v,T){var y=i?i+c:c;if(!this._events[y])return this;if(!u)return a(this,y),this;var b=this._events[y];if(b.fn)b.fn===u&&(!T||b.once)&&(!v||b.context===v)&&a(this,y);else{for(var x=0,h=[],_=b.length;x<_;x++)(b[x].fn!==u||T&&!b[x].once||v&&b[x].context!==v)&&h.push(b[x]);h.length?this._events[y]=h.length===1?h[0]:h:a(this,y)}return this},m.prototype.removeAllListeners=function(c){var u;return c?(u=i?i+c:c,this._events[u]&&a(this,u)):(this._events=new p,this._eventsCount=0),this},m.prototype.off=m.prototype.removeListener,m.prototype.addListener=m.prototype.on,m.prefixed=i,m.EventEmitter=m,g.exports=m})(S);var H=S.exports,U=Object.defineProperty,j=Object.getOwnPropertyDescriptor,V=(g,n,i,p)=>{for(var f=j(n,i),w=g.length-1,a;w>=0;w--)(a=g[w])&&(f=a(n,i,f)||f);return f&&U(n,i,f),f};const P=60;var r;const N=(r=class{static on(n,i){r.events.on(n,i)}static off(n,i){r.events.off(n,i)}static once(n,i){r.events.once(n,i)}static checkCollisions(n,i){const p=i||Array.from(r.elements.keys()),f=n.getBoundingClientRect(),w=[];for(const a of p)if(a!==n){const m=a.getBoundingClientRect();m.left<=f.right&&m.right>=f.left&&m.top<=f.bottom&&m.bottom>=f.top&&w.push(a)}w.length&&r.onElementIntersection(n,w)}static isPositioned(n){return r.elements.has(n)}static getPositioningOptions(n){return r.elements.has(n)?r.elements.get(n):null}static position(n,i={}){const p={...F,...i};let f=n;for(;f!==document.body;)if(f=f.parentElement,f.classList.contains("sps-focused-task")){p.scrollParent=f,r.registeredScrollParents.has(f)||(r.registeredScrollParents.add(f),f.addEventListener("scroll",r.update));break}if(n.style.visibility="hidden",r.elements.size===0&&(window.addEventListener("resize",r.update),window.addEventListener("scroll",r.update)),!p.relativeTo)throw new Error("You must provide an element for the relativeTo option to position an element.");r.elements.set(n,p),C.onNextTick(()=>{r.fixElementPosition(n),r.viewportObserver.observe(n),n.style.visibility="",r.checkCollisions(n)})}static release(n){if(r.elements.has(n)){r.clearStyles(n);const i=r.elements.get(n);i.scrollParent&&(i.scrollParent.removeEventListener("scroll",r.update),r.registeredScrollParents.delete(i.scrollParent)),r.elements.delete(n),r.elements.size===0&&(window.removeEventListener("resize",r.update),window.removeEventListener("scroll",r.update)),r.viewportObserver.unobserve(n)}}static releaseAll(){for(const n of r.elements.keys())r.release(n)}static refresh(n){r.elements.has(n)&&(r.clearStyles(n),r.fixElementPosition(n),r.checkCollisions(n))}static refreshAll(){for(const n of r.elements.keys())r.refresh(n)}static reposition(n,i){if(r.elements.has(n)){const p=r.elements.get(n);r.elements.set(n,Object.assign(p,i)),r.refresh(n)}}static onViewportIntersection(n){for(const i of n){const p=Object.keys(IntersectionObserverEntry.prototype).reduce((f,w)=>({...f,[w]:i[w]}),{});p.rootBounds=p.rootBounds||r.getRootBounds(),r.events.emit("viewportIntersection",Object.freeze(p))}}static onElementIntersection(n,i){r.events.emit("elementIntersection",{target:n,intersectingWith:i})}static getRootBounds(){const n=Math.max(document.documentElement.clientWidth,window.innerWidth||0),i=Math.max(document.documentElement.clientHeight,window.innerHeight||0);return{x:0,y:P,left:0,top:P,right:n,bottom:i,height:i-P,width:n}}static clearStyles(n){Object.assign(n.style,{position:"",width:"",top:"",left:"",right:"",bottom:"",visibility:"",zIndex:""})}static fixElementPosition(n,i){if(!this.elements.has(n))return;const p=i||this.elements.get(n),f=this.getRootBounds(),w=n.getBoundingClientRect(),a=p.relativeTo.getBoundingClientRect(),{width:m}=p.useRelativeTargetWidth?a:w;Object.assign(n.style,{minWidth:`${m}px`,position:"fixed",zIndex:p.zIndex||""});let d,c;const u=p.position.split(" "),v=p.offsets[0]||0,T=p.offsets[1]||0;switch(d=0,c=0,u[0]){case"top":d=a.top-w.height-v;break;case"left":c=a.left-m-v;break;case"right":c=a.right+v;break;case"bottom":d=a.bottom+v;break;default:throw new Error(`${p.position} is not a valid position`)}switch(u[1]){case"left":c=a.left-T;break;case"top":d=a.top-T;break;case"middle":u[0]==="top"||u[0]==="bottom"?c=a.left+a.width/2-m/2+T:(u[0]==="left"||u[0]==="right")&&(d=a.top+a.height/2-w.height/2+T);break;case"bottom":d=a.bottom-w.height+T;break;case"right":c=a.right-m+T;break;default:throw new Error(`${p.position} is not a valid position`)}const y=d+w.height,b=c+w.width,x=`${Math.round(d)}px`,h=`${Math.round(f.bottom-y)}px`,_=`${Math.round(c)}px`,R=`${Math.round(f.right-b)}px`;switch(p.anchor){case M.TOP_LEFT:Object.assign(n.style,{top:x,bottom:"auto",left:_,right:"auto"});break;case M.TOP_RIGHT:Object.assign(n.style,{top:x,bottom:"auto",left:"auto",right:R});break;case M.BOTTOM_LEFT:Object.assign(n.style,{top:"auto",bottom:h,left:_,right:"auto"});break;case M.BOTTOM_RIGHT:Object.assign(n.style,{top:"auto",bottom:h,left:"auto",right:R});break}}static update(n){const i=r.elements.entries(),p=[];for(const[f,w]of i)(!n||n.target===document||n.target===w.scrollParent||n.target===window)&&(r.fixElementPosition(f,w),r.checkCollisions(f,p),p.push(f))}on(n,i){r.on(n,i)}off(n,i){r.off(n,i)}once(n,i){r.once(n,i)}isPositioned(n){return r.isPositioned(n)}getPositioningOptions(n){return r.getPositioningOptions(n)}position(n,i={}){r.position(n,i)}release(n){r.release(n)}releaseAll(){r.releaseAll()}refresh(n){r.refresh(n)}refreshAll(){r.refreshAll()}reposition(n,i){r.reposition(n,i)}},r.elements=new Map,r.registeredScrollParents=new Set,r.events=new H.EventEmitter,r.viewportObserver=new IntersectionObserver(r.onViewportIntersection,{rootMargin:`-${P}px 0px 0px`,threshold:1}),r);V([C.lockedToAnimationFrames],N,"update");let G=N;exports.DEFAULT_POSITIONING_OPTIONS=F;exports.Position=k;exports.PositionAnchor=M;exports.PositioningService=G;

package/lib/index.es.js

@@ -1,12 +1,9 @@
-var H = Object.defineProperty;
-var N = (e, r, s) => r in e ? H(e, r, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[r] = s;
-var k = (e, r, s) => (N(e, typeof r != "symbol" ? r + "" : r, s), s);
-import { onNextTick as U, lockedToAnimationFrames as j } from "@spscommerce/utils";
-var F = /* @__PURE__ */ ((e) => (e.TOP_LEFT = "top left", e.TOP_MIDDLE = "top middle", e.TOP_RIGHT = "top right", e.RIGHT_TOP = "right top", e.RIGHT_MIDDLE = "right middle", e.RIGHT_BOTTOM = "right bottom", e.BOTTOM_RIGHT = "bottom right", e.BOTTOM_MIDDLE = "bottom middle", e.BOTTOM_LEFT = "bottom left", e.LEFT_BOTTOM = "left bottom", e.LEFT_MIDDLE = "left middle", e.LEFT_TOP = "left top", e))(F || {}), P = /* @__PURE__ */ ((e) => (e.TOP_LEFT = "top left", e.TOP_RIGHT = "top right", e.BOTTOM_LEFT = "bottom left", e.BOTTOM_RIGHT = "bottom right", e))(P || {});
-const V = {
-  anchor: P.TOP_LEFT,
+import { onNextTick as H, lockedToAnimationFrames as S } from "@spscommerce/utils";
+var C = /* @__PURE__ */ ((g) => (g.TOP_LEFT = "top left", g.TOP_MIDDLE = "top middle", g.TOP_RIGHT = "top right", g.RIGHT_TOP = "right top", g.RIGHT_MIDDLE = "right middle", g.RIGHT_BOTTOM = "right bottom", g.BOTTOM_RIGHT = "bottom right", g.BOTTOM_MIDDLE = "bottom middle", g.BOTTOM_LEFT = "bottom left", g.LEFT_BOTTOM = "left bottom", g.LEFT_MIDDLE = "left middle", g.LEFT_TOP = "left top", g))(C || {}), M = /* @__PURE__ */ ((g) => (g.TOP_LEFT = "top left", g.TOP_RIGHT = "top right", g.BOTTOM_LEFT = "bottom left", g.BOTTOM_RIGHT = "bottom right", g))(M || {});
+const N = {
+  anchor: M.TOP_LEFT,
   offsets: [],
-  position: F.TOP_LEFT
+  position: C.TOP_LEFT
 };
 (function() {
   if (typeof window != "object")
@@ -23,25 +20,25 @@ const V = {
     );
     return;
   }
-  function e(t) {
+  function g(t) {
     try {
       return t.defaultView && t.defaultView.frameElement || null;
     } catch {
       return null;
     }
   }
-  var r = function(t) {
-    for (var n = t, o = e(n); o; )
-      n = o.ownerDocument, o = e(n);
-    return n;
-  }(window.document), s = [], f = null, g = null;
-  function b(t) {
-    this.time = t.time, this.target = t.target, this.rootBounds = m(t.rootBounds), this.boundingClientRect = m(t.boundingClientRect), this.intersectionRect = m(t.intersectionRect || w()), this.isIntersecting = !!t.intersectionRect;
-    var n = this.boundingClientRect, o = n.width * n.height, a = this.intersectionRect, c = a.width * a.height;
-    o ? this.intersectionRatio = Number((c / o).toFixed(4)) : this.intersectionRatio = this.isIntersecting ? 1 : 0;
-  }
-  function l(t, n) {
-    var o = n || {};
+  var n = function(t) {
+    for (var e = t, o = g(e); o; )
+      e = o.ownerDocument, o = g(e);
+    return e;
+  }(window.document), i = [], p = null, f = null;
+  function w(t) {
+    this.time = t.time, this.target = t.target, this.rootBounds = b(t.rootBounds), this.boundingClientRect = b(t.boundingClientRect), this.intersectionRect = b(t.intersectionRect || y()), this.isIntersecting = !!t.intersectionRect;
+    var e = this.boundingClientRect, o = e.width * e.height, s = this.intersectionRect, l = s.width * s.height;
+    o ? this.intersectionRatio = Number((l / o).toFixed(4)) : this.intersectionRatio = this.isIntersecting ? 1 : 0;
+  }
+  function a(t, e) {
+    var o = e || {};
     if (typeof t != "function")
       throw new Error("callback must be a function");
     if (o.root && o.root.nodeType != 1 && o.root.nodeType != 9)
@@ -49,225 +46,226 @@ const V = {
     this._checkForIntersections = d(
       this._checkForIntersections.bind(this),
       this.THROTTLE_TIMEOUT
-    ), this._callback = t, this._observationTargets = [], this._queuedEntries = [], this._rootMarginValues = this._parseRootMargin(o.rootMargin), this.thresholds = this._initThresholds(o.threshold), this.root = o.root || null, this.rootMargin = this._rootMarginValues.map(function(a) {
-      return a.value + a.unit;
+    ), this._callback = t, this._observationTargets = [], this._queuedEntries = [], this._rootMarginValues = this._parseRootMargin(o.rootMargin), this.thresholds = this._initThresholds(o.threshold), this.root = o.root || null, this.rootMargin = this._rootMarginValues.map(function(s) {
+      return s.value + s.unit;
     }).join(" "), this._monitoringDocuments = [], this._monitoringUnsubscribes = [];
   }
-  l.prototype.THROTTLE_TIMEOUT = 100, l.prototype.POLL_INTERVAL = null, l.prototype.USE_MUTATION_OBSERVER = !0, l._setupCrossOriginUpdater = function() {
-    return f || (f = function(t, n) {
-      !t || !n ? g = w() : g = x(t, n), s.forEach(function(o) {
+  a.prototype.THROTTLE_TIMEOUT = 100, a.prototype.POLL_INTERVAL = null, a.prototype.USE_MUTATION_OBSERVER = !0, a._setupCrossOriginUpdater = function() {
+    return p || (p = function(t, e) {
+      !t || !e ? f = y() : f = x(t, e), i.forEach(function(o) {
         o._checkForIntersections();
       });
-    }), f;
-  }, l._resetCrossOriginUpdater = function() {
-    f = null, g = null;
-  }, l.prototype.observe = function(t) {
-    var n = this._observationTargets.some(function(o) {
+    }), p;
+  }, a._resetCrossOriginUpdater = function() {
+    p = null, f = null;
+  }, a.prototype.observe = function(t) {
+    var e = this._observationTargets.some(function(o) {
       return o.element == t;
     });
-    if (!n) {
+    if (!e) {
       if (!(t && t.nodeType == 1))
         throw new Error("target must be an Element");
       this._registerInstance(), this._observationTargets.push({ element: t, entry: null }), this._monitorIntersections(t.ownerDocument), this._checkForIntersections();
     }
-  }, l.prototype.unobserve = function(t) {
-    this._observationTargets = this._observationTargets.filter(function(n) {
-      return n.element != t;
+  }, a.prototype.unobserve = function(t) {
+    this._observationTargets = this._observationTargets.filter(function(e) {
+      return e.element != t;
     }), this._unmonitorIntersections(t.ownerDocument), this._observationTargets.length == 0 && this._unregisterInstance();
-  }, l.prototype.disconnect = function() {
+  }, a.prototype.disconnect = function() {
     this._observationTargets = [], this._unmonitorAllIntersections(), this._unregisterInstance();
-  }, l.prototype.takeRecords = function() {
+  }, a.prototype.takeRecords = function() {
     var t = this._queuedEntries.slice();
     return this._queuedEntries = [], t;
-  }, l.prototype._initThresholds = function(t) {
-    var n = t || [0];
-    return Array.isArray(n) || (n = [n]), n.sort().filter(function(o, a, c) {
+  }, a.prototype._initThresholds = function(t) {
+    var e = t || [0];
+    return Array.isArray(e) || (e = [e]), e.sort().filter(function(o, s, l) {
       if (typeof o != "number" || isNaN(o) || o < 0 || o > 1)
         throw new Error("threshold must be a number between 0 and 1 inclusively");
-      return o !== c[a - 1];
+      return o !== l[s - 1];
     });
-  }, l.prototype._parseRootMargin = function(t) {
-    var n = t || "0px", o = n.split(/\s+/).map(function(a) {
-      var c = /^(-?\d*\.?\d+)(px|%)$/.exec(a);
-      if (!c)
+  }, a.prototype._parseRootMargin = function(t) {
+    var e = t || "0px", o = e.split(/\s+/).map(function(s) {
+      var l = /^(-?\d*\.?\d+)(px|%)$/.exec(s);
+      if (!l)
         throw new Error("rootMargin must be specified in pixels or percent");
-      return { value: parseFloat(c[1]), unit: c[2] };
+      return { value: parseFloat(l[1]), unit: l[2] };
     });
     return o[1] = o[1] || o[0], o[2] = o[2] || o[0], o[3] = o[3] || o[1], o;
-  }, l.prototype._monitorIntersections = function(t) {
-    var n = t.defaultView;
-    if (!!n && this._monitoringDocuments.indexOf(t) == -1) {
-      var o = this._checkForIntersections, a = null, c = null;
-      this.POLL_INTERVAL ? a = n.setInterval(o, this.POLL_INTERVAL) : (u(n, "resize", o, !0), u(t, "scroll", o, !0), this.USE_MUTATION_OBSERVER && "MutationObserver" in n && (c = new n.MutationObserver(o), c.observe(t, {
+  }, a.prototype._monitorIntersections = function(t) {
+    var e = t.defaultView;
+    if (e && this._monitoringDocuments.indexOf(t) == -1) {
+      var o = this._checkForIntersections, s = null, l = null;
+      this.POLL_INTERVAL ? s = e.setInterval(o, this.POLL_INTERVAL) : (c(e, "resize", o, !0), c(t, "scroll", o, !0), this.USE_MUTATION_OBSERVER && "MutationObserver" in e && (l = new e.MutationObserver(o), l.observe(t, {
         attributes: !0,
         childList: !0,
         characterData: !0,
         subtree: !0
       }))), this._monitoringDocuments.push(t), this._monitoringUnsubscribes.push(function() {
-        var O = t.defaultView;
-        O && (a && O.clearInterval(a), p(O, "resize", o, !0)), p(t, "scroll", o, !0), c && c.disconnect();
+        var I = t.defaultView;
+        I && (s && I.clearInterval(s), u(I, "resize", o, !0)), u(t, "scroll", o, !0), l && l.disconnect();
       });
-      var E = this.root && (this.root.ownerDocument || this.root) || r;
-      if (t != E) {
-        var y = e(t);
-        y && this._monitorIntersections(y.ownerDocument);
+      var O = this.root && (this.root.ownerDocument || this.root) || n;
+      if (t != O) {
+        var E = g(t);
+        E && this._monitorIntersections(E.ownerDocument);
       }
     }
-  }, l.prototype._unmonitorIntersections = function(t) {
-    var n = this._monitoringDocuments.indexOf(t);
-    if (n != -1) {
-      var o = this.root && (this.root.ownerDocument || this.root) || r, a = this._observationTargets.some(function(y) {
-        var O = y.element.ownerDocument;
-        if (O == t)
+  }, a.prototype._unmonitorIntersections = function(t) {
+    var e = this._monitoringDocuments.indexOf(t);
+    if (e != -1) {
+      var o = this.root && (this.root.ownerDocument || this.root) || n, s = this._observationTargets.some(function(E) {
+        var I = E.element.ownerDocument;
+        if (I == t)
           return !0;
-        for (; O && O != o; ) {
-          var R = e(O);
-          if (O = R && R.ownerDocument, O == t)
+        for (; I && I != o; ) {
+          var L = g(I);
+          if (I = L && L.ownerDocument, I == t)
             return !0;
         }
         return !1;
       });
-      if (!a) {
-        var c = this._monitoringUnsubscribes[n];
-        if (this._monitoringDocuments.splice(n, 1), this._monitoringUnsubscribes.splice(n, 1), c(), t != o) {
-          var E = e(t);
-          E && this._unmonitorIntersections(E.ownerDocument);
+      if (!s) {
+        var l = this._monitoringUnsubscribes[e];
+        if (this._monitoringDocuments.splice(e, 1), this._monitoringUnsubscribes.splice(e, 1), l(), t != o) {
+          var O = g(t);
+          O && this._unmonitorIntersections(O.ownerDocument);
         }
       }
     }
-  }, l.prototype._unmonitorAllIntersections = function() {
+  }, a.prototype._unmonitorAllIntersections = function() {
     var t = this._monitoringUnsubscribes.slice(0);
     this._monitoringDocuments.length = 0, this._monitoringUnsubscribes.length = 0;
-    for (var n = 0; n < t.length; n++)
-      t[n]();
-  }, l.prototype._checkForIntersections = function() {
-    if (!(!this.root && f && !g)) {
-      var t = this._rootIsInDom(), n = t ? this._getRootRect() : w();
+    for (var e = 0; e < t.length; e++)
+      t[e]();
+  }, a.prototype._checkForIntersections = function() {
+    if (!(!this.root && p && !f)) {
+      var t = this._rootIsInDom(), e = t ? this._getRootRect() : y();
       this._observationTargets.forEach(function(o) {
-        var a = o.element, c = T(a), E = this._rootContainsTarget(a), y = o.entry, O = t && E && this._computeTargetAndRootIntersection(a, c, n), R = null;
-        this._rootContainsTarget(a) ? (!f || this.root) && (R = n) : R = w();
-        var D = o.entry = new b({
-          time: _(),
-          target: a,
-          boundingClientRect: c,
-          rootBounds: R,
-          intersectionRect: O
+        var s = o.element, l = T(s), O = this._rootContainsTarget(s), E = o.entry, I = t && O && this._computeTargetAndRootIntersection(s, l, e), L = null;
+        this._rootContainsTarget(s) ? (!p || this.root) && (L = e) : L = y();
+        var D = o.entry = new w({
+          time: m(),
+          target: s,
+          boundingClientRect: l,
+          rootBounds: L,
+          intersectionRect: I
         });
-        y ? t && E ? this._hasCrossedThreshold(y, D) && this._queuedEntries.push(D) : y && y.isIntersecting && this._queuedEntries.push(D) : this._queuedEntries.push(D);
+        E ? t && O ? this._hasCrossedThreshold(E, D) && this._queuedEntries.push(D) : E && E.isIntersecting && this._queuedEntries.push(D) : this._queuedEntries.push(D);
       }, this), this._queuedEntries.length && this._callback(this.takeRecords(), this);
     }
-  }, l.prototype._computeTargetAndRootIntersection = function(t, n, o) {
+  }, a.prototype._computeTargetAndRootIntersection = function(t, e, o) {
     if (window.getComputedStyle(t).display != "none") {
-      for (var a = n, c = I(t), E = !1; !E && c; ) {
-        var y = null, O = c.nodeType == 1 ? window.getComputedStyle(c) : {};
-        if (O.display == "none")
+      for (var s = e, l = _(t), O = !1; !O && l; ) {
+        var E = null, I = l.nodeType == 1 ? window.getComputedStyle(l) : {};
+        if (I.display == "none")
           return null;
-        if (c == this.root || c.nodeType == 9)
-          if (E = !0, c == this.root || c == r)
-            f && !this.root ? !g || g.width == 0 && g.height == 0 ? (c = null, y = null, a = null) : y = g : y = o;
+        if (l == this.root || l.nodeType == /* DOCUMENT */
+        9)
+          if (O = !0, l == this.root || l == n)
+            p && !this.root ? !f || f.width == 0 && f.height == 0 ? (l = null, E = null, s = null) : E = f : E = o;
           else {
-            var R = I(c), D = R && T(R), C = R && this._computeTargetAndRootIntersection(R, D, o);
-            D && C ? (c = R, y = x(D, C)) : (c = null, a = null);
+            var L = _(l), D = L && T(L), P = L && this._computeTargetAndRootIntersection(L, D, o);
+            D && P ? (l = L, E = x(D, P)) : (l = null, s = null);
           }
         else {
-          var A = c.ownerDocument;
-          c != A.body && c != A.documentElement && O.overflow != "visible" && (y = T(c));
+          var B = l.ownerDocument;
+          l != B.body && l != B.documentElement && I.overflow != "visible" && (E = T(l));
         }
-        if (y && (a = v(y, a)), !a)
+        if (E && (s = v(E, s)), !s)
           break;
-        c = c && I(c);
+        l = l && _(l);
       }
-      return a;
+      return s;
     }
-  }, l.prototype._getRootRect = function() {
+  }, a.prototype._getRootRect = function() {
     var t;
-    if (this.root && !L(this.root))
+    if (this.root && !R(this.root))
       t = T(this.root);
     else {
-      var n = L(this.root) ? this.root : r, o = n.documentElement, a = n.body;
+      var e = R(this.root) ? this.root : n, o = e.documentElement, s = e.body;
       t = {
         top: 0,
         left: 0,
-        right: o.clientWidth || a.clientWidth,
-        width: o.clientWidth || a.clientWidth,
-        bottom: o.clientHeight || a.clientHeight,
-        height: o.clientHeight || a.clientHeight
+        right: o.clientWidth || s.clientWidth,
+        width: o.clientWidth || s.clientWidth,
+        bottom: o.clientHeight || s.clientHeight,
+        height: o.clientHeight || s.clientHeight
       };
     }
     return this._expandRectByRootMargin(t);
-  }, l.prototype._expandRectByRootMargin = function(t) {
-    var n = this._rootMarginValues.map(function(a, c) {
-      return a.unit == "px" ? a.value : a.value * (c % 2 ? t.width : t.height) / 100;
+  }, a.prototype._expandRectByRootMargin = function(t) {
+    var e = this._rootMarginValues.map(function(s, l) {
+      return s.unit == "px" ? s.value : s.value * (l % 2 ? t.width : t.height) / 100;
     }), o = {
-      top: t.top - n[0],
-      right: t.right + n[1],
-      bottom: t.bottom + n[2],
-      left: t.left - n[3]
+      top: t.top - e[0],
+      right: t.right + e[1],
+      bottom: t.bottom + e[2],
+      left: t.left - e[3]
     };
     return o.width = o.right - o.left, o.height = o.bottom - o.top, o;
-  }, l.prototype._hasCrossedThreshold = function(t, n) {
-    var o = t && t.isIntersecting ? t.intersectionRatio || 0 : -1, a = n.isIntersecting ? n.intersectionRatio || 0 : -1;
-    if (o !== a)
-      for (var c = 0; c < this.thresholds.length; c++) {
-        var E = this.thresholds[c];
-        if (E == o || E == a || E < o != E < a)
+  }, a.prototype._hasCrossedThreshold = function(t, e) {
+    var o = t && t.isIntersecting ? t.intersectionRatio || 0 : -1, s = e.isIntersecting ? e.intersectionRatio || 0 : -1;
+    if (o !== s)
+      for (var l = 0; l < this.thresholds.length; l++) {
+        var O = this.thresholds[l];
+        if (O == o || O == s || O < o != O < s)
           return !0;
       }
-  }, l.prototype._rootIsInDom = function() {
-    return !this.root || h(r, this.root);
-  }, l.prototype._rootContainsTarget = function(t) {
-    var n = this.root && (this.root.ownerDocument || this.root) || r;
-    return h(n, t) && (!this.root || n == t.ownerDocument);
-  }, l.prototype._registerInstance = function() {
-    s.indexOf(this) < 0 && s.push(this);
-  }, l.prototype._unregisterInstance = function() {
-    var t = s.indexOf(this);
-    t != -1 && s.splice(t, 1);
+  }, a.prototype._rootIsInDom = function() {
+    return !this.root || h(n, this.root);
+  }, a.prototype._rootContainsTarget = function(t) {
+    var e = this.root && (this.root.ownerDocument || this.root) || n;
+    return h(e, t) && (!this.root || e == t.ownerDocument);
+  }, a.prototype._registerInstance = function() {
+    i.indexOf(this) < 0 && i.push(this);
+  }, a.prototype._unregisterInstance = function() {
+    var t = i.indexOf(this);
+    t != -1 && i.splice(t, 1);
   };
-  function _() {
+  function m() {
     return window.performance && performance.now && performance.now();
   }
-  function d(t, n) {
+  function d(t, e) {
     var o = null;
     return function() {
       o || (o = setTimeout(function() {
         t(), o = null;
-      }, n));
+      }, e));
     };
   }
-  function u(t, n, o, a) {
-    typeof t.addEventListener == "function" ? t.addEventListener(n, o, a || !1) : typeof t.attachEvent == "function" && t.attachEvent("on" + n, o);
+  function c(t, e, o, s) {
+    typeof t.addEventListener == "function" ? t.addEventListener(e, o, s) : typeof t.attachEvent == "function" && t.attachEvent("on" + e, o);
   }
-  function p(t, n, o, a) {
-    typeof t.removeEventListener == "function" ? t.removeEventListener(n, o, a || !1) : typeof t.detatchEvent == "function" && t.detatchEvent("on" + n, o);
+  function u(t, e, o, s) {
+    typeof t.removeEventListener == "function" ? t.removeEventListener(e, o, s) : typeof t.detatchEvent == "function" && t.detatchEvent("on" + e, o);
   }
-  function v(t, n) {
-    var o = Math.max(t.top, n.top), a = Math.min(t.bottom, n.bottom), c = Math.max(t.left, n.left), E = Math.min(t.right, n.right), y = E - c, O = a - o;
-    return y >= 0 && O >= 0 && {
+  function v(t, e) {
+    var o = Math.max(t.top, e.top), s = Math.min(t.bottom, e.bottom), l = Math.max(t.left, e.left), O = Math.min(t.right, e.right), E = O - l, I = s - o;
+    return E >= 0 && I >= 0 && {
       top: o,
-      bottom: a,
-      left: c,
-      right: E,
-      width: y,
-      height: O
+      bottom: s,
+      left: l,
+      right: O,
+      width: E,
+      height: I
     } || null;
   }
   function T(t) {
-    var n;
+    var e;
     try {
-      n = t.getBoundingClientRect();
+      e = t.getBoundingClientRect();
     } catch {
     }
-    return n ? (n.width && n.height || (n = {
-      top: n.top,
-      right: n.right,
-      bottom: n.bottom,
-      left: n.left,
-      width: n.right - n.left,
-      height: n.bottom - n.top
-    }), n) : w();
-  }
-  function w() {
+    return e ? (e.width && e.height || (e = {
+      top: e.top,
+      right: e.right,
+      bottom: e.bottom,
+      left: e.left,
+      width: e.right - e.left,
+      height: e.bottom - e.top
+    }), e) : y();
+  }
+  function y() {
     return {
       top: 0,
       bottom: 0,
@@ -277,7 +275,7 @@ const V = {
       height: 0
     };
   }
-  function m(t) {
+  function b(t) {
     return !t || "x" in t ? t : {
       top: t.top,
       y: t.top,
@@ -289,250 +287,263 @@ const V = {
       height: t.height
     };
   }
-  function x(t, n) {
-    var o = n.top - t.top, a = n.left - t.left;
+  function x(t, e) {
+    var o = e.top - t.top, s = e.left - t.left;
     return {
       top: o,
-      left: a,
-      height: n.height,
-      width: n.width,
-      bottom: o + n.height,
-      right: a + n.width
+      left: s,
+      height: e.height,
+      width: e.width,
+      bottom: o + e.height,
+      right: s + e.width
     };
   }
-  function h(t, n) {
-    for (var o = n; o; ) {
+  function h(t, e) {
+    for (var o = e; o; ) {
       if (o == t)
         return !0;
-      o = I(o);
+      o = _(o);
     }
     return !1;
   }
-  function I(t) {
-    var n = t.parentNode;
-    return t.nodeType == 9 && t != r ? e(t) : (n && n.assignedSlot && (n = n.assignedSlot.parentNode), n && n.nodeType == 11 && n.host ? n.host : n);
+  function _(t) {
+    var e = t.parentNode;
+    return t.nodeType == /* DOCUMENT */
+    9 && t != n ? g(t) : (e && e.assignedSlot && (e = e.assignedSlot.parentNode), e && e.nodeType == 11 && e.host ? e.host : e);
   }
-  function L(t) {
+  function R(t) {
     return t && t.nodeType === 9;
   }
-  window.IntersectionObserver = l, window.IntersectionObserverEntry = b;
+  window.IntersectionObserver = a, window.IntersectionObserverEntry = w;
 })();
-var S = { exports: {} };
-(function(e) {
-  var r = Object.prototype.hasOwnProperty, s = "~";
-  function f() {
+var A = { exports: {} };
+(function(g) {
+  var n = Object.prototype.hasOwnProperty, i = "~";
+  function p() {
   }
-  Object.create && (f.prototype = /* @__PURE__ */ Object.create(null), new f().__proto__ || (s = !1));
-  function g(d, u, p) {
-    this.fn = d, this.context = u, this.once = p || !1;
+  Object.create && (p.prototype = /* @__PURE__ */ Object.create(null), new p().__proto__ || (i = !1));
+  function f(d, c, u) {
+    this.fn = d, this.context = c, this.once = u || !1;
   }
-  function b(d, u, p, v, T) {
-    if (typeof p != "function")
+  function w(d, c, u, v, T) {
+    if (typeof u != "function")
       throw new TypeError("The listener must be a function");
-    var w = new g(p, v || d, T), m = s ? s + u : u;
-    return d._events[m] ? d._events[m].fn ? d._events[m] = [d._events[m], w] : d._events[m].push(w) : (d._events[m] = w, d._eventsCount++), d;
+    var y = new f(u, v || d, T), b = i ? i + c : c;
+    return d._events[b] ? d._events[b].fn ? d._events[b] = [d._events[b], y] : d._events[b].push(y) : (d._events[b] = y, d._eventsCount++), d;
   }
-  function l(d, u) {
-    --d._eventsCount === 0 ? d._events = new f() : delete d._events[u];
+  function a(d, c) {
+    --d._eventsCount === 0 ? d._events = new p() : delete d._events[c];
   }
-  function _() {
-    this._events = new f(), this._eventsCount = 0;
+  function m() {
+    this._events = new p(), this._eventsCount = 0;
   }
-  _.prototype.eventNames = function() {
-    var u = [], p, v;
+  m.prototype.eventNames = function() {
+    var c = [], u, v;
     if (this._eventsCount === 0)
-      return u;
-    for (v in p = this._events)
-      r.call(p, v) && u.push(s ? v.slice(1) : v);
-    return Object.getOwnPropertySymbols ? u.concat(Object.getOwnPropertySymbols(p)) : u;
-  }, _.prototype.listeners = function(u) {
-    var p = s ? s + u : u, v = this._events[p];
+      return c;
+    for (v in u = this._events)
+      n.call(u, v) && c.push(i ? v.slice(1) : v);
+    return Object.getOwnPropertySymbols ? c.concat(Object.getOwnPropertySymbols(u)) : c;
+  }, m.prototype.listeners = function(c) {
+    var u = i ? i + c : c, v = this._events[u];
     if (!v)
       return [];
     if (v.fn)
       return [v.fn];
-    for (var T = 0, w = v.length, m = new Array(w); T < w; T++)
-      m[T] = v[T].fn;
-    return m;
-  }, _.prototype.listenerCount = function(u) {
-    var p = s ? s + u : u, v = this._events[p];
+    for (var T = 0, y = v.length, b = new Array(y); T < y; T++)
+      b[T] = v[T].fn;
+    return b;
+  }, m.prototype.listenerCount = function(c) {
+    var u = i ? i + c : c, v = this._events[u];
     return v ? v.fn ? 1 : v.length : 0;
-  }, _.prototype.emit = function(u, p, v, T, w, m) {
-    var x = s ? s + u : u;
+  }, m.prototype.emit = function(c, u, v, T, y, b) {
+    var x = i ? i + c : c;
     if (!this._events[x])
       return !1;
-    var h = this._events[x], I = arguments.length, L, t;
+    var h = this._events[x], _ = arguments.length, R, t;
     if (h.fn) {
-      switch (h.once && this.removeListener(u, h.fn, void 0, !0), I) {
+      switch (h.once && this.removeListener(c, h.fn, void 0, !0), _) {
         case 1:
           return h.fn.call(h.context), !0;
         case 2:
-          return h.fn.call(h.context, p), !0;
+          return h.fn.call(h.context, u), !0;
         case 3:
-          return h.fn.call(h.context, p, v), !0;
+          return h.fn.call(h.context, u, v), !0;
         case 4:
-          return h.fn.call(h.context, p, v, T), !0;
+          return h.fn.call(h.context, u, v, T), !0;
         case 5:
-          return h.fn.call(h.context, p, v, T, w), !0;
+          return h.fn.call(h.context, u, v, T, y), !0;
         case 6:
-          return h.fn.call(h.context, p, v, T, w, m), !0;
+          return h.fn.call(h.context, u, v, T, y, b), !0;
       }
-      for (t = 1, L = new Array(I - 1); t < I; t++)
-        L[t - 1] = arguments[t];
-      h.fn.apply(h.context, L);
+      for (t = 1, R = new Array(_ - 1); t < _; t++)
+        R[t - 1] = arguments[t];
+      h.fn.apply(h.context, R);
     } else {
-      var n = h.length, o;
-      for (t = 0; t < n; t++)
-        switch (h[t].once && this.removeListener(u, h[t].fn, void 0, !0), I) {
+      var e = h.length, o;
+      for (t = 0; t < e; t++)
+        switch (h[t].once && this.removeListener(c, h[t].fn, void 0, !0), _) {
           case 1:
             h[t].fn.call(h[t].context);
             break;
           case 2:
-            h[t].fn.call(h[t].context, p);
+            h[t].fn.call(h[t].context, u);
             break;
           case 3:
-            h[t].fn.call(h[t].context, p, v);
+            h[t].fn.call(h[t].context, u, v);
             break;
           case 4:
-            h[t].fn.call(h[t].context, p, v, T);
+            h[t].fn.call(h[t].context, u, v, T);
             break;
           default:
-            if (!L)
-              for (o = 1, L = new Array(I - 1); o < I; o++)
-                L[o - 1] = arguments[o];
-            h[t].fn.apply(h[t].context, L);
+            if (!R)
+              for (o = 1, R = new Array(_ - 1); o < _; o++)
+                R[o - 1] = arguments[o];
+            h[t].fn.apply(h[t].context, R);
         }
     }
     return !0;
-  }, _.prototype.on = function(u, p, v) {
-    return b(this, u, p, v, !1);
-  }, _.prototype.once = function(u, p, v) {
-    return b(this, u, p, v, !0);
-  }, _.prototype.removeListener = function(u, p, v, T) {
-    var w = s ? s + u : u;
-    if (!this._events[w])
+  }, m.prototype.on = function(c, u, v) {
+    return w(this, c, u, v, !1);
+  }, m.prototype.once = function(c, u, v) {
+    return w(this, c, u, v, !0);
+  }, m.prototype.removeListener = function(c, u, v, T) {
+    var y = i ? i + c : c;
+    if (!this._events[y])
       return this;
-    if (!p)
-      return l(this, w), this;
-    var m = this._events[w];
-    if (m.fn)
-      m.fn === p && (!T || m.once) && (!v || m.context === v) && l(this, w);
+    if (!u)
+      return a(this, y), this;
+    var b = this._events[y];
+    if (b.fn)
+      b.fn === u && (!T || b.once) && (!v || b.context === v) && a(this, y);
     else {
-      for (var x = 0, h = [], I = m.length; x < I; x++)
-        (m[x].fn !== p || T && !m[x].once || v && m[x].context !== v) && h.push(m[x]);
-      h.length ? this._events[w] = h.length === 1 ? h[0] : h : l(this, w);
+      for (var x = 0, h = [], _ = b.length; x < _; x++)
+        (b[x].fn !== u || T && !b[x].once || v && b[x].context !== v) && h.push(b[x]);
+      h.length ? this._events[y] = h.length === 1 ? h[0] : h : a(this, y);
     }
     return this;
-  }, _.prototype.removeAllListeners = function(u) {
-    var p;
-    return u ? (p = s ? s + u : u, this._events[p] && l(this, p)) : (this._events = new f(), this._eventsCount = 0), this;
-  }, _.prototype.off = _.prototype.removeListener, _.prototype.addListener = _.prototype.on, _.prefixed = s, _.EventEmitter = _, e.exports = _;
-})(S);
-var G = Object.defineProperty, z = Object.getOwnPropertyDescriptor, W = (e, r, s, f) => {
-  for (var g = f > 1 ? void 0 : f ? z(r, s) : r, b = e.length - 1, l; b >= 0; b--)
-    (l = e[b]) && (g = (f ? l(r, s, g) : l(g)) || g);
-  return f && g && G(r, s, g), g;
+  }, m.prototype.removeAllListeners = function(c) {
+    var u;
+    return c ? (u = i ? i + c : c, this._events[u] && a(this, u)) : (this._events = new p(), this._eventsCount = 0), this;
+  }, m.prototype.off = m.prototype.removeListener, m.prototype.addListener = m.prototype.on, m.prefixed = i, m.EventEmitter = m, g.exports = m;
+})(A);
+var U = A.exports, j = Object.defineProperty, V = Object.getOwnPropertyDescriptor, G = (g, n, i, p) => {
+  for (var f = V(n, i), w = g.length - 1, a; w >= 0; w--)
+    (a = g[w]) && (f = a(n, i, f) || f);
+  return f && j(n, i, f), f;
 };
-const B = 60;
-var M;
-const i = (M = class {
-  static on(e, r) {
-    i.events.on(e, r);
-  }
-  static off(e, r) {
-    i.events.off(e, r);
-  }
-  static once(e, r) {
-    i.events.once(e, r);
-  }
-  static checkCollisions(e, r) {
-    const s = r || Array.from(i.elements.keys()), f = e.getBoundingClientRect(), g = [];
-    for (const b of s)
-      if (b !== e) {
-        const l = b.getBoundingClientRect();
-        l.left <= f.right && l.right >= f.left && l.top <= f.bottom && l.bottom >= f.top && g.push(b);
+const k = 60;
+var r;
+const F = (r = class {
+  static on(n, i) {
+    r.events.on(n, i);
+  }
+  static off(n, i) {
+    r.events.off(n, i);
+  }
+  static once(n, i) {
+    r.events.once(n, i);
+  }
+  static checkCollisions(n, i) {
+    const p = i || Array.from(r.elements.keys()), f = n.getBoundingClientRect(), w = [];
+    for (const a of p)
+      if (a !== n) {
+        const m = a.getBoundingClientRect();
+        m.left <= f.right && m.right >= f.left && m.top <= f.bottom && m.bottom >= f.top && w.push(a);
       }
-    g.length && i.onElementIntersection(e, g);
-  }
-  static isPositioned(e) {
-    return i.elements.has(e);
-  }
-  static getPositioningOptions(e) {
-    return i.elements.has(e) ? i.elements.get(e) : null;
-  }
-  static position(e, r = {}) {
-    const s = {
-      ...V,
-      ...r
+    w.length && r.onElementIntersection(n, w);
+  }
+  /**
+   * Returns `true` if the element is currently being positioned by the service
+   * and `false` otherwise.
+   */
+  static isPositioned(n) {
+    return r.elements.has(n);
+  }
+  /**
+   * Returns the options currently beinng used for positioning the element,
+   * if it is indeed being positioned by the service.
+   */
+  static getPositioningOptions(n) {
+    return r.elements.has(n) ? r.elements.get(n) : null;
+  }
+  /** PositioningService will start controlling the position of the given element. */
+  static position(n, i = {}) {
+    const p = {
+      ...N,
+      ...i
     };
-    let f = e;
+    let f = n;
     for (; f !== document.body; )
       if (f = f.parentElement, f.classList.contains("sps-focused-task")) {
-        s.scrollParent = f, i.registeredScrollParents.has(f) || (i.registeredScrollParents.add(f), f.addEventListener("scroll", i.update));
+        p.scrollParent = f, r.registeredScrollParents.has(f) || (r.registeredScrollParents.add(f), f.addEventListener("scroll", r.update));
         break;
       }
-    if (e.style.visibility = "hidden", i.elements.size === 0 && (window.addEventListener("resize", i.update), window.addEventListener("scroll", i.update)), !s.relativeTo)
+    if (n.style.visibility = "hidden", r.elements.size === 0 && (window.addEventListener("resize", r.update), window.addEventListener("scroll", r.update)), !p.relativeTo)
       throw new Error(
         "You must provide an element for the relativeTo option to position an element."
       );
-    i.elements.set(e, s), U(() => {
-      i.fixElementPosition(e), i.viewportObserver.observe(e), e.style.visibility = "", i.checkCollisions(e);
+    r.elements.set(n, p), H(() => {
+      r.fixElementPosition(n), r.viewportObserver.observe(n), n.style.visibility = "", r.checkCollisions(n);
     });
   }
-  static release(e) {
-    if (i.elements.has(e)) {
-      i.clearStyles(e);
-      const r = i.elements.get(e);
-      r.scrollParent && (r.scrollParent.removeEventListener("scroll", i.update), i.registeredScrollParents.delete(r.scrollParent)), i.elements.delete(e), i.elements.size === 0 && (window.removeEventListener("resize", i.update), window.removeEventListener("scroll", i.update)), i.viewportObserver.unobserve(e);
+  /** PositioningService will stop controlling the position of the given element. */
+  static release(n) {
+    if (r.elements.has(n)) {
+      r.clearStyles(n);
+      const i = r.elements.get(n);
+      i.scrollParent && (i.scrollParent.removeEventListener("scroll", r.update), r.registeredScrollParents.delete(i.scrollParent)), r.elements.delete(n), r.elements.size === 0 && (window.removeEventListener("resize", r.update), window.removeEventListener("scroll", r.update)), r.viewportObserver.unobserve(n);
     }
   }
   static releaseAll() {
-    for (const e of i.elements.keys())
-      i.release(e);
+    for (const n of r.elements.keys())
+      r.release(n);
   }
-  static refresh(e) {
-    i.elements.has(e) && (i.clearStyles(e), i.fixElementPosition(e), i.checkCollisions(e));
+  /** PositioningService will refresh the positioning of the given element */
+  static refresh(n) {
+    r.elements.has(n) && (r.clearStyles(n), r.fixElementPosition(n), r.checkCollisions(n));
   }
   static refreshAll() {
-    for (const e of i.elements.keys())
-      i.refresh(e);
-  }
-  static reposition(e, r) {
-    if (i.elements.has(e)) {
-      const s = i.elements.get(e);
-      i.elements.set(e, Object.assign(s, r)), i.refresh(e);
+    for (const n of r.elements.keys())
+      r.refresh(n);
+  }
+  /** Update the positioning options of a currently positioned element */
+  static reposition(n, i) {
+    if (r.elements.has(n)) {
+      const p = r.elements.get(n);
+      r.elements.set(n, Object.assign(p, i)), r.refresh(n);
     }
   }
-  static onViewportIntersection(e) {
-    for (const r of e) {
-      const s = Object.keys(IntersectionObserverEntry.prototype).reduce(
-        (f, g) => ({
+  static onViewportIntersection(n) {
+    for (const i of n) {
+      const p = Object.keys(IntersectionObserverEntry.prototype).reduce(
+        (f, w) => ({
           ...f,
-          [g]: r[g]
+          [w]: i[w]
         }),
         {}
       );
-      s.rootBounds = s.rootBounds || i.getRootBounds(), i.events.emit("viewportIntersection", Object.freeze(s));
+      p.rootBounds = p.rootBounds || r.getRootBounds(), r.events.emit("viewportIntersection", Object.freeze(p));
     }
   }
-  static onElementIntersection(e, r) {
-    i.events.emit("elementIntersection", { target: e, intersectingWith: r });
+  static onElementIntersection(n, i) {
+    r.events.emit("elementIntersection", { target: n, intersectingWith: i });
   }
   static getRootBounds() {
-    const e = Math.max(document.documentElement.clientWidth, window.innerWidth || 0), r = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
+    const n = Math.max(document.documentElement.clientWidth, window.innerWidth || 0), i = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
     return {
       x: 0,
-      y: B,
+      y: k,
       left: 0,
-      top: B,
-      right: e,
-      bottom: r,
-      height: r - B,
-      width: e
+      top: k,
+      right: n,
+      bottom: i,
+      height: i - k,
+      width: n
     };
   }
-  static clearStyles(e) {
-    Object.assign(e.style, {
+  static clearStyles(n) {
+    Object.assign(n.style, {
       position: "",
       width: "",
       top: "",
@@ -543,140 +554,141 @@ const i = (M = class {
       zIndex: ""
     });
   }
-  static fixElementPosition(e, r) {
-    if (!this.elements.has(e))
+  static fixElementPosition(n, i) {
+    if (!this.elements.has(n))
       return;
-    const s = r || this.elements.get(e), f = this.getRootBounds(), g = e.getBoundingClientRect(), b = s.relativeTo.getBoundingClientRect(), { width: l } = s.useRelativeTargetWidth ? b : g;
-    Object.assign(e.style, {
-      minWidth: `${l}px`,
+    const p = i || this.elements.get(n), f = this.getRootBounds(), w = n.getBoundingClientRect(), a = p.relativeTo.getBoundingClientRect(), { width: m } = p.useRelativeTargetWidth ? a : w;
+    Object.assign(n.style, {
+      minWidth: `${m}px`,
       position: "fixed",
-      zIndex: s.zIndex || ""
+      zIndex: p.zIndex || ""
     });
-    let _, d;
-    const u = s.position.split(" "), p = s.offsets[0] || 0, v = s.offsets[1] || 0;
-    switch (_ = 0, d = 0, u[0]) {
+    let d, c;
+    const u = p.position.split(" "), v = p.offsets[0] || 0, T = p.offsets[1] || 0;
+    switch (d = 0, c = 0, u[0]) {
       case "top":
-        _ = b.top - g.height - p;
+        d = a.top - w.height - v;
         break;
       case "left":
-        d = b.left - l - p;
+        c = a.left - m - v;
         break;
       case "right":
-        d = b.right + p;
+        c = a.right + v;
         break;
       case "bottom":
-        _ = b.bottom + p;
+        d = a.bottom + v;
         break;
       default:
-        throw new Error(`${s.position} is not a valid position`);
+        throw new Error(`${p.position} is not a valid position`);
     }
     switch (u[1]) {
       case "left":
-        d = b.left - v;
+        c = a.left - T;
         break;
       case "top":
-        _ = b.top - v;
+        d = a.top - T;
         break;
       case "middle":
-        u[0] === "top" || u[0] === "bottom" ? d = b.left + b.width / 2 - l / 2 + v : (u[0] === "left" || u[0] === "right") && (_ = b.top + b.height / 2 - g.height / 2 + v);
+        u[0] === "top" || u[0] === "bottom" ? c = a.left + a.width / 2 - m / 2 + T : (u[0] === "left" || u[0] === "right") && (d = a.top + a.height / 2 - w.height / 2 + T);
         break;
       case "bottom":
-        _ = b.bottom - g.height + v;
+        d = a.bottom - w.height + T;
         break;
       case "right":
-        d = b.right - l + v;
+        c = a.right - m + T;
         break;
       default:
-        throw new Error(`${s.position} is not a valid position`);
+        throw new Error(`${p.position} is not a valid position`);
     }
-    const T = _ + g.height, w = d + g.width, m = `${Math.round(_)}px`, x = `${Math.round(f.bottom - T)}px`, h = `${Math.round(d)}px`, I = `${Math.round(f.right - w)}px`;
-    switch (s.anchor) {
-      case P.TOP_LEFT:
-        Object.assign(e.style, {
-          top: m,
+    const y = d + w.height, b = c + w.width, x = `${Math.round(d)}px`, h = `${Math.round(f.bottom - y)}px`, _ = `${Math.round(c)}px`, R = `${Math.round(f.right - b)}px`;
+    switch (p.anchor) {
+      case M.TOP_LEFT:
+        Object.assign(n.style, {
+          top: x,
           bottom: "auto",
-          left: h,
+          left: _,
           right: "auto"
         });
         break;
-      case P.TOP_RIGHT:
-        Object.assign(e.style, {
-          top: m,
+      case M.TOP_RIGHT:
+        Object.assign(n.style, {
+          top: x,
           bottom: "auto",
           left: "auto",
-          right: I
+          right: R
         });
         break;
-      case P.BOTTOM_LEFT:
-        Object.assign(e.style, {
+      case M.BOTTOM_LEFT:
+        Object.assign(n.style, {
           top: "auto",
-          bottom: x,
-          left: h,
+          bottom: h,
+          left: _,
           right: "auto"
         });
         break;
-      case P.BOTTOM_RIGHT:
-        Object.assign(e.style, {
+      case M.BOTTOM_RIGHT:
+        Object.assign(n.style, {
           top: "auto",
-          bottom: x,
+          bottom: h,
           left: "auto",
-          right: I
+          right: R
         });
         break;
     }
   }
-  static update(e) {
-    const r = i.elements.entries(), s = [];
-    for (const [f, g] of r)
-      (!e || e.target === document || e.target === g.scrollParent || e.target === window) && (i.fixElementPosition(f, g), i.checkCollisions(f, s), s.push(f));
+  static update(n) {
+    const i = r.elements.entries(), p = [];
+    for (const [f, w] of i)
+      (!n || n.target === document || n.target === w.scrollParent || n.target === window) && (r.fixElementPosition(f, w), r.checkCollisions(f, p), p.push(f));
   }
-  on(e, r) {
-    i.on(e, r);
+  /* eslint class-methods-use-this: "off" */
+  on(n, i) {
+    r.on(n, i);
   }
-  off(e, r) {
-    i.off(e, r);
+  off(n, i) {
+    r.off(n, i);
   }
-  once(e, r) {
-    i.once(e, r);
+  once(n, i) {
+    r.once(n, i);
   }
-  isPositioned(e) {
-    return i.isPositioned(e);
+  isPositioned(n) {
+    return r.isPositioned(n);
   }
-  getPositioningOptions(e) {
-    return i.getPositioningOptions(e);
+  getPositioningOptions(n) {
+    return r.getPositioningOptions(n);
   }
-  position(e, r = {}) {
-    i.position(e, r);
+  position(n, i = {}) {
+    r.position(n, i);
   }
-  release(e) {
-    i.release(e);
+  release(n) {
+    r.release(n);
   }
   releaseAll() {
-    i.releaseAll();
+    r.releaseAll();
   }
-  refresh(e) {
-    i.refresh(e);
+  refresh(n) {
+    r.refresh(n);
   }
   refreshAll() {
-    i.refreshAll();
+    r.refreshAll();
   }
-  reposition(e, r) {
-    i.reposition(e, r);
+  reposition(n, i) {
+    r.reposition(n, i);
   }
-}, k(M, "elements", /* @__PURE__ */ new Map()), k(M, "registeredScrollParents", /* @__PURE__ */ new Set()), k(M, "events", new S.exports.EventEmitter()), k(M, "viewportObserver", new IntersectionObserver(
-  i.onViewportIntersection,
+}, r.elements = /* @__PURE__ */ new Map(), r.registeredScrollParents = /* @__PURE__ */ new Set(), r.events = new U.EventEmitter(), r.viewportObserver = new IntersectionObserver(
+  r.onViewportIntersection,
   {
-    rootMargin: `-${B}px 0px 0px`,
+    rootMargin: `-${k}px 0px 0px`,
     threshold: 1
   }
-)), M);
-let $ = i;
-W([
-  j
-], $, "update", 1);
+), r);
+G([
+  S
+], F, "update");
+let W = F;
 export {
-  V as DEFAULT_POSITIONING_OPTIONS,
-  F as Position,
-  P as PositionAnchor,
-  $ as PositioningService
+  N as DEFAULT_POSITIONING_OPTIONS,
+  C as Position,
+  M as PositionAnchor,
+  W as PositioningService
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/positioning",
   "description": "Service for positioning dropdown/popup elements.",
-  "version": "8.7.4",
+  "version": "8.7.5",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/positioning",