@aglyn/shared-util-dom 1.0.0-beta.143

package/src/lib/get-element-fragment-rects.js

@@ -0,0 +1,113 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { getElementClientRectBounding } from "./get-element-client-rect-bounding.js";
+/**
+ * Where an element actually is, as the set of boxes it really occupies
+ * (AGL-2486).
+ *
+ * ## The defect this exists for
+ *
+ * The besigner draws selection, hover, the drag affordance and the
+ * collaborator selection boxes from element geometry. Taking that from ONE
+ * `getBoundingClientRect()` is right for a block. For an inline run that has
+ * wrapped it is not merely imprecise — it is a different shape.
+ * An inline element is a set of line fragments; its bounding rect is their
+ * union, which covers the empty space to the right of a short last line, and
+ * — when the run starts mid-line — the whole left gutter of the first line,
+ * where a *sibling's* text is. So the outline both fails to wrap what the
+ * element is and claims pixels that belong to something else.
+ *
+ * ## Why per-fragment rather than the union
+ *
+ * A union box is one element and cheap, and for HOVER it is arguably honest.
+ * But selection is a persistent statement about what the panels on the right
+ * are editing, and a union box makes that statement about pixels the element
+ * does not own. That is the same lie in a smaller form. Per-fragment is what
+ * a browser's own selection highlight does, and it is the only shape that is
+ * true at every wrap.
+ *
+ * ## Blocks are not routed through a fragment path
+ *
+ * The overwhelming majority of canvas nodes are blocks, and their geometry is
+ * correct today. When the element yields at most one client rect this returns
+ * the union OBJECT ITSELF for `fragments[0]`, `first` and `union` — the same
+ * value the old single-rect code produced, from the same call. Blocks do not
+ * take a different code path that merely happens to agree; there is nothing
+ * for them to disagree with. `get-element-fragment-rects.spec.ts` pins that.
+ *
+ * ## The shadow boundary and the device preview
+ *
+ * `getClientRects()` is a LAYOUT query on `Element`, not a tree lookup, so it
+ * reads identically for an element inside the canvas's CLOSED shadow root —
+ * verified in the running besigner on 2026-08-23, where a wrapped
+ * `<aglyn-text>` inside the closed root returned 3 fragments while its
+ * `getBoundingClientRect()` returned their union. This is unlike
+ * `elementFromPoint`, which retargets to the host because it returns a node
+ * from the light tree.
+ *
+ * Both calls return coordinates in the same viewport space with every
+ * ancestor transform already applied, so the artboard's device preview — and
+ * any future pan/zoom transform — needs no handling here, exactly as it
+ * needed none for the single rect.
+ */ export function getElementFragmentRects(element) {
+    const union = getElementClientRectBounding(element);
+    const list = element && typeof element.getClientRects === 'function' ? element.getClientRects() : null;
+    // No layout, or a single fragment: the union IS the answer, and it is the
+    // very same value the pre-AGL-2486 code drew from. Blocks land here.
+    if (!list || list.length <= 1) {
+        return {
+            fragments: [
+                union
+            ],
+            union,
+            first: union
+        };
+    }
+    const fragments = [];
+    for(let index = 0; index < list.length; index += 1){
+        const rect = list[index];
+        // A wrapped run can report degenerate boxes — a zero-width rect at a soft
+        // break, or a zero-height one for a collapsed line. Drawing chrome on
+        // those produces a stray hairline next to the real outline, which reads
+        // as a second selected thing.
+        if (!(rect.width > 0) || !(rect.height > 0)) continue;
+        fragments.push({
+            width: rect.width,
+            height: rect.height,
+            top: rect.top,
+            right: rect.right,
+            bottom: rect.bottom,
+            left: rect.left,
+            x: rect.left,
+            y: rect.top
+        });
+    }
+    if (!fragments.length) return {
+        fragments: [
+            union
+        ],
+        union,
+        first: union
+    };
+    return {
+        fragments,
+        union,
+        first: fragments[0]
+    };
+}
+export default getElementFragmentRects;
+
+//# sourceMappingURL=get-element-fragment-rects.js.map

