@splendidlabz/utils 1.11.2 → 1.11.4

package/dist/cjs/dom/actions/sticky.cjs

@@ -15,18 +15,138 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dom/actions/sticky.js
 var sticky_exports = {};
 __export(sticky_exports, {
   sticky: () => sticky
 });
 module.exports = __toCommonJS(sticky_exports);
-var import_bounding_box = require("../bounding-box.js");
-var import_resize_observer = require("../observers/resize-observer.js");
-var import_scroll_container = require("../ui/scroll-container.js");
+
+// src/dom/bounding-box.js
+function boundingBox(element, { containsPadding = true } = {}) {
+  const box = element.getBoundingClientRect();
+  const ret = {};
+  for (const prop in box) ret[prop] = box[prop];
+  if (!containsPadding) {
+    const style = getComputedStyle(element);
+    const paddingTop = parseFloat(style.paddingTop);
+    const paddingRight = parseFloat(style.paddingRight);
+    const paddingBottom = parseFloat(style.paddingBottom);
+    const paddingLeft = parseFloat(style.paddingLeft);
+    ret.x = ret.x + paddingLeft;
+    ret.y = ret.y + paddingTop;
+    ret.width = ret.width - paddingLeft - paddingRight;
+    ret.height = ret.height - paddingTop - paddingBottom;
+    ret.top = ret.top + paddingTop;
+    ret.bottom = ret.bottom - paddingBottom;
+    ret.right = ret.right - paddingRight;
+    ret.left = ret.left + paddingLeft;
+  }
+  ret.xCenter = (ret.left + ret.right) / 2;
+  ret.yCenter = (ret.top + ret.bottom) / 2;
+  return ret;
+}
+function boundingBoxRelativeToAncestor({ element, ancestorElement }) {
+  ancestorElement = ancestorElement || element.parentElement;
+  const box = boundingBox(element);
+  const ancestorBox = boundingBox(ancestorElement, {
+    containsPadding: false
+  });
+  return {
+    top: box.top - ancestorBox.top,
+    right: box.right - ancestorBox.right,
+    bottom: box.bottom - ancestorBox.bottom,
+    left: box.left - ancestorBox.left,
+    width: box.width,
+    height: box.height,
+    xCenter: (box.left + box.right) / 2 - ancestorBox.left,
+    yCenter: (box.top + box.bottom) / 2 - ancestorBox.top
+  };
+}
+
+// src/dom/events.js
+function dispatchEvent(node, eventName, detail, options = {}) {
+  node.dispatchEvent(
+    new CustomEvent(eventName, {
+      ...options,
+      detail
+    })
+  );
+}
+
+// src/dom/get-element.js
+function getNodeType(node) {
+  if (node instanceof Element) return "element";
+  if (node instanceof NodeList) return "nodelist";
+  if (Array.isArray(node)) return "array";
+}
+
+// src/dom/observers/observer.js
+function useObserverMethodOnTarget(target, observer, method = "observe", options = void 0) {
+  const targetType = getNodeType(target);
+  if (targetType === "element") observer[method](target, options);
+  if (targetType === "nodelist") {
+    const elements = Array.from(target);
+    elements.forEach((element) => observer[method](element, options));
+  }
+  if (targetType === "array") {
+    target.forEach((element) => observer[method](element, options));
+  }
+}
+
+// src/dom/observers/resize-observer.js
+function resizeObserver(target, options) {
+  const { callback, ...opts } = options;
+  const observer = new ResizeObserver(observerFn);
+  if (target === window || target === document)
+    target = document.documentElement;
+  useObserverMethodOnTarget(target, observer, "observe", opts);
+  function observerFn(entries) {
+    for (const entry of entries) {
+      if (callback) callback({ entry, entries, observer });
+      else
+        dispatchEvent(entry.target, "resize-obs", { entry, entries, observer });
+    }
+  }
+  return {
+    observe(target2) {
+      useObserverMethodOnTarget(target2, observer, "observe", options);
+    },
+    unobserve(target2) {
+      useObserverMethodOnTarget(target2, observer, "unobserve");
+    },
+    disconnect: (_) => observer.disconnect(),
+    destroy: (_) => observer.disconnect()
+  };
+}
+
+// src/dom/ui/scroll-container.js
+function findScrollContainer(element, direction = "both") {
+  if (!element) return;
+  let parent = element.parentElement;
+  while (parent) {
+    const { overflow, overflowX, overflowY } = getComputedStyle(parent);
+    if (direction === "both") {
+      if (overflow.includes("auto") || overflow.includes("scroll"))
+        return parent;
+    }
+    if (direction === "horizontal") {
+      if (overflowX === "auto" || overflowX === "scroll") return parent;
+    }
+    if (direction === "vertical") {
+      if (overflowY === "auto" || overflowY === "scroll") return parent;
+    }
+    parent = parent.parentElement;
+  }
+  return document.documentElement;
+}
+
+// src/dom/actions/sticky.js
 function sticky(node, props = {}) {
-  const scrollContainer = (0, import_scroll_container.findScrollContainer)(node);
+  const scrollContainer = findScrollContainer(node);
   let stickyTBLR = getComputedTBLR(node);
-  const obs = (0, import_resize_observer.resizeObserver)(node, {
+  const obs = resizeObserver(node, {
     callback: ({ entry }) => {
       stickyTBLR = getComputedTBLR(node);
       isSticking();
@@ -38,7 +158,7 @@ function sticky(node, props = {}) {
   }
   function isSticking() {
     const { top, bottom, left, right } = stickyTBLR;
-    const relativeRect = (0, import_bounding_box.boundingBoxRelativeToAncestor)({
+    const relativeRect = boundingBoxRelativeToAncestor({
       element: node,
       ancestorElement: scrollContainer
     });

package/dist/cjs/dom/bounding-box.cjs

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dom/bounding-box.js
 var bounding_box_exports = {};
 __export(bounding_box_exports, {
   boundingBox: () => boundingBox,

package/dist/cjs/dom/clipboard.cjs

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dom/clipboard.js
 var clipboard_exports = {};
 __export(clipboard_exports, {
   copyRichText: () => copyRichText

package/dist/cjs/dom/cookie.cjs

@@ -15,13 +15,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dom/cookie.js
 var cookie_exports = {};
 __export(cookie_exports, {
   cookies: () => cookies,
   getCookie: () => getCookie
 });
 module.exports = __toCommonJS(cookie_exports);
-const cookies = {
+var cookies = {
   get(name) {
     return getCookie(name);
   },

package/dist/cjs/dom/css-vars.cjs

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dom/css-vars.js
 var css_vars_exports = {};
 __export(css_vars_exports, {
   getCSSValue: () => getCSSValue,
@@ -23,7 +25,15 @@ __export(css_vars_exports, {
   setCSSVar: () => setCSSVar
 });
 module.exports = __toCommonJS(css_vars_exports);
-var import_get_element = require("./get-element.js");
+
+// src/dom/get-element.js
+function getElement(selector) {
+  if (!selector) return;
+  if (selector instanceof Element) return selector;
+  return document.querySelector(selector);
+}
+
+// src/dom/css-vars.js
 function getCSSValue(element, prop) {
   return getCSSVar(element, prop);
 }
@@ -31,11 +41,11 @@ function setCSSValue(element, prop, value) {
   setCSSVar(element, prop, value);
 }
 function getCSSVar(element, prop) {
-  element = (0, import_get_element.getElement)(element);
+  element = getElement(element);
   return getComputedStyle(element).getPropertyValue(prop);
 }
 function setCSSVar(element, prop, value) {
-  element = (0, import_get_element.getElement)(element);
+  element = getElement(element);
   element.style.setProperty(prop, value);
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/dom/events.cjs

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dom/events.js
 var events_exports = {};
 __export(events_exports, {
   addListeners: () => addListeners,

package/dist/cjs/dom/focusable.cjs

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dom/focusable.js
 var focusable_exports = {};
 __export(focusable_exports, {
   Focusable: () => Focusable,

package/dist/cjs/dom/font-size.cjs

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dom/font-size.js
 var font_size_exports = {};
 __export(font_size_exports, {
   em: () => em,
@@ -25,9 +27,19 @@ __export(font_size_exports, {
   toPx: () => toPx
 });
 module.exports = __toCommonJS(font_size_exports);
-var import_numbers = require("../lib/numbers/index.js");
+
+// src/lib/numbers/index.js
+function splitUnit(string) {
+  if (typeof string === "number") return [string, null];
+  const regex = /(-?\d*\.?\d+)\s*([a-z]+)/i;
+  const match = string.match(regex);
+  if (match) return [parseFloat(match[1]), match[2]];
+  return [parseFloat(string), null];
+}
+
+// src/dom/font-size.js
 function getUnit(value) {
-  const [, unit] = (0, import_numbers.splitUnit)(value);
+  const [, unit] = splitUnit(value);
   return unit;
 }
 function rem(multiple = 1) {
@@ -48,7 +60,7 @@ function lh(element = document.body, multiple = 1) {
   return Math.round(value * multiple);
 }
 function toPx(value, element = null) {
-  const [numeric, unit] = (0, import_numbers.splitUnit)(value);
+  const [numeric, unit] = splitUnit(value);
   let finalValue = 0;
   if (unit === "rem") finalValue = rem(numeric);
   if (unit === "em") finalValue = em(element, numeric);

package/dist/cjs/dom/get-element.cjs

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dom/get-element.js
 var get_element_exports = {};
 __export(get_element_exports, {
   getAncestorWithSiblings: () => getAncestorWithSiblings,
@@ -27,7 +29,7 @@ __export(get_element_exports, {
   isAncestor: () => isAncestor
 });
 module.exports = __toCommonJS(get_element_exports);
-const astroNodes = ["ASTRO-SLOT", "ASTRO-ISLAND"];
+var astroNodes = ["ASTRO-SLOT", "ASTRO-ISLAND"];
 function getNodeType(node) {
   if (node instanceof Element) return "element";
   if (node instanceof NodeList) return "nodelist";

package/dist/cjs/dom/hash.cjs

@@ -15,6 +15,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dom/hash.js
 var hash_exports = {};
 __export(hash_exports, {
   sha256Hash: () => sha256Hash