@muraldevkit/ui-toolkit 4.67.0-dev-Vc0V.1 → 4.68.0-dev-NFbt.1

package/dist/cjs/hooks/useScrollbarInfo/index.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * Return type for the `useScrollbarInfo` hook.
+ */
+
+/**
+ * Custom hook that provides information about the presence and dimensions of vertical and horizontal scrollbars
+ * in a scrollable container.
+ *
+ * @returns {UseScrollbarInfoReturn} Returns the scrollbar information and a ref to attach to the scrollable container
+ */
+function useScrollbarInfo() {
+  var _React$useState = React__namespace.useState({
+      hasHorizontalScrollbar: false,
+      hasVerticalScrollbar: false,
+      horizontalScrollbarHeight: 0,
+      verticalScrollbarWidth: 0
+    }),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    scrollbarInfo = _React$useState2[0],
+    setScrollbarInfo = _React$useState2[1];
+  var scrollableContainerRef = React__namespace.useRef(null);
+  React__namespace.useLayoutEffect(function () {
+    if (!scrollableContainerRef.current) return;
+    var observer = new ResizeObserver(function (_ref) {
+      var _ref2 = _rollupPluginBabelHelpers.slicedToArray(_ref, 1),
+        entry = _ref2[0];
+      if (!entry) return;
+      var target = entry.target;
+
+      // Detects if scrollbars exist (works for both classic and overlay scrollbars)
+      // Vertical scrollbar exists when content height exceeds visible height
+      var hasVerticalScrollbar = target.scrollHeight > target.clientHeight;
+      // Horizontal scrollbar exists when content width exceeds visible width
+      var hasHorizontalScrollbar = target.scrollWidth > target.clientWidth;
+
+      // Gets dimensions only for classic scrollbars that take up layout space
+      // Vertical scrollbar width: difference between offsetWidth and clientWidth
+      var verticalScrollbarWidth = target.offsetWidth - target.clientWidth;
+      // Horizontal scrollbar height: difference between offsetHeight and clientHeight
+      var horizontalScrollbarHeight = target.offsetHeight - target.clientHeight;
+      setScrollbarInfo({
+        hasHorizontalScrollbar: hasHorizontalScrollbar,
+        hasVerticalScrollbar: hasVerticalScrollbar,
+        horizontalScrollbarHeight: horizontalScrollbarHeight,
+        verticalScrollbarWidth: verticalScrollbarWidth
+      });
+    });
+    observer.observe(scrollableContainerRef.current);
+    return function () {
+      observer.disconnect();
+    };
+  }, []);
+  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, scrollbarInfo), {}, {
+    scrollableContainerRef: scrollableContainerRef
+  });
+}
+
+exports.useScrollbarInfo = useScrollbarInfo;
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useScrollbarInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useScrollbarInfo/index.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ScrollbarInfo = {\n\t/** Indicates if a horizontal scrollbar is present */\n\thasHorizontalScrollbar: boolean;\n\t/** Indicates if a vertical scrollbar is present */\n\thasVerticalScrollbar: boolean;\n\t/** Width in pixels of the vertical scrollbar (0 for overlay scrollbars) */\n\tverticalScrollbarWidth: number;\n\t/** Height in pixels of the horizontal scrollbar (0 for overlay scrollbars) */\n\thorizontalScrollbarHeight: number;\n};\n\n/**\n * Return type for the `useScrollbarInfo` hook.\n */\nexport type UseScrollbarInfoReturn<T extends HTMLElement> = ScrollbarInfo & {\n\tscrollableContainerRef: React.MutableRefObject<T | null>;\n};\n\n/**\n * Custom hook that provides information about the presence and dimensions of vertical and horizontal scrollbars\n * in a scrollable container.\n *\n * @returns {UseScrollbarInfoReturn} Returns the scrollbar information and a ref to attach to the scrollable container\n */\nexport function useScrollbarInfo<T extends HTMLElement>(): UseScrollbarInfoReturn<T> {\n\tconst [scrollbarInfo, setScrollbarInfo] = React.useState<ScrollbarInfo>({\n\t\thasHorizontalScrollbar: false,\n\t\thasVerticalScrollbar: false,\n\t\thorizontalScrollbarHeight: 0,\n\t\tverticalScrollbarWidth: 0\n\t});\n\n\tconst scrollableContainerRef = React.useRef<T | null>(null);\n\n\tReact.useLayoutEffect(() => {\n\t\tif (!scrollableContainerRef.current) return;\n\n\t\tconst observer = new ResizeObserver(([entry]) => {\n\t\t\tif (!entry) return;\n\t\t\tconst target = entry.target as HTMLElement;\n\n\t\t\t// Detects if scrollbars exist (works for both classic and overlay scrollbars)\n\t\t\t// Vertical scrollbar exists when content height exceeds visible height\n\t\t\tconst hasVerticalScrollbar = target.scrollHeight > target.clientHeight;\n\t\t\t// Horizontal scrollbar exists when content width exceeds visible width\n\t\t\tconst hasHorizontalScrollbar = target.scrollWidth > target.clientWidth;\n\n\t\t\t// Gets dimensions only for classic scrollbars that take up layout space\n\t\t\t// Vertical scrollbar width: difference between offsetWidth and clientWidth\n\t\t\tconst verticalScrollbarWidth = target.offsetWidth - target.clientWidth;\n\t\t\t// Horizontal scrollbar height: difference between offsetHeight and clientHeight\n\t\t\tconst horizontalScrollbarHeight = target.offsetHeight - target.clientHeight;\n\n\t\t\tsetScrollbarInfo({\n\t\t\t\thasHorizontalScrollbar,\n\t\t\t\thasVerticalScrollbar,\n\t\t\t\thorizontalScrollbarHeight,\n\t\t\t\tverticalScrollbarWidth\n\t\t\t});\n\t\t});\n\n\t\tobserver.observe(scrollableContainerRef.current);\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, []);\n\n\treturn {\n\t\t...scrollbarInfo,\n\t\tscrollableContainerRef\n\t};\n}\n"],"names":["useScrollbarInfo","_React$useState","React","useState","hasHorizontalScrollbar","hasVerticalScrollbar","horizontalScrollbarHeight","verticalScrollbarWidth","_React$useState2","_slicedToArray","scrollbarInfo","setScrollbarInfo","scrollableContainerRef","useRef","useLayoutEffect","current","observer","ResizeObserver","_ref","_ref2","entry","target","scrollHeight","clientHeight","scrollWidth","clientWidth","offsetWidth","offsetHeight","observe","disconnect","_objectSpread"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAaA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,gBAAgBA,GAAqD;AACpF,EAAA,IAAAC,eAAA,GAA0CC,gBAAK,CAACC,QAAQ,CAAgB;AACvEC,MAAAA,sBAAsB,EAAE,KAAK;AAC7BC,MAAAA,oBAAoB,EAAE,KAAK;AAC3BC,MAAAA,yBAAyB,EAAE,CAAC;AAC5BC,MAAAA,sBAAsB,EAAE;AACzB,KAAC,CAAC;IAAAC,gBAAA,GAAAC,uCAAA,CAAAR,eAAA,EAAA,CAAA,CAAA;AALKS,IAAAA,aAAa,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,gBAAgB,GAAAH,gBAAA,CAAA,CAAA,CAAA;AAOtC,EAAA,IAAMI,sBAAsB,GAAGV,gBAAK,CAACW,MAAM,CAAW,IAAI,CAAC;EAE3DX,gBAAK,CAACY,eAAe,CAAC,YAAM;AAC3B,IAAA,IAAI,CAACF,sBAAsB,CAACG,OAAO,EAAE;AAErC,IAAA,IAAMC,QAAQ,GAAG,IAAIC,cAAc,CAAC,UAAAC,IAAA,EAAa;AAAA,MAAA,IAAAC,KAAA,GAAAV,uCAAA,CAAAS,IAAA,EAAA,CAAA,CAAA;AAAXE,QAAAA,KAAK,GAAAD,KAAA,CAAA,CAAA,CAAA;MAC1C,IAAI,CAACC,KAAK,EAAE;AACZ,MAAA,IAAMC,MAAM,GAAGD,KAAK,CAACC,MAAqB;;AAE1C;AACA;MACA,IAAMhB,oBAAoB,GAAGgB,MAAM,CAACC,YAAY,GAAGD,MAAM,CAACE,YAAY;AACtE;MACA,IAAMnB,sBAAsB,GAAGiB,MAAM,CAACG,WAAW,GAAGH,MAAM,CAACI,WAAW;;AAEtE;AACA;MACA,IAAMlB,sBAAsB,GAAGc,MAAM,CAACK,WAAW,GAAGL,MAAM,CAACI,WAAW;AACtE;MACA,IAAMnB,yBAAyB,GAAGe,MAAM,CAACM,YAAY,GAAGN,MAAM,CAACE,YAAY;AAE3EZ,MAAAA,gBAAgB,CAAC;AAChBP,QAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBC,QAAAA,oBAAoB,EAApBA,oBAAoB;AACpBC,QAAAA,yBAAyB,EAAzBA,yBAAyB;AACzBC,QAAAA,sBAAsB,EAAtBA;AACD,OAAC,CAAC;AACH,IAAA,CAAC,CAAC;AAEFS,IAAAA,QAAQ,CAACY,OAAO,CAAChB,sBAAsB,CAACG,OAAO,CAAC;AAEhD,IAAA,OAAO,YAAM;MACZC,QAAQ,CAACa,UAAU,EAAE;IACtB,CAAC;EACF,CAAC,EAAE,EAAE,CAAC;AAEN,EAAA,OAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIpB,aAAa,CAAA,EAAA,EAAA,EAAA;AAChBE,IAAAA,sBAAsB,EAAtBA;AAAsB,GAAA,CAAA;AAExB;;;;"}

package/dist/cjs/hooks/useTriggerPosition/index.js

@@ -0,0 +1,152 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var utilities = require('./utilities.js');
+var debounce = require('lodash.debounce');
+
+/**
+ * useTriggerPosition hook.
+ *
+ * Calculates the position of a menu element based on the alignment settings relative to a trigger element.
+ *
+ * @param triggerRef - Reference to the DOM element that triggers the menu.
+ * @param elementRef - Reference to the DOM element that is the menu.
+ * @param menuAlign - The alignment configuration of the menu.
+ * @param isElementVisible - Tells the hook if the element is visible. If false, the hook will not calculate the position.
+ * @param menuOffset - The offset of the menu from the trigger element.
+ * @param disable - Whether to disable the hook.
+ * @param disableFlipping - Whether to disable flipping logic when the menu overflows the screen.
+ * @returns {Position} The calculated position of the menu element.
+ */
+var useTriggerPosition = function useTriggerPosition(triggerRef, elementRef, menuAlign) {
+  var isElementVisible = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+  var menuOffset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 10;
+  var disable = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  var disableFlipping = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+  var offset = menuOffset;
+
+  // Holds the current calculated position of the menu
+  var _useState = React.useState({
+      flipped: false,
+      left: 0,
+      top: 0
+    }),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    menuPosition = _useState2[0],
+    setMenuPosition = _useState2[1];
+
+  // Memoize alignment so it only recalculates when specific props change
+  var alignment = React.useMemo(function () {
+    return {
+      align: menuAlign.align,
+      customPosition: menuAlign.customPosition,
+      position: menuAlign.position
+    };
+  }, [menuAlign.align, menuAlign.position, menuAlign.customPosition]);
+
+  /**
+   * Calculates and updates the menu position relative to the trigger.
+   * Uses requestAnimationFrame to ensure layout is stable before measuring.
+   */
+  var updatePosition = React.useCallback(function () {
+    if (!elementRef.current || !isElementVisible) return;
+    requestAnimationFrame(function () {
+      var _triggerRef$current, _elementRef$current;
+      var triggerRect = triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.getBoundingClientRect();
+      var elementRect = (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.getBoundingClientRect();
+
+      // Don't update if the element is not visible/rendered
+      if (!elementRect || elementRect.height === 0 || elementRect.width === 0) return;
+      var newPosition = utilities.getPosition(alignment, offset, elementRect, triggerRect, disableFlipping);
+
+      // Only update state if the position has changed
+      setMenuPosition(function (prevPosition) {
+        if (prevPosition.left !== newPosition.left || prevPosition.top !== newPosition.top) {
+          return newPosition;
+        }
+        return prevPosition;
+      });
+    });
+  }, [alignment, elementRef, isElementVisible, offset, triggerRef, disableFlipping]);
+
+  /**
+   * Debounced version of the updatePosition function used for scroll and resize events.
+   * 5ms debounce gives a balance between performance and responsiveness.
+   */
+  var debouncedUpdatePosition = React.useMemo(function () {
+    return debounce(updatePosition, 5);
+  }, [updatePosition]);
+  React.useEffect(function () {
+    if (disable) return;
+    var currentElement = elementRef.current;
+
+    /**
+     * We need to debounce the resize observer to prevent "resize loops"
+     * There are instances where the ResizeObserver will trigger a resize event
+     * before the browser has painted, which causes a loop of resize events
+     * and can throw errors or performance issues.
+     *
+     * The observers are purposefully using a different debounce than the event listeners.
+     * Observers need to be more aggressively debounced to prevent loops,
+     * while event listeners (resize/scroll) should update positioning more responsively.
+     */
+    var resizeObserver = new ResizeObserver(debounce(updatePosition));
+    var mutationObserver = new MutationObserver(debounce(updatePosition));
+
+    // Observe changes in size and style/className
+    if (currentElement) {
+      resizeObserver.observe(currentElement);
+      mutationObserver.observe(currentElement, {
+        attributeFilter: ['style', 'class'],
+        attributes: true
+      });
+    }
+
+    // Add listeners on open to respond to browser resizing and scrolling
+    if (isElementVisible) {
+      updatePosition();
+      window.addEventListener('resize', debouncedUpdatePosition);
+      window.addEventListener('scroll', debouncedUpdatePosition);
+    }
+
+    // Cleanup observers and listeners on unmount or re-render
+    return function () {
+      if (currentElement) {
+        resizeObserver.unobserve(currentElement);
+        mutationObserver.disconnect();
+      }
+      window.removeEventListener('resize', debouncedUpdatePosition);
+      window.removeEventListener('scroll', debouncedUpdatePosition);
+    };
+  }, [disable, triggerRef, elementRef, alignment, offset, isElementVisible, updatePosition, debouncedUpdatePosition]);
+
+  /**
+   * This effect handles an edge case where the menu is rendered,
+   * but its size is not immediately available in the first frame.
+   * A short timeout ensures we recalculate the position once layout stabilizes.
+   */
+  React.useEffect(function () {
+    if (!disable && isElementVisible) {
+      var timeoutId = setTimeout(updatePosition, 10);
+      return function () {
+        return clearTimeout(timeoutId);
+      };
+    }
+  }, [isElementVisible, disable, updatePosition]);
+
+  /**
+   * useLayoutEffect ensures the position is recalculated during the layout phase,
+   * just after DOM mutations but before the browser paints.
+   */
+  React.useLayoutEffect(function () {
+    if (!disable && isElementVisible && elementRef.current && triggerRef !== null && triggerRef !== void 0 && triggerRef.current) {
+      updatePosition();
+      requestAnimationFrame(updatePosition);
+    }
+  }, [isElementVisible, updatePosition, disable, elementRef, triggerRef]);
+  return menuPosition;
+};
+
+exports.useTriggerPosition = useTriggerPosition;
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useTriggerPosition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useTriggerPosition/index.tsx"],"sourcesContent":["import { useMemo, useState, RefObject, useEffect, useCallback, useLayoutEffect } from 'react';\nimport { Alignment, Position } from './constants';\nimport { getPosition } from './utilities';\nimport debounce from 'lodash.debounce';\n\n/**\n * useTriggerPosition hook.\n *\n * Calculates the position of a menu element based on the alignment settings relative to a trigger element.\n *\n * @param triggerRef - Reference to the DOM element that triggers the menu.\n * @param elementRef - Reference to the DOM element that is the menu.\n * @param menuAlign - The alignment configuration of the menu.\n * @param isElementVisible - Tells the hook if the element is visible. If false, the hook will not calculate the position.\n * @param menuOffset - The offset of the menu from the trigger element.\n * @param disable - Whether to disable the hook.\n * @param disableFlipping - Whether to disable flipping logic when the menu overflows the screen.\n * @returns {Position} The calculated position of the menu element.\n */\nexport const useTriggerPosition = (\n\ttriggerRef: RefObject<HTMLElement> | undefined,\n\telementRef: RefObject<HTMLElement>,\n\tmenuAlign: Alignment,\n\tisElementVisible: boolean = true,\n\tmenuOffset: number = 10,\n\tdisable = false,\n\tdisableFlipping = false\n): Position => {\n\tconst offset = menuOffset;\n\n\t// Holds the current calculated position of the menu\n\tconst [menuPosition, setMenuPosition] = useState<Position>({ flipped: false, left: 0, top: 0 });\n\n\t// Memoize alignment so it only recalculates when specific props change\n\tconst alignment = useMemo(\n\t\t() => ({\n\t\t\talign: menuAlign.align,\n\t\t\tcustomPosition: menuAlign.customPosition,\n\t\t\tposition: menuAlign.position\n\t\t}),\n\t\t[menuAlign.align, menuAlign.position, menuAlign.customPosition]\n\t);\n\n\t/**\n\t * Calculates and updates the menu position relative to the trigger.\n\t * Uses requestAnimationFrame to ensure layout is stable before measuring.\n\t */\n\tconst updatePosition = useCallback(() => {\n\t\tif (!elementRef.current || !isElementVisible) return;\n\n\t\trequestAnimationFrame(() => {\n\t\t\tconst triggerRect = triggerRef?.current?.getBoundingClientRect();\n\t\t\tconst elementRect = elementRef.current?.getBoundingClientRect();\n\n\t\t\t// Don't update if the element is not visible/rendered\n\t\t\tif (!elementRect || elementRect.height === 0 || elementRect.width === 0) return;\n\n\t\t\tconst newPosition = getPosition(alignment, offset, elementRect, triggerRect, disableFlipping);\n\n\t\t\t// Only update state if the position has changed\n\t\t\tsetMenuPosition((prevPosition) => {\n\t\t\t\tif (prevPosition.left !== newPosition.left || prevPosition.top !== newPosition.top) {\n\t\t\t\t\treturn newPosition;\n\t\t\t\t}\n\t\t\t\treturn prevPosition;\n\t\t\t});\n\t\t});\n\t}, [alignment, elementRef, isElementVisible, offset, triggerRef, disableFlipping]);\n\n\t/**\n\t * Debounced version of the updatePosition function used for scroll and resize events.\n\t * 5ms debounce gives a balance between performance and responsiveness.\n\t */\n\tconst debouncedUpdatePosition = useMemo(() => debounce(updatePosition, 5), [updatePosition]);\n\n\tuseEffect(() => {\n\t\tif (disable) return;\n\n\t\tconst currentElement = elementRef.current;\n\n\t\t/**\n\t\t * We need to debounce the resize observer to prevent \"resize loops\"\n\t\t * There are instances where the ResizeObserver will trigger a resize event\n\t\t * before the browser has painted, which causes a loop of resize events\n\t\t * and can throw errors or performance issues.\n\t\t *\n\t\t * The observers are purposefully using a different debounce than the event listeners.\n\t\t * Observers need to be more aggressively debounced to prevent loops,\n\t\t * while event listeners (resize/scroll) should update positioning more responsively.\n\t\t */\n\t\tconst resizeObserver = new ResizeObserver(debounce(updatePosition));\n\t\tconst mutationObserver = new MutationObserver(debounce(updatePosition));\n\n\t\t// Observe changes in size and style/className\n\t\tif (currentElement) {\n\t\t\tresizeObserver.observe(currentElement);\n\t\t\tmutationObserver.observe(currentElement, {\n\t\t\t\tattributeFilter: ['style', 'class'],\n\t\t\t\tattributes: true\n\t\t\t});\n\t\t}\n\n\t\t// Add listeners on open to respond to browser resizing and scrolling\n\t\tif (isElementVisible) {\n\t\t\tupdatePosition();\n\t\t\twindow.addEventListener('resize', debouncedUpdatePosition);\n\t\t\twindow.addEventListener('scroll', debouncedUpdatePosition);\n\t\t}\n\n\t\t// Cleanup observers and listeners on unmount or re-render\n\t\treturn () => {\n\t\t\tif (currentElement) {\n\t\t\t\tresizeObserver.unobserve(currentElement);\n\t\t\t\tmutationObserver.disconnect();\n\t\t\t}\n\t\t\twindow.removeEventListener('resize', debouncedUpdatePosition);\n\t\t\twindow.removeEventListener('scroll', debouncedUpdatePosition);\n\t\t};\n\t}, [\n\t\tdisable,\n\t\ttriggerRef,\n\t\telementRef,\n\t\talignment,\n\t\toffset,\n\t\tisElementVisible,\n\t\tupdatePosition,\n\t\tdebouncedUpdatePosition\n\t]);\n\n\t/**\n\t * This effect handles an edge case where the menu is rendered,\n\t * but its size is not immediately available in the first frame.\n\t * A short timeout ensures we recalculate the position once layout stabilizes.\n\t */\n\tuseEffect(() => {\n\t\tif (!disable && isElementVisible) {\n\t\t\tconst timeoutId = setTimeout(updatePosition, 10);\n\n\t\t\treturn () => clearTimeout(timeoutId);\n\t\t}\n\t}, [isElementVisible, disable, updatePosition]);\n\n\t/**\n\t * useLayoutEffect ensures the position is recalculated during the layout phase,\n\t * just after DOM mutations but before the browser paints.\n\t */\n\tuseLayoutEffect(() => {\n\t\tif (!disable && isElementVisible && elementRef.current && triggerRef?.current) {\n\t\t\tupdatePosition();\n\t\t\trequestAnimationFrame(updatePosition);\n\t\t}\n\t}, [isElementVisible, updatePosition, disable, elementRef, triggerRef]);\n\n\treturn menuPosition;\n};\n"],"names":["useTriggerPosition","triggerRef","elementRef","menuAlign","isElementVisible","arguments","length","undefined","menuOffset","disable","disableFlipping","offset","_useState","useState","flipped","left","top","_useState2","_slicedToArray","menuPosition","setMenuPosition","alignment","useMemo","align","customPosition","position","updatePosition","useCallback","current","requestAnimationFrame","_triggerRef$current","_elementRef$current","triggerRect","getBoundingClientRect","elementRect","height","width","newPosition","getPosition","prevPosition","debouncedUpdatePosition","debounce","useEffect","currentElement","resizeObserver","ResizeObserver","mutationObserver","MutationObserver","observe","attributeFilter","attributes","window","addEventListener","unobserve","disconnect","removeEventListener","timeoutId","setTimeout","clearTimeout","useLayoutEffect"],"mappings":"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"}

package/dist/cjs/hooks/useTriggerPosition/utilities.js

@@ -0,0 +1,291 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+
+var screenOffset = 16;
+
+/**
+ * Calculates the position of the menu based on alignment and viewport constraints.
+ *
+ * @param {Alignment} menuAlign - The alignment configuration for the menu.
+ * @param {number} offset - The offset distance between the menu and the trigger.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {DOMRect} [triggerRect] - The bounding rectangle of the trigger element.
+ * @param {boolean} [disableFlipping] - If true, prevents flipping to the opposite side when overflowing.
+ * @returns {Position} The calculated position of the menu.
+ */
+var getPosition = function getPosition(menuAlign, offset, elementRect, triggerRect) {
+  var _menuAlign$align;
+  var disableFlipping = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var screenWidth = window.innerWidth;
+  var screenHeight = window.innerHeight;
+  if (!triggerRect) {
+    return calculateCustomPosition(elementRect, menuAlign);
+  }
+  var position = menuAlign.position;
+  var align = (_menuAlign$align = menuAlign.align) !== null && _menuAlign$align !== void 0 ? _menuAlign$align : 'center';
+  switch (position) {
+    case 'left':
+    case 'right':
+      return positionHorizontal(position, align, offset, elementRect, triggerRect, screenWidth, screenHeight, disableFlipping);
+    case 'top':
+    case 'bottom':
+      return positionVertical(position, align, offset, elementRect, triggerRect, screenWidth, screenHeight, disableFlipping);
+    default:
+      return calculateCustomPosition(elementRect, menuAlign);
+  }
+};
+
+/**
+ * Calculates left/right placement with vertical alignment and screen overflow checks.
+ * Flips the menu to the opposite side if it overflows the screen, unless flipping is disabled.
+ *
+ * @param {'left' | 'right'} position - The horizontal position ('left' or 'right').
+ * @param {Alignment['align']} align - The vertical alignment ('start', 'end', or 'center').
+ * @param {number} offset - The offset distance between the menu and the trigger.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.
+ * @param {number} screenWidth - The width of the viewport.
+ * @param {number} screenHeight - The height of the viewport.
+ * @param {boolean} disableFlipping - Whether to disable flipping logic.
+ * @returns {Position} The calculated position of the menu.
+ */
+var positionHorizontal = function positionHorizontal(position, align, offset, elementRect, triggerRect, screenWidth, screenHeight, disableFlipping) {
+  var isLeft = position === 'left';
+  var flipped = false;
+  var containerSide = isLeft ? triggerRect.left - elementRect.width - offset : triggerRect.right + offset;
+  var overflowsLeft = isOverflowingLeft(containerSide);
+  var overflowsRight = isOverflowingRight(containerSide, elementRect.width, screenWidth);
+
+  // Flip to opposite side if menu overflows but fits on the other side
+  if (!disableFlipping) {
+    if (isLeft && overflowsLeft) {
+      var rightSide = triggerRect.right + offset;
+      if (!isOverflowingRight(rightSide, elementRect.width, screenWidth)) {
+        containerSide = rightSide;
+        flipped = true;
+      }
+    } else if (!isLeft && overflowsRight) {
+      var leftSide = triggerRect.left - elementRect.width - offset;
+      if (!isOverflowingLeft(leftSide)) {
+        containerSide = leftSide;
+        flipped = true;
+      }
+    }
+  }
+  var top = calculateVerticalPosition(triggerRect, elementRect, align);
+  top = adjustForVerticalBounds(top, elementRect, screenHeight);
+  return {
+    flipped: flipped,
+    left: containerSide,
+    top: top
+  };
+};
+
+/**
+ * Calculates top/bottom placement with horizontal alignment and screen overflow checks.
+ * Flips the menu to the opposite side if it overflows the screen, unless flipping is disabled.
+ *
+ * @param {'top' | 'bottom'} position - The vertical position ('top' or 'bottom').
+ * @param {Alignment['align']} align - The horizontal alignment ('start', 'end', or 'center').
+ * @param {number} offset - The offset distance between the menu and the trigger.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.
+ * @param {number} screenWidth - The width of the viewport.
+ * @param {number} screenHeight - The height of the viewport.
+ * @param {boolean} disableFlipping - Whether to disable flipping logic.
+ * @returns {Position} The calculated position of the menu.
+ */
+var positionVertical = function positionVertical(position, align, offset, elementRect, triggerRect, screenWidth, screenHeight, disableFlipping) {
+  var isTop = position === 'top';
+  var flipped = false;
+  var containerSide = isTop ? triggerRect.top - elementRect.height - offset : triggerRect.bottom + offset;
+  var overflowsTop = isOverflowingTop(containerSide);
+  var overflowsBottom = isOverflowingBottom(containerSide, elementRect.height, screenHeight);
+
+  // Flip to opposite side if menu overflows but fits on the other side
+  if (!disableFlipping) {
+    if (isTop && overflowsTop) {
+      var bottomSide = triggerRect.bottom + offset;
+      if (!isOverflowingBottom(bottomSide, elementRect.height, screenHeight)) {
+        containerSide = bottomSide;
+        flipped = true;
+      }
+    } else if (!isTop && overflowsBottom) {
+      var topSide = triggerRect.top - elementRect.height - offset;
+      if (!isOverflowingTop(topSide)) {
+        containerSide = topSide;
+        flipped = true;
+      }
+    }
+  }
+  var left = calculateHorizontalPosition(triggerRect, elementRect, align, screenWidth);
+  return {
+    flipped: flipped,
+    left: left,
+    top: containerSide
+  };
+};
+
+/**
+ * Aligns menu horizontally (used when menu is vertically positioned).
+ *
+ * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {'start' | 'end' | 'center'} align - The horizontal alignment.
+ * @param {number} screenWidth - The width of the viewport.
+ * @returns {number} The calculated horizontal position.
+ */
+var calculateHorizontalPosition = function calculateHorizontalPosition(triggerRect, elementRect, align, screenWidth) {
+  var position;
+  switch (align) {
+    case 'start':
+      position = triggerRect.left;
+      break;
+    case 'end':
+      position = triggerRect.right - elementRect.width;
+      break;
+    default:
+      position = triggerRect.left + (triggerRect.width - elementRect.width) / 2;
+      break;
+  }
+
+  // Clamp within screen
+  if (position < screenOffset) return screenOffset;
+  if (position + elementRect.width > screenWidth - screenOffset) {
+    return screenWidth - elementRect.width - screenOffset;
+  }
+  return position;
+};
+
+/**
+ * Aligns menu vertically (used when menu is horizontally positioned).
+ *
+ * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {'start' | 'end' | 'center'} align - The vertical alignment.
+ * @returns {number} The calculated vertical position.
+ */
+var calculateVerticalPosition = function calculateVerticalPosition(triggerRect, elementRect, align) {
+  switch (align) {
+    case 'start':
+      return triggerRect.top;
+    case 'end':
+      return triggerRect.bottom - elementRect.height;
+    default:
+      return triggerRect.top + (triggerRect.height - elementRect.height) / 2;
+  }
+};
+
+/**
+ * Calculates position for a menu that uses an explicit custom position.
+ *
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {Alignment} menuAlign - The alignment configuration for the menu.
+ * @returns {Position} The calculated custom position of the menu.
+ */
+var calculateCustomPosition = function calculateCustomPosition(elementRect, menuAlign) {
+  var _menuAlign$customPosi, _menuAlign$customPosi2, _menuAlign$customPosi3, _menuAlign$customPosi4;
+  var screenHeight = window.innerHeight;
+  var screenWidth = window.innerWidth;
+  var left = (_menuAlign$customPosi = (_menuAlign$customPosi2 = menuAlign.customPosition) === null || _menuAlign$customPosi2 === void 0 ? void 0 : _menuAlign$customPosi2.left) !== null && _menuAlign$customPosi !== void 0 ? _menuAlign$customPosi : 0;
+  var top = (_menuAlign$customPosi3 = (_menuAlign$customPosi4 = menuAlign.customPosition) === null || _menuAlign$customPosi4 === void 0 ? void 0 : _menuAlign$customPosi4.top) !== null && _menuAlign$customPosi3 !== void 0 ? _menuAlign$customPosi3 : 0;
+  var adjusted = adjustCustomScreenBounds(left, top, elementRect, screenWidth, screenHeight);
+  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, adjusted), {}, {
+    flipped: false
+  });
+};
+
+/**
+ * Adjusts vertical position to stay within screen height.
+ *
+ * @param {number} top - The initial vertical position.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {number} screenHeight - The height of the viewport.
+ * @returns {number} The adjusted vertical position.
+ */
+var adjustForVerticalBounds = function adjustForVerticalBounds(top, elementRect, screenHeight) {
+  var adjustedTop = top;
+  if (isOverflowingTop(adjustedTop)) {
+    adjustedTop = screenOffset;
+  }
+  if (isOverflowingBottom(adjustedTop, elementRect.height, screenHeight)) {
+    adjustedTop = screenHeight - elementRect.height - screenOffset;
+  }
+
+  // If the menu is taller than the screen height minus offset, pin it to the top offset
+  if (elementRect.height + 2 * screenOffset > screenHeight) {
+    adjustedTop = screenOffset;
+  }
+  return adjustedTop;
+};
+
+/**
+ * Ensures menu position stays within screen bounds.
+ *
+ * @param {number} left - The initial horizontal position.
+ * @param {number} top - The initial vertical position.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {number} screenWidth - The width of the viewport.
+ * @param {number} screenHeight - The height of the viewport.
+ * @returns {Position} The adjusted position of the menu.
+ */
+var adjustCustomScreenBounds = function adjustCustomScreenBounds(left, top, elementRect, screenWidth, screenHeight) {
+  var adjustedLeft = Math.min(Math.max(left, screenOffset), screenWidth - elementRect.width - screenOffset);
+  var adjustedTop = Math.max(top, screenOffset);
+  if (adjustedTop + elementRect.height > screenHeight - screenOffset) {
+    adjustedTop = screenHeight - elementRect.height - screenOffset;
+  }
+  if (elementRect.height + 2 * screenOffset > screenHeight) adjustedTop = screenOffset;
+  return {
+    left: adjustedLeft,
+    top: adjustedTop
+  };
+};
+
+/**
+ * Checks if the menu overflows the left side of the screen.
+ *
+ * @param {number} left - The left position of the menu.
+ * @returns {boolean} True if the menu overflows the left side, false otherwise.
+ */
+var isOverflowingLeft = function isOverflowingLeft(left) {
+  return left < screenOffset;
+};
+
+/**
+ * Checks if the menu overflows the right side of the screen.
+ *
+ * @param {number} left - The left position of the menu.
+ * @param {number} width - The width of the menu.
+ * @param {number} screenWidth - The width of the viewport.
+ * @returns {boolean} True if the menu overflows the right side, false otherwise.
+ */
+var isOverflowingRight = function isOverflowingRight(left, width, screenWidth) {
+  return left + width > screenWidth - screenOffset;
+};
+
+/**
+ * Checks if the menu overflows the top side of the screen.
+ *
+ * @param {number} top - The top position of the menu.
+ * @returns {boolean} True if the menu overflows the top side, false otherwise.
+ */
+var isOverflowingTop = function isOverflowingTop(top) {
+  return top < screenOffset;
+};
+
+/**
+ * Checks if the menu overflows the bottom side of the screen.
+ *
+ * @param {number} top - The top position of the menu.
+ * @param {number} height - The height of the menu.
+ * @param {number} screenHeight - The height of the viewport.
+ * @returns {boolean} True if the menu overflows the bottom side, false otherwise.
+ */
+var isOverflowingBottom = function isOverflowingBottom(top, height, screenHeight) {
+  return top + height > screenHeight - screenOffset;
+};
+
+exports.getPosition = getPosition;
+//# sourceMappingURL=utilities.js.map

package/dist/cjs/hooks/useTriggerPosition/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sources":["../../../../src/hooks/useTriggerPosition/utilities.ts"],"sourcesContent":["import { Alignment, Position } from './constants';\n\nconst screenOffset = 16;\n\n/**\n * Calculates the position of the menu based on alignment and viewport constraints.\n *\n * @param {Alignment} menuAlign - The alignment configuration for the menu.\n * @param {number} offset - The offset distance between the menu and the trigger.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {DOMRect} [triggerRect] - The bounding rectangle of the trigger element.\n * @param {boolean} [disableFlipping] - If true, prevents flipping to the opposite side when overflowing.\n * @returns {Position} The calculated position of the menu.\n */\nexport const getPosition = (\n\tmenuAlign: Alignment,\n\toffset: number,\n\telementRect: DOMRect,\n\ttriggerRect?: DOMRect,\n\tdisableFlipping = false\n): Position => {\n\tconst screenWidth = window.innerWidth;\n\tconst screenHeight = window.innerHeight;\n\n\tif (!triggerRect) {\n\t\treturn calculateCustomPosition(elementRect, menuAlign);\n\t}\n\n\tconst position = menuAlign.position;\n\tconst align = menuAlign.align ?? 'center';\n\n\tswitch (position) {\n\t\tcase 'left':\n\t\tcase 'right':\n\t\t\treturn positionHorizontal(\n\t\t\t\tposition,\n\t\t\t\talign,\n\t\t\t\toffset,\n\t\t\t\telementRect,\n\t\t\t\ttriggerRect,\n\t\t\t\tscreenWidth,\n\t\t\t\tscreenHeight,\n\t\t\t\tdisableFlipping\n\t\t\t);\n\t\tcase 'top':\n\t\tcase 'bottom':\n\t\t\treturn positionVertical(\n\t\t\t\tposition,\n\t\t\t\talign,\n\t\t\t\toffset,\n\t\t\t\telementRect,\n\t\t\t\ttriggerRect,\n\t\t\t\tscreenWidth,\n\t\t\t\tscreenHeight,\n\t\t\t\tdisableFlipping\n\t\t\t);\n\t\tdefault:\n\t\t\treturn calculateCustomPosition(elementRect, menuAlign);\n\t}\n};\n\n/**\n * Calculates left/right placement with vertical alignment and screen overflow checks.\n * Flips the menu to the opposite side if it overflows the screen, unless flipping is disabled.\n *\n * @param {'left' | 'right'} position - The horizontal position ('left' or 'right').\n * @param {Alignment['align']} align - The vertical alignment ('start', 'end', or 'center').\n * @param {number} offset - The offset distance between the menu and the trigger.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.\n * @param {number} screenWidth - The width of the viewport.\n * @param {number} screenHeight - The height of the viewport.\n * @param {boolean} disableFlipping - Whether to disable flipping logic.\n * @returns {Position} The calculated position of the menu.\n */\nconst positionHorizontal = (\n\tposition: 'left' | 'right',\n\talign: Alignment['align'],\n\toffset: number,\n\telementRect: DOMRect,\n\ttriggerRect: DOMRect,\n\tscreenWidth: number,\n\tscreenHeight: number,\n\tdisableFlipping: boolean\n): Position => {\n\tconst isLeft = position === 'left';\n\tlet flipped = false;\n\n\tlet containerSide = isLeft\n\t\t? triggerRect.left - elementRect.width - offset\n\t\t: triggerRect.right + offset;\n\n\tconst overflowsLeft = isOverflowingLeft(containerSide);\n\tconst overflowsRight = isOverflowingRight(containerSide, elementRect.width, screenWidth);\n\n\t// Flip to opposite side if menu overflows but fits on the other side\n\tif (!disableFlipping) {\n\t\tif (isLeft && overflowsLeft) {\n\t\t\tconst rightSide = triggerRect.right + offset;\n\t\t\tif (!isOverflowingRight(rightSide, elementRect.width, screenWidth)) {\n\t\t\t\tcontainerSide = rightSide;\n\t\t\t\tflipped = true;\n\t\t\t}\n\t\t} else if (!isLeft && overflowsRight) {\n\t\t\tconst leftSide = triggerRect.left - elementRect.width - offset;\n\t\t\tif (!isOverflowingLeft(leftSide)) {\n\t\t\t\tcontainerSide = leftSide;\n\t\t\t\tflipped = true;\n\t\t\t}\n\t\t}\n\t}\n\n\tlet top = calculateVerticalPosition(triggerRect, elementRect, align);\n\ttop = adjustForVerticalBounds(top, elementRect, screenHeight);\n\n\treturn { flipped, left: containerSide, top };\n};\n\n/**\n * Calculates top/bottom placement with horizontal alignment and screen overflow checks.\n * Flips the menu to the opposite side if it overflows the screen, unless flipping is disabled.\n *\n * @param {'top' | 'bottom'} position - The vertical position ('top' or 'bottom').\n * @param {Alignment['align']} align - The horizontal alignment ('start', 'end', or 'center').\n * @param {number} offset - The offset distance between the menu and the trigger.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.\n * @param {number} screenWidth - The width of the viewport.\n * @param {number} screenHeight - The height of the viewport.\n * @param {boolean} disableFlipping - Whether to disable flipping logic.\n * @returns {Position} The calculated position of the menu.\n */\nconst positionVertical = (\n\tposition: 'top' | 'bottom',\n\talign: Alignment['align'],\n\toffset: number,\n\telementRect: DOMRect,\n\ttriggerRect: DOMRect,\n\tscreenWidth: number,\n\tscreenHeight: number,\n\tdisableFlipping: boolean\n): Position => {\n\tconst isTop = position === 'top';\n\tlet flipped = false;\n\n\tlet containerSide = isTop\n\t\t? triggerRect.top - elementRect.height - offset\n\t\t: triggerRect.bottom + offset;\n\n\tconst overflowsTop = isOverflowingTop(containerSide);\n\tconst overflowsBottom = isOverflowingBottom(containerSide, elementRect.height, screenHeight);\n\n\t// Flip to opposite side if menu overflows but fits on the other side\n\tif (!disableFlipping) {\n\t\tif (isTop && overflowsTop) {\n\t\t\tconst bottomSide = triggerRect.bottom + offset;\n\t\t\tif (!isOverflowingBottom(bottomSide, elementRect.height, screenHeight)) {\n\t\t\t\tcontainerSide = bottomSide;\n\t\t\t\tflipped = true;\n\t\t\t}\n\t\t} else if (!isTop && overflowsBottom) {\n\t\t\tconst topSide = triggerRect.top - elementRect.height - offset;\n\t\t\tif (!isOverflowingTop(topSide)) {\n\t\t\t\tcontainerSide = topSide;\n\t\t\t\tflipped = true;\n\t\t\t}\n\t\t}\n\t}\n\n\tconst left = calculateHorizontalPosition(triggerRect, elementRect, align, screenWidth);\n\n\treturn { flipped, left, top: containerSide };\n};\n\n/**\n * Aligns menu horizontally (used when menu is vertically positioned).\n *\n * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {'start' | 'end' | 'center'} align - The horizontal alignment.\n * @param {number} screenWidth - The width of the viewport.\n * @returns {number} The calculated horizontal position.\n */\nconst calculateHorizontalPosition = (\n\ttriggerRect: DOMRect,\n\telementRect: DOMRect,\n\talign: 'start' | 'end' | 'center',\n\tscreenWidth: number\n): number => {\n\tlet position: number;\n\n\tswitch (align) {\n\t\tcase 'start':\n\t\t\tposition = triggerRect.left;\n\t\t\tbreak;\n\t\tcase 'end':\n\t\t\tposition = triggerRect.right - elementRect.width;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tposition = triggerRect.left + (triggerRect.width - elementRect.width) / 2;\n\t\t\tbreak;\n\t}\n\n\t// Clamp within screen\n\tif (position < screenOffset) return screenOffset;\n\tif (position + elementRect.width > screenWidth - screenOffset) {\n\t\treturn screenWidth - elementRect.width - screenOffset;\n\t}\n\treturn position;\n};\n\n/**\n * Aligns menu vertically (used when menu is horizontally positioned).\n *\n * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {'start' | 'end' | 'center'} align - The vertical alignment.\n * @returns {number} The calculated vertical position.\n */\nconst calculateVerticalPosition = (\n\ttriggerRect: DOMRect,\n\telementRect: DOMRect,\n\talign: 'start' | 'end' | 'center'\n): number => {\n\tswitch (align) {\n\t\tcase 'start':\n\t\t\treturn triggerRect.top;\n\t\tcase 'end':\n\t\t\treturn triggerRect.bottom - elementRect.height;\n\t\tdefault:\n\t\t\treturn triggerRect.top + (triggerRect.height - elementRect.height) / 2;\n\t}\n};\n\n/**\n * Calculates position for a menu that uses an explicit custom position.\n *\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {Alignment} menuAlign - The alignment configuration for the menu.\n * @returns {Position} The calculated custom position of the menu.\n */\nconst calculateCustomPosition = (elementRect: DOMRect, menuAlign: Alignment): Position => {\n\tconst screenHeight = window.innerHeight;\n\tconst screenWidth = window.innerWidth;\n\n\tconst left = menuAlign.customPosition?.left ?? 0;\n\tconst top = menuAlign.customPosition?.top ?? 0;\n\n\tconst adjusted = adjustCustomScreenBounds(left, top, elementRect, screenWidth, screenHeight);\n\treturn { ...adjusted, flipped: false };\n};\n\n/**\n * Adjusts vertical position to stay within screen height.\n *\n * @param {number} top - The initial vertical position.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {number} screenHeight - The height of the viewport.\n * @returns {number} The adjusted vertical position.\n */\nconst adjustForVerticalBounds = (\n\ttop: number,\n\telementRect: DOMRect,\n\tscreenHeight: number\n): number => {\n\tlet adjustedTop = top;\n\n\tif (isOverflowingTop(adjustedTop)) {\n\t\tadjustedTop = screenOffset;\n\t}\n\n\tif (isOverflowingBottom(adjustedTop, elementRect.height, screenHeight)) {\n\t\tadjustedTop = screenHeight - elementRect.height - screenOffset;\n\t}\n\n\t// If the menu is taller than the screen height minus offset, pin it to the top offset\n\tif (elementRect.height + 2 * screenOffset > screenHeight) {\n\t\tadjustedTop = screenOffset;\n\t}\n\n\treturn adjustedTop;\n};\n\n/**\n * Ensures menu position stays within screen bounds.\n *\n * @param {number} left - The initial horizontal position.\n * @param {number} top - The initial vertical position.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {number} screenWidth - The width of the viewport.\n * @param {number} screenHeight - The height of the viewport.\n * @returns {Position} The adjusted position of the menu.\n */\nconst adjustCustomScreenBounds = (\n\tleft: number,\n\ttop: number,\n\telementRect: DOMRect,\n\tscreenWidth: number,\n\tscreenHeight: number\n): { left: number; top: number } => {\n\tconst adjustedLeft = Math.min(\n\t\tMath.max(left, screenOffset),\n\t\tscreenWidth - elementRect.width - screenOffset\n\t);\n\n\tlet adjustedTop = Math.max(top, screenOffset);\n\tif (adjustedTop + elementRect.height > screenHeight - screenOffset) {\n\t\tadjustedTop = screenHeight - elementRect.height - screenOffset;\n\t}\n\n\tif (elementRect.height + 2 * screenOffset > screenHeight) adjustedTop = screenOffset;\n\n\treturn { left: adjustedLeft, top: adjustedTop };\n};\n\n/**\n * Checks if the menu overflows the left side of the screen.\n *\n * @param {number} left - The left position of the menu.\n * @returns {boolean} True if the menu overflows the left side, false otherwise.\n */\nconst isOverflowingLeft = (left: number): boolean => left < screenOffset;\n\n/**\n * Checks if the menu overflows the right side of the screen.\n *\n * @param {number} left - The left position of the menu.\n * @param {number} width - The width of the menu.\n * @param {number} screenWidth - The width of the viewport.\n * @returns {boolean} True if the menu overflows the right side, false otherwise.\n */\nconst isOverflowingRight = (left: number, width: number, screenWidth: number): boolean =>\n\tleft + width > screenWidth - screenOffset;\n\n/**\n * Checks if the menu overflows the top side of the screen.\n *\n * @param {number} top - The top position of the menu.\n * @returns {boolean} True if the menu overflows the top side, false otherwise.\n */\nconst isOverflowingTop = (top: number): boolean => top < screenOffset;\n\n/**\n * Checks if the menu overflows the bottom side of the screen.\n *\n * @param {number} top - The top position of the menu.\n * @param {number} height - The height of the menu.\n * @param {number} screenHeight - The height of the viewport.\n * @returns {boolean} True if the menu overflows the bottom side, false otherwise.\n */\nconst isOverflowingBottom = (top: number, height: number, screenHeight: number): boolean =>\n\ttop + height > screenHeight - screenOffset;\n"],"names":["screenOffset","getPosition","menuAlign","offset","elementRect","triggerRect","_menuAlign$align","disableFlipping","arguments","length","undefined","screenWidth","window","innerWidth","screenHeight","innerHeight","calculateCustomPosition","position","align","positionHorizontal","positionVertical","isLeft","flipped","containerSide","left","width","right","overflowsLeft","isOverflowingLeft","overflowsRight","isOverflowingRight","rightSide","leftSide","top","calculateVerticalPosition","adjustForVerticalBounds","isTop","height","bottom","overflowsTop","isOverflowingTop","overflowsBottom","isOverflowingBottom","bottomSide","topSide","calculateHorizontalPosition","_menuAlign$customPosi","_menuAlign$customPosi2","_menuAlign$customPosi3","_menuAlign$customPosi4","customPosition","adjusted","adjustCustomScreenBounds","_objectSpread","adjustedTop","adjustedLeft","Math","min","max"],"mappings":"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"}