@v-miniapp/ui-react 1.0.47 → 1.0.60

package/dist-storybook/assets/{visibility-sensor-huP-8j4n.js → visibility-sensor-FN9n9CLs.js}

@@ -1 +1 @@
-import{r as w,j as N}from"./iframe-CLEfhyJc.js";import{i as B,b as F,_ as V,c as P,d as C}from"./index-B-Ksafg0.js";function U(o,s){if(o===s)return!0;for(var a=0;a<o.length;a++)if(!Object.is(o[a],s[a]))return!1;return!0}function j(o){var s=w.useRef(o);return s.current=o,s}var W=function(o){var s=j(o);w.useEffect(function(){return function(){s.current()}},[])},H=!!(typeof window<"u"&&window.document&&window.document.createElement);function A(o,s){if(H){if(!o)return s;var a;return B(o)?a=o():"current"in o?a=o.current:a=o,a}}var z=function(o){var s=function(a,h,v){var d=w.useRef(!1),u=w.useRef([]),O=w.useRef([]),m=w.useRef(void 0);o(function(){var p,D=Array.isArray(v)?v:[v],E=D.map(function(b){return A(b)});if(!d.current){d.current=!0,u.current=E,O.current=h,m.current=a();return}(E.length!==u.current.length||!U(u.current,E)||!U(O.current,h))&&((p=m.current)===null||p===void 0||p.call(m),u.current=E,O.current=h,m.current=a())}),W(function(){var p;(p=m.current)===null||p===void 0||p.call(m),d.current=!1})};return s},$=z(w.useEffect),k={},q;function G(){return q||(q=1,(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 o(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch{return null}}var s=(function(t){for(var e=t,r=o(e);r;)e=r.ownerDocument,r=o(e);return e})(window.document),a=[],h=null,v=null;function d(t){this.time=t.time,this.target=t.target,this.rootBounds=_(t.rootBounds),this.boundingClientRect=_(t.boundingClientRect),this.intersectionRect=_(t.intersectionRect||R()),this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect,r=e.width*e.height,n=this.intersectionRect,i=n.width*n.height;r?this.intersectionRatio=Number((i/r).toFixed(4)):this.intersectionRatio=this.isIntersecting?1:0}function u(t,e){var r=e||{};if(typeof t!="function")throw new Error("callback must be a function");if(r.root&&r.root.nodeType!=1&&r.root.nodeType!=9)throw new Error("root must be a Document or Element");this._checkForIntersections=m(this._checkForIntersections.bind(this),this.THROTTLE_TIMEOUT),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(r.rootMargin),this.thresholds=this._initThresholds(r.threshold),this.root=r.root||null,this.rootMargin=this._rootMarginValues.map(function(n){return n.value+n.unit}).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}u.prototype.THROTTLE_TIMEOUT=100,u.prototype.POLL_INTERVAL=null,u.prototype.USE_MUTATION_OBSERVER=!0,u._setupCrossOriginUpdater=function(){return h||(h=function(t,e){!t||!e?v=R():v=x(t,e),a.forEach(function(r){r._checkForIntersections()})}),h},u._resetCrossOriginUpdater=function(){h=null,v=null},u.prototype.observe=function(t){var e=this._observationTargets.some(function(r){return r.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()}},u.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()},u.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},u.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},u.prototype._initThresholds=function(t){var e=t||[0];return Array.isArray(e)||(e=[e]),e.sort().filter(function(r,n,i){if(typeof r!="number"||isNaN(r)||r<0||r>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return r!==i[n-1]})},u.prototype._parseRootMargin=function(t){var e=t||"0px",r=e.split(/\s+/).map(function(n){var i=/^(-?\d*\.?\d+)(px|%)$/.exec(n);if(!i)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(i[1]),unit:i[2]}});return r[1]=r[1]||r[0],r[2]=r[2]||r[0],r[3]=r[3]||r[1],r},u.prototype._monitorIntersections=function(t){var e=t.defaultView;if(e&&this._monitoringDocuments.indexOf(t)==-1){var r=this._checkForIntersections,n=null,i=null;this.POLL_INTERVAL?n=e.setInterval(r,this.POLL_INTERVAL):(p(e,"resize",r,!0),p(t,"scroll",r,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in e&&(i=new e.MutationObserver(r),i.observe(t,{attributes:!0,childList:!0,characterData:!0,subtree:!0}))),this._monitoringDocuments.push(t),this._monitoringUnsubscribes.push(function(){var l=t.defaultView;l&&(n&&l.clearInterval(n),D(l,"resize",r,!0)),D(t,"scroll",r,!0),i&&i.disconnect()});var f=this.root&&(this.root.ownerDocument||this.root)||s;if(t!=f){var c=o(t);c&&this._monitorIntersections(c.ownerDocument)}}},u.prototype._unmonitorIntersections=function(t){var e=this._monitoringDocuments.indexOf(t);if(e!=-1){var r=this.root&&(this.root.ownerDocument||this.root)||s,n=this._observationTargets.some(function(c){var l=c.element.ownerDocument;if(l==t)return!0;for(;l&&l!=r;){var g=o(l);if(l=g&&g.ownerDocument,l==t)return!0}return!1});if(!n){var i=this._monitoringUnsubscribes[e];if(this._monitoringDocuments.splice(e,1),this._monitoringUnsubscribes.splice(e,1),i(),t!=r){var f=o(t);f&&this._unmonitorIntersections(f.ownerDocument)}}}},u.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]()},u.prototype._checkForIntersections=function(){if(!(!this.root&&h&&!v)){var t=this._rootIsInDom(),e=t?this._getRootRect():R();this._observationTargets.forEach(function(r){var n=r.element,i=b(n),f=this._rootContainsTarget(n),c=r.entry,l=t&&f&&this._computeTargetAndRootIntersection(n,i,e),g=null;this._rootContainsTarget(n)?(!h||this.root)&&(g=e):g=R();var T=r.entry=new d({time:O(),target:n,boundingClientRect:i,rootBounds:g,intersectionRect:l});c?t&&f?this._hasCrossedThreshold(c,T)&&this._queuedEntries.push(T):c&&c.isIntersecting&&this._queuedEntries.push(T):this._queuedEntries.push(T)},this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},u.prototype._computeTargetAndRootIntersection=function(t,e,r){if(window.getComputedStyle(t).display!="none"){for(var n=e,i=y(t),f=!1;!f&&i;){var c=null,l=i.nodeType==1?window.getComputedStyle(i):{};if(l.display=="none")return null;if(i==this.root||i.nodeType==9)if(f=!0,i==this.root||i==s)h&&!this.root?!v||v.width==0&&v.height==0?(i=null,c=null,n=null):c=v:c=r;else{var g=y(i),T=g&&b(g),L=g&&this._computeTargetAndRootIntersection(g,T,r);T&&L?(i=g,c=x(T,L)):(i=null,n=null)}else{var S=i.ownerDocument;i!=S.body&&i!=S.documentElement&&l.overflow!="visible"&&(c=b(i))}if(c&&(n=E(c,n)),!n)break;i=i&&y(i)}return n}},u.prototype._getRootRect=function(){var t;if(this.root&&!I(this.root))t=b(this.root);else{var e=I(this.root)?this.root:s,r=e.documentElement,n=e.body;t={top:0,left:0,right:r.clientWidth||n.clientWidth,width:r.clientWidth||n.clientWidth,bottom:r.clientHeight||n.clientHeight,height:r.clientHeight||n.clientHeight}}return this._expandRectByRootMargin(t)},u.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map(function(n,i){return n.unit=="px"?n.value:n.value*(i%2?t.width:t.height)/100}),r={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};return r.width=r.right-r.left,r.height=r.bottom-r.top,r},u.prototype._hasCrossedThreshold=function(t,e){var r=t&&t.isIntersecting?t.intersectionRatio||0:-1,n=e.isIntersecting?e.intersectionRatio||0:-1;if(r!==n)for(var i=0;i<this.thresholds.length;i++){var f=this.thresholds[i];if(f==r||f==n||f<r!=f<n)return!0}},u.prototype._rootIsInDom=function(){return!this.root||M(s,this.root)},u.prototype._rootContainsTarget=function(t){var e=this.root&&(this.root.ownerDocument||this.root)||s;return M(e,t)&&(!this.root||e==t.ownerDocument)},u.prototype._registerInstance=function(){a.indexOf(this)<0&&a.push(this)},u.prototype._unregisterInstance=function(){var t=a.indexOf(this);t!=-1&&a.splice(t,1)};function O(){return window.performance&&performance.now&&performance.now()}function m(t,e){var r=null;return function(){r||(r=setTimeout(function(){t(),r=null},e))}}function p(t,e,r,n){typeof t.addEventListener=="function"?t.addEventListener(e,r,n):typeof t.attachEvent=="function"&&t.attachEvent("on"+e,r)}function D(t,e,r,n){typeof t.removeEventListener=="function"?t.removeEventListener(e,r,n):typeof t.detachEvent=="function"&&t.detachEvent("on"+e,r)}function E(t,e){var r=Math.max(t.top,e.top),n=Math.min(t.bottom,e.bottom),i=Math.max(t.left,e.left),f=Math.min(t.right,e.right),c=f-i,l=n-r;return c>=0&&l>=0&&{top:r,bottom:n,left:i,right:f,width:c,height:l}||null}function b(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):R()}function R(){return{top:0,bottom:0,left:0,right:0,width:0,height:0}}function _(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 r=e.top-t.top,n=e.left-t.left;return{top:r,left:n,height:e.height,width:e.width,bottom:r+e.height,right:n+e.width}}function M(t,e){for(var r=e;r;){if(r==t)return!0;r=y(r)}return!1}function y(t){var e=t.parentNode;return t.nodeType==9&&t!=s?o(t):(e&&e.assignedSlot&&(e=e.assignedSlot.parentNode),e&&e.nodeType==11&&e.host?e.host:e)}function I(t){return t&&t.nodeType===9}window.IntersectionObserver=u,window.IntersectionObserverEntry=d})()),k}G();function J(o,s){var a=s||{},h=a.callback,v=F(a,["callback"]),d=V(w.useState(),2),u=d[0],O=d[1],m=V(w.useState(),2),p=m[0],D=m[1];return $(function(){var E=Array.isArray(o)?o:[o],b=E.map(function(_){return A(_)}).filter(Boolean);if(b.length){var R=new IntersectionObserver(function(_){var x,M;try{for(var y=P(_),I=y.next();!I.done;I=y.next()){var t=I.value;D(t.intersectionRatio),O(t.isIntersecting),h?.(t)}}catch(e){x={error:e}}finally{try{I&&!I.done&&(M=y.return)&&M.call(y)}finally{if(x)throw x.error}}},C(C({},v),{root:A(s?.root)}));return b.forEach(function(_){return R.observe(_)}),function(){R.disconnect()}}},[s?.rootMargin,s?.threshold,h],o),[u,p]}const K=({onActive:o,options:s,className:a,style:h})=>{const v=w.useRef(null),[d]=J(v,s);return w.useEffect(()=>{d&&o()},[d,o]),N.jsx("div",{className:a,style:h,ref:v})};K.__docgenInfo={description:"",methods:[],displayName:"VisibilitySensor",props:{onActive:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},options:{required:!1,tsType:{name:"Options"},description:""},className:{required:!1,tsType:{name:"string"},description:""},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};export{K as V};
+import{r as w,j as N}from"./iframe-C0PGuV5s.js";import{i as B,b as F,_ as V,c as P,d as C}from"./index-B-Ksafg0.js";function U(o,s){if(o===s)return!0;for(var a=0;a<o.length;a++)if(!Object.is(o[a],s[a]))return!1;return!0}function j(o){var s=w.useRef(o);return s.current=o,s}var W=function(o){var s=j(o);w.useEffect(function(){return function(){s.current()}},[])},H=!!(typeof window<"u"&&window.document&&window.document.createElement);function A(o,s){if(H){if(!o)return s;var a;return B(o)?a=o():"current"in o?a=o.current:a=o,a}}var z=function(o){var s=function(a,h,v){var d=w.useRef(!1),u=w.useRef([]),O=w.useRef([]),m=w.useRef(void 0);o(function(){var p,D=Array.isArray(v)?v:[v],E=D.map(function(b){return A(b)});if(!d.current){d.current=!0,u.current=E,O.current=h,m.current=a();return}(E.length!==u.current.length||!U(u.current,E)||!U(O.current,h))&&((p=m.current)===null||p===void 0||p.call(m),u.current=E,O.current=h,m.current=a())}),W(function(){var p;(p=m.current)===null||p===void 0||p.call(m),d.current=!1})};return s},$=z(w.useEffect),k={},q;function G(){return q||(q=1,(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 o(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch{return null}}var s=(function(t){for(var e=t,r=o(e);r;)e=r.ownerDocument,r=o(e);return e})(window.document),a=[],h=null,v=null;function d(t){this.time=t.time,this.target=t.target,this.rootBounds=_(t.rootBounds),this.boundingClientRect=_(t.boundingClientRect),this.intersectionRect=_(t.intersectionRect||R()),this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect,r=e.width*e.height,n=this.intersectionRect,i=n.width*n.height;r?this.intersectionRatio=Number((i/r).toFixed(4)):this.intersectionRatio=this.isIntersecting?1:0}function u(t,e){var r=e||{};if(typeof t!="function")throw new Error("callback must be a function");if(r.root&&r.root.nodeType!=1&&r.root.nodeType!=9)throw new Error("root must be a Document or Element");this._checkForIntersections=m(this._checkForIntersections.bind(this),this.THROTTLE_TIMEOUT),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(r.rootMargin),this.thresholds=this._initThresholds(r.threshold),this.root=r.root||null,this.rootMargin=this._rootMarginValues.map(function(n){return n.value+n.unit}).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}u.prototype.THROTTLE_TIMEOUT=100,u.prototype.POLL_INTERVAL=null,u.prototype.USE_MUTATION_OBSERVER=!0,u._setupCrossOriginUpdater=function(){return h||(h=function(t,e){!t||!e?v=R():v=x(t,e),a.forEach(function(r){r._checkForIntersections()})}),h},u._resetCrossOriginUpdater=function(){h=null,v=null},u.prototype.observe=function(t){var e=this._observationTargets.some(function(r){return r.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()}},u.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()},u.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},u.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},u.prototype._initThresholds=function(t){var e=t||[0];return Array.isArray(e)||(e=[e]),e.sort().filter(function(r,n,i){if(typeof r!="number"||isNaN(r)||r<0||r>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return r!==i[n-1]})},u.prototype._parseRootMargin=function(t){var e=t||"0px",r=e.split(/\s+/).map(function(n){var i=/^(-?\d*\.?\d+)(px|%)$/.exec(n);if(!i)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(i[1]),unit:i[2]}});return r[1]=r[1]||r[0],r[2]=r[2]||r[0],r[3]=r[3]||r[1],r},u.prototype._monitorIntersections=function(t){var e=t.defaultView;if(e&&this._monitoringDocuments.indexOf(t)==-1){var r=this._checkForIntersections,n=null,i=null;this.POLL_INTERVAL?n=e.setInterval(r,this.POLL_INTERVAL):(p(e,"resize",r,!0),p(t,"scroll",r,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in e&&(i=new e.MutationObserver(r),i.observe(t,{attributes:!0,childList:!0,characterData:!0,subtree:!0}))),this._monitoringDocuments.push(t),this._monitoringUnsubscribes.push(function(){var l=t.defaultView;l&&(n&&l.clearInterval(n),D(l,"resize",r,!0)),D(t,"scroll",r,!0),i&&i.disconnect()});var f=this.root&&(this.root.ownerDocument||this.root)||s;if(t!=f){var c=o(t);c&&this._monitorIntersections(c.ownerDocument)}}},u.prototype._unmonitorIntersections=function(t){var e=this._monitoringDocuments.indexOf(t);if(e!=-1){var r=this.root&&(this.root.ownerDocument||this.root)||s,n=this._observationTargets.some(function(c){var l=c.element.ownerDocument;if(l==t)return!0;for(;l&&l!=r;){var g=o(l);if(l=g&&g.ownerDocument,l==t)return!0}return!1});if(!n){var i=this._monitoringUnsubscribes[e];if(this._monitoringDocuments.splice(e,1),this._monitoringUnsubscribes.splice(e,1),i(),t!=r){var f=o(t);f&&this._unmonitorIntersections(f.ownerDocument)}}}},u.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]()},u.prototype._checkForIntersections=function(){if(!(!this.root&&h&&!v)){var t=this._rootIsInDom(),e=t?this._getRootRect():R();this._observationTargets.forEach(function(r){var n=r.element,i=b(n),f=this._rootContainsTarget(n),c=r.entry,l=t&&f&&this._computeTargetAndRootIntersection(n,i,e),g=null;this._rootContainsTarget(n)?(!h||this.root)&&(g=e):g=R();var T=r.entry=new d({time:O(),target:n,boundingClientRect:i,rootBounds:g,intersectionRect:l});c?t&&f?this._hasCrossedThreshold(c,T)&&this._queuedEntries.push(T):c&&c.isIntersecting&&this._queuedEntries.push(T):this._queuedEntries.push(T)},this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},u.prototype._computeTargetAndRootIntersection=function(t,e,r){if(window.getComputedStyle(t).display!="none"){for(var n=e,i=y(t),f=!1;!f&&i;){var c=null,l=i.nodeType==1?window.getComputedStyle(i):{};if(l.display=="none")return null;if(i==this.root||i.nodeType==9)if(f=!0,i==this.root||i==s)h&&!this.root?!v||v.width==0&&v.height==0?(i=null,c=null,n=null):c=v:c=r;else{var g=y(i),T=g&&b(g),L=g&&this._computeTargetAndRootIntersection(g,T,r);T&&L?(i=g,c=x(T,L)):(i=null,n=null)}else{var S=i.ownerDocument;i!=S.body&&i!=S.documentElement&&l.overflow!="visible"&&(c=b(i))}if(c&&(n=E(c,n)),!n)break;i=i&&y(i)}return n}},u.prototype._getRootRect=function(){var t;if(this.root&&!I(this.root))t=b(this.root);else{var e=I(this.root)?this.root:s,r=e.documentElement,n=e.body;t={top:0,left:0,right:r.clientWidth||n.clientWidth,width:r.clientWidth||n.clientWidth,bottom:r.clientHeight||n.clientHeight,height:r.clientHeight||n.clientHeight}}return this._expandRectByRootMargin(t)},u.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map(function(n,i){return n.unit=="px"?n.value:n.value*(i%2?t.width:t.height)/100}),r={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};return r.width=r.right-r.left,r.height=r.bottom-r.top,r},u.prototype._hasCrossedThreshold=function(t,e){var r=t&&t.isIntersecting?t.intersectionRatio||0:-1,n=e.isIntersecting?e.intersectionRatio||0:-1;if(r!==n)for(var i=0;i<this.thresholds.length;i++){var f=this.thresholds[i];if(f==r||f==n||f<r!=f<n)return!0}},u.prototype._rootIsInDom=function(){return!this.root||M(s,this.root)},u.prototype._rootContainsTarget=function(t){var e=this.root&&(this.root.ownerDocument||this.root)||s;return M(e,t)&&(!this.root||e==t.ownerDocument)},u.prototype._registerInstance=function(){a.indexOf(this)<0&&a.push(this)},u.prototype._unregisterInstance=function(){var t=a.indexOf(this);t!=-1&&a.splice(t,1)};function O(){return window.performance&&performance.now&&performance.now()}function m(t,e){var r=null;return function(){r||(r=setTimeout(function(){t(),r=null},e))}}function p(t,e,r,n){typeof t.addEventListener=="function"?t.addEventListener(e,r,n):typeof t.attachEvent=="function"&&t.attachEvent("on"+e,r)}function D(t,e,r,n){typeof t.removeEventListener=="function"?t.removeEventListener(e,r,n):typeof t.detachEvent=="function"&&t.detachEvent("on"+e,r)}function E(t,e){var r=Math.max(t.top,e.top),n=Math.min(t.bottom,e.bottom),i=Math.max(t.left,e.left),f=Math.min(t.right,e.right),c=f-i,l=n-r;return c>=0&&l>=0&&{top:r,bottom:n,left:i,right:f,width:c,height:l}||null}function b(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):R()}function R(){return{top:0,bottom:0,left:0,right:0,width:0,height:0}}function _(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 r=e.top-t.top,n=e.left-t.left;return{top:r,left:n,height:e.height,width:e.width,bottom:r+e.height,right:n+e.width}}function M(t,e){for(var r=e;r;){if(r==t)return!0;r=y(r)}return!1}function y(t){var e=t.parentNode;return t.nodeType==9&&t!=s?o(t):(e&&e.assignedSlot&&(e=e.assignedSlot.parentNode),e&&e.nodeType==11&&e.host?e.host:e)}function I(t){return t&&t.nodeType===9}window.IntersectionObserver=u,window.IntersectionObserverEntry=d})()),k}G();function J(o,s){var a=s||{},h=a.callback,v=F(a,["callback"]),d=V(w.useState(),2),u=d[0],O=d[1],m=V(w.useState(),2),p=m[0],D=m[1];return $(function(){var E=Array.isArray(o)?o:[o],b=E.map(function(_){return A(_)}).filter(Boolean);if(b.length){var R=new IntersectionObserver(function(_){var x,M;try{for(var y=P(_),I=y.next();!I.done;I=y.next()){var t=I.value;D(t.intersectionRatio),O(t.isIntersecting),h?.(t)}}catch(e){x={error:e}}finally{try{I&&!I.done&&(M=y.return)&&M.call(y)}finally{if(x)throw x.error}}},C(C({},v),{root:A(s?.root)}));return b.forEach(function(_){return R.observe(_)}),function(){R.disconnect()}}},[s?.rootMargin,s?.threshold,h],o),[u,p]}const K=({onActive:o,options:s,className:a,style:h})=>{const v=w.useRef(null),[d]=J(v,s);return w.useEffect(()=>{d&&o()},[d,o]),N.jsx("div",{className:a,style:h,ref:v})};K.__docgenInfo={description:"",methods:[],displayName:"VisibilitySensor",props:{onActive:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},options:{required:!1,tsType:{name:"Options"},description:""},className:{required:!1,tsType:{name:"string"},description:""},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};export{K as V};

package/dist-storybook/iframe.html

@@ -512,9 +512,9 @@
   }
 </style>
 
-    <script type="module" crossorigin src="./assets/iframe-CLEfhyJc.js"></script>
+    <script type="module" crossorigin src="./assets/iframe-C0PGuV5s.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-PPVm8Dsz.js">
-    <link rel="stylesheet" crossorigin href="./assets/iframe-yMKl6hJA.css">
+    <link rel="stylesheet" crossorigin href="./assets/iframe-BKfReaAn.css">
   </head>
 
   <body>