@mkmonkeycat/dom-utils 0.1.0

package/.eslintignore

@@ -0,0 +1,2 @@
+dist/
+node_modules/

package/.github/workflows/release.yml

@@ -0,0 +1,39 @@
+name: Release
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: read
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      issues: write
+      pull-requests: write
+      id-token: write
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: lts/*
+
+      - name: Install dependencies
+        run: npm clean-install
+
+      - name: Verify the integrity of provenance attestations and registry signatures for installed dependencies
+        run: npm audit signatures
+
+      - name: Release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: npx semantic-release

package/.prettierignore

@@ -0,0 +1 @@
+node_modules/

package/.prettierrc.yml

@@ -0,0 +1,9 @@
+semi: true
+singleQuote: true
+trailingComma: all
+printWidth: 100
+tabWidth: 2
+bracketSpacing: true
+arrowParens: always
+endOfLine: auto
+quoteProps: as-needed

package/dist/dom/element.d.ts

@@ -0,0 +1,104 @@
+/**
+ * Parses class names from various input formats into a flat array of class names.
+ * @param classNames - Class names as strings, arrays of strings, or undefined.
+ * @returns An array of individual class names.
+ */
+export declare const parseClass: (...classNames: (string | string[] | undefined)[]) => string[];
+/**
+ * Creates an HTML element with specified attributes and children.
+ * @param tag - The tag name of the HTML element to create.
+ * @param attributes - An object containing attributes, styles, event handlers, and dataset entries to set on the element.
+ * @param children - Child nodes or strings to append to the created element.
+ * @returns The created HTML element.
+ */
+export declare const createElement: <K extends keyof HTMLElementTagNameMap>(tag: K, attributes?: ElementAttributes<HTMLElementTagNameMap[K]>, ...children: (Node | string)[]) => HTMLElementTagNameMap[K];
+/**
+ * Creates a DocumentFragment for batch DOM operations.
+ * @param children - Child nodes or strings to add to the fragment.
+ * @returns A DocumentFragment containing the children.
+ */
+export declare const createFragment: (...children: (Node | string)[]) => DocumentFragment;
+export type CSSProperties = Partial<CSSStyleDeclaration> | string;
+export type EventHandlers = {
+    [K in keyof HTMLElementEventMap as `on${Capitalize<K>}`]?: (event: HTMLElementEventMap[K]) => void;
+};
+export type ElementAttributes<T extends HTMLElement = HTMLElement> = {
+    className?: string | string[];
+    class?: string | string[];
+    style?: CSSProperties;
+    dataset?: Record<string, string>;
+} & EventHandlers & Partial<Omit<T, 'style' | 'children' | 'className' | 'classList' | 'dataset'>> & {
+    [key: string]: unknown;
+};
+/**
+ * Gets the width and height of an element (including padding and border).
+ * @param element - The element to measure.
+ * @returns An object with width and height properties.
+ */
+export declare const getSize: (element: HTMLElement) => {
+    width: number;
+    height: number;
+};
+/**
+ * Gets the offset position of an element relative to the document.
+ * @param element - The element to measure.
+ * @returns An object with top and left properties.
+ */
+export declare const getOffset: (element: HTMLElement) => {
+    top: number;
+    left: number;
+};
+/**
+ * Gets a computed style value for an element.
+ * @param element - The element to query.
+ * @param property - The CSS property name.
+ * @returns The computed style value.
+ */
+export declare const getComputedStyle: (element: HTMLElement, property: string) => string;
+/**
+ * Scrolls the element to a specific position (or to view if no position specified).
+ * @param element - The element to scroll.
+ * @param options - Scroll behavior options.
+ */
+export declare const scrollTo: (element: HTMLElement, options?: ScrollToOptions | {
+    top?: number;
+    left?: number;
+}) => void;
+/**
+ * Scrolls the element into the viewport.
+ * @param element - The element to scroll into view.
+ * @param options - Scroll behavior options.
+ */
+export declare const scrollIntoView: (element: HTMLElement, options?: ScrollIntoViewOptions | boolean) => void;
+/**
+ * Gets the inner size of an element (client width/height: includes padding, excludes border and scrollbar).
+ * @param element - The element to measure.
+ * @returns An object with width and height properties.
+ */
+export declare const getInnerSize: (element: HTMLElement) => {
+    width: number;
+    height: number;
+};
+/**
+ * Gets the outer size of an element (offset size). Optionally includes margins.
+ * @param element - The element to measure.
+ * @param includeMargin - Whether to include margins in the calculation.
+ * @returns An object with width and height properties.
+ */
+export declare const getOuterSize: (element: HTMLElement, includeMargin?: boolean) => {
+    width: number;
+    height: number;
+};
+/**
+ * Gets the bounding client rect of an element.
+ * @param element - The element to measure.
+ * @returns The DOMRect representing the element's bounding box.
+ */
+export declare const getRect: (element: HTMLElement) => DOMRect;
+/**
+ * Creates an SVG element from an SVG string.
+ * @param svgString - The SVG markup as a string.
+ * @returns The parsed SVGElement.
+ * @throws Error if the SVG string is invalid or contains multiple root elements.
+ */
+export declare const createSVGFromString: (svgString: string) => SVGElement;

