🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
@floating-ui/dom
Advanced tools
@floating-ui/dom - npm Package Compare versions
Comparing version 1.0.4 to 1.0.5
@@ -72,7 +72,8 @@ import { rectToClientRect, computePosition as computePosition$1 } from '@floating-ui/core'; | ||
| const isFirefox = /firefox/i.test(getUAString()); | ||
| const css = getComputedStyle(element); // This is non-exhaustive but covers the most common CSS properties that | ||
| const css = getComputedStyle(element); | ||
| const backdropFilter = css.backdropFilter || css.WebkitBackdropFilter; // This is non-exhaustive but covers the most common CSS properties that | ||
| // create a containing block. | ||
| // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block | ||
| return css.transform !== 'none' || css.perspective !== 'none' || isFirefox && css.willChange === 'filter' || isFirefox && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective'].some(value => css.willChange.includes(value)) || ['paint', 'layout', 'strict', 'content'].some( // TS 4.1 compat | ||
| return css.transform !== 'none' || css.perspective !== 'none' || (backdropFilter ? backdropFilter !== 'none' : false) || isFirefox && css.willChange === 'filter' || isFirefox && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective'].some(value => css.willChange.includes(value)) || ['paint', 'layout', 'strict', 'content'].some( // TS 4.1 compat | ||
| value => { | ||
@@ -207,10 +208,8 @@ const contain = css.contain; | ||
| return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle | ||
| // @ts-ignore | ||
| node.assignedSlot || // step into the shadow DOM of the parent of a slotted node | ||
| node.parentNode || ( // DOM Element detected | ||
| isShadowRoot(node) ? node.host : null) || // ShadowRoot detected | ||
| getDocumentElement(node) // fallback | ||
| ); | ||
| const result = // Step into the shadow DOM of the parent of a slotted node | ||
| node.assignedSlot || // DOM Element detected | ||
| node.parentNode || ( // ShadowRoot detected | ||
| isShadowRoot(node) ? node.host : null) || // Fallback | ||
| getDocumentElement(node); | ||
| return isShadowRoot(result) ? result.host : result; | ||
| } | ||
@@ -229,6 +228,2 @@ | ||
| if (isShadowRoot(currentNode)) { | ||
| currentNode = currentNode.host; | ||
| } | ||
| while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) { | ||
@@ -238,4 +233,3 @@ if (isContainingBlock(currentNode)) { | ||
| } else { | ||
| const parent = currentNode.parentNode; | ||
| currentNode = isShadowRoot(parent) ? parent.host : parent; | ||
| currentNode = getParentNode(currentNode); | ||
| } | ||
@@ -407,41 +401,2 @@ } | ||
| function contains(parent, child) { | ||
| const rootNode = child.getRootNode == null ? void 0 : child.getRootNode(); // First, attempt with faster native method | ||
| if (parent.contains(child)) { | ||
| return true; | ||
| } // then fallback to custom implementation with Shadow DOM support | ||
| else if (rootNode && isShadowRoot(rootNode)) { | ||
| let next = child; | ||
| do { | ||
| // use `===` replace node.isSameNode() | ||
| if (next && parent === next) { | ||
| return true; | ||
| } // @ts-ignore: need a better way to handle this... | ||
| next = next.parentNode || next.host; | ||
| } while (next); | ||
| } | ||
| return false; | ||
| } | ||
| function getNearestParentCapableOfEscapingClipping(element, clippingAncestors) { | ||
| let currentNode = element; | ||
| while (currentNode && !isLastTraversableNode(currentNode) && // @ts-expect-error | ||
| !clippingAncestors.includes(currentNode)) { | ||
| if (isElement(currentNode) && ['absolute', 'fixed'].includes(getComputedStyle(currentNode).position)) { | ||
| break; | ||
| } | ||
| const parentNode = getParentNode(currentNode); | ||
| currentNode = isShadowRoot(parentNode) ? parentNode.host : parentNode; | ||
| } | ||
| return currentNode; | ||
| } | ||
| function getInnerBoundingClientRect(element, strategy) { | ||
@@ -463,9 +418,9 @@ const clientRect = getBoundingClientRect(element, false, strategy === 'fixed'); | ||
| function getClientRectFromClippingAncestor(element, clippingParent, strategy) { | ||
| if (clippingParent === 'viewport') { | ||
| function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) { | ||
| if (clippingAncestor === 'viewport') { | ||
| return rectToClientRect(getViewportRect(element, strategy)); | ||
| } | ||
| if (isElement(clippingParent)) { | ||
| return getInnerBoundingClientRect(clippingParent, strategy); | ||
| if (isElement(clippingAncestor)) { | ||
| return getInnerBoundingClientRect(clippingAncestor, strategy); | ||
| } | ||
@@ -479,23 +434,22 @@ | ||
| function getClippingAncestors(element) { | ||
| const clippingAncestors = getOverflowAncestors(element); | ||
| const nearestEscapableParent = getNearestParentCapableOfEscapingClipping(element, clippingAncestors); | ||
| let clipperElement = null; | ||
| function getClippingElementAncestors(element) { | ||
| let result = getOverflowAncestors(element).filter(el => isElement(el)); | ||
| let currentNode = element; | ||
| let currentContainingBlockComputedStyle = null; // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block | ||
| if (nearestEscapableParent && isHTMLElement(nearestEscapableParent)) { | ||
| const offsetParent = getOffsetParent(nearestEscapableParent); | ||
| while (isElement(currentNode) && !isLastTraversableNode(currentNode)) { | ||
| const computedStyle = getComputedStyle(currentNode); | ||
| if (isOverflowElement(nearestEscapableParent)) { | ||
| clipperElement = nearestEscapableParent; | ||
| } else if (isHTMLElement(offsetParent)) { | ||
| clipperElement = offsetParent; | ||
| if (computedStyle.position === 'static' && currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) && !isContainingBlock(currentNode)) { | ||
| // Drop non-containing blocks | ||
| result = result.filter(ancestor => ancestor !== currentNode); | ||
| } else { | ||
| // Record last containing block for next iteration | ||
| currentContainingBlockComputedStyle = computedStyle; | ||
| } | ||
| currentNode = getParentNode(currentNode); | ||
| } | ||
| if (!isElement(clipperElement)) { | ||
| return []; | ||
| } // @ts-ignore isElement check ensures we return Array<Element> | ||
| return clippingAncestors.filter(clippingAncestors => clipperElement && isElement(clippingAncestors) && contains(clippingAncestors, clipperElement) && getNodeName(clippingAncestors) !== 'body'); | ||
| return result; | ||
| } // Gets the maximum area that the element is visible in due to any number of | ||
@@ -512,4 +466,4 @@ // clipping ancestors | ||
| } = _ref; | ||
| const mainClippingAncestors = boundary === 'clippingAncestors' ? getClippingAncestors(element) : [].concat(boundary); | ||
| const clippingAncestors = [...mainClippingAncestors, rootBoundary]; | ||
| const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element) : [].concat(boundary); | ||
| const clippingAncestors = [...elementClippingAncestors, rootBoundary]; | ||
| const firstClippingAncestor = clippingAncestors[0]; | ||
@@ -516,0 +470,0 @@ const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => { |
@@ -75,7 +75,8 @@ (function (global, factory) { | ||
| const isFirefox = /firefox/i.test(getUAString()); | ||
| const css = getComputedStyle(element); // This is non-exhaustive but covers the most common CSS properties that | ||
| const css = getComputedStyle(element); | ||
| const backdropFilter = css.backdropFilter || css.WebkitBackdropFilter; // This is non-exhaustive but covers the most common CSS properties that | ||
| // create a containing block. | ||
| // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block | ||
| return css.transform !== 'none' || css.perspective !== 'none' || isFirefox && css.willChange === 'filter' || isFirefox && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective'].some(value => css.willChange.includes(value)) || ['paint', 'layout', 'strict', 'content'].some( // TS 4.1 compat | ||
| return css.transform !== 'none' || css.perspective !== 'none' || (backdropFilter ? backdropFilter !== 'none' : false) || isFirefox && css.willChange === 'filter' || isFirefox && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective'].some(value => css.willChange.includes(value)) || ['paint', 'layout', 'strict', 'content'].some( // TS 4.1 compat | ||
| value => { | ||
@@ -210,10 +211,8 @@ const contain = css.contain; | ||
| return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle | ||
| // @ts-ignore | ||
| node.assignedSlot || // step into the shadow DOM of the parent of a slotted node | ||
| node.parentNode || ( // DOM Element detected | ||
| isShadowRoot(node) ? node.host : null) || // ShadowRoot detected | ||
| getDocumentElement(node) // fallback | ||
| ); | ||
| const result = // Step into the shadow DOM of the parent of a slotted node | ||
| node.assignedSlot || // DOM Element detected | ||
| node.parentNode || ( // ShadowRoot detected | ||
| isShadowRoot(node) ? node.host : null) || // Fallback | ||
| getDocumentElement(node); | ||
| return isShadowRoot(result) ? result.host : result; | ||
| } | ||
@@ -232,6 +231,2 @@ | ||
| if (isShadowRoot(currentNode)) { | ||
| currentNode = currentNode.host; | ||
| } | ||
| while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) { | ||
@@ -241,4 +236,3 @@ if (isContainingBlock(currentNode)) { | ||
| } else { | ||
| const parent = currentNode.parentNode; | ||
| currentNode = isShadowRoot(parent) ? parent.host : parent; | ||
| currentNode = getParentNode(currentNode); | ||
| } | ||
@@ -410,41 +404,2 @@ } | ||
| function contains(parent, child) { | ||
| const rootNode = child.getRootNode == null ? void 0 : child.getRootNode(); // First, attempt with faster native method | ||
| if (parent.contains(child)) { | ||
| return true; | ||
| } // then fallback to custom implementation with Shadow DOM support | ||
| else if (rootNode && isShadowRoot(rootNode)) { | ||
| let next = child; | ||
| do { | ||
| // use `===` replace node.isSameNode() | ||
| if (next && parent === next) { | ||
| return true; | ||
| } // @ts-ignore: need a better way to handle this... | ||
| next = next.parentNode || next.host; | ||
| } while (next); | ||
| } | ||
| return false; | ||
| } | ||
| function getNearestParentCapableOfEscapingClipping(element, clippingAncestors) { | ||
| let currentNode = element; | ||
| while (currentNode && !isLastTraversableNode(currentNode) && // @ts-expect-error | ||
| !clippingAncestors.includes(currentNode)) { | ||
| if (isElement(currentNode) && ['absolute', 'fixed'].includes(getComputedStyle(currentNode).position)) { | ||
| break; | ||
| } | ||
| const parentNode = getParentNode(currentNode); | ||
| currentNode = isShadowRoot(parentNode) ? parentNode.host : parentNode; | ||
| } | ||
| return currentNode; | ||
| } | ||
| function getInnerBoundingClientRect(element, strategy) { | ||
@@ -466,9 +421,9 @@ const clientRect = getBoundingClientRect(element, false, strategy === 'fixed'); | ||
| function getClientRectFromClippingAncestor(element, clippingParent, strategy) { | ||
| if (clippingParent === 'viewport') { | ||
| function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) { | ||
| if (clippingAncestor === 'viewport') { | ||
| return core.rectToClientRect(getViewportRect(element, strategy)); | ||
| } | ||
| if (isElement(clippingParent)) { | ||
| return getInnerBoundingClientRect(clippingParent, strategy); | ||
| if (isElement(clippingAncestor)) { | ||
| return getInnerBoundingClientRect(clippingAncestor, strategy); | ||
| } | ||
@@ -482,23 +437,22 @@ | ||
| function getClippingAncestors(element) { | ||
| const clippingAncestors = getOverflowAncestors(element); | ||
| const nearestEscapableParent = getNearestParentCapableOfEscapingClipping(element, clippingAncestors); | ||
| let clipperElement = null; | ||
| function getClippingElementAncestors(element) { | ||
| let result = getOverflowAncestors(element).filter(el => isElement(el)); | ||
| let currentNode = element; | ||
| let currentContainingBlockComputedStyle = null; // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block | ||
| if (nearestEscapableParent && isHTMLElement(nearestEscapableParent)) { | ||
| const offsetParent = getOffsetParent(nearestEscapableParent); | ||
| while (isElement(currentNode) && !isLastTraversableNode(currentNode)) { | ||
| const computedStyle = getComputedStyle(currentNode); | ||
| if (isOverflowElement(nearestEscapableParent)) { | ||
| clipperElement = nearestEscapableParent; | ||
| } else if (isHTMLElement(offsetParent)) { | ||
| clipperElement = offsetParent; | ||
| if (computedStyle.position === 'static' && currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) && !isContainingBlock(currentNode)) { | ||
| // Drop non-containing blocks | ||
| result = result.filter(ancestor => ancestor !== currentNode); | ||
| } else { | ||
| // Record last containing block for next iteration | ||
| currentContainingBlockComputedStyle = computedStyle; | ||
| } | ||
| currentNode = getParentNode(currentNode); | ||
| } | ||
| if (!isElement(clipperElement)) { | ||
| return []; | ||
| } // @ts-ignore isElement check ensures we return Array<Element> | ||
| return clippingAncestors.filter(clippingAncestors => clipperElement && isElement(clippingAncestors) && contains(clippingAncestors, clipperElement) && getNodeName(clippingAncestors) !== 'body'); | ||
| return result; | ||
| } // Gets the maximum area that the element is visible in due to any number of | ||
@@ -515,4 +469,4 @@ // clipping ancestors | ||
| } = _ref; | ||
| const mainClippingAncestors = boundary === 'clippingAncestors' ? getClippingAncestors(element) : [].concat(boundary); | ||
| const clippingAncestors = [...mainClippingAncestors, rootBoundary]; | ||
| const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element) : [].concat(boundary); | ||
| const clippingAncestors = [...elementClippingAncestors, rootBoundary]; | ||
| const firstClippingAncestor = clippingAncestors[0]; | ||
@@ -519,0 +473,0 @@ const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => { |
@@ -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 t&&t.document&&t.location&&t.alert&&t.setInterval}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(){const t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((t=>t.brand+"/"+t.version)).join(" "):navigator.userAgent}function c(t){return t instanceof o(t).HTMLElement}function f(t){return t instanceof o(t).Element}function u(t){if("undefined"==typeof ShadowRoot)return!1;return t instanceof o(t).ShadowRoot||t instanceof ShadowRoot}function s(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=i(t);return/auto|scroll|overlay|hidden/.test(e+o+n)&&!["inline","contents"].includes(r)}function d(t){return["table","td","th"].includes(r(t))}function a(t){const e=/firefox/i.test(l()),n=i(t);return"none"!==n.transform||"none"!==n.perspective||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function h(){return!/^((?!chrome|android).)*safari/i.test(l())}function g(t){return["html","body","#document"].includes(r(t))}const p=Math.min,m=Math.max,y=Math.round;function w(t,e,n){var i,r,l,u;void 0===e&&(e=!1),void 0===n&&(n=!1);const s=t.getBoundingClientRect();let d=1,a=1;e&&c(t)&&(d=t.offsetWidth>0&&y(s.width)/t.offsetWidth||1,a=t.offsetHeight>0&&y(s.height)/t.offsetHeight||1);const g=f(t)?o(t):window,p=!h()&&n,m=(s.left+(p&&null!=(i=null==(r=g.visualViewport)?void 0:r.offsetLeft)?i:0))/d,w=(s.top+(p&&null!=(l=null==(u=g.visualViewport)?void 0:u.offsetTop)?l:0))/a,b=s.width/d,v=s.height/a;return{width:b,height:v,top:w,right:m+b,bottom:w+v,left:m,x:m,y:w}}function b(t){return(e=t,(e instanceof o(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function v(t){return f(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function x(t){return w(b(t)).left+v(t).scrollLeft}function L(t,e,n){const o=c(e),i=b(e),l=w(t,o&&function(t){const e=w(t);return y(e.width)!==t.offsetWidth||y(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)),c(e)){const t=w(e,!0);u.x=t.x+e.clientLeft,u.y=t.y+e.clientTop}else i&&(u.x=x(i));return{x:l.left+f.scrollLeft-u.x,y:l.top+f.scrollTop-u.y,width:l.width,height:l.height}}function O(t){return"html"===r(t)?t:t.assignedSlot||t.parentNode||(u(t)?t.host:null)||b(t)}function R(t){return c(t)&&"fixed"!==i(t).position?t.offsetParent:null}function T(t){const e=o(t);let n=R(t);for(;n&&d(n)&&"static"===i(n).position;)n=R(n);return n&&("html"===r(n)||"body"===r(n)&&"static"===i(n).position&&!a(n))?e:n||function(t){let e=O(t);for(u(e)&&(e=e.host);c(e)&&!g(e);){if(a(e))return e;{const t=e.parentNode;e=u(t)?t.host:t}}return null}(t)||e}function P(t){if(c(t))return{width:t.offsetWidth,height:t.offsetHeight};const e=w(t);return{width:e.width,height:e.height}}function E(t){const e=O(t);return g(e)?t.ownerDocument.body:c(e)&&s(e)?e:E(e)}function j(t,e){var n;void 0===e&&(e=[]);const i=E(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(j(c))}function W(t,n,r){return"viewport"===n?e.rectToClientRect(function(t,e){const n=o(t),i=b(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=h();(t||!t&&"fixed"===e)&&(f=r.offsetLeft,u=r.offsetTop)}return{width:l,height:c,x:f,y:u}}(t,r)):f(n)?function(t,e){const n=w(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=b(t),o=v(t),r=null==(e=t.ownerDocument)?void 0:e.body,l=m(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),c=m(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let f=-o.scrollLeft+x(t);const u=-o.scrollTop;return"rtl"===i(r||n).direction&&(f+=m(n.clientWidth,r?r.clientWidth:0)-l),{width:l,height:c,x:f,y:u}}(b(t)))}function H(t){const e=j(t),n=function(t,e){let n=t;for(;n&&!g(n)&&!e.includes(n)&&(!f(n)||!["absolute","fixed"].includes(i(n).position));){const t=O(n);n=u(t)?t.host:t}return n}(t,e);let o=null;if(n&&c(n)){const t=T(n);s(n)?o=n:c(t)&&(o=t)}return f(o)?e.filter((t=>o&&f(t)&&function(t,e){const n=null==e.getRootNode?void 0:e.getRootNode();if(t.contains(e))return!0;if(n&&u(n)){let n=e;do{if(n&&t===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(t,o)&&"body"!==r(t))):[]}const C={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=W(e,n,i);return t.top=m(o.top,t.top),t.right=p(o.right,t.right),t.bottom=p(o.bottom,t.bottom),t.left=m(o.left,t.left),t}),W(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=c(n),l=b(n);if(n===l)return e;let f={scrollLeft:0,scrollTop:0};const u={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==r(n)||s(l))&&(f=v(n)),c(n))){const t=w(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:f,getDimensions:P,getOffsetParent:T,getDocumentElement:b,getElementRects:t=>{let{reference:e,floating:n,strategy:o}=t;return{reference:L(e,T(n),o),floating:{...P(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:c=!1}=o,u=i&&!c,s=u||r?[...f(t)?j(t):t.contextElement?j(t.contextElement):[],...j(e)]:[];s.forEach((t=>{u&&t.addEventListener("scroll",n,{passive:!0}),r&&t.addEventListener("resize",n)}));let d,a=null;if(l){let o=!0;a=new ResizeObserver((()=>{o||n(),o=!1})),f(t)&&!c&&a.observe(t),f(t)||!t.contextElement||c||a.observe(t.contextElement),a.observe(e)}let h=c?w(t):null;return c&&function e(){const o=w(t);!h||o.x===h.x&&o.y===h.y&&o.width===h.width&&o.height===h.height||n();h=o,d=requestAnimationFrame(e)}(),n(),()=>{var t;s.forEach((t=>{u&&t.removeEventListener("scroll",n),r&&t.removeEventListener("resize",n)})),null==(t=a)||t.disconnect(),a=null,c&&cancelAnimationFrame(d)}},t.computePosition=(t,n,o)=>e.computePosition(t,n,{platform:C,...o}),t.getOverflowAncestors=j,t.platform=C,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 t&&t.document&&t.location&&t.alert&&t.setInterval}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(){const t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((t=>t.brand+"/"+t.version)).join(" "):navigator.userAgent}function c(t){return t instanceof o(t).HTMLElement}function f(t){return t instanceof o(t).Element}function u(t){if("undefined"==typeof ShadowRoot)return!1;return t instanceof o(t).ShadowRoot||t instanceof ShadowRoot}function s(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=i(t);return/auto|scroll|overlay|hidden/.test(e+o+n)&&!["inline","contents"].includes(r)}function d(t){return["table","td","th"].includes(r(t))}function a(t){const e=/firefox/i.test(l()),n=i(t),o=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!o&&"none"!==o||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function h(){return!/^((?!chrome|android).)*safari/i.test(l())}function p(t){return["html","body","#document"].includes(r(t))}const g=Math.min,m=Math.max,y=Math.round;function w(t,e,n){var i,r,l,u;void 0===e&&(e=!1),void 0===n&&(n=!1);const s=t.getBoundingClientRect();let d=1,a=1;e&&c(t)&&(d=t.offsetWidth>0&&y(s.width)/t.offsetWidth||1,a=t.offsetHeight>0&&y(s.height)/t.offsetHeight||1);const p=f(t)?o(t):window,g=!h()&&n,m=(s.left+(g&&null!=(i=null==(r=p.visualViewport)?void 0:r.offsetLeft)?i:0))/d,w=(s.top+(g&&null!=(l=null==(u=p.visualViewport)?void 0:u.offsetTop)?l:0))/a,b=s.width/d,v=s.height/a;return{width:b,height:v,top:w,right:m+b,bottom:w+v,left:m,x:m,y:w}}function b(t){return(e=t,(e instanceof o(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function v(t){return f(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function x(t){return w(b(t)).left+v(t).scrollLeft}function L(t,e,n){const o=c(e),i=b(e),l=w(t,o&&function(t){const e=w(t);return y(e.width)!==t.offsetWidth||y(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)),c(e)){const t=w(e,!0);u.x=t.x+e.clientLeft,u.y=t.y+e.clientTop}else i&&(u.x=x(i));return{x:l.left+f.scrollLeft-u.x,y:l.top+f.scrollTop-u.y,width:l.width,height:l.height}}function O(t){if("html"===r(t))return t;const e=t.assignedSlot||t.parentNode||(u(t)?t.host:null)||b(t);return u(e)?e.host:e}function T(t){return c(t)&&"fixed"!==i(t).position?t.offsetParent:null}function P(t){const e=o(t);let n=T(t);for(;n&&d(n)&&"static"===i(n).position;)n=T(n);return n&&("html"===r(n)||"body"===r(n)&&"static"===i(n).position&&!a(n))?e:n||function(t){let e=O(t);for(;c(e)&&!p(e);){if(a(e))return e;e=O(e)}return null}(t)||e}function R(t){if(c(t))return{width:t.offsetWidth,height:t.offsetHeight};const e=w(t);return{width:e.width,height:e.height}}function E(t){const e=O(t);return p(e)?t.ownerDocument.body:c(e)&&s(e)?e:E(e)}function W(t,e){var n;void 0===e&&(e=[]);const i=E(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(c))}function j(t,n,r){return"viewport"===n?e.rectToClientRect(function(t,e){const n=o(t),i=b(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=h();(t||!t&&"fixed"===e)&&(f=r.offsetLeft,u=r.offsetTop)}return{width:l,height:c,x:f,y:u}}(t,r)):f(n)?function(t,e){const n=w(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=b(t),o=v(t),r=null==(e=t.ownerDocument)?void 0:e.body,l=m(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),c=m(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let f=-o.scrollLeft+x(t);const u=-o.scrollTop;return"rtl"===i(r||n).direction&&(f+=m(n.clientWidth,r?r.clientWidth:0)-l),{width:l,height:c,x:f,y:u}}(b(t)))}const H={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t;const l="clippingAncestors"===n?function(t){let e=W(t).filter((t=>f(t))),n=t,o=null;for(;f(n)&&!p(n);){const t=i(n);"static"===t.position&&o&&["absolute","fixed"].includes(o.position)&&!a(n)?e=e.filter((t=>t!==n)):o=t,n=O(n)}return e}(e):[].concat(n),c=[...l,o],u=c[0],s=c.reduce(((t,n)=>{const o=j(e,n,r);return t.top=m(o.top,t.top),t.right=g(o.right,t.right),t.bottom=g(o.bottom,t.bottom),t.left=m(o.left,t.left),t}),j(e,u,r));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=c(n),l=b(n);if(n===l)return e;let f={scrollLeft:0,scrollTop:0};const u={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==r(n)||s(l))&&(f=v(n)),c(n))){const t=w(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:f,getDimensions:R,getOffsetParent:P,getDocumentElement:b,getElementRects:t=>{let{reference:e,floating:n,strategy:o}=t;return{reference:L(e,P(n),o),floating:{...R(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:c=!1}=o,u=i&&!c,s=u||r?[...f(t)?W(t):t.contextElement?W(t.contextElement):[],...W(e)]:[];s.forEach((t=>{u&&t.addEventListener("scroll",n,{passive:!0}),r&&t.addEventListener("resize",n)}));let d,a=null;if(l){let o=!0;a=new ResizeObserver((()=>{o||n(),o=!1})),f(t)&&!c&&a.observe(t),f(t)||!t.contextElement||c||a.observe(t.contextElement),a.observe(e)}let h=c?w(t):null;return c&&function e(){const o=w(t);!h||o.x===h.x&&o.y===h.y&&o.width===h.width&&o.height===h.height||n();h=o,d=requestAnimationFrame(e)}(),n(),()=>{var t;s.forEach((t=>{u&&t.removeEventListener("scroll",n),r&&t.removeEventListener("resize",n)})),null==(t=a)||t.disconnect(),a=null,c&&cancelAnimationFrame(d)}},t.computePosition=(t,n,o)=>e.computePosition(t,n,{platform:H,...o}),t.getOverflowAncestors=W,t.platform=H,Object.defineProperty(t,"__esModule",{value:!0})})); |
| { | ||
| "name": "@floating-ui/dom", | ||
| "version": "1.0.4", | ||
| "version": "1.0.5", | ||
| "@rollingversions": { | ||
@@ -64,3 +64,3 @@ "baseVersion": [ | ||
| "dependencies": { | ||
| "@floating-ui/core": "^1.0.1" | ||
| "@floating-ui/core": "^1.0.2" | ||
| }, | ||
@@ -67,0 +67,0 @@ "devDependencies": { |
@@ -47,3 +47,3 @@ import type { AutoPlacementOptions, ClientRectObject, DetectOverflowOptions as CoreDetectOverflowOptions, Dimensions, ElementRects, FlipOptions, HideOptions, Middleware as CoreMiddleware, MiddlewareArguments as CoreMiddlewareArguments, MiddlewareReturn, Padding, Rect, RootBoundary, ShiftOptions, SideObject, SizeOptions as CoreSizeOptions, Strategy, ComputePositionConfig as CoreComputePositionConfig } from '@floating-ui/core'; | ||
| export declare type ComputePositionConfig = Omit<CoreComputePositionConfig, 'middleware' | 'platform'> & { | ||
| middleware?: Middleware[]; | ||
| middleware?: Array<Middleware | null | undefined | false>; | ||
| platform?: Platform; | ||
@@ -50,0 +50,0 @@ }; |
@@ -13,3 +13,3 @@ declare global { | ||
| export declare function isShadowRoot(node: Node): node is ShadowRoot; | ||
| export declare function isOverflowElement(element: HTMLElement): boolean; | ||
| export declare function isOverflowElement(element: Element): boolean; | ||
| export declare function isTableElement(element: Element): boolean; | ||
@@ -16,0 +16,0 @@ export declare function isContainingBlock(element: Element): boolean; |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No alert changes
Worsened metrics
- Total package byte prevSize
106132
-4.52%- Number of package files
34
-2.86%- Lines of code
2326
-5.49%Dependency changes
Updated
@floating-ui/core@^1.0.2