Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@floating-ui/dom
Advanced tools
@floating-ui/dom - npm Package Compare versions
Comparing version 0.4.0 to 0.4.1
@@ -62,2 +62,10 @@ import { rectToClientRect, computePosition as computePosition$1 } from '@floating-ui/core'; | ||
| } | ||
| function isLayoutViewport() { | ||
| // Not Safari | ||
| return !/^((?!chrome|android).)*safari/i.test(navigator.userAgent); // Feature detection for this fails in various ways | ||
| // • Always-visible scrollbar or not | ||
| // • Width of <html>, etc. | ||
| // const vV = win.visualViewport; | ||
| // return vV ? Math.abs(win.innerWidth / vV.scale - vV.width) < 0.5 : true; | ||
| } | ||
@@ -68,3 +76,3 @@ const min = Math.min; | ||
| function getBoundingClientRect(element, includeScale) { | ||
| function getBoundingClientRect(element, includeScale, isFixedStrategy) { | ||
| if (includeScale === void 0) { | ||
@@ -74,2 +82,6 @@ includeScale = false; | ||
| if (isFixedStrategy === void 0) { | ||
| isFixedStrategy = false; | ||
| } | ||
| const clientRect = element.getBoundingClientRect(); | ||
@@ -84,11 +96,17 @@ let scaleX = 1; | ||
| const win = isElement(element) ? getWindow(element) : window; | ||
| const addVisualOffsets = !isLayoutViewport() && isFixedStrategy; | ||
| const x = (clientRect.left + (addVisualOffsets ? win.visualViewport.offsetLeft : 0)) / scaleX; | ||
| const y = (clientRect.top + (addVisualOffsets ? win.visualViewport.offsetTop : 0)) / scaleY; | ||
| const width = clientRect.width / scaleX; | ||
| const height = clientRect.height / scaleY; | ||
| return { | ||
| width: clientRect.width / scaleX, | ||
| height: clientRect.height / scaleY, | ||
| top: clientRect.top / scaleY, | ||
| right: clientRect.right / scaleX, | ||
| bottom: clientRect.bottom / scaleY, | ||
| left: clientRect.left / scaleX, | ||
| x: clientRect.left / scaleX, | ||
| y: clientRect.top / scaleY | ||
| width, | ||
| height, | ||
| top: y, | ||
| right: x + width, | ||
| bottom: y + height, | ||
| left: x, | ||
| x, | ||
| y | ||
| }; | ||
@@ -129,3 +147,3 @@ } | ||
| const documentElement = getDocumentElement(offsetParent); | ||
| const rect = getBoundingClientRect(element, isOffsetParentAnElement && isScaled(offsetParent)); | ||
| const rect = getBoundingClientRect(element, isOffsetParentAnElement && isScaled(offsetParent), strategy === 'fixed'); | ||
| let scroll = { | ||
@@ -279,3 +297,3 @@ scrollLeft: 0, | ||
| function getViewportRect(element) { | ||
| function getViewportRect(element, strategy) { | ||
| const win = getWindow(element); | ||
@@ -291,8 +309,6 @@ const html = getDocumentElement(element); | ||
| width = visualViewport.width; | ||
| height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently) | ||
| // In Chrome, it returns a value very close to 0 (+/-) but contains rounding | ||
| // errors due to floating point numbers, so we need to check precision. | ||
| // Safari returns a number <= 0, usually < -1 when pinch-zoomed | ||
| height = visualViewport.height; | ||
| const layoutViewport = isLayoutViewport(); | ||
| if (Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) < 0.01) { | ||
| if (layoutViewport || !layoutViewport && strategy === 'fixed') { | ||
| x = visualViewport.offsetLeft; | ||
@@ -390,4 +406,4 @@ y = visualViewport.offsetTop; | ||
| function getInnerBoundingClientRect(element) { | ||
| const clientRect = getBoundingClientRect(element); | ||
| function getInnerBoundingClientRect(element, strategy) { | ||
| const clientRect = getBoundingClientRect(element, false, strategy === 'fixed'); | ||
| const top = clientRect.top + element.clientTop; | ||
@@ -407,9 +423,9 @@ const left = clientRect.left + element.clientLeft; | ||
| function getClientRectFromClippingAncestor(element, clippingParent) { | ||
| function getClientRectFromClippingAncestor(element, clippingParent, strategy) { | ||
| if (clippingParent === 'viewport') { | ||
| return rectToClientRect(getViewportRect(element)); | ||
| return rectToClientRect(getViewportRect(element, strategy)); | ||
| } | ||
| if (isElement(clippingParent)) { | ||
| return getInnerBoundingClientRect(clippingParent); | ||
| return getInnerBoundingClientRect(clippingParent, strategy); | ||
| } | ||
@@ -442,3 +458,4 @@ | ||
| boundary, | ||
| rootBoundary | ||
| rootBoundary, | ||
| strategy | ||
| } = _ref; | ||
@@ -449,3 +466,3 @@ const mainClippingAncestors = boundary === 'clippingAncestors' ? getClippingAncestors(element) : [].concat(boundary); | ||
| const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => { | ||
| const rect = getClientRectFromClippingAncestor(element, clippingAncestor); | ||
| const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy); | ||
| accRect.top = max(rect.top, accRect.top); | ||
@@ -456,3 +473,3 @@ accRect.right = min(rect.right, accRect.right); | ||
| return accRect; | ||
| }, getClientRectFromClippingAncestor(element, firstClippingAncestor)); | ||
| }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy)); | ||
| return { | ||
@@ -459,0 +476,0 @@ width: clippingRect.right - clippingRect.left, |
@@ -62,2 +62,10 @@ import { rectToClientRect, computePosition as computePosition$1 } from '@floating-ui/core'; | ||
| } | ||
| function isLayoutViewport() { | ||
| // Not Safari | ||
| return !/^((?!chrome|android).)*safari/i.test(navigator.userAgent); // Feature detection for this fails in various ways | ||
| // • Always-visible scrollbar or not | ||
| // • Width of <html>, etc. | ||
| // const vV = win.visualViewport; | ||
| // return vV ? Math.abs(win.innerWidth / vV.scale - vV.width) < 0.5 : true; | ||
| } | ||
@@ -68,3 +76,3 @@ const min = Math.min; | ||
| function getBoundingClientRect(element, includeScale) { | ||
| function getBoundingClientRect(element, includeScale, isFixedStrategy) { | ||
| if (includeScale === void 0) { | ||
@@ -74,2 +82,6 @@ includeScale = false; | ||
| if (isFixedStrategy === void 0) { | ||
| isFixedStrategy = false; | ||
| } | ||
| const clientRect = element.getBoundingClientRect(); | ||
@@ -84,11 +96,17 @@ let scaleX = 1; | ||
| const win = isElement(element) ? getWindow(element) : window; | ||
| const addVisualOffsets = !isLayoutViewport() && isFixedStrategy; | ||
| const x = (clientRect.left + (addVisualOffsets ? win.visualViewport.offsetLeft : 0)) / scaleX; | ||
| const y = (clientRect.top + (addVisualOffsets ? win.visualViewport.offsetTop : 0)) / scaleY; | ||
| const width = clientRect.width / scaleX; | ||
| const height = clientRect.height / scaleY; | ||
| return { | ||
| width: clientRect.width / scaleX, | ||
| height: clientRect.height / scaleY, | ||
| top: clientRect.top / scaleY, | ||
| right: clientRect.right / scaleX, | ||
| bottom: clientRect.bottom / scaleY, | ||
| left: clientRect.left / scaleX, | ||
| x: clientRect.left / scaleX, | ||
| y: clientRect.top / scaleY | ||
| width, | ||
| height, | ||
| top: y, | ||
| right: x + width, | ||
| bottom: y + height, | ||
| left: x, | ||
| x, | ||
| y | ||
| }; | ||
@@ -129,3 +147,3 @@ } | ||
| const documentElement = getDocumentElement(offsetParent); | ||
| const rect = getBoundingClientRect(element, isOffsetParentAnElement && isScaled(offsetParent)); | ||
| const rect = getBoundingClientRect(element, isOffsetParentAnElement && isScaled(offsetParent), strategy === 'fixed'); | ||
| let scroll = { | ||
@@ -279,3 +297,3 @@ scrollLeft: 0, | ||
| function getViewportRect(element) { | ||
| function getViewportRect(element, strategy) { | ||
| const win = getWindow(element); | ||
@@ -291,8 +309,6 @@ const html = getDocumentElement(element); | ||
| width = visualViewport.width; | ||
| height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently) | ||
| // In Chrome, it returns a value very close to 0 (+/-) but contains rounding | ||
| // errors due to floating point numbers, so we need to check precision. | ||
| // Safari returns a number <= 0, usually < -1 when pinch-zoomed | ||
| height = visualViewport.height; | ||
| const layoutViewport = isLayoutViewport(); | ||
| if (Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) < 0.01) { | ||
| if (layoutViewport || !layoutViewport && strategy === 'fixed') { | ||
| x = visualViewport.offsetLeft; | ||
@@ -390,4 +406,4 @@ y = visualViewport.offsetTop; | ||
| function getInnerBoundingClientRect(element) { | ||
| const clientRect = getBoundingClientRect(element); | ||
| function getInnerBoundingClientRect(element, strategy) { | ||
| const clientRect = getBoundingClientRect(element, false, strategy === 'fixed'); | ||
| const top = clientRect.top + element.clientTop; | ||
@@ -407,9 +423,9 @@ const left = clientRect.left + element.clientLeft; | ||
| function getClientRectFromClippingAncestor(element, clippingParent) { | ||
| function getClientRectFromClippingAncestor(element, clippingParent, strategy) { | ||
| if (clippingParent === 'viewport') { | ||
| return rectToClientRect(getViewportRect(element)); | ||
| return rectToClientRect(getViewportRect(element, strategy)); | ||
| } | ||
| if (isElement(clippingParent)) { | ||
| return getInnerBoundingClientRect(clippingParent); | ||
| return getInnerBoundingClientRect(clippingParent, strategy); | ||
| } | ||
@@ -442,3 +458,4 @@ | ||
| boundary, | ||
| rootBoundary | ||
| rootBoundary, | ||
| strategy | ||
| } = _ref; | ||
@@ -449,3 +466,3 @@ const mainClippingAncestors = boundary === 'clippingAncestors' ? getClippingAncestors(element) : [].concat(boundary); | ||
| const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => { | ||
| const rect = getClientRectFromClippingAncestor(element, clippingAncestor); | ||
| const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy); | ||
| accRect.top = max(rect.top, accRect.top); | ||
@@ -456,3 +473,3 @@ accRect.right = min(rect.right, accRect.right); | ||
| return accRect; | ||
| }, getClientRectFromClippingAncestor(element, firstClippingAncestor)); | ||
| }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy)); | ||
| return { | ||
@@ -459,0 +476,0 @@ width: clippingRect.right - clippingRect.left, |
@@ -1,1 +0,1 @@ | ||
| import{rectToClientRect as t,computePosition as e}from"@floating-ui/core";export{arrow,autoPlacement,detectOverflow,flip,hide,inline,limitShift,offset,shift,size}from"@floating-ui/core";function n(t){return"[object Window]"===(null==t?void 0:t.toString())}function o(t){if(null==t)return window;if(!n(t)){const e=t.ownerDocument;return e&&e.defaultView||window}return t}function i(t){return o(t).getComputedStyle(t)}function r(t){return n(t)?"":t?(t.nodeName||"").toLowerCase():""}function l(t){return t instanceof o(t).HTMLElement}function c(t){return t instanceof o(t).Element}function f(t){return t instanceof o(t).ShadowRoot||t instanceof ShadowRoot}function s(t){const{overflow:e,overflowX:n,overflowY:o}=i(t);return/auto|scroll|overlay|hidden/.test(e+o+n)}function u(t){return["table","td","th"].includes(r(t))}function h(t){const e=navigator.userAgent.toLowerCase().includes("firefox"),n=i(t);return"none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||["transform","perspective"].includes(n.willChange)||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter}const d=Math.min,a=Math.max,g=Math.round;function p(t,e){void 0===e&&(e=!1);const n=t.getBoundingClientRect();let o=1,i=1;return e&&l(t)&&(o=t.offsetWidth>0&&g(n.width)/t.offsetWidth||1,i=t.offsetHeight>0&&g(n.height)/t.offsetHeight||1),{width:n.width/o,height:n.height/i,top:n.top/i,right:n.right/o,bottom:n.bottom/i,left:n.left/o,x:n.left/o,y:n.top/i}}function m(t){return(e=t,(e instanceof o(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function w(t){return n(t)?{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}:{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function y(t){return p(m(t)).left+w(t).scrollLeft}function v(t,e,n){const o=l(e),i=m(e),c=p(t,o&&function(t){const e=p(t);return g(e.width)!==t.offsetWidth||g(e.height)!==t.offsetHeight}(e));let f={scrollLeft:0,scrollTop:0};const u={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==r(e)||s(i))&&(f=w(e)),l(e)){const t=p(e,!0);u.x=t.x+e.clientLeft,u.y=t.y+e.clientTop}else i&&(u.x=y(i));return{x:c.left+f.scrollLeft-u.x,y:c.top+f.scrollTop-u.y,width:c.width,height:c.height}}function x(t){return"html"===r(t)?t:t.assignedSlot||t.parentNode||(f(t)?t.host:null)||m(t)}function b(t){return l(t)&&"fixed"!==getComputedStyle(t).position?t.offsetParent:null}function L(t){const e=o(t);let n=b(t);for(;n&&u(n)&&"static"===getComputedStyle(n).position;)n=b(n);return n&&("html"===r(n)||"body"===r(n)&&"static"===getComputedStyle(n).position&&!h(n))?e:n||function(t){let e=x(t);for(f(e)&&(e=e.host);l(e)&&!["html","body"].includes(r(e));){if(h(e))return e;e=e.parentNode}return null}(t)||e}function R(t){if(l(t))return{width:t.offsetWidth,height:t.offsetHeight};const e=p(t);return{width:e.width,height:e.height}}function T(t){const e=x(t);return["html","body","#document"].includes(r(e))?t.ownerDocument.body:l(e)&&s(e)?e:T(e)}function W(t,e){var n;void 0===e&&(e=[]);const i=T(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),l=o(i),c=r?[l].concat(l.visualViewport||[],s(i)?i:[]):i,f=e.concat(c);return r?f:f.concat(W(x(c)))}function C(e,n){return"viewport"===n?t(function(t){const e=o(t),n=m(t),i=e.visualViewport;let r=n.clientWidth,l=n.clientHeight,c=0,f=0;return i&&(r=i.width,l=i.height,Math.abs(e.innerWidth/i.scale-i.width)<.01&&(c=i.offsetLeft,f=i.offsetTop)),{width:r,height:l,x:c,y:f}}(e)):c(n)?function(t){const e=p(t),n=e.top+t.clientTop,o=e.left+t.clientLeft;return{top:n,left:o,x:o,y:n,right:o+t.clientWidth,bottom:n+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(n):t(function(t){var e;const n=m(t),o=w(t),r=null==(e=t.ownerDocument)?void 0:e.body,l=a(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),c=a(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let f=-o.scrollLeft+y(t);const s=-o.scrollTop;return"rtl"===i(r||n).direction&&(f+=a(n.clientWidth,r?r.clientWidth:0)-l),{width:l,height:c,x:f,y:s}}(m(e)))}function E(t){const e=W(t),n=["absolute","fixed"].includes(i(t).position)&&l(t)?L(t):t;return c(n)?e.filter((t=>c(t)&&function(t,e){const n=null==e.getRootNode?void 0:e.getRootNode();if(t.contains(e))return!0;if(n&&f(n)){let n=e;do{if(n&&t===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(t,n)&&"body"!==r(t))):[]}const H={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o}=t;const i=[..."clippingAncestors"===n?E(e):[].concat(n),o],r=i[0],l=i.reduce(((t,n)=>{const o=C(e,n);return t.top=a(o.top,t.top),t.right=d(o.right,t.right),t.bottom=d(o.bottom,t.bottom),t.left=a(o.left,t.left),t}),C(e,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=l(n),c=m(n);if(n===c)return e;let f={scrollLeft:0,scrollTop:0};const u={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==r(n)||s(c))&&(f=w(n)),l(n))){const t=p(n,!0);u.x=t.x+n.clientLeft,u.y=t.y+n.clientTop}return{...e,x:e.x-f.scrollLeft+u.x,y:e.y-f.scrollTop+u.y}},isElement:c,getDimensions:R,getOffsetParent:L,getDocumentElement:m,getElementRects:t=>{let{reference:e,floating:n,strategy:o}=t;return{reference:v(e,L(n),o),floating:{...R(n),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===i(t).direction};function S(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=!0,animationFrame:f=!1}=o;let s=!1;const u=i&&!f,h=r&&!f,d=l&&!f,a=u||h?[...c(t)?W(t):[],...W(e)]:[];a.forEach((t=>{u&&t.addEventListener("scroll",n,{passive:!0}),h&&t.addEventListener("resize",n)}));let g,m=null;d&&(m=new ResizeObserver(n),c(t)&&m.observe(t),m.observe(e));let w=f?p(t):null;return f&&function e(){if(s)return;const o=p(t);!w||o.x===w.x&&o.y===w.y&&o.width===w.width&&o.height===w.height||n();w=o,g=requestAnimationFrame(e)}(),()=>{var t;s=!0,a.forEach((t=>{u&&t.removeEventListener("scroll",n),h&&t.removeEventListener("resize",n)})),null==(t=m)||t.disconnect(),m=null,f&&cancelAnimationFrame(g)}}const D=(t,n,o)=>e(t,n,{platform:H,...o});export{S as autoUpdate,D as computePosition,W as getOverflowAncestors}; | ||
| import{rectToClientRect as t,computePosition as e}from"@floating-ui/core";export{arrow,autoPlacement,detectOverflow,flip,hide,inline,limitShift,offset,shift,size}from"@floating-ui/core";function n(t){return"[object Window]"===(null==t?void 0:t.toString())}function o(t){if(null==t)return window;if(!n(t)){const e=t.ownerDocument;return e&&e.defaultView||window}return t}function i(t){return o(t).getComputedStyle(t)}function r(t){return n(t)?"":t?(t.nodeName||"").toLowerCase():""}function l(t){return t instanceof o(t).HTMLElement}function c(t){return t instanceof o(t).Element}function f(t){return t instanceof o(t).ShadowRoot||t instanceof ShadowRoot}function s(t){const{overflow:e,overflowX:n,overflowY:o}=i(t);return/auto|scroll|overlay|hidden/.test(e+o+n)}function u(t){return["table","td","th"].includes(r(t))}function d(t){const e=navigator.userAgent.toLowerCase().includes("firefox"),n=i(t);return"none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||["transform","perspective"].includes(n.willChange)||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter}function h(){return!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}const a=Math.min,g=Math.max,p=Math.round;function m(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);const i=t.getBoundingClientRect();let r=1,f=1;e&&l(t)&&(r=t.offsetWidth>0&&p(i.width)/t.offsetWidth||1,f=t.offsetHeight>0&&p(i.height)/t.offsetHeight||1);const s=c(t)?o(t):window,u=!h()&&n,d=(i.left+(u?s.visualViewport.offsetLeft:0))/r,a=(i.top+(u?s.visualViewport.offsetTop:0))/f,g=i.width/r,m=i.height/f;return{width:g,height:m,top:a,right:d+g,bottom:a+m,left:d,x:d,y:a}}function w(t){return(e=t,(e instanceof o(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function v(t){return n(t)?{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}:{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function y(t){return m(w(t)).left+v(t).scrollLeft}function x(t,e,n){const o=l(e),i=w(e),c=m(t,o&&function(t){const e=m(t);return p(e.width)!==t.offsetWidth||p(e.height)!==t.offsetHeight}(e),"fixed"===n);let f={scrollLeft:0,scrollTop:0};const u={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==r(e)||s(i))&&(f=v(e)),l(e)){const t=m(e,!0);u.x=t.x+e.clientLeft,u.y=t.y+e.clientTop}else i&&(u.x=y(i));return{x:c.left+f.scrollLeft-u.x,y:c.top+f.scrollTop-u.y,width:c.width,height:c.height}}function b(t){return"html"===r(t)?t:t.assignedSlot||t.parentNode||(f(t)?t.host:null)||w(t)}function L(t){return l(t)&&"fixed"!==getComputedStyle(t).position?t.offsetParent:null}function R(t){const e=o(t);let n=L(t);for(;n&&u(n)&&"static"===getComputedStyle(n).position;)n=L(n);return n&&("html"===r(n)||"body"===r(n)&&"static"===getComputedStyle(n).position&&!d(n))?e:n||function(t){let e=b(t);for(f(e)&&(e=e.host);l(e)&&!["html","body"].includes(r(e));){if(d(e))return e;e=e.parentNode}return null}(t)||e}function T(t){if(l(t))return{width:t.offsetWidth,height:t.offsetHeight};const e=m(t);return{width:e.width,height:e.height}}function W(t){const e=b(t);return["html","body","#document"].includes(r(e))?t.ownerDocument.body:l(e)&&s(e)?e:W(e)}function C(t,e){var n;void 0===e&&(e=[]);const i=W(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),l=o(i),c=r?[l].concat(l.visualViewport||[],s(i)?i:[]):i,f=e.concat(c);return r?f:f.concat(C(b(c)))}function E(e,n,r){return"viewport"===n?t(function(t,e){const n=o(t),i=w(t),r=n.visualViewport;let l=i.clientWidth,c=i.clientHeight,f=0,s=0;if(r){l=r.width,c=r.height;const t=h();(t||!t&&"fixed"===e)&&(f=r.offsetLeft,s=r.offsetTop)}return{width:l,height:c,x:f,y:s}}(e,r)):c(n)?function(t,e){const n=m(t,!1,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft;return{top:o,left:i,x:i,y:o,right:i+t.clientWidth,bottom:o+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(n,r):t(function(t){var e;const n=w(t),o=v(t),r=null==(e=t.ownerDocument)?void 0:e.body,l=g(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),c=g(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let f=-o.scrollLeft+y(t);const s=-o.scrollTop;return"rtl"===i(r||n).direction&&(f+=g(n.clientWidth,r?r.clientWidth:0)-l),{width:l,height:c,x:f,y:s}}(w(e)))}function H(t){const e=C(t),n=["absolute","fixed"].includes(i(t).position)&&l(t)?R(t):t;return c(n)?e.filter((t=>c(t)&&function(t,e){const n=null==e.getRootNode?void 0:e.getRootNode();if(t.contains(e))return!0;if(n&&f(n)){let n=e;do{if(n&&t===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(t,n)&&"body"!==r(t))):[]}const S={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const r=[..."clippingAncestors"===n?H(e):[].concat(n),o],l=r[0],c=r.reduce(((t,n)=>{const o=E(e,n,i);return t.top=g(o.top,t.top),t.right=a(o.right,t.right),t.bottom=a(o.bottom,t.bottom),t.left=g(o.left,t.left),t}),E(e,l,i));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=l(n),c=w(n);if(n===c)return e;let f={scrollLeft:0,scrollTop:0};const u={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==r(n)||s(c))&&(f=v(n)),l(n))){const t=m(n,!0);u.x=t.x+n.clientLeft,u.y=t.y+n.clientTop}return{...e,x:e.x-f.scrollLeft+u.x,y:e.y-f.scrollTop+u.y}},isElement:c,getDimensions:T,getOffsetParent:R,getDocumentElement:w,getElementRects:t=>{let{reference:e,floating:n,strategy:o}=t;return{reference:x(e,R(n),o),floating:{...T(n),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===i(t).direction};function D(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=!0,animationFrame:f=!1}=o;let s=!1;const u=i&&!f,d=r&&!f,h=l&&!f,a=u||d?[...c(t)?C(t):[],...C(e)]:[];a.forEach((t=>{u&&t.addEventListener("scroll",n,{passive:!0}),d&&t.addEventListener("resize",n)}));let g,p=null;h&&(p=new ResizeObserver(n),c(t)&&p.observe(t),p.observe(e));let w=f?m(t):null;return f&&function e(){if(s)return;const o=m(t);!w||o.x===w.x&&o.y===w.y&&o.width===w.width&&o.height===w.height||n();w=o,g=requestAnimationFrame(e)}(),()=>{var t;s=!0,a.forEach((t=>{u&&t.removeEventListener("scroll",n),d&&t.removeEventListener("resize",n)})),null==(t=p)||t.disconnect(),p=null,f&&cancelAnimationFrame(g)}}const N=(t,n,o)=>e(t,n,{platform:S,...o});export{D as autoUpdate,N as computePosition,C as getOverflowAncestors}; |
@@ -65,2 +65,10 @@ (function (global, factory) { | ||
| } | ||
| function isLayoutViewport() { | ||
| // Not Safari | ||
| return !/^((?!chrome|android).)*safari/i.test(navigator.userAgent); // Feature detection for this fails in various ways | ||
| // • Always-visible scrollbar or not | ||
| // • Width of <html>, etc. | ||
| // const vV = win.visualViewport; | ||
| // return vV ? Math.abs(win.innerWidth / vV.scale - vV.width) < 0.5 : true; | ||
| } | ||
@@ -71,3 +79,3 @@ const min = Math.min; | ||
| function getBoundingClientRect(element, includeScale) { | ||
| function getBoundingClientRect(element, includeScale, isFixedStrategy) { | ||
| if (includeScale === void 0) { | ||
@@ -77,2 +85,6 @@ includeScale = false; | ||
| if (isFixedStrategy === void 0) { | ||
| isFixedStrategy = false; | ||
| } | ||
| const clientRect = element.getBoundingClientRect(); | ||
@@ -87,11 +99,17 @@ let scaleX = 1; | ||
| const win = isElement(element) ? getWindow(element) : window; | ||
| const addVisualOffsets = !isLayoutViewport() && isFixedStrategy; | ||
| const x = (clientRect.left + (addVisualOffsets ? win.visualViewport.offsetLeft : 0)) / scaleX; | ||
| const y = (clientRect.top + (addVisualOffsets ? win.visualViewport.offsetTop : 0)) / scaleY; | ||
| const width = clientRect.width / scaleX; | ||
| const height = clientRect.height / scaleY; | ||
| return { | ||
| width: clientRect.width / scaleX, | ||
| height: clientRect.height / scaleY, | ||
| top: clientRect.top / scaleY, | ||
| right: clientRect.right / scaleX, | ||
| bottom: clientRect.bottom / scaleY, | ||
| left: clientRect.left / scaleX, | ||
| x: clientRect.left / scaleX, | ||
| y: clientRect.top / scaleY | ||
| width, | ||
| height, | ||
| top: y, | ||
| right: x + width, | ||
| bottom: y + height, | ||
| left: x, | ||
| x, | ||
| y | ||
| }; | ||
@@ -132,3 +150,3 @@ } | ||
| const documentElement = getDocumentElement(offsetParent); | ||
| const rect = getBoundingClientRect(element, isOffsetParentAnElement && isScaled(offsetParent)); | ||
| const rect = getBoundingClientRect(element, isOffsetParentAnElement && isScaled(offsetParent), strategy === 'fixed'); | ||
| let scroll = { | ||
@@ -282,3 +300,3 @@ scrollLeft: 0, | ||
| function getViewportRect(element) { | ||
| function getViewportRect(element, strategy) { | ||
| const win = getWindow(element); | ||
@@ -294,8 +312,6 @@ const html = getDocumentElement(element); | ||
| width = visualViewport.width; | ||
| height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently) | ||
| // In Chrome, it returns a value very close to 0 (+/-) but contains rounding | ||
| // errors due to floating point numbers, so we need to check precision. | ||
| // Safari returns a number <= 0, usually < -1 when pinch-zoomed | ||
| height = visualViewport.height; | ||
| const layoutViewport = isLayoutViewport(); | ||
| if (Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) < 0.01) { | ||
| if (layoutViewport || !layoutViewport && strategy === 'fixed') { | ||
| x = visualViewport.offsetLeft; | ||
@@ -393,4 +409,4 @@ y = visualViewport.offsetTop; | ||
| function getInnerBoundingClientRect(element) { | ||
| const clientRect = getBoundingClientRect(element); | ||
| function getInnerBoundingClientRect(element, strategy) { | ||
| const clientRect = getBoundingClientRect(element, false, strategy === 'fixed'); | ||
| const top = clientRect.top + element.clientTop; | ||
@@ -410,9 +426,9 @@ const left = clientRect.left + element.clientLeft; | ||
| function getClientRectFromClippingAncestor(element, clippingParent) { | ||
| function getClientRectFromClippingAncestor(element, clippingParent, strategy) { | ||
| if (clippingParent === 'viewport') { | ||
| return core.rectToClientRect(getViewportRect(element)); | ||
| return core.rectToClientRect(getViewportRect(element, strategy)); | ||
| } | ||
| if (isElement(clippingParent)) { | ||
| return getInnerBoundingClientRect(clippingParent); | ||
| return getInnerBoundingClientRect(clippingParent, strategy); | ||
| } | ||
@@ -445,3 +461,4 @@ | ||
| boundary, | ||
| rootBoundary | ||
| rootBoundary, | ||
| strategy | ||
| } = _ref; | ||
@@ -452,3 +469,3 @@ const mainClippingAncestors = boundary === 'clippingAncestors' ? getClippingAncestors(element) : [].concat(boundary); | ||
| const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => { | ||
| const rect = getClientRectFromClippingAncestor(element, clippingAncestor); | ||
| const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy); | ||
| accRect.top = max(rect.top, accRect.top); | ||
@@ -459,3 +476,3 @@ accRect.right = min(rect.right, accRect.right); | ||
| return accRect; | ||
| }, getClientRectFromClippingAncestor(element, firstClippingAncestor)); | ||
| }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy)); | ||
| return { | ||
@@ -462,0 +479,0 @@ width: clippingRect.right - clippingRect.left, |
@@ -1,1 +0,1 @@ | ||
| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@floating-ui/core")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/core"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).FloatingUIDOM={},t.FloatingUICore)}(this,(function(t,e){"use strict";function n(t){return"[object Window]"===(null==t?void 0:t.toString())}function o(t){if(null==t)return window;if(!n(t)){const e=t.ownerDocument;return e&&e.defaultView||window}return t}function i(t){return o(t).getComputedStyle(t)}function r(t){return n(t)?"":t?(t.nodeName||"").toLowerCase():""}function l(t){return t instanceof o(t).HTMLElement}function c(t){return t instanceof o(t).Element}function f(t){return t instanceof o(t).ShadowRoot||t instanceof ShadowRoot}function u(t){const{overflow:e,overflowX:n,overflowY:o}=i(t);return/auto|scroll|overlay|hidden/.test(e+o+n)}function s(t){return["table","td","th"].includes(r(t))}function d(t){const e=navigator.userAgent.toLowerCase().includes("firefox"),n=i(t);return"none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||["transform","perspective"].includes(n.willChange)||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter}const h=Math.min,a=Math.max,g=Math.round;function p(t,e){void 0===e&&(e=!1);const n=t.getBoundingClientRect();let o=1,i=1;return e&&l(t)&&(o=t.offsetWidth>0&&g(n.width)/t.offsetWidth||1,i=t.offsetHeight>0&&g(n.height)/t.offsetHeight||1),{width:n.width/o,height:n.height/i,top:n.top/i,right:n.right/o,bottom:n.bottom/i,left:n.left/o,x:n.left/o,y:n.top/i}}function m(t){return(e=t,(e instanceof o(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function y(t){return n(t)?{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}:{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function w(t){return p(m(t)).left+y(t).scrollLeft}function b(t,e,n){const o=l(e),i=m(e),c=p(t,o&&function(t){const e=p(t);return g(e.width)!==t.offsetWidth||g(e.height)!==t.offsetHeight}(e));let f={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==r(e)||u(i))&&(f=y(e)),l(e)){const t=p(e,!0);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else i&&(s.x=w(i));return{x:c.left+f.scrollLeft-s.x,y:c.top+f.scrollTop-s.y,width:c.width,height:c.height}}function v(t){return"html"===r(t)?t:t.assignedSlot||t.parentNode||(f(t)?t.host:null)||m(t)}function x(t){return l(t)&&"fixed"!==getComputedStyle(t).position?t.offsetParent:null}function L(t){const e=o(t);let n=x(t);for(;n&&s(n)&&"static"===getComputedStyle(n).position;)n=x(n);return n&&("html"===r(n)||"body"===r(n)&&"static"===getComputedStyle(n).position&&!d(n))?e:n||function(t){let e=v(t);for(f(e)&&(e=e.host);l(e)&&!["html","body"].includes(r(e));){if(d(e))return e;e=e.parentNode}return null}(t)||e}function O(t){if(l(t))return{width:t.offsetWidth,height:t.offsetHeight};const e=p(t);return{width:e.width,height:e.height}}function P(t){const e=v(t);return["html","body","#document"].includes(r(e))?t.ownerDocument.body:l(e)&&u(e)?e:P(e)}function R(t,e){var n;void 0===e&&(e=[]);const i=P(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),l=o(i),c=r?[l].concat(l.visualViewport||[],u(i)?i:[]):i,f=e.concat(c);return r?f:f.concat(R(v(c)))}function T(t,n){return"viewport"===n?e.rectToClientRect(function(t){const e=o(t),n=m(t),i=e.visualViewport;let r=n.clientWidth,l=n.clientHeight,c=0,f=0;return i&&(r=i.width,l=i.height,Math.abs(e.innerWidth/i.scale-i.width)<.01&&(c=i.offsetLeft,f=i.offsetTop)),{width:r,height:l,x:c,y:f}}(t)):c(n)?function(t){const e=p(t),n=e.top+t.clientTop,o=e.left+t.clientLeft;return{top:n,left:o,x:o,y:n,right:o+t.clientWidth,bottom:n+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(n):e.rectToClientRect(function(t){var e;const n=m(t),o=y(t),r=null==(e=t.ownerDocument)?void 0:e.body,l=a(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),c=a(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let f=-o.scrollLeft+w(t);const u=-o.scrollTop;return"rtl"===i(r||n).direction&&(f+=a(n.clientWidth,r?r.clientWidth:0)-l),{width:l,height:c,x:f,y:u}}(m(t)))}function C(t){const e=R(t),n=["absolute","fixed"].includes(i(t).position)&&l(t)?L(t):t;return c(n)?e.filter((t=>c(t)&&function(t,e){const n=null==e.getRootNode?void 0:e.getRootNode();if(t.contains(e))return!0;if(n&&f(n)){let n=e;do{if(n&&t===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(t,n)&&"body"!==r(t))):[]}const W={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o}=t;const i=[..."clippingAncestors"===n?C(e):[].concat(n),o],r=i[0],l=i.reduce(((t,n)=>{const o=T(e,n);return t.top=a(o.top,t.top),t.right=h(o.right,t.right),t.bottom=h(o.bottom,t.bottom),t.left=a(o.left,t.left),t}),T(e,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=l(n),c=m(n);if(n===c)return e;let f={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==r(n)||u(c))&&(f=y(n)),l(n))){const t=p(n,!0);s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}return{...e,x:e.x-f.scrollLeft+s.x,y:e.y-f.scrollTop+s.y}},isElement:c,getDimensions:O,getOffsetParent:L,getDocumentElement:m,getElementRects:t=>{let{reference:e,floating:n,strategy:o}=t;return{reference:b(e,L(n),o),floating:{...O(n),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===i(t).direction};Object.defineProperty(t,"arrow",{enumerable:!0,get:function(){return e.arrow}}),Object.defineProperty(t,"autoPlacement",{enumerable:!0,get:function(){return e.autoPlacement}}),Object.defineProperty(t,"detectOverflow",{enumerable:!0,get:function(){return e.detectOverflow}}),Object.defineProperty(t,"flip",{enumerable:!0,get:function(){return e.flip}}),Object.defineProperty(t,"hide",{enumerable:!0,get:function(){return e.hide}}),Object.defineProperty(t,"inline",{enumerable:!0,get:function(){return e.inline}}),Object.defineProperty(t,"limitShift",{enumerable:!0,get:function(){return e.limitShift}}),Object.defineProperty(t,"offset",{enumerable:!0,get:function(){return e.offset}}),Object.defineProperty(t,"shift",{enumerable:!0,get:function(){return e.shift}}),Object.defineProperty(t,"size",{enumerable:!0,get:function(){return e.size}}),t.autoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=!0,animationFrame:f=!1}=o;let u=!1;const s=i&&!f,d=r&&!f,h=l&&!f,a=s||d?[...c(t)?R(t):[],...R(e)]:[];a.forEach((t=>{s&&t.addEventListener("scroll",n,{passive:!0}),d&&t.addEventListener("resize",n)}));let g,m=null;h&&(m=new ResizeObserver(n),c(t)&&m.observe(t),m.observe(e));let y=f?p(t):null;return f&&function e(){if(u)return;const o=p(t);!y||o.x===y.x&&o.y===y.y&&o.width===y.width&&o.height===y.height||n();y=o,g=requestAnimationFrame(e)}(),()=>{var t;u=!0,a.forEach((t=>{s&&t.removeEventListener("scroll",n),d&&t.removeEventListener("resize",n)})),null==(t=m)||t.disconnect(),m=null,f&&cancelAnimationFrame(g)}},t.computePosition=(t,n,o)=>e.computePosition(t,n,{platform:W,...o}),t.getOverflowAncestors=R,Object.defineProperty(t,"__esModule",{value:!0})})); | ||
| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@floating-ui/core")):"function"==typeof define&&define.amd?define(["exports","@floating-ui/core"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).FloatingUIDOM={},t.FloatingUICore)}(this,(function(t,e){"use strict";function n(t){return"[object Window]"===(null==t?void 0:t.toString())}function o(t){if(null==t)return window;if(!n(t)){const e=t.ownerDocument;return e&&e.defaultView||window}return t}function i(t){return o(t).getComputedStyle(t)}function r(t){return n(t)?"":t?(t.nodeName||"").toLowerCase():""}function l(t){return t instanceof o(t).HTMLElement}function c(t){return t instanceof o(t).Element}function f(t){return t instanceof o(t).ShadowRoot||t instanceof ShadowRoot}function u(t){const{overflow:e,overflowX:n,overflowY:o}=i(t);return/auto|scroll|overlay|hidden/.test(e+o+n)}function s(t){return["table","td","th"].includes(r(t))}function d(t){const e=navigator.userAgent.toLowerCase().includes("firefox"),n=i(t);return"none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||["transform","perspective"].includes(n.willChange)||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter}function a(){return!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}const h=Math.min,g=Math.max,p=Math.round;function m(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);const i=t.getBoundingClientRect();let r=1,f=1;e&&l(t)&&(r=t.offsetWidth>0&&p(i.width)/t.offsetWidth||1,f=t.offsetHeight>0&&p(i.height)/t.offsetHeight||1);const u=c(t)?o(t):window,s=!a()&&n,d=(i.left+(s?u.visualViewport.offsetLeft:0))/r,h=(i.top+(s?u.visualViewport.offsetTop:0))/f,g=i.width/r,m=i.height/f;return{width:g,height:m,top:h,right:d+g,bottom:h+m,left:d,x:d,y:h}}function y(t){return(e=t,(e instanceof o(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function w(t){return n(t)?{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}:{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function b(t){return m(y(t)).left+w(t).scrollLeft}function v(t,e,n){const o=l(e),i=y(e),c=m(t,o&&function(t){const e=m(t);return p(e.width)!==t.offsetWidth||p(e.height)!==t.offsetHeight}(e),"fixed"===n);let f={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==r(e)||u(i))&&(f=w(e)),l(e)){const t=m(e,!0);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else i&&(s.x=b(i));return{x:c.left+f.scrollLeft-s.x,y:c.top+f.scrollTop-s.y,width:c.width,height:c.height}}function x(t){return"html"===r(t)?t:t.assignedSlot||t.parentNode||(f(t)?t.host:null)||y(t)}function L(t){return l(t)&&"fixed"!==getComputedStyle(t).position?t.offsetParent:null}function O(t){const e=o(t);let n=L(t);for(;n&&s(n)&&"static"===getComputedStyle(n).position;)n=L(n);return n&&("html"===r(n)||"body"===r(n)&&"static"===getComputedStyle(n).position&&!d(n))?e:n||function(t){let e=x(t);for(f(e)&&(e=e.host);l(e)&&!["html","body"].includes(r(e));){if(d(e))return e;e=e.parentNode}return null}(t)||e}function T(t){if(l(t))return{width:t.offsetWidth,height:t.offsetHeight};const e=m(t);return{width:e.width,height:e.height}}function P(t){const e=x(t);return["html","body","#document"].includes(r(e))?t.ownerDocument.body:l(e)&&u(e)?e:P(e)}function R(t,e){var n;void 0===e&&(e=[]);const i=P(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),l=o(i),c=r?[l].concat(l.visualViewport||[],u(i)?i:[]):i,f=e.concat(c);return r?f:f.concat(R(x(c)))}function C(t,n,r){return"viewport"===n?e.rectToClientRect(function(t,e){const n=o(t),i=y(t),r=n.visualViewport;let l=i.clientWidth,c=i.clientHeight,f=0,u=0;if(r){l=r.width,c=r.height;const t=a();(t||!t&&"fixed"===e)&&(f=r.offsetLeft,u=r.offsetTop)}return{width:l,height:c,x:f,y:u}}(t,r)):c(n)?function(t,e){const n=m(t,!1,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft;return{top:o,left:i,x:i,y:o,right:i+t.clientWidth,bottom:o+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(n,r):e.rectToClientRect(function(t){var e;const n=y(t),o=w(t),r=null==(e=t.ownerDocument)?void 0:e.body,l=g(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),c=g(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let f=-o.scrollLeft+b(t);const u=-o.scrollTop;return"rtl"===i(r||n).direction&&(f+=g(n.clientWidth,r?r.clientWidth:0)-l),{width:l,height:c,x:f,y:u}}(y(t)))}function W(t){const e=R(t),n=["absolute","fixed"].includes(i(t).position)&&l(t)?O(t):t;return c(n)?e.filter((t=>c(t)&&function(t,e){const n=null==e.getRootNode?void 0:e.getRootNode();if(t.contains(e))return!0;if(n&&f(n)){let n=e;do{if(n&&t===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(t,n)&&"body"!==r(t))):[]}const j={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const r=[..."clippingAncestors"===n?W(e):[].concat(n),o],l=r[0],c=r.reduce(((t,n)=>{const o=C(e,n,i);return t.top=g(o.top,t.top),t.right=h(o.right,t.right),t.bottom=h(o.bottom,t.bottom),t.left=g(o.left,t.left),t}),C(e,l,i));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=l(n),c=y(n);if(n===c)return e;let f={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==r(n)||u(c))&&(f=w(n)),l(n))){const t=m(n,!0);s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}return{...e,x:e.x-f.scrollLeft+s.x,y:e.y-f.scrollTop+s.y}},isElement:c,getDimensions:T,getOffsetParent:O,getDocumentElement:y,getElementRects:t=>{let{reference:e,floating:n,strategy:o}=t;return{reference:v(e,O(n),o),floating:{...T(n),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===i(t).direction};Object.defineProperty(t,"arrow",{enumerable:!0,get:function(){return e.arrow}}),Object.defineProperty(t,"autoPlacement",{enumerable:!0,get:function(){return e.autoPlacement}}),Object.defineProperty(t,"detectOverflow",{enumerable:!0,get:function(){return e.detectOverflow}}),Object.defineProperty(t,"flip",{enumerable:!0,get:function(){return e.flip}}),Object.defineProperty(t,"hide",{enumerable:!0,get:function(){return e.hide}}),Object.defineProperty(t,"inline",{enumerable:!0,get:function(){return e.inline}}),Object.defineProperty(t,"limitShift",{enumerable:!0,get:function(){return e.limitShift}}),Object.defineProperty(t,"offset",{enumerable:!0,get:function(){return e.offset}}),Object.defineProperty(t,"shift",{enumerable:!0,get:function(){return e.shift}}),Object.defineProperty(t,"size",{enumerable:!0,get:function(){return e.size}}),t.autoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=!0,animationFrame:f=!1}=o;let u=!1;const s=i&&!f,d=r&&!f,a=l&&!f,h=s||d?[...c(t)?R(t):[],...R(e)]:[];h.forEach((t=>{s&&t.addEventListener("scroll",n,{passive:!0}),d&&t.addEventListener("resize",n)}));let g,p=null;a&&(p=new ResizeObserver(n),c(t)&&p.observe(t),p.observe(e));let y=f?m(t):null;return f&&function e(){if(u)return;const o=m(t);!y||o.x===y.x&&o.y===y.y&&o.width===y.width&&o.height===y.height||n();y=o,g=requestAnimationFrame(e)}(),()=>{var t;u=!0,h.forEach((t=>{s&&t.removeEventListener("scroll",n),d&&t.removeEventListener("resize",n)})),null==(t=p)||t.disconnect(),p=null,f&&cancelAnimationFrame(g)}},t.computePosition=(t,n,o)=>e.computePosition(t,n,{platform:j,...o}),t.getOverflowAncestors=R,Object.defineProperty(t,"__esModule",{value:!0})})); |
| { | ||
| "name": "@floating-ui/dom", | ||
| "version": "0.4.0", | ||
| "version": "0.4.1", | ||
| "@rollingversions": { | ||
@@ -60,3 +60,3 @@ "baseVersion": [ | ||
| "dependencies": { | ||
| "@floating-ui/core": "^0.6.0" | ||
| "@floating-ui/core": "^0.6.1" | ||
| }, | ||
@@ -63,0 +63,0 @@ "devDependencies": { |
@@ -1,2 +0,2 @@ | ||
| import type { Middleware, MiddlewareArguments, SideObject, ClientRectObject, Padding, ElementRects, Strategy, RootBoundary, Rect, Dimensions } from '@floating-ui/core'; | ||
| import type { Middleware as CoreMiddleware, SideObject, ClientRectObject, Padding, ElementRects, Strategy, RootBoundary, Rect, Dimensions, MiddlewareArguments as CoreMiddlewareArguments, MiddlewareReturn } from '@floating-ui/core'; | ||
| import type { Options as CoreDetectOverflowOptions } from '@floating-ui/core/src/detectOverflow'; | ||
@@ -19,2 +19,3 @@ import type { Options as AutoPlacementOptions } from '@floating-ui/core/src/middleware/autoPlacement'; | ||
| rootBoundary: RootBoundary; | ||
| strategy: Strategy; | ||
| }) => Promisable<Rect>; | ||
@@ -55,2 +56,8 @@ getDimensions: (element: Element) => Promisable<Dimensions>; | ||
| } | ||
| export declare type MiddlewareArguments = Omit<CoreMiddlewareArguments, 'elements'> & { | ||
| elements: Elements; | ||
| }; | ||
| export declare type Middleware = Omit<CoreMiddleware, 'fn'> & { | ||
| fn(args: MiddlewareArguments): Promisable<MiddlewareReturn>; | ||
| }; | ||
| /** | ||
@@ -106,5 +113,5 @@ * Automatically chooses the `placement` which has the most space available. | ||
| export { offset, limitShift, inline } from '@floating-ui/core'; | ||
| export type { Placement, Strategy, Middleware, Alignment, Side, AlignedPlacement, Axis, Length, Coords, SideObject, Dimensions, Rect, ElementRects, ElementContext, ClientRectObject, Padding, RootBoundary, MiddlewareArguments, MiddlewareReturn, MiddlewareData, ComputePositionConfig, ComputePositionReturn, } from '@floating-ui/core'; | ||
| export type { Placement, Strategy, Alignment, Side, AlignedPlacement, Axis, Length, Coords, SideObject, Dimensions, Rect, ElementRects, ElementContext, ClientRectObject, Padding, RootBoundary, MiddlewareReturn, MiddlewareData, ComputePositionConfig, ComputePositionReturn, } from '@floating-ui/core'; | ||
| export { computePosition } from './'; | ||
| export { autoUpdate } from './autoUpdate'; | ||
| export { getOverflowAncestors } from './utils/getOverflowAncestors'; |
| import type { ClientRectObject, VirtualElement } from '@floating-ui/core'; | ||
| export declare function getBoundingClientRect(element: Element | VirtualElement, includeScale?: boolean): ClientRectObject; | ||
| export declare function getBoundingClientRect(element: Element | VirtualElement, includeScale?: boolean, isFixedStrategy?: boolean): ClientRectObject; |
@@ -1,6 +0,7 @@ | ||
| import { Boundary, RootBoundary, Rect } from '@floating-ui/core'; | ||
| export declare function getClippingRect({ element, boundary, rootBoundary, }: { | ||
| import { Boundary, RootBoundary, Rect, Strategy } from '@floating-ui/core'; | ||
| export declare function getClippingRect({ element, boundary, rootBoundary, strategy, }: { | ||
| element: Element; | ||
| boundary: Boundary; | ||
| rootBoundary: RootBoundary; | ||
| strategy: Strategy; | ||
| }): Rect; |
@@ -1,2 +0,2 @@ | ||
| import type { Rect } from '@floating-ui/core'; | ||
| export declare function getViewportRect(element: Element): Rect; | ||
| import type { Rect, Strategy } from '@floating-ui/core'; | ||
| export declare function getViewportRect(element: Element, strategy: Strategy): Rect; |
@@ -16,1 +16,2 @@ declare global { | ||
| export declare function isContainingBlock(element: Element): boolean; | ||
| export declare function isLayoutViewport(): boolean; |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by3.19%
101405
- Lines of code
- increased by3.37%
2302
Dependency changes
Updated@floating-ui/core@^0.6.1