package/dist/dom/events.d.ts

@@ -0,0 +1,88 @@
+import { SingleOrArray } from '../utils/types';
+/**
+ * Options for onClickOutside function.
+ */
+export interface OnClickOutsideOptions {
+    /** Event type to listen for. Default: 'mousedown' */
+    event?: 'mousedown' | 'mouseup' | 'click';
+    /** Whether to capture the event. Default: true */
+    capture?: boolean;
+    /** Elements to exclude from the outside check */
+    exclude?: (HTMLElement | null)[];
+}
+/**
+ * Attaches a listener that triggers when clicking outside the specified element.
+ * @param element - The element to watch.
+ * @param callback - The callback to invoke when clicking outside.
+ * @param options - Configuration options.
+ * @returns A function to remove the listener.
+ */
+export declare const onClickOutside: (element: HTMLElement, callback: (event: MouseEvent) => void, options?: OnClickOutsideOptions) => (() => void);
+/**
+ * Options for onKeyPress function.
+ */
+export interface OnKeyPressOptions {
+    /** Whether to prevent default behavior. Default: false */
+    preventDefault?: boolean;
+    /** Whether to stop propagation. Default: false */
+    stopPropagation?: boolean;
+    /** Event type. Default: 'keydown' */
+    event?: 'keydown' | 'keyup' | 'keypress';
+    /** Target element. Default: document */
+    target?: HTMLElement | Document;
+}
+/**
+ * Attaches a listener for specific key presses.
+ * @param key - The key or keys to listen for (e.g., 'Escape', 'Enter', ['a', 'b']).
+ * @param callback - The callback to invoke when the key is pressed.
+ * @param options - Configuration options.
+ * @returns A function to remove the listener.
+ */
+export declare const onKeyPress: (key: string | string[], callback: (event: KeyboardEvent) => void, options?: OnKeyPressOptions) => (() => void);
+/**
+ * Options for onEscape function.
+ */
+export interface OnEscapeOptions extends Omit<OnKeyPressOptions, 'event'> {
+}
+/**
+ * Attaches a listener for the Escape key.
+ * @param callback - The callback to invoke when Escape is pressed.
+ * @param options - Configuration options.
+ * @returns A function to remove the listener.
+ */
+export declare const onEscape: (callback: (event: KeyboardEvent) => void, options?: OnEscapeOptions) => (() => void);
+/**
+ * Options for onEnter function.
+ */
+export interface OnEnterOptions extends Omit<OnKeyPressOptions, 'event'> {
+}
+/**
+ * Attaches a listener for the Enter key.
+ * @param callback - The callback to invoke when Enter is pressed.
+ * @param options - Configuration options.
+ * @returns A function to remove the listener.
+ */
+export declare const onEnter: (callback: (event: KeyboardEvent) => void, options?: OnEnterOptions) => (() => void);
+/**
+ * Options for onLongPress function.
+ */
+export interface OnLongPressOptions {
+    /** Duration in milliseconds to trigger long press. Default: 500 */
+    duration?: number;
+    /** Threshold in pixels for movement tolerance. Default: 10 */
+    threshold?: number;
+}
+/**
+ * Attaches a listener for long press events.
+ * @param element - The element to watch.
+ * @param callback - The callback to invoke on long press.
+ * @param options - Configuration options.
+ * @returns A function to remove the listeners.
+ */
+export declare const onLongPress: (element: HTMLElement, callback: (event: MouseEvent | TouchEvent) => void, options?: OnLongPressOptions) => (() => void);
+/**
+ * Attaches multiple event listeners to an element.
+ * @param element - The element to attach listeners to.
+ * @param events - An object mapping event types to handlers.
+ */
+export declare const addEventsListener: <E extends HTMLElement>(element: E, events: Partial<{ [K in Parameters<E["addEventListener"]>[0]]: SingleOrArray<Parameters<E["addEventListener"]>[1]>; }>, options?: AddEventListenerOptions) => (() => void);