package/src/lib/get-element-fragment-rects.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/shared/util/dom/src/lib/get-element-fragment-rects.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  type BoundingClientRect,\n  getElementClientRectBounding,\n} from './get-element-client-rect-bounding'\n\nexport interface ElementFragmentRects {\n  /**\n   * One box per LINE FRAGMENT, in viewport pixels, in content order.\n   *\n   * A block has exactly one. An inline run that has wrapped has one per line\n   * it occupies, and no single rectangle describes it.\n   */\n  fragments: BoundingClientRect[]\n  /**\n   * The union of `fragments` — by definition identical to\n   * `getBoundingClientRect()`, which the CSSOM spec defines as the union of\n   * `getClientRects()`.\n   */\n  union: BoundingClientRect\n  /**\n   * The fragment the run STARTS on, i.e. `fragments[0]`.\n   *\n   * This is the anchor for anything that must sit at \"the element\", because\n   * the union's top-left can be a point the element does not occupy: an\n   * inline run that begins mid-line and wraps has a union whose left edge\n   * comes from the SECOND line, so chrome placed there floats over a sibling\n   * rather than over the element it names.\n   */\n  first: BoundingClientRect\n}\n\n/**\n * Where an element actually is, as the set of boxes it really occupies\n * (AGL-2486).\n *\n * ## The defect this exists for\n *\n * The besigner draws selection, hover, the drag affordance and the\n * collaborator selection boxes from element geometry. Taking that from ONE\n * `getBoundingClientRect()` is right for a block. For an inline run that has\n * wrapped it is not merely imprecise — it is a different shape.\n * An inline element is a set of line fragments; its bounding rect is their\n * union, which covers the empty space to the right of a short last line, and\n * — when the run starts mid-line — the whole left gutter of the first line,\n * where a *sibling's* text is. So the outline both fails to wrap what the\n * element is and claims pixels that belong to something else.\n *\n * ## Why per-fragment rather than the union\n *\n * A union box is one element and cheap, and for HOVER it is arguably honest.\n * But selection is a persistent statement about what the panels on the right\n * are editing, and a union box makes that statement about pixels the element\n * does not own. That is the same lie in a smaller form. Per-fragment is what\n * a browser's own selection highlight does, and it is the only shape that is\n * true at every wrap.\n *\n * ## Blocks are not routed through a fragment path\n *\n * The overwhelming majority of canvas nodes are blocks, and their geometry is\n * correct today. When the element yields at most one client rect this returns\n * the union OBJECT ITSELF for `fragments[0]`, `first` and `union` — the same\n * value the old single-rect code produced, from the same call. Blocks do not\n * take a different code path that merely happens to agree; there is nothing\n * for them to disagree with. `get-element-fragment-rects.spec.ts` pins that.\n *\n * ## The shadow boundary and the device preview\n *\n * `getClientRects()` is a LAYOUT query on `Element`, not a tree lookup, so it\n * reads identically for an element inside the canvas's CLOSED shadow root —\n * verified in the running besigner on 2026-08-23, where a wrapped\n * `<aglyn-text>` inside the closed root returned 3 fragments while its\n * `getBoundingClientRect()` returned their union. This is unlike\n * `elementFromPoint`, which retargets to the host because it returns a node\n * from the light tree.\n *\n * Both calls return coordinates in the same viewport space with every\n * ancestor transform already applied, so the artboard's device preview — and\n * any future pan/zoom transform — needs no handling here, exactly as it\n * needed none for the single rect.\n */\nexport function getElementFragmentRects(\n  element: Element | null | undefined,\n): ElementFragmentRects {\n  const union = getElementClientRectBounding(element as Element)\n\n  const list =\n    element && typeof (element as Element).getClientRects === 'function'\n      ? (element as Element).getClientRects()\n      : null\n\n  // No layout, or a single fragment: the union IS the answer, and it is the\n  // very same value the pre-AGL-2486 code drew from. Blocks land here.\n  if (!list || list.length <= 1) {\n    return { fragments: [union], union, first: union }\n  }\n\n  const fragments: BoundingClientRect[] = []\n  for (let index = 0; index < list.length; index += 1) {\n    const rect = list[index]\n    // A wrapped run can report degenerate boxes — a zero-width rect at a soft\n    // break, or a zero-height one for a collapsed line. Drawing chrome on\n    // those produces a stray hairline next to the real outline, which reads\n    // as a second selected thing.\n    if (!(rect.width > 0) || !(rect.height > 0)) continue\n    fragments.push({\n      width: rect.width,\n      height: rect.height,\n      top: rect.top,\n      right: rect.right,\n      bottom: rect.bottom,\n      left: rect.left,\n      x: rect.left,\n      y: rect.top,\n    })\n  }\n\n  if (!fragments.length) return { fragments: [union], union, first: union }\n\n  return { fragments, union, first: fragments[0] }\n}\n\nexport default getElementFragmentRects\n"],"names":["getElementClientRectBounding","getElementFragmentRects","element","union","list","getClientRects","length","fragments","first","index","rect","width","height","push","top","right","bottom","left","x","y"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD,SAEEA,4BAA4B,QACvB,wCAAoC;AA4B3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDC,GACD,OAAO,SAASC,wBACdC,OAAmC;IAEnC,MAAMC,QAAQH,6BAA6BE;IAE3C,MAAME,OACJF,WAAW,OAAO,AAACA,QAAoBG,cAAc,KAAK,aACtD,AAACH,QAAoBG,cAAc,KACnC;IAEN,0EAA0E;IAC1E,qEAAqE;IACrE,IAAI,CAACD,QAAQA,KAAKE,MAAM,IAAI,GAAG;QAC7B,OAAO;YAAEC,WAAW;gBAACJ;aAAM;YAAEA;YAAOK,OAAOL;QAAM;IACnD;IAEA,MAAMI,YAAkC,EAAE;IAC1C,IAAK,IAAIE,QAAQ,GAAGA,QAAQL,KAAKE,MAAM,EAAEG,SAAS,EAAG;QACnD,MAAMC,OAAON,IAAI,CAACK,MAAM;QACxB,0EAA0E;QAC1E,sEAAsE;QACtE,wEAAwE;QACxE,8BAA8B;QAC9B,IAAI,CAAEC,CAAAA,KAAKC,KAAK,GAAG,CAAA,KAAM,CAAED,CAAAA,KAAKE,MAAM,GAAG,CAAA,GAAI;QAC7CL,UAAUM,IAAI,CAAC;YACbF,OAAOD,KAAKC,KAAK;YACjBC,QAAQF,KAAKE,MAAM;YACnBE,KAAKJ,KAAKI,GAAG;YACbC,OAAOL,KAAKK,KAAK;YACjBC,QAAQN,KAAKM,MAAM;YACnBC,MAAMP,KAAKO,IAAI;YACfC,GAAGR,KAAKO,IAAI;YACZE,GAAGT,KAAKI,GAAG;QACb;IACF;IAEA,IAAI,CAACP,UAAUD,MAAM,EAAE,OAAO;QAAEC,WAAW;YAACJ;SAAM;QAAEA;QAAOK,OAAOL;IAAM;IAExE,OAAO;QAAEI;QAAWJ;QAAOK,OAAOD,SAAS,CAAC,EAAE;IAAC;AACjD;AAEA,eAAeN,wBAAuB"}

package/src/lib/get-element-list-scroll-parents.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { VisualViewport } from '../dom';
+export declare function getElementListScrollParents(element: Node, list?: Array<Element | Window>): Array<Element | Window | VisualViewport>;
+export default getElementListScrollParents;

package/src/lib/get-element-list-scroll-parents.js

@@ -0,0 +1,38 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { getElementParentNode } from "./get-element-parent-node.js";
+import { getElementScrollParent } from "./get-element-scroll-parent.js";
+import { getNodeWindow } from "./get-node-window.js";
+import { isElementScrollParentElement } from "./guards/is-element-scroll-parent-element.js";
+/*
+ given a DOM element, return the list of all scroll parents, up the list of ancesors
+ until we get to the top window object. This list is what we attach scroll listeners
+ to, because if any of these parent elements scroll, we'll need to re-calculate the
+ reference element's position.
+ */ export function getElementListScrollParents(element, list = []) {
+    var _element_ownerDocument;
+    const scrollParent = getElementScrollParent(element);
+    const isBody = scrollParent === ((_element_ownerDocument = element.ownerDocument) == null ? void 0 : _element_ownerDocument.body);
+    const win = getNodeWindow(scrollParent);
+    const target = isBody ? [
+        win
+    ].concat(win.visualViewport || [], isElementScrollParentElement(scrollParent) ? scrollParent : []) : scrollParent;
+    const updatedList = list.concat(target);
+    return isBody ? updatedList : updatedList.concat(getElementListScrollParents(getElementParentNode(target)));
+}
+export default getElementListScrollParents;
+
+//# sourceMappingURL=get-element-list-scroll-parents.js.map

package/src/lib/get-element-list-scroll-parents.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/shared/util/dom/src/lib/get-element-list-scroll-parents.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\nimport type {VisualViewport} from '../dom'\nimport {getElementParentNode} from './get-element-parent-node'\nimport {getElementScrollParent} from './get-element-scroll-parent'\nimport {getNodeWindow} from './get-node-window'\nimport {isElementScrollParentElement} from './guards/is-element-scroll-parent-element'\n\n/*\n given a DOM element, return the list of all scroll parents, up the list of ancesors\n until we get to the top window object. This list is what we attach scroll listeners\n to, because if any of these parent elements scroll, we'll need to re-calculate the\n reference element's position.\n */\nexport function getElementListScrollParents(\n  element: Node,\n  list: Array<Element | Window> = [],\n): Array<Element | Window | VisualViewport> {\n  const scrollParent = getElementScrollParent(element)\n  const isBody = scrollParent === element.ownerDocument?.body\n  const win = getNodeWindow(scrollParent)\n  const target = isBody\n    ? [win].concat(\n      win.visualViewport || [] as any,\n      isElementScrollParentElement(scrollParent) ? scrollParent : [] as any,\n    )\n    : scrollParent\n  const updatedList = list.concat(target)\n\n  return isBody\n    ? updatedList\n    : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here\n    updatedList.concat(getElementListScrollParents(getElementParentNode(target as Element)) as any)\n}\n\nexport default getElementListScrollParents\n"],"names":["getElementParentNode","getElementScrollParent","getNodeWindow","isElementScrollParentElement","getElementListScrollParents","element","list","scrollParent","isBody","ownerDocument","body","win","target","concat","visualViewport","updatedList"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAID,SAAQA,oBAAoB,QAAO,+BAA2B;AAC9D,SAAQC,sBAAsB,QAAO,iCAA6B;AAClE,SAAQC,aAAa,QAAO,uBAAmB;AAC/C,SAAQC,4BAA4B,QAAO,+CAA2C;AAEtF;;;;;CAKC,GACD,OAAO,SAASC,4BACdC,OAAa,EACbC,OAAgC,EAAE;QAGFD;IADhC,MAAME,eAAeN,uBAAuBI;IAC5C,MAAMG,SAASD,mBAAiBF,yBAAAA,QAAQI,aAAa,qBAArBJ,uBAAuBK,IAAI;IAC3D,MAAMC,MAAMT,cAAcK;IAC1B,MAAMK,SAASJ,SACX;QAACG;KAAI,CAACE,MAAM,CACZF,IAAIG,cAAc,IAAI,EAAE,EACxBX,6BAA6BI,gBAAgBA,eAAe,EAAE,IAE9DA;IACJ,MAAMQ,cAAcT,KAAKO,MAAM,CAACD;IAEhC,OAAOJ,SACHO,cAEFA,YAAYF,MAAM,CAACT,4BAA4BJ,qBAAqBY;AACxE;AAEA,eAAeR,4BAA2B"}

