@fluixi/dom 1.0.0-alpha.83 → 1.0.0-alpha.84

package/dist/lib/dom/utils.js

@@ -1,5 +1,4 @@
 /**
- * @fileoverview DOM utilities for Fluixi
  * @module @fluixi/core/dom
  *
  * This module provides utilities for DOM manipulation and queries.
@@ -124,7 +123,7 @@ export const SVG_ELEMENTS = new Set([
 export const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
 /**
  * Returns true for custom elements (tag name contains a hyphen per the Web
- * Components spec — e.g. `adf-accounts-selector`).
+ * Components spec: e.g. `adf-accounts-selector`).
  */
 export function isCustomElement(element) {
     return element.localName.includes('-');
@@ -154,7 +153,7 @@ export function applyElementProp(element, name, value, isSVG = false) {
     //   );
     // }
     if (isCustomElement(element)) {
-        // if ((element as any)[name]!==value) 
+        // if ((element as any)[name]!==value)
         element[name] = value;
         return;
     }
@@ -175,11 +174,6 @@ export const JSX_PROPERTIES = new Set([
 /**
  * Queries a single element with type safety
  *
- * @template T - Element type
- * @param {string} selector - CSS selector
- * @param {Element | Document} root - Root element (default: document)
- * @returns {T | null} Found element or null
- *
  * @example
  * ```typescript
  * import { query } from '@fluixi/core/dom';
@@ -194,11 +188,6 @@ export function query(selector, root = document) {
 /**
  * Queries all matching elements with type safety
  *
- * @template T - Element type
- * @param {string} selector - CSS selector
- * @param {Element | Document} root - Root element (default: document)
- * @returns {T[]} Array of matching elements
- *
  * @example
  * ```typescript
  * import { queryAll } from '@fluixi/core/dom';
@@ -213,11 +202,6 @@ export function queryAll(selector, root = document) {
 /**
  * Queries the closest matching ancestor element
  *
- * @template T - Element type
- * @param {Element} element - Starting element
- * @param {string} selector - CSS selector
- * @returns {T | null} Closest matching ancestor or null
- *
  * @example
  * ```typescript
  * import { closest } from '@fluixi/core/dom';
@@ -232,9 +216,6 @@ export function closest(element, selector) {
 /**
  * Adds one or more classes to an element
  *
- * @param {Element} element - Target element
- * @param {...string} classes - Classes to add
- *
  * @example
  * ```typescript
  * import { addClass } from '@fluixi/core/dom';
@@ -248,9 +229,6 @@ export function addClass(element, ...classes) {
 /**
  * Removes one or more classes from an element
  *
- * @param {Element} element - Target element
- * @param {...string} classes - Classes to remove
- *
  * @example
  * ```typescript
  * import { removeClass } from '@fluixi/core/dom';
@@ -264,9 +242,6 @@ export function removeClass(element, ...classes) {
 /**
  * Toggles one or more classes on an element
  *
- * @param {Element} element - Target element
- * @param {...string} classes - Classes to toggle
- *
  * @example
  * ```typescript
  * import { toggleClass } from '@fluixi/core/dom';
@@ -280,10 +255,6 @@ export function toggleClass(element, ...classes) {
 /**
  * Checks if element has a class
  *
- * @param {Element} element - Target element
- * @param {string} className - Class name to check
- * @returns {boolean} True if element has the class
- *
  * @example
  * ```typescript
  * import { hasClass } from '@fluixi/core/dom';
@@ -299,10 +270,6 @@ export function hasClass(element, className) {
 /**
  * Sets an attribute on an element
  *
- * @param {Element} element - Target element
- * @param {string} name - Attribute name
- * @param {string | number | boolean} value - Attribute value
- *
  * @example
  * ```typescript
  * import { setAttribute } from '@fluixi/core/dom';
@@ -332,16 +299,6 @@ export function setAttribute(element, name, value, isSVG = false) {
 // /**
 //  * Set an attribute or property on an element
 //  */
-// export function setAttribute(
-//   element: Element,
-//   name: string,
-//   value: any,
-//   isSVG = false
-// ): void {
-//   if (value == null || value === false) {
-//     element.removeAttribute(name);
-//     return;
-//   }
 //   if (value === true) {
 //     element.setAttribute(name, '');
 //     return;
@@ -351,10 +308,6 @@ export function setAttribute(element, name, value, isSVG = false) {
 /**
  * Gets an attribute from an element
  *
- * @param {Element} element - Target element
- * @param {string} name - Attribute name
- * @returns {string | null} Attribute value or null
- *
  * @example
  * ```typescript
  * import { getAttribute } from '@fluixi/core/dom';
@@ -368,9 +321,6 @@ export function getAttribute(element, name) {
 /**
  * Removes an attribute from an element
  *
- * @param {Element} element - Target element
- * @param {string} name - Attribute name
- *
  * @example
  * ```typescript
  * import { removeAttribute } from '@fluixi/core/dom';
@@ -384,9 +334,6 @@ export function removeAttribute(element, name) {
 /**
  * Sets multiple styles on an element
  *
- * @param {HTMLElement} element - Target element
- * @param {Partial<CSSStyleDeclaration>} styles - Styles object
- *
  * @example
  * ```typescript
  * import { setStyles } from '@fluixi/core/dom';
@@ -404,10 +351,6 @@ export function setStyles(element, styles) {
 /**
  * Gets computed style of an element
  *
- * @param {Element} element - Target element
- * @param {string} property - CSS property name
- * @returns {string} Computed style value
- *
  * @example
  * ```typescript
  * import { getStyle } from '@fluixi/core/dom';
@@ -421,12 +364,6 @@ export function getStyle(element, property) {
 /**
  * Creates an element with attributes and children
  *
- * @template K - Element tag name
- * @param {K} tagName - HTML tag name
- * @param {Record<string, any>} attributes - Element attributes
- * @param {...(Node | string)} children - Child nodes or text
- * @returns {HTMLElementTagNameMap[K]} Created element
- *
  * @example
  * ```typescript
  * import { createElement } from '@fluixi/core/dom';
@@ -467,8 +404,6 @@ export function createElement(tagName, attributes = {}, ...children) {
 /**
  * Removes all children from an element
  *
- * @param {Element} element - Target element
- *
  * @example
  * ```typescript
  * import { removeChildren } from '@fluixi/core/dom';
@@ -484,9 +419,6 @@ export function removeChildren(element) {
 /**
  * Appends multiple children to an element
  *
- * @param {Element} parent - Parent element
- * @param {...(Node | string)} children - Children to append
- *
  * @example
  * ```typescript
  * import { appendChildren } from '@fluixi/core/dom';
@@ -511,9 +443,6 @@ export function appendChildren(parent, ...children) {
 /**
  * Checks if element is visible in the viewport
  *
- * @param {Element} element - Target element
- * @returns {boolean} True if element is visible
- *
  * @example
  * ```typescript
  * import { isVisible } from '@fluixi/core/dom';
@@ -533,9 +462,6 @@ export function isVisible(element) {
 /**
  * Scrolls element into view smoothly
  *
- * @param {Element} element - Target element
- * @param {ScrollIntoViewOptions} options - Scroll options
- *
  * @example
  * ```typescript
  * import { scrollIntoView } from '@fluixi/core/dom';
@@ -549,9 +475,6 @@ export function scrollIntoView(element, options = { behavior: 'smooth', block: '
 /**
  * Gets element's offset relative to document
  *
- * @param {Element} element - Target element
- * @returns {{ top: number; left: number }} Offset coordinates
- *
  * @example
  * ```typescript
  * import { getOffset } from '@fluixi/core/dom';
@@ -569,13 +492,6 @@ export function getOffset(element) {
 /**
  * Delegates event handling to a parent element
  *
- * @template K - Event type
- * @param {Element} parent - Parent element
- * @param {K} eventName - Event name
- * @param {string} selector - Child selector
- * @param {(event: Event, target: Element) => void} handler - Event handler
- * @returns {() => void} Cleanup function
- *
  * @example
  * ```typescript
  * import { delegate } from '@fluixi/core/dom';
@@ -600,10 +516,6 @@ export function delegate(parent, eventName, selector, handler) {
 /**
  * Waits for an element to appear in the DOM
  *
- * @param {string} selector - CSS selector
- * @param {number} timeout - Timeout in milliseconds (default: 5000)
- * @returns {Promise<Element>} Promise that resolves with the element
- *
  * @example
  * ```typescript
  * import { waitForElement } from '@fluixi/core/dom';
@@ -639,11 +551,6 @@ export function waitForElement(selector, timeout = 5000) {
 /**
  * Observes element intersection with viewport
  *
- * @param {Element} element - Target element
- * @param {(isIntersecting: boolean) => void} callback - Callback function
- * @param {IntersectionObserverInit} options - Observer options
- * @returns {() => void} Cleanup function
- *
  * @example
  * ```typescript
  * import { observeIntersection } from '@fluixi/core/dom';
@@ -667,10 +574,6 @@ export function observeIntersection(element, callback, options = {}) {
 /**
  * Observes element size changes
  *
- * @param {Element} element - Target element
- * @param {(entry: ResizeObserverEntry) => void} callback - Callback function
- * @returns {() => void} Cleanup function
- *
  * @example
  * ```typescript
  * import { observeResize } from '@fluixi/core/dom';

package/dist/lib/dom/utils.mjs

@@ -1 +1,361 @@
-function m(e){return e.startsWith("aria-")||e.startsWith("data-")?e:/[A-Z]/.test(e)?e.replace(/([A-Z])/g,"-$1").toLowerCase():e}function g(e){return e.startsWith("@")||e.startsWith("on")&&e.length>2}function E(e){return e.startsWith("@")?e.slice(1):e.startsWith("on")?e.slice(2).toLowerCase():e}function b(e,t){let n=new Set(["checked","value","selected","disabled","readonly","required","multiple","open","contenteditable","draggable","spellcheck"]),r={input:new Set(["value","checked","indeterminate"]),textarea:new Set(["value"]),select:new Set(["value"]),option:new Set(["selected","value"]),audio:new Set(["volume","currentTime","paused"]),video:new Set(["volume","currentTime","paused"]),img:new Set(["src","srcset"]),iframe:new Set(["src"]),a:new Set(["href"])};return n.has(t)||r[e]&&r[e].has(t)}var x=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),h=new Set(["svg","g","path","circle","rect","line","polyline","polygon","ellipse","text","tspan","use","defs","symbol","mask","clipPath","pattern","linearGradient","radialGradient","stop","filter","feGaussianBlur","feOffset","feMerge","feMergeNode","foreignObject"]),y="http://www.w3.org/2000/svg";function u(e){return e.localName.includes("-")}function w(e,t,n,r=!1){if(n==null){e.removeAttribute(t);return}if(u(e)){e[t]=n;return}c(e,t,n,r)}var T=new Set(["className","value","checked","selected","innerHTML","innerText","textContent","indeterminate","htmlFor"]);function a(e,t=document){return t.querySelector(e)}function v(e,t=document){return Array.from(t.querySelectorAll(e))}function S(e,t){return e.closest(t)}function A(e,...t){e.classList.add(...t)}function L(e,...t){e.classList.remove(...t)}function C(e,...t){t.forEach(n=>e.classList.toggle(n))}function N(e,t){return e.classList.contains(t)}function c(e,t,n,r=!1){if(n==null||n===!1){e.removeAttribute(t);return}if(n===!0){e.setAttribute(t,"");return}if(typeof n=="object"){e.setAttribute(t,JSON.stringify(n));return}e.setAttribute(t,String(n))}function M(e,t){return e.getAttribute(t)}function O(e,t){e.removeAttribute(t)}function f(e,t){Object.assign(e.style,t)}function I(e,t){return window.getComputedStyle(e).getPropertyValue(t)}function P(e,t={},...n){let r=document.createElement(e);return Object.entries(t).forEach(([o,i])=>{if(o==="class"||o==="className")r.className=i;else if(o==="style"&&typeof i=="object")f(r,i);else if(o.startsWith("on")&&typeof i=="function"){let s=o.slice(2).toLowerCase();r.addEventListener(s,i)}else c(r,o,i)}),n.forEach(o=>{typeof o=="string"?r.appendChild(document.createTextNode(o)):r.appendChild(o)}),r}function R(e){for(;e.firstChild;)e.removeChild(e.firstChild)}function H(e,...t){t.forEach(n=>{typeof n=="string"?e.appendChild(document.createTextNode(n)):e.appendChild(n)})}function V(e){let t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=window.innerHeight&&t.right<=window.innerWidth}function j(e,t={behavior:"smooth",block:"nearest"}){e.scrollIntoView(t)}function G(e){let t=e.getBoundingClientRect();return{top:t.top+window.pageYOffset,left:t.left+window.pageXOffset}}function W(e,t,n,r){let o=i=>{let s=i.target.closest(n);s&&e.contains(s)&&r(i,s)};return e.addEventListener(t,o),()=>{e.removeEventListener(t,o)}}function $(e,t=5e3){return new Promise((n,r)=>{let o=a(e);if(o){n(o);return}let i=new MutationObserver(()=>{let l=a(e);l&&(i.disconnect(),clearTimeout(s),n(l))});i.observe(document.body,{childList:!0,subtree:!0});let s=setTimeout(()=>{i.disconnect(),r(new Error(`Element ${e} not found within ${t}ms`))},t)})}function q(e,t,n={}){let r=new IntersectionObserver(o=>{o.forEach(i=>{t(i.isIntersecting)})},n);return r.observe(e),()=>{r.disconnect()}}function D(e,t){let n=new ResizeObserver(r=>{r.forEach(t)});return n.observe(e),()=>{n.disconnect()}}var d=typeof Symbol=="function"&&Symbol.for?Symbol.for("react.element"):60103;function F(e){return typeof e=="object"&&e!==null&&e.$$typeof===d}function p(e){return e&&typeof e=="object"&&e.strings&&Array.isArray(e.strings)&&e.values&&Array.isArray(e.values)}function z(e){if(typeof e!="function")return!1;try{let t=e();return p(t)}catch{return!1}}function B(e){return typeof e=="object"&&e!==null&&(e.$$typeof==="template"||typeof e.type=="function")}function J(e){return e instanceof Node}function X(e,t,n="Fluixi"){typeof globalThis<"u"&&(typeof globalThis[n]>"u"&&(globalThis[n]={}),typeof globalThis[n][e]>"u"&&(globalThis[n][e]=t))}function K(e,t,n="Fluixi"){return typeof globalThis<"u"&&typeof globalThis[n]<"u"&&typeof globalThis[n][e]<"u"?globalThis[n][e]:t}export{T as JSX_PROPERTIES,h as SVG_ELEMENTS,y as SVG_NAMESPACE,x as VOID_ELEMENTS,A as addClass,H as appendChildren,w as applyElementProp,S as closest,P as createElement,W as delegate,M as getAttribute,K as getGlobal,E as getLitEventName,G as getOffset,I as getStyle,N as hasClass,u as isCustomElement,J as isDOMNode,g as isEventHandler,B as isJSXTemplate,p as isLitTemplateResult,F as isReactElement,z as isTemplateFactory,V as isVisible,q as observeIntersection,D as observeResize,a as query,v as queryAll,X as registerGlobal,O as removeAttribute,R as removeChildren,L as removeClass,j as scrollIntoView,c as setAttribute,f as setStyles,b as shouldSetAsProperty,m as toAttributeName,C as toggleClass,$ as waitForElement};
+/*! @fluixi/dom v1.0.0-alpha.84 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+
+// src/lib/dom/utils.ts
+function toAttributeName(key) {
+  if (key.startsWith("aria-") || key.startsWith("data-")) {
+    return key;
+  }
+  if (/[A-Z]/.test(key)) {
+    return key.replace(/([A-Z])/g, "-$1").toLowerCase();
+  }
+  return key;
+}
+function isEventHandler(key) {
+  return key.startsWith("@") || key.startsWith("on") && key.length > 2;
+}
+function getLitEventName(key) {
+  if (key.startsWith("@")) {
+    return key.slice(1);
+  }
+  if (key.startsWith("on")) {
+    const eventName = key.slice(2);
+    return eventName.toLowerCase();
+  }
+  return key;
+}
+function shouldSetAsProperty(element, key) {
+  const propertyAttributes = /* @__PURE__ */ new Set([
+    "checked",
+    "value",
+    "selected",
+    "disabled",
+    "readonly",
+    "required",
+    "multiple",
+    "open",
+    "contenteditable",
+    "draggable",
+    "spellcheck"
+  ]);
+  const elementSpecificProps = {
+    input: /* @__PURE__ */ new Set(["value", "checked", "indeterminate"]),
+    textarea: /* @__PURE__ */ new Set(["value"]),
+    select: /* @__PURE__ */ new Set(["value"]),
+    option: /* @__PURE__ */ new Set(["selected", "value"]),
+    audio: /* @__PURE__ */ new Set(["volume", "currentTime", "paused"]),
+    video: /* @__PURE__ */ new Set(["volume", "currentTime", "paused"]),
+    img: /* @__PURE__ */ new Set(["src", "srcset"]),
+    iframe: /* @__PURE__ */ new Set(["src"]),
+    a: /* @__PURE__ */ new Set(["href"])
+  };
+  return propertyAttributes.has(key) || elementSpecificProps[element] && elementSpecificProps[element].has(key);
+}
+var VOID_ELEMENTS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+var SVG_ELEMENTS = /* @__PURE__ */ new Set([
+  "svg",
+  "g",
+  "path",
+  "circle",
+  "rect",
+  "line",
+  "polyline",
+  "polygon",
+  "ellipse",
+  "text",
+  "tspan",
+  "use",
+  "defs",
+  "symbol",
+  "mask",
+  "clipPath",
+  "pattern",
+  "linearGradient",
+  "radialGradient",
+  "stop",
+  "filter",
+  "feGaussianBlur",
+  "feOffset",
+  "feMerge",
+  "feMergeNode",
+  "foreignObject"
+]);
+var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+function isCustomElement(element) {
+  return element.localName.includes("-");
+}
+function applyElementProp(element, name, value, isSVG = false) {
+  if (value == null) {
+    element.removeAttribute(name);
+    return;
+  }
+  if (isCustomElement(element)) {
+    element[name] = value;
+    return;
+  }
+  setAttribute(element, name, value, isSVG);
+}
+var JSX_PROPERTIES = /* @__PURE__ */ new Set([
+  "className",
+  "value",
+  "checked",
+  "selected",
+  "innerHTML",
+  "innerText",
+  "textContent",
+  "indeterminate",
+  "htmlFor"
+]);
+function query(selector, root = document) {
+  return root.querySelector(selector);
+}
+function queryAll(selector, root = document) {
+  return Array.from(root.querySelectorAll(selector));
+}
+function closest(element, selector) {
+  return element.closest(selector);
+}
+function addClass(element, ...classes) {
+  element.classList.add(...classes);
+}
+function removeClass(element, ...classes) {
+  element.classList.remove(...classes);
+}
+function toggleClass(element, ...classes) {
+  classes.forEach((cls) => element.classList.toggle(cls));
+}
+function hasClass(element, className) {
+  return element.classList.contains(className);
+}
+function setAttribute(element, name, value, isSVG = false) {
+  if (value == null || value === false) {
+    element.removeAttribute(name);
+    return;
+  }
+  if (value === true) {
+    element.setAttribute(name, "");
+    return;
+  }
+  if (typeof value === "object") {
+    element.setAttribute(name, JSON.stringify(value));
+    return;
+  }
+  element.setAttribute(name, String(value));
+}
+function getAttribute(element, name) {
+  return element.getAttribute(name);
+}
+function removeAttribute(element, name) {
+  element.removeAttribute(name);
+}
+function setStyles(element, styles) {
+  Object.assign(element.style, styles);
+}
+function getStyle(element, property) {
+  return window.getComputedStyle(element).getPropertyValue(property);
+}
+function createElement(tagName, attributes = {}, ...children) {
+  const element = document.createElement(tagName);
+  Object.entries(attributes).forEach(([key, value]) => {
+    if (key === "class" || key === "className") {
+      element.className = value;
+    } else if (key === "style" && typeof value === "object") {
+      setStyles(element, value);
+    } else if (key.startsWith("on") && typeof value === "function") {
+      const event = key.slice(2).toLowerCase();
+      element.addEventListener(event, value);
+    } else {
+      setAttribute(element, key, value);
+    }
+  });
+  children.forEach((child) => {
+    if (typeof child === "string") {
+      element.appendChild(document.createTextNode(child));
+    } else {
+      element.appendChild(child);
+    }
+  });
+  return element;
+}
+function removeChildren(element) {
+  while (element.firstChild) {
+    element.removeChild(element.firstChild);
+  }
+}
+function appendChildren(parent, ...children) {
+  children.forEach((child) => {
+    if (typeof child === "string") {
+      parent.appendChild(document.createTextNode(child));
+    } else {
+      parent.appendChild(child);
+    }
+  });
+}
+function isVisible(element) {
+  const rect = element.getBoundingClientRect();
+  return rect.top >= 0 && rect.left >= 0 && rect.bottom <= window.innerHeight && rect.right <= window.innerWidth;
+}
+function scrollIntoView(element, options = { behavior: "smooth", block: "nearest" }) {
+  element.scrollIntoView(options);
+}
+function getOffset(element) {
+  const rect = element.getBoundingClientRect();
+  return {
+    top: rect.top + window.pageYOffset,
+    left: rect.left + window.pageXOffset
+  };
+}
+function delegate(parent, eventName, selector, handler) {
+  const listener = (event) => {
+    const target = event.target.closest(selector);
+    if (target && parent.contains(target)) {
+      handler(event, target);
+    }
+  };
+  parent.addEventListener(eventName, listener);
+  return () => {
+    parent.removeEventListener(eventName, listener);
+  };
+}
+function waitForElement(selector, timeout = 5e3) {
+  return new Promise((resolve, reject) => {
+    const element = query(selector);
+    if (element) {
+      resolve(element);
+      return;
+    }
+    const observer = new MutationObserver(() => {
+      const element2 = query(selector);
+      if (element2) {
+        observer.disconnect();
+        clearTimeout(timeoutId);
+        resolve(element2);
+      }
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    const timeoutId = setTimeout(() => {
+      observer.disconnect();
+      reject(new Error(`Element ${selector} not found within ${timeout}ms`));
+    }, timeout);
+  });
+}
+function observeIntersection(element, callback, options = {}) {
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach((entry) => {
+      callback(entry.isIntersecting);
+    });
+  }, options);
+  observer.observe(element);
+  return () => {
+    observer.disconnect();
+  };
+}
+function observeResize(element, callback) {
+  const observer = new ResizeObserver((entries) => {
+    entries.forEach(callback);
+  });
+  observer.observe(element);
+  return () => {
+    observer.disconnect();
+  };
+}
+var REACT_ELEMENT_TYPE = typeof Symbol === "function" && Symbol.for ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
+function isReactElement(value) {
+  return typeof value === "object" && value !== null && value.$$typeof === REACT_ELEMENT_TYPE;
+}
+function isLitTemplateResult(value) {
+  return value && typeof value === "object" && value.strings && Array.isArray(value.strings) && value.values && Array.isArray(value.values);
+}
+function isTemplateFactory(value) {
+  if (typeof value !== "function") return false;
+  try {
+    const result = value();
+    return isLitTemplateResult(result);
+  } catch {
+    return false;
+  }
+}
+function isJSXTemplate(value) {
+  return typeof value === "object" && value !== null && (value.$$typeof === "template" || typeof value.type === "function");
+}
+function isDOMNode(value) {
+  return value instanceof Node;
+}
+function registerGlobal(key, value, _Key = "Fluixi") {
+  if (typeof globalThis !== "undefined") {
+    if (typeof globalThis[_Key] === "undefined") {
+      globalThis[_Key] = {};
+    }
+    if (typeof globalThis[_Key][key] === "undefined") {
+      globalThis[_Key][key] = value;
+    }
+  }
+}
+function getGlobal(key, value, _Key = "Fluixi") {
+  if (typeof globalThis !== "undefined") {
+    if (typeof globalThis[_Key] !== "undefined") {
+      if (typeof globalThis[_Key][key] !== "undefined") {
+        return globalThis[_Key][key];
+      }
+    }
+  }
+  return value;
+}
+export {
+  JSX_PROPERTIES,
+  SVG_ELEMENTS,
+  SVG_NAMESPACE,
+  VOID_ELEMENTS,
+  addClass,
+  appendChildren,
+  applyElementProp,
+  closest,
+  createElement,
+  delegate,
+  getAttribute,
+  getGlobal,
+  getLitEventName,
+  getOffset,
+  getStyle,
+  hasClass,
+  isCustomElement,
+  isDOMNode,
+  isEventHandler,
+  isJSXTemplate,
+  isLitTemplateResult,
+  isReactElement,
+  isTemplateFactory,
+  isVisible,
+  observeIntersection,
+  observeResize,
+  query,
+  queryAll,
+  registerGlobal,
+  removeAttribute,
+  removeChildren,
+  removeClass,
+  scrollIntoView,
+  setAttribute,
+  setStyles,
+  shouldSetAsProperty,
+  toAttributeName,
+  toggleClass,
+  waitForElement
+};