package/dist/dom/index.d.ts

@@ -0,0 +1,5 @@
+export * from './element';
+export * from './events';
+export * from './observer';
+export * from './style';
+export * from './win';

package/dist/dom/observer.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Options for waitForElement function.
+ */
+export interface WaitForElementOptions {
+    /** Maximum time to wait in milliseconds. Default: 5000 */
+    timeout?: number;
+    /** Root element to observe. Default: document.body */
+    root?: HTMLElement;
+    /** Check interval in milliseconds. Default: 100 */
+    interval?: number;
+}
+/**
+ * Waits for an element matching the selector to appear in the DOM.
+ * @param selector - CSS selector to match.
+ * @param options - Configuration options.
+ * @returns A promise that resolves with the element when found.
+ */
+export declare const waitForElement: <T extends HTMLElement = HTMLElement>(selector: string, options?: WaitForElementOptions) => Promise<T>;
+/**
+ * Options for watchElementRemoval function.
+ */
+export interface WatchElementRemovalOptions {
+    /** Callback to invoke when the element is removed */
+    onRemove?: () => void;
+    /** Root element to observe. Default: document.body */
+    root?: HTMLElement;
+}
+/**
+ * Watches for an element to be removed from the DOM.
+ * @param element - The element to watch.
+ * @param options - Configuration options.
+ * @returns A function to stop watching.
+ */
+export declare const watchElementRemoval: (element: HTMLElement, options?: WatchElementRemovalOptions) => (() => void);
+/**
+ * Returns a promise that resolves when the element is removed from the DOM.
+ * @param element - The element to watch.
+ * @param options - Configuration options.
+ * @returns A promise that resolves when the element is removed.
+ */
+export declare const waitForElementRemoval: (element: HTMLElement, options?: {
+    root?: HTMLElement;
+    timeout?: number;
+}) => Promise<void>;
+/**
+ * Options for watchElementChanges function.
+ */
+export interface WatchElementChangesOptions {
+    /** Watch for attribute changes. Default: true */
+    attributes?: boolean;
+    /** Watch for child node changes. Default: true */
+    childList?: boolean;
+    /** Watch for text content changes. Default: false */
+    characterData?: boolean;
+    /** Watch subtree. Default: false */
+    subtree?: boolean;
+    /** Callback for mutations */
+    onMutation?: (mutations: MutationRecord[]) => void;
+}
+/**
+ * Watches for changes to an element and its descendants.
+ * @param element - The element to watch.
+ * @param options - Configuration options.
+ * @returns A function to stop watching.
+ */
+export declare const watchElementChanges: (element: HTMLElement, options?: WatchElementChangesOptions) => (() => void);

package/dist/dom/style.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Injects a <style> tag with the provided CSS into the document.
+ * @param css - The CSS text to inject.
+ * @param options - Optional configuration such as `id`, `nonce`, and target container.
+ * @returns An object containing the created style element and a `remove` function.
+ */
+export declare const injectStyle: (css: string, options?: {
+    id?: string;
+    nonce?: string;
+    target?: HTMLElement;
+}) => {
+    style: HTMLStyleElement;
+    remove: () => void;
+};