package/src/lib/get-element-node-name.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2021 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare function getElementNodeName(element?: Node | Window): string;
+export default getElementNodeName;

package/src/lib/get-element-node-name.js

@@ -0,0 +1,21 @@
+/**
+ * @license
+ * Copyright 2021 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ export function getElementNodeName(element) {
+    return element ? (element['nodeName'] || '').toLowerCase() : null;
+}
+export default getElementNodeName;
+
+//# sourceMappingURL=get-element-node-name.js.map

package/src/lib/get-element-node-name.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/shared/util/dom/src/lib/get-element-node-name.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2021 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\nexport function getElementNodeName(element?: Node | Window): string {\n  return element ? (element['nodeName'] || '').toLowerCase() : null\n}\n\nexport default getElementNodeName\n"],"names":["getElementNodeName","element","toLowerCase"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAGD,OAAO,SAASA,mBAAmBC,OAAuB;IACxD,OAAOA,UAAU,AAACA,CAAAA,OAAO,CAAC,WAAW,IAAI,EAAC,EAAGC,WAAW,KAAK;AAC/D;AAEA,eAAeF,mBAAkB"}

package/src/lib/get-element-offset-parent.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare function getElementOffsetParent(element: Element): (Window & typeof globalThis) | Element;
+export default getElementOffsetParent;

package/src/lib/get-element-offset-parent.js

@@ -0,0 +1,81 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { getElementComputedStyle } from "./get-element-computed-style.js";
+import { getElementNodeName } from "./get-element-node-name.js";
+import { getElementParentNode } from "./get-element-parent-node.js";
+import { getNodeWindow } from "./get-node-window.js";
+import { isElementHTMLElement } from "./guards/is-element-html-element.js";
+import { isNodeTableElement } from "./guards/is-node-table-element.js";
+function getTrueOffsetParent(element) {
+    if (!isElementHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
+    getElementComputedStyle(element).position === 'fixed') {
+        return null;
+    }
+    return element['offsetParent'];
+}
+// `.offsetParent` reports `null` for fixed elements, while absolute elements
+// return the containing block
+function getContainingBlock(element) {
+    const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;
+    const isIE = navigator.userAgent.indexOf('Trident') !== -1;
+    if (isIE && isElementHTMLElement(element)) {
+        // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
+        const elementCss = getElementComputedStyle(element);
+        if (elementCss.position === 'fixed') {
+            return null;
+        }
+    }
+    let currentNode = getElementParentNode(element);
+    while(isElementHTMLElement(currentNode) && [
+        'html',
+        'body'
+    ].indexOf(getElementNodeName(currentNode)) < 0){
+        const css = getElementComputedStyle(currentNode);
+        // 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
+        if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || [
+            'transform',
+            'perspective'
+        ].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {
+            return currentNode;
+        } else {
+            currentNode = currentNode.parentNode;
+        }
+    }
+    return null;
+}
+function getElementPosition(element) {
+    return getElementComputedStyle(element).position;
+}
+// Gets the closest ancestor positioned element. Handles some edge cases,
+// such as table ancestors and cross browser bugs.
+export function getElementOffsetParent(element) {
+    const window = getNodeWindow(element);
+    const isStaticPos = (el)=>getElementPosition(el) === 'static';
+    let offsetParent = getTrueOffsetParent(element);
+    while(offsetParent && isNodeTableElement(offsetParent) && isStaticPos(offsetParent)){
+        offsetParent = getTrueOffsetParent(offsetParent);
+    }
+    const nodeName = getElementNodeName(offsetParent), isHtmlEl = nodeName === 'html', isBodyElem = nodeName === 'body';
+    if (offsetParent && isHtmlEl || isBodyElem && isStaticPos(offsetParent)) {
+        return window;
+    }
+    return offsetParent || getContainingBlock(element) || window;
+}
+export default getElementOffsetParent;
+
+//# sourceMappingURL=get-element-offset-parent.js.map

package/src/lib/get-element-offset-parent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/shared/util/dom/src/lib/get-element-offset-parent.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\nimport {getElementComputedStyle} from './get-element-computed-style'\nimport {getElementNodeName} from './get-element-node-name'\nimport {getElementParentNode} from './get-element-parent-node'\nimport {getNodeWindow} from './get-node-window'\nimport {isElementHTMLElement} from './guards/is-element-html-element'\nimport {isNodeTableElement} from './guards/is-node-table-element'\n\n\nfunction getTrueOffsetParent(element: Element): Element {\n  if (\n    !isElementHTMLElement(element) ||\n    // https://github.com/popperjs/popper-core/issues/837\n    getElementComputedStyle(element).position === 'fixed'\n  ) {\n    return null\n  }\n\n  return element['offsetParent']\n}\n\n// `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\nfunction getContainingBlock(element: Element) {\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1\n  const isIE = navigator.userAgent.indexOf('Trident') !== -1\n\n  if (isIE && isElementHTMLElement(element)) {\n    // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport\n    const elementCss = getElementComputedStyle(element)\n    if (elementCss.position === 'fixed') {\n      return null\n    }\n  }\n\n  let currentNode = getElementParentNode(element)\n\n  while (\n    isElementHTMLElement(currentNode) &&\n    ['html', 'body'].indexOf(getElementNodeName(currentNode)) < 0\n    ) {\n    const css = getElementComputedStyle(currentNode as Element)\n\n    // This is non-exhaustive but covers the most common CSS properties that\n    // create a containing block.\n    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n    if (\n      css.transform !== 'none' ||\n      css.perspective !== 'none' ||\n      css.contain === 'paint' ||\n      ['transform', 'perspective'].indexOf(css.willChange) !== -1 ||\n      (isFirefox && css.willChange === 'filter') ||\n      (isFirefox && css.filter && css.filter !== 'none')\n    ) {\n      return currentNode\n    }\n    else {\n      currentNode = currentNode.parentNode\n    }\n  }\n\n  return null\n}\n\nfunction getElementPosition(element: Element): string {\n  return getElementComputedStyle(element).position\n}\n\n// Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\nexport function getElementOffsetParent(element: Element) {\n  const window = getNodeWindow(element)\n  const isStaticPos = (el) => getElementPosition(el) === 'static'\n\n\n  let offsetParent = getTrueOffsetParent(element)\n  while (\n    offsetParent &&\n    isNodeTableElement(offsetParent) &&\n    isStaticPos(offsetParent)\n    ) {\n    offsetParent = getTrueOffsetParent(offsetParent)\n  }\n\n  const nodeName = getElementNodeName(offsetParent),\n    isHtmlEl = nodeName === 'html',\n    isBodyElem = nodeName === 'body'\n\n  if (offsetParent && isHtmlEl || (isBodyElem && isStaticPos(offsetParent))) {\n    return window\n  }\n\n  return offsetParent || getContainingBlock(element) || window\n}\n\nexport default getElementOffsetParent\n"],"names":["getElementComputedStyle","getElementNodeName","getElementParentNode","getNodeWindow","isElementHTMLElement","isNodeTableElement","getTrueOffsetParent","element","position","getContainingBlock","isFirefox","navigator","userAgent","toLowerCase","indexOf","isIE","elementCss","currentNode","css","transform","perspective","contain","willChange","filter","parentNode","getElementPosition","getElementOffsetParent","window","isStaticPos","el","offsetParent","nodeName","isHtmlEl","isBodyElem"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAGD,SAAQA,uBAAuB,QAAO,kCAA8B;AACpE,SAAQC,kBAAkB,QAAO,6BAAyB;AAC1D,SAAQC,oBAAoB,QAAO,+BAA2B;AAC9D,SAAQC,aAAa,QAAO,uBAAmB;AAC/C,SAAQC,oBAAoB,QAAO,sCAAkC;AACrE,SAAQC,kBAAkB,QAAO,oCAAgC;AAGjE,SAASC,oBAAoBC,OAAgB;IAC3C,IACE,CAACH,qBAAqBG,YACtB,qDAAqD;IACrDP,wBAAwBO,SAASC,QAAQ,KAAK,SAC9C;QACA,OAAO;IACT;IAEA,OAAOD,OAAO,CAAC,eAAe;AAChC;AAEA,6EAA6E;AAC7E,8BAA8B;AAC9B,SAASE,mBAAmBF,OAAgB;IAC1C,MAAMG,YAAYC,UAAUC,SAAS,CAACC,WAAW,GAAGC,OAAO,CAAC,eAAe,CAAC;IAC5E,MAAMC,OAAOJ,UAAUC,SAAS,CAACE,OAAO,CAAC,eAAe,CAAC;IAEzD,IAAIC,QAAQX,qBAAqBG,UAAU;QACzC,2FAA2F;QAC3F,MAAMS,aAAahB,wBAAwBO;QAC3C,IAAIS,WAAWR,QAAQ,KAAK,SAAS;YACnC,OAAO;QACT;IACF;IAEA,IAAIS,cAAcf,qBAAqBK;IAEvC,MACEH,qBAAqBa,gBACrB;QAAC;QAAQ;KAAO,CAACH,OAAO,CAACb,mBAAmBgB,gBAAgB,EAC1D;QACF,MAAMC,MAAMlB,wBAAwBiB;QAEpC,wEAAwE;QACxE,6BAA6B;QAC7B,qGAAqG;QACrG,IACEC,IAAIC,SAAS,KAAK,UAClBD,IAAIE,WAAW,KAAK,UACpBF,IAAIG,OAAO,KAAK,WAChB;YAAC;YAAa;SAAc,CAACP,OAAO,CAACI,IAAII,UAAU,MAAM,CAAC,KACzDZ,aAAaQ,IAAII,UAAU,KAAK,YAChCZ,aAAaQ,IAAIK,MAAM,IAAIL,IAAIK,MAAM,KAAK,QAC3C;YACA,OAAON;QACT,OACK;YACHA,cAAcA,YAAYO,UAAU;QACtC;IACF;IAEA,OAAO;AACT;AAEA,SAASC,mBAAmBlB,OAAgB;IAC1C,OAAOP,wBAAwBO,SAASC,QAAQ;AAClD;AAEA,yEAAyE;AACzE,kDAAkD;AAClD,OAAO,SAASkB,uBAAuBnB,OAAgB;IACrD,MAAMoB,SAASxB,cAAcI;IAC7B,MAAMqB,cAAc,CAACC,KAAOJ,mBAAmBI,QAAQ;IAGvD,IAAIC,eAAexB,oBAAoBC;IACvC,MACEuB,gBACAzB,mBAAmByB,iBACnBF,YAAYE,cACV;QACFA,eAAexB,oBAAoBwB;IACrC;IAEA,MAAMC,WAAW9B,mBAAmB6B,eAClCE,WAAWD,aAAa,QACxBE,aAAaF,aAAa;IAE5B,IAAID,gBAAgBE,YAAaC,cAAcL,YAAYE,eAAgB;QACzE,OAAOH;IACT;IAEA,OAAOG,gBAAgBrB,mBAAmBF,YAAYoB;AACxD;AAEA,eAAeD,uBAAsB"}

package/src/lib/get-element-parent-node.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare function getElementParentNode(element: Node | ShadowRoot): Node;
+export default getElementParentNode;

package/src/lib/get-element-parent-node.js

@@ -0,0 +1,31 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { getElementDocumentElement } from "./get-element-document-element.js";
+import { getElementNodeName } from "./get-element-node-name.js";
+import { isNodeShadowRoot } from "./guards/is-node-shadow-root.js";
+export function getElementParentNode(element) {
+    if (getElementNodeName(element) === 'html') {
+        return element;
+    }
+    return(// this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // ShadowDom
+    element['assignedSlot'] || // step into the shadow DOM of the parent of a slotted node
+    element.parentNode || // DOM Element
+    (isNodeShadowRoot(element) ? element.host : null) || getElementDocumentElement(element));
+}
+export default getElementParentNode;
+
+//# sourceMappingURL=get-element-parent-node.js.map

package/src/lib/get-element-parent-node.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/shared/util/dom/src/lib/get-element-parent-node.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {getElementDocumentElement} from './get-element-document-element'\nimport {getElementNodeName} from './get-element-node-name'\nimport {isNodeShadowRoot} from './guards/is-node-shadow-root'\n\n\nexport function getElementParentNode(element: Node | ShadowRoot): Node {\n  if (getElementNodeName(element) === 'html') {\n    return element\n  }\n\n  return (\n    // this is a quicker (but less type safe) way to save quite some bytes from the bundle\n    // ShadowDom\n    (element['assignedSlot'] || // step into the shadow DOM of the parent of a slotted node\n    element.parentNode || // DOM Element\n    (\n      isNodeShadowRoot(element) ? element.host : null) || getElementDocumentElement(element as Element, // fallback\n    ))\n  );\n}\n\nexport default getElementParentNode\n"],"names":["getElementDocumentElement","getElementNodeName","isNodeShadowRoot","getElementParentNode","element","parentNode","host"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAAQA,yBAAyB,QAAO,oCAAgC;AACxE,SAAQC,kBAAkB,QAAO,6BAAyB;AAC1D,SAAQC,gBAAgB,QAAO,kCAA8B;AAG7D,OAAO,SAASC,qBAAqBC,OAA0B;IAC7D,IAAIH,mBAAmBG,aAAa,QAAQ;QAC1C,OAAOA;IACT;IAEA,OACE,sFAAsF;IACtF,YAAY;IACXA,OAAO,CAAC,eAAe,IAAI,2DAA2D;IACvFA,QAAQC,UAAU,IAAI,cAAc;IAElCH,CAAAA,iBAAiBE,WAAWA,QAAQE,IAAI,GAAG,IAAG,KAAMN,0BAA0BI;AAGpF;AAEA,eAAeD,qBAAoB"}

package/src/lib/get-element-rect-as-client-rect.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { ClientRectObject, Rect } from '../dom';
+export declare function getElementRectAsClientRect(rect: Rect): ClientRectObject;
+export default getElementRectAsClientRect;

package/src/lib/get-element-rect-as-client-rect.js

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { _ as _extends } from "@swc/helpers/_/_extends";
+export function getElementRectAsClientRect(rect) {
+    return _extends({}, rect, {
+        left: rect.x,
+        top: rect.y,
+        right: rect.x + rect.width,
+        bottom: rect.y + rect.height
+    });
+}
+export default getElementRectAsClientRect;
+
+//# sourceMappingURL=get-element-rect-as-client-rect.js.map

package/src/lib/get-element-rect-as-client-rect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/shared/util/dom/src/lib/get-element-rect-as-client-rect.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {ClientRectObject, Rect} from '../dom'\n\n\nexport function getElementRectAsClientRect(rect: Rect): ClientRectObject {\n  return {\n    ...rect,\n    left: rect.x,\n    top: rect.y,\n    right: rect.x + rect.width,\n    bottom: rect.y + rect.height,\n  }\n}\nexport default getElementRectAsClientRect\n"],"names":["getElementRectAsClientRect","rect","left","x","top","y","right","width","bottom","height"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC;AAKD,OAAO,SAASA,2BAA2BC,IAAU;IACnD,OAAO,aACFA;QACHC,MAAMD,KAAKE,CAAC;QACZC,KAAKH,KAAKI,CAAC;QACXC,OAAOL,KAAKE,CAAC,GAAGF,KAAKM,KAAK;QAC1BC,QAAQP,KAAKI,CAAC,GAAGJ,KAAKQ,MAAM;;AAEhC;AACA,eAAeT,2BAA0B"}

package/src/lib/get-element-scroll-parent.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare function getElementScrollParent(node: Node): HTMLElement;
+export default getElementScrollParent;

package/src/lib/get-element-scroll-parent.js

@@ -0,0 +1,36 @@
+/**
+ * @license
+ * Copyright 2022 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { getElementNodeName } from "./get-element-node-name.js";
+import { getElementParentNode } from "./get-element-parent-node.js";
+import { isElementHTMLElement } from "./guards/is-element-html-element.js";
+import { isElementScrollParentElement } from "./guards/is-element-scroll-parent-element.js";
+export function getElementScrollParent(node) {
+    if ([
+        'html',
+        'body',
+        '#document'
+    ].indexOf(getElementNodeName(node)) >= 0) {
+        // $FlowFixMe[incompatible-return]: assume body is always available
+        return node.ownerDocument.body;
+    }
+    if (isElementHTMLElement(node) && isElementScrollParentElement(node)) {
+        return node;
+    }
+    return getElementScrollParent(getElementParentNode(node));
+}
+export default getElementScrollParent;
+
+//# sourceMappingURL=get-element-scroll-parent.js.map

package/src/lib/get-element-scroll-parent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/shared/util/dom/src/lib/get-element-scroll-parent.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\nimport {getElementNodeName} from './get-element-node-name'\nimport {getElementParentNode} from './get-element-parent-node'\nimport {isElementHTMLElement} from './guards/is-element-html-element'\nimport {isElementScrollParentElement} from './guards/is-element-scroll-parent-element'\n\n\nexport function getElementScrollParent(node: Node): HTMLElement {\n  if (['html', 'body', '#document'].indexOf(getElementNodeName(node)) >= 0) {\n    // $FlowFixMe[incompatible-return]: assume body is always available\n    return node.ownerDocument.body\n  }\n\n  if (isElementHTMLElement(node) && isElementScrollParentElement(node as HTMLElement)) {\n    return node as HTMLElement\n  }\n\n  return getElementScrollParent(getElementParentNode(node))\n}\n\nexport default getElementScrollParent\n"],"names":["getElementNodeName","getElementParentNode","isElementHTMLElement","isElementScrollParentElement","getElementScrollParent","node","indexOf","ownerDocument","body"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAGD,SAAQA,kBAAkB,QAAO,6BAAyB;AAC1D,SAAQC,oBAAoB,QAAO,+BAA2B;AAC9D,SAAQC,oBAAoB,QAAO,sCAAkC;AACrE,SAAQC,4BAA4B,QAAO,+CAA2C;AAGtF,OAAO,SAASC,uBAAuBC,IAAU;IAC/C,IAAI;QAAC;QAAQ;QAAQ;KAAY,CAACC,OAAO,CAACN,mBAAmBK,UAAU,GAAG;QACxE,mEAAmE;QACnE,OAAOA,KAAKE,aAAa,CAACC,IAAI;IAChC;IAEA,IAAIN,qBAAqBG,SAASF,6BAA6BE,OAAsB;QACnF,OAAOA;IACT;IAEA,OAAOD,uBAAuBH,qBAAqBI;AACrD;AAEA,eAAeD,uBAAsB"}

package/src/lib/get-element-viewport-rect.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2021 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare function getElementViewportRect(element: Element): {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+};
+export default getElementViewportRect;

package/src/lib/get-element-viewport-rect.js

@@ -0,0 +1,57 @@
+/**
+ * @license
+ * Copyright 2021 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ import { getElementDocumentElement } from "./get-element-document-element.js";
+import { getElementWindowScrollBarX } from "./get-element-window-scroll-bar-x.js";
+import { getNodeWindow } from "./get-node-window.js";
+export function getElementViewportRect(element) {
+    const win = getNodeWindow(element);
+    const html = getElementDocumentElement(element);
+    const visualViewport = win.visualViewport;
+    let width = html.clientWidth;
+    let height = html.clientHeight;
+    let x = 0;
+    let y = 0;
+    // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper
+    // can be obscured underneath it.
+    // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even
+    // if it isn't open, so if this isn't available, the popper will be detected
+    // to overflow the bottom of the screen too early.
+    if (visualViewport) {
+        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
+        // Feature detection fails in mobile emulation mode in Chrome.
+        // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <
+        // 0.001
+        // Fallback here: "Not Safari" userAgent
+        if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
+            x = visualViewport.offsetLeft;
+            y = visualViewport.offsetTop;
+        }
+    }
+    return {
+        width,
+        height,
+        x: x + getElementWindowScrollBarX(element),
+        y
+    };
+}
+export default getElementViewportRect;
+
+//# sourceMappingURL=get-element-viewport-rect.js.map

package/src/lib/get-element-viewport-rect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/shared/util/dom/src/lib/get-element-viewport-rect.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2021 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\nimport {getElementDocumentElement} from './get-element-document-element'\nimport {getElementWindowScrollBarX} from './get-element-window-scroll-bar-x'\nimport {getNodeWindow} from './get-node-window'\n\n\nexport function getElementViewportRect(element: Element) {\n  const win = getNodeWindow(element)\n  const html = getElementDocumentElement(element)\n  const visualViewport = win.visualViewport\n\n\n  let width = html.clientWidth\n  let height = html.clientHeight\n  let x = 0\n  let y = 0\n\n  // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper\n  // can be obscured underneath it.\n  // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even\n  // if it isn't open, so if this isn't available, the popper will be detected\n  // to overflow the bottom of the screen too early.\n  if (visualViewport) {\n    width = visualViewport.width\n    height = visualViewport.height\n\n    // Uses Layout Viewport (like Chrome; Safari does not currently)\n    // In Chrome, it returns a value very close to 0 (+/-) but contains rounding\n    // errors due to floating point numbers, so we need to check precision.\n    // Safari returns a number <= 0, usually < -1 when pinch-zoomed\n\n    // Feature detection fails in mobile emulation mode in Chrome.\n    // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <\n    // 0.001\n    // Fallback here: \"Not Safari\" userAgent\n    if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {\n      x = visualViewport.offsetLeft\n      y = visualViewport.offsetTop\n    }\n  }\n\n  return {\n    width,\n    height,\n    x: x + getElementWindowScrollBarX(element),\n    y,\n  }\n}\nexport default getElementViewportRect\n"],"names":["getElementDocumentElement","getElementWindowScrollBarX","getNodeWindow","getElementViewportRect","element","win","html","visualViewport","width","clientWidth","height","clientHeight","x","y","test","navigator","userAgent","offsetLeft","offsetTop"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAGD,SAAQA,yBAAyB,QAAO,oCAAgC;AACxE,SAAQC,0BAA0B,QAAO,uCAAmC;AAC5E,SAAQC,aAAa,QAAO,uBAAmB;AAG/C,OAAO,SAASC,uBAAuBC,OAAgB;IACrD,MAAMC,MAAMH,cAAcE;IAC1B,MAAME,OAAON,0BAA0BI;IACvC,MAAMG,iBAAiBF,IAAIE,cAAc;IAGzC,IAAIC,QAAQF,KAAKG,WAAW;IAC5B,IAAIC,SAASJ,KAAKK,YAAY;IAC9B,IAAIC,IAAI;IACR,IAAIC,IAAI;IAER,6EAA6E;IAC7E,iCAAiC;IACjC,2EAA2E;IAC3E,4EAA4E;IAC5E,kDAAkD;IAClD,IAAIN,gBAAgB;QAClBC,QAAQD,eAAeC,KAAK;QAC5BE,SAASH,eAAeG,MAAM;QAE9B,gEAAgE;QAChE,4EAA4E;QAC5E,uEAAuE;QACvE,+DAA+D;QAE/D,8DAA8D;QAC9D,2EAA2E;QAC3E,QAAQ;QACR,wCAAwC;QACxC,IAAI,CAAC,iCAAiCI,IAAI,CAACC,UAAUC,SAAS,GAAG;YAC/DJ,IAAIL,eAAeU,UAAU;YAC7BJ,IAAIN,eAAeW,SAAS;QAC9B;IACF;IAEA,OAAO;QACLV;QACAE;QACAE,GAAGA,IAAIX,2BAA2BG;QAClCS;IACF;AACF;AACA,eAAeV,uBAAsB"}