package/dist/dom/tag-internal.d.ts

@@ -0,0 +1,13 @@
+import { TaggedFunction } from '../utils/tag';
+/**
+ * Marks a function as an mk utils internal event handler.
+ * @param func - The function to mark.
+ * @returns The marked function.
+ */
+export declare const markAsEventFunc: <F extends CallableFunction>(func: F) => TaggedFunction<F, "__mkEvent">;
+/**
+ * Checks if a function is marked as an mk utils internal event handler.
+ * @param func - The function to check.
+ * @returns True if the function is marked as an event handler, false otherwise.
+ */
+export declare const isEventFunc: <F extends CallableFunction>(func: F) => func is TaggedFunction<F, "__mkEvent">;

package/dist/dom/win.d.ts

@@ -0,0 +1,5 @@
+export declare const globalWin: Win;
+export declare const globalDoc: Document;
+export declare function getWin(): Win;
+export declare function getWin(target: Node | Event | ShadowRoot | Document | Window | null | undefined): Win | null;
+export type Win = Window & typeof globalThis;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dom';
+export * from './utils';

package/dist/main.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/mkdomutils.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=(...e)=>e.flatMap(r=>typeof r=="string"?r.trim().split(/\s+/).filter(Boolean):r||[]),L=(e,r,...n)=>{const o=document.createElement(e);return r?(Object.entries(r).forEach(([s,t])=>{if(t!=null){if(s==="className"||s==="class"){const i=Array.isArray(t)?h(...t):h(t);o.className=i.join(" ");return}if(s==="style"){typeof t=="string"?o.style.cssText=t:typeof t=="object"&&Object.assign(o.style,t);return}if(s==="dataset"&&typeof t=="object"){Object.assign(o.dataset,t);return}if(s.startsWith("on")){const i=s.slice(2).toLowerCase();typeof t=="function"?o.addEventListener(i,t):Array.isArray(t)&&t.forEach(c=>{typeof c=="function"&&o.addEventListener(i,c)});return}s in o?o[s]=t:o.setAttribute(s,String(t))}}),b(o,n),o):(b(o,n),o)},A=(...e)=>{const r=document.createDocumentFragment();return e.forEach(n=>{typeof n=="string"?r.appendChild(document.createTextNode(n)):r.appendChild(n)}),r},b=(e,r)=>{r.forEach(n=>{typeof n=="string"?e.appendChild(document.createTextNode(n)):e.appendChild(n)})},F=e=>({width:e.offsetWidth,height:e.offsetHeight}),O=e=>({top:e.offsetTop,left:e.offsetLeft}),P=(e,r)=>window.getComputedStyle(e).getPropertyValue(r).trim(),I=(e,r)=>{e&&(e===document.documentElement||e===document.body?window.scrollTo(r):e.scrollTo?.(r))},M=(e,r)=>{e.scrollIntoView?.(r)},D=e=>({width:e.clientWidth,height:e.clientHeight}),j=(e,r=!1)=>{let n=e.offsetWidth,o=e.offsetHeight;if(r){const s=window.getComputedStyle(e),t=parseFloat(s.marginLeft||"0"),i=parseFloat(s.marginRight||"0"),c=parseFloat(s.marginTop||"0"),a=parseFloat(s.marginBottom||"0");n+=t+i,o+=c+a}return{width:n,height:o}},R=e=>e.getBoundingClientRect(),V=e=>{const n=new DOMParser().parseFromString(e,"image/svg+xml");if(n.documentElement.nodeName==="parsererror")throw new Error("Invalid SVG string: Failed to parse SVG");return n.documentElement},y=(e,r)=>(Object.defineProperty(e,r,{value:!0}),e),W=(e,r)=>!!e[r],p=e=>y(e,"__mkEvent"),x=(e,r,n={})=>{const{event:o="mousedown",capture:s=!0,exclude:t=[]}=n,i=p(c=>{const a=c.target;e.contains(a)||t.some(l=>l?.contains(a))||r(c)});return document.addEventListener(o,i,s),()=>document.removeEventListener(o,i,s)},g=(e,r,n={})=>{const{preventDefault:o=!1,stopPropagation:s=!1,event:t="keydown",target:i=document}=n,c=Array.isArray(e)?e:[e],a=p(l=>{c.includes(l.key)&&(o&&l.preventDefault(),s&&l.stopPropagation(),r(l))});return i.addEventListener(t,a),()=>i.removeEventListener(t,a)},z=(e,r={})=>g("Escape",e,r),$=(e,r={})=>g("Enter",e,r),K=(e,r,n={})=>{const{duration:o=500,threshold:s=10}=n;let t=null,i=0,c=0;const a=d=>"touches"in d?d.touches[0]:d,l=p(d=>{const f=a(d);i=f.clientX,c=f.clientY,t=setTimeout(()=>{r(d)},o)}),w=p(d=>{if(!t)return;const f=a(d),S=Math.abs(f.clientX-i),C=Math.abs(f.clientY-c);(S>s||C>s)&&u()}),u=p(()=>{t&&(clearTimeout(t),t=null)}),m=v(e,{mousedown:l,mousemove:w,mouseup:u,mouseleave:u,touchstart:l,touchmove:w,touchend:u,touchcancel:u});return()=>{m(),t&&clearTimeout(t)}},v=(e,r,n)=>{const o=[];return Object.entries(r).forEach(([s,t])=>{if(!t)return;const i=s;Array.isArray(t)?t.forEach(c=>{e.addEventListener(i,c,n),o.push([i,c])}):(e.addEventListener(i,t,n),o.push([i,t]))}),()=>{o.forEach(([s,t])=>{e.removeEventListener(s,t,n)})}},N=(e,r={})=>{const{timeout:n=5e3,root:o=document.body,interval:s=100}=r;return new Promise((t,i)=>{const c=o.querySelector(e);if(c){t(c);return}const a=new MutationObserver(()=>{const m=o.querySelector(e);m&&(u(),t(m))});a.observe(o,{childList:!0,subtree:!0});const l=setInterval(()=>{const m=o.querySelector(e);m&&(u(),t(m))},s),w=setTimeout(()=>{u(),i(new Error(`Timeout: Element "${e}" not found within ${n}ms`))},n),u=()=>{a.disconnect(),clearTimeout(w),clearInterval(l)}})},G=(e,r={})=>{const{onRemove:n,root:o=document.body}=r,s=new MutationObserver(()=>{o.contains(e)||(n?.(),s.disconnect())});return s.observe(o,{childList:!0,subtree:!0}),()=>s.disconnect()},X=(e,r={})=>{const{root:n=document.body,timeout:o}=r;return new Promise((s,t)=>{if(!n.contains(e)){s();return}let i;const c=new MutationObserver(()=>{n.contains(e)||(a(),s())});c.observe(n,{childList:!0,subtree:!0}),o&&(i=setTimeout(()=>{a(),t(new Error(`Timeout: Element not removed within ${o}ms`))},o));const a=()=>{c.disconnect(),i&&clearTimeout(i)}})},Y=(e,r={})=>{const{attributes:n=!0,childList:o=!0,characterData:s=!1,subtree:t=!1,onMutation:i}=r,c=new MutationObserver(a=>i?.(a));return c.observe(e,{attributes:n,childList:o,characterData:s,subtree:t}),()=>c.disconnect()},Z=(e,r={})=>{const{id:n,nonce:o,target:s=document.head}=r,t=document.createElement("style");return n&&(t.id=n),o&&t.setAttribute("nonce",o),t.textContent=e,s.appendChild(t),{style:t,remove:()=>{t.parentNode?.removeChild(t)}}},E=typeof unsafeWindow<"u"?unsafeWindow:window,q=E.document;function B(e){return e?e instanceof Window?e:e instanceof UIEvent&&e.view?e.view:e instanceof Document?e.defaultView:e instanceof ShadowRoot?e.host.ownerDocument?.defaultView??null:e instanceof Node?e.ownerDocument?.defaultView??null:null:E}const H=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),_=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),U=(e,r)=>{let n=null,o=null;const s=(...t)=>{o=t,n&&clearTimeout(n),n=setTimeout(()=>{e(...o),n=null,o=null},r)};return s.cancel=()=>{n&&clearTimeout(n),n=null,o=null},s.flush=()=>{n&&(e(...o),clearTimeout(n),n=null,o=null)},s},J=(e,r)=>{let n=null,o=null,s=0;const t=()=>{n&&(clearTimeout(n),n=null)},i=(...c)=>{const a=Date.now();if(o=c,s===0)e(...c),s=a;else{const l=a-s;l>=r?(e(...c),s=a,t()):(t(),n=setTimeout(()=>{e(...o),s=Date.now(),n=null},r-l))}};return i.cancel=()=>{t(),s=0,o=null},i.flush=()=>{s>0&&o!==null&&e(...o),t(),s=0,o=null},i},T=e=>new Promise(r=>setTimeout(r,e)),Q=e=>T(e),k=(e,r,n=`Operation timed out after ${r}ms`)=>Promise.race([e,new Promise((o,s)=>setTimeout(()=>s(new Error(n)),r))]),ee=()=>{},te=async(e,r={})=>{const{maxAttempts:n=3,delay:o=1e3,exponential:s=!1}=r;let t;for(let i=1;i<=n;i++)try{return await e()}catch(c){if(t=c instanceof Error?c:new Error(String(c)),i<n){const a=s?o*Math.pow(2,i-1):o;await new Promise(l=>setTimeout(l,a))}}throw t||new Error("Retry failed")};exports.addEventsListener=v;exports.camelToKebab=H;exports.createElement=L;exports.createFragment=A;exports.createSVGFromString=V;exports.debounce=U;exports.delay=T;exports.getComputedStyle=P;exports.getInnerSize=D;exports.getOffset=O;exports.getOuterSize=j;exports.getRect=R;exports.getSize=F;exports.getWin=B;exports.globalDoc=q;exports.globalWin=E;exports.injectStyle=Z;exports.isMarkedAs=W;exports.markFunc=y;exports.noop=ee;exports.onClickOutside=x;exports.onEnter=$;exports.onEscape=z;exports.onKeyPress=g;exports.onLongPress=K;exports.parseClass=h;exports.pascalToKebab=_;exports.retry=te;exports.scrollIntoView=M;exports.scrollTo=I;exports.sleep=Q;exports.throttle=J;exports.timeout=k;exports.waitForElement=N;exports.waitForElementRemoval=X;exports.watchElementChanges=Y;exports.watchElementRemoval=G;

package/dist/mkdomutils.iife.js

@@ -0,0 +1 @@
+var MKDomUtils=(function(i){"use strict";const E=(...e)=>e.flatMap(r=>typeof r=="string"?r.trim().split(/\s+/).filter(Boolean):r||[]),C=(e,r,...n)=>{const o=document.createElement(e);return r?(Object.entries(r).forEach(([s,t])=>{if(t!=null){if(s==="className"||s==="class"){const c=Array.isArray(t)?E(...t):E(t);o.className=c.join(" ");return}if(s==="style"){typeof t=="string"?o.style.cssText=t:typeof t=="object"&&Object.assign(o.style,t);return}if(s==="dataset"&&typeof t=="object"){Object.assign(o.dataset,t);return}if(s.startsWith("on")){const c=s.slice(2).toLowerCase();typeof t=="function"?o.addEventListener(c,t):Array.isArray(t)&&t.forEach(a=>{typeof a=="function"&&o.addEventListener(c,a)});return}s in o?o[s]=t:o.setAttribute(s,String(t))}}),v(o,n),o):(v(o,n),o)},L=(...e)=>{const r=document.createDocumentFragment();return e.forEach(n=>{typeof n=="string"?r.appendChild(document.createTextNode(n)):r.appendChild(n)}),r},v=(e,r)=>{r.forEach(n=>{typeof n=="string"?e.appendChild(document.createTextNode(n)):e.appendChild(n)})},A=e=>({width:e.offsetWidth,height:e.offsetHeight}),F=e=>({top:e.offsetTop,left:e.offsetLeft}),O=(e,r)=>window.getComputedStyle(e).getPropertyValue(r).trim(),P=(e,r)=>{e&&(e===document.documentElement||e===document.body?window.scrollTo(r):e.scrollTo?.(r))},I=(e,r)=>{e.scrollIntoView?.(r)},M=e=>({width:e.clientWidth,height:e.clientHeight}),D=(e,r=!1)=>{let n=e.offsetWidth,o=e.offsetHeight;if(r){const s=window.getComputedStyle(e),t=parseFloat(s.marginLeft||"0"),c=parseFloat(s.marginRight||"0"),a=parseFloat(s.marginTop||"0"),l=parseFloat(s.marginBottom||"0");n+=t+c,o+=a+l}return{width:n,height:o}},j=e=>e.getBoundingClientRect(),R=e=>{const n=new DOMParser().parseFromString(e,"image/svg+xml");if(n.documentElement.nodeName==="parsererror")throw new Error("Invalid SVG string: Failed to parse SVG");return n.documentElement},p=(e,r)=>(Object.defineProperty(e,r,{value:!0}),e),V=(e,r)=>!!e[r],w=e=>p(e,"__mkEvent"),W=(e,r,n={})=>{const{event:o="mousedown",capture:s=!0,exclude:t=[]}=n,c=w(a=>{const l=a.target;e.contains(l)||t.some(u=>u?.contains(l))||r(a)});return document.addEventListener(o,c,s),()=>document.removeEventListener(o,c,s)},b=(e,r,n={})=>{const{preventDefault:o=!1,stopPropagation:s=!1,event:t="keydown",target:c=document}=n,a=Array.isArray(e)?e:[e],l=w(u=>{a.includes(u.key)&&(o&&u.preventDefault(),s&&u.stopPropagation(),r(u))});return c.addEventListener(t,l),()=>c.removeEventListener(t,l)},z=(e,r={})=>b("Escape",e,r),K=(e,r={})=>b("Enter",e,r),$=(e,r,n={})=>{const{duration:o=500,threshold:s=10}=n;let t=null,c=0,a=0;const l=m=>"touches"in m?m.touches[0]:m,u=w(m=>{const h=l(m);c=h.clientX,a=h.clientY,t=setTimeout(()=>{r(m)},o)}),g=w(m=>{if(!t)return;const h=l(m),te=Math.abs(h.clientX-c),ne=Math.abs(h.clientY-a);(te>s||ne>s)&&d()}),d=w(()=>{t&&(clearTimeout(t),t=null)}),f=T(e,{mousedown:u,mousemove:g,mouseup:d,mouseleave:d,touchstart:u,touchmove:g,touchend:d,touchcancel:d});return()=>{f(),t&&clearTimeout(t)}},T=(e,r,n)=>{const o=[];return Object.entries(r).forEach(([s,t])=>{if(!t)return;const c=s;Array.isArray(t)?t.forEach(a=>{e.addEventListener(c,a,n),o.push([c,a])}):(e.addEventListener(c,t,n),o.push([c,t]))}),()=>{o.forEach(([s,t])=>{e.removeEventListener(s,t,n)})}},N=(e,r={})=>{const{timeout:n=5e3,root:o=document.body,interval:s=100}=r;return new Promise((t,c)=>{const a=o.querySelector(e);if(a){t(a);return}const l=new MutationObserver(()=>{const f=o.querySelector(e);f&&(d(),t(f))});l.observe(o,{childList:!0,subtree:!0});const u=setInterval(()=>{const f=o.querySelector(e);f&&(d(),t(f))},s),g=setTimeout(()=>{d(),c(new Error(`Timeout: Element "${e}" not found within ${n}ms`))},n),d=()=>{l.disconnect(),clearTimeout(g),clearInterval(u)}})},G=(e,r={})=>{const{onRemove:n,root:o=document.body}=r,s=new MutationObserver(()=>{o.contains(e)||(n?.(),s.disconnect())});return s.observe(o,{childList:!0,subtree:!0}),()=>s.disconnect()},X=(e,r={})=>{const{root:n=document.body,timeout:o}=r;return new Promise((s,t)=>{if(!n.contains(e)){s();return}let c;const a=new MutationObserver(()=>{n.contains(e)||(l(),s())});a.observe(n,{childList:!0,subtree:!0}),o&&(c=setTimeout(()=>{l(),t(new Error(`Timeout: Element not removed within ${o}ms`))},o));const l=()=>{a.disconnect(),c&&clearTimeout(c)}})},Y=(e,r={})=>{const{attributes:n=!0,childList:o=!0,characterData:s=!1,subtree:t=!1,onMutation:c}=r,a=new MutationObserver(l=>c?.(l));return a.observe(e,{attributes:n,childList:o,characterData:s,subtree:t}),()=>a.disconnect()},Z=(e,r={})=>{const{id:n,nonce:o,target:s=document.head}=r,t=document.createElement("style");return n&&(t.id=n),o&&t.setAttribute("nonce",o),t.textContent=e,s.appendChild(t),{style:t,remove:()=>{t.parentNode?.removeChild(t)}}},y=typeof unsafeWindow<"u"?unsafeWindow:window,q=y.document;function B(e){return e?e instanceof Window?e:e instanceof UIEvent&&e.view?e.view:e instanceof Document?e.defaultView:e instanceof ShadowRoot?e.host.ownerDocument?.defaultView??null:e instanceof Node?e.ownerDocument?.defaultView??null:null:y}const H=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),_=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),U=(e,r)=>{let n=null,o=null;const s=(...t)=>{o=t,n&&clearTimeout(n),n=setTimeout(()=>{e(...o),n=null,o=null},r)};return s.cancel=()=>{n&&clearTimeout(n),n=null,o=null},s.flush=()=>{n&&(e(...o),clearTimeout(n),n=null,o=null)},s},J=(e,r)=>{let n=null,o=null,s=0;const t=()=>{n&&(clearTimeout(n),n=null)},c=(...a)=>{const l=Date.now();if(o=a,s===0)e(...a),s=l;else{const u=l-s;u>=r?(e(...a),s=l,t()):(t(),n=setTimeout(()=>{e(...o),s=Date.now(),n=null},r-u))}};return c.cancel=()=>{t(),s=0,o=null},c.flush=()=>{s>0&&o!==null&&e(...o),t(),s=0,o=null},c},S=e=>new Promise(r=>setTimeout(r,e)),Q=e=>S(e),k=(e,r,n=`Operation timed out after ${r}ms`)=>Promise.race([e,new Promise((o,s)=>setTimeout(()=>s(new Error(n)),r))]),x=()=>{},ee=async(e,r={})=>{const{maxAttempts:n=3,delay:o=1e3,exponential:s=!1}=r;let t;for(let c=1;c<=n;c++)try{return await e()}catch(a){if(t=a instanceof Error?a:new Error(String(a)),c<n){const l=s?o*Math.pow(2,c-1):o;await new Promise(u=>setTimeout(u,l))}}throw t||new Error("Retry failed")};return i.addEventsListener=T,i.camelToKebab=H,i.createElement=C,i.createFragment=L,i.createSVGFromString=R,i.debounce=U,i.delay=S,i.getComputedStyle=O,i.getInnerSize=M,i.getOffset=F,i.getOuterSize=D,i.getRect=j,i.getSize=A,i.getWin=B,i.globalDoc=q,i.globalWin=y,i.injectStyle=Z,i.isMarkedAs=V,i.markFunc=p,i.noop=x,i.onClickOutside=W,i.onEnter=K,i.onEscape=z,i.onKeyPress=b,i.onLongPress=$,i.parseClass=E,i.pascalToKebab=_,i.retry=ee,i.scrollIntoView=I,i.scrollTo=P,i.sleep=Q,i.throttle=J,i.timeout=k,i.waitForElement=N,i.waitForElementRemoval=X,i.watchElementChanges=Y,i.watchElementRemoval=G,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),i})({});