ts-dom-utils 2.3.0 → 2.3.1

package/dist/DOMisReady.cjs

@@ -1 +1 @@
-"use strict";var r=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var s=(t,e)=>{for(var d in e)r(t,d,{get:e[d],enumerable:!0})},f=(t,e,d,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of u(e))!m.call(t,n)&&n!==d&&r(t,n,{get:()=>e[n],enumerable:!(i=a(e,n))||i.enumerable});return t};var D=t=>f(r({},"__esModule",{value:!0}),t);var c={};s(c,{default:()=>o});module.exports=D(c);function o(t=document){return new Promise(e=>{if(t.readyState!=="loading")return e();t.addEventListener("DOMContentLoaded",()=>e())})}
+function e(e=document){return new Promise(t=>{if(e.readyState!==`loading`)return t();e.addEventListener(`DOMContentLoaded`,()=>t())})}module.exports=e;

package/dist/DOMisReady.d.cts

@@ -1,3 +1,4 @@
+//#region src/DOMisReady.d.ts
 /**
  * This Promise resolves when the provided DOM is ready.
  * This can be used to delay script execution until the DOM is fully constructed and can be safely manipulated.
@@ -29,5 +30,4 @@
  * });
  */
 declare function DOMisReady(doc?: Document): Promise<void>;
-
-export { DOMisReady as default };
+export = DOMisReady;

package/dist/DOMisReady.d.ts

@@ -1,3 +1,4 @@
+//#region src/DOMisReady.d.ts
 /**
  * This Promise resolves when the provided DOM is ready.
  * This can be used to delay script execution until the DOM is fully constructed and can be safely manipulated.
@@ -29,5 +30,5 @@
  * });
  */
 declare function DOMisReady(doc?: Document): Promise<void>;
-
-export { DOMisReady as default };
+//#endregion
+export { DOMisReady as default };

package/dist/DOMisReady.js

@@ -1 +1 @@
-import{a}from"./chunk-QYTVIVCC.js";export{a as default};
+function e(e=document){return new Promise(t=>{if(e.readyState!==`loading`)return t();e.addEventListener(`DOMContentLoaded`,()=>t())})}export{e as default};

package/dist/createElement.cjs

@@ -1 +1 @@
-"use strict";var E=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var M=(i,s)=>{for(var r in s)E(i,r,{get:s[r],enumerable:!0})},c=(i,s,r,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let t of f(s))!l.call(i,t)&&t!==r&&E(i,t,{get:()=>s[t],enumerable:!(e=m(s,t))||e.enumerable});return i};var d=i=>c(E({},"__esModule",{value:!0}),i);var L={};M(L,{default:()=>p});module.exports=d(L);function p(i,s={},r=document){let e=r.createElement(i);return Object.entries(s).forEach(([t,n])=>{n!=null&&(t==="class"?Array.isArray(n)?e.classList.add(...n):typeof n=="string"&&e.classList.add(n):t==="text"?e.textContent=n:t==="on"?Object.entries(n).forEach(([o,a])=>{typeof a=="function"?e.addEventListener(o,a):a&&typeof a=="object"&&e.addEventListener(o,a.handler,a.options)}):t in e?typeof n=="object"&&!Array.isArray(n)?Object.entries(n).forEach(([o,a])=>{e[t][o]=a}):e[t]=n:e.setAttribute(t,n))}),e}
+function e(e,t={},n=document){let r=n.createElement(e);return Object.entries(t).forEach(([e,t])=>{t!=null&&(e===`class`?Array.isArray(t)?r.classList.add(...t):typeof t==`string`&&r.classList.add(t):e===`text`?r.textContent=t:e===`on`?Object.entries(t).forEach(([e,t])=>{typeof t==`function`?r.addEventListener(e,t):t&&typeof t==`object`&&r.addEventListener(e,t.handler,t.options)}):e in r?typeof t==`object`&&!Array.isArray(t)?Object.entries(t).forEach(([t,n])=>{r[e][t]=n}):r[e]=t:r.setAttribute(e,t))}),r}module.exports=e;

package/dist/createElement.d.cts

@@ -1,3 +1,4 @@
+//#region src/createElement.d.ts
 /**
  * Create a new element with the provided options.
  * @param tagName - The name of the element type to create.
@@ -31,21 +32,19 @@
  */
 declare function createElement<K extends keyof HTMLElementTagNameMap>(tagName: K, options?: CreateElementOptions<K>, target?: Document): HTMLElementTagNameMap[K];
 type EventHandler<K extends keyof HTMLElementTagNameMap, E extends keyof HTMLElementEventMap> = ((this: HTMLElementTagNameMap[K], event: HTMLElementEventMap[E]) => void) | {
-    handler: (this: HTMLElementTagNameMap[K], event: HTMLElementEventMap[E]) => void;
-    options: AddEventListenerOptions;
+  handler: (this: HTMLElementTagNameMap[K], event: HTMLElementEventMap[E]) => void;
+  options: AddEventListenerOptions;
 };
 type SpecialAttributes<K extends keyof HTMLElementTagNameMap> = {
-    class?: string | string[];
-    text?: string;
-    style?: Partial<CSSStyleDeclaration>;
-    on?: {
-        [E in keyof HTMLElementEventMap]?: EventHandler<K, E>;
-    };
+  class?: string | string[];
+  text?: string;
+  style?: Partial<CSSStyleDeclaration>;
+  on?: { [E in keyof HTMLElementEventMap]?: EventHandler<K, E> };
 };
 type CustomAttributes = {
-    [key: `aria-${string}`]: string;
-    [key: `data-${string}`]: string;
+  [key: `aria-${string}`]: string;
+  [key: `data-${string}`]: string;
 };
 type CreateElementOptions<K extends keyof HTMLElementTagNameMap> = Partial<Omit<HTMLElementTagNameMap[K], keyof SpecialAttributes<K>>> & SpecialAttributes<K> & CustomAttributes;
-
-export { type CreateElementOptions, createElement as default };
+//#endregion
+export { CreateElementOptions, createElement as default };

package/dist/createElement.d.ts

@@ -1,3 +1,4 @@
+//#region src/createElement.d.ts
 /**
  * Create a new element with the provided options.
  * @param tagName - The name of the element type to create.
@@ -31,21 +32,19 @@
  */
 declare function createElement<K extends keyof HTMLElementTagNameMap>(tagName: K, options?: CreateElementOptions<K>, target?: Document): HTMLElementTagNameMap[K];
 type EventHandler<K extends keyof HTMLElementTagNameMap, E extends keyof HTMLElementEventMap> = ((this: HTMLElementTagNameMap[K], event: HTMLElementEventMap[E]) => void) | {
-    handler: (this: HTMLElementTagNameMap[K], event: HTMLElementEventMap[E]) => void;
-    options: AddEventListenerOptions;
+  handler: (this: HTMLElementTagNameMap[K], event: HTMLElementEventMap[E]) => void;
+  options: AddEventListenerOptions;
 };
 type SpecialAttributes<K extends keyof HTMLElementTagNameMap> = {
-    class?: string | string[];
-    text?: string;
-    style?: Partial<CSSStyleDeclaration>;
-    on?: {
-        [E in keyof HTMLElementEventMap]?: EventHandler<K, E>;
-    };
+  class?: string | string[];
+  text?: string;
+  style?: Partial<CSSStyleDeclaration>;
+  on?: { [E in keyof HTMLElementEventMap]?: EventHandler<K, E> };
 };
 type CustomAttributes = {
-    [key: `aria-${string}`]: string;
-    [key: `data-${string}`]: string;
+  [key: `aria-${string}`]: string;
+  [key: `data-${string}`]: string;
 };
 type CreateElementOptions<K extends keyof HTMLElementTagNameMap> = Partial<Omit<HTMLElementTagNameMap[K], keyof SpecialAttributes<K>>> & SpecialAttributes<K> & CustomAttributes;
-
-export { type CreateElementOptions, createElement as default };
+//#endregion
+export { CreateElementOptions, createElement as default };

package/dist/createElement.js

@@ -1 +1 @@
-import{a}from"./chunk-5W33F22V.js";export{a as default};
+function e(e,t={},n=document){let r=n.createElement(e);return Object.entries(t).forEach(([e,t])=>{t!=null&&(e===`class`?Array.isArray(t)?r.classList.add(...t):typeof t==`string`&&r.classList.add(t):e===`text`?r.textContent=t:e===`on`?Object.entries(t).forEach(([e,t])=>{typeof t==`function`?r.addEventListener(e,t):t&&typeof t==`object`&&r.addEventListener(e,t.handler,t.options)}):e in r?typeof t==`object`&&!Array.isArray(t)?Object.entries(t).forEach(([t,n])=>{r[e][t]=n}):r[e]=t:r.setAttribute(e,t))}),r}export{e as default};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var l=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var o in e)l(t,o,{get:e[o],enumerable:!0})},T=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of M(e))!c.call(t,a)&&a!==o&&l(t,a,{get:()=>e[a],enumerable:!(n=E(e,a))||n.enumerable});return t};var g=t=>T(l({},"__esModule",{value:!0}),t);var L={};u(L,{DOMisReady:()=>f,createElement:()=>d,qs:()=>m,qsa:()=>p});module.exports=g(L);function d(t,e={},o=document){let n=o.createElement(t);return Object.entries(e).forEach(([a,s])=>{s!=null&&(a==="class"?Array.isArray(s)?n.classList.add(...s):typeof s=="string"&&n.classList.add(s):a==="text"?n.textContent=s:a==="on"?Object.entries(s).forEach(([i,r])=>{typeof r=="function"?n.addEventListener(i,r):r&&typeof r=="object"&&n.addEventListener(i,r.handler,r.options)}):a in n?typeof s=="object"&&!Array.isArray(s)?Object.entries(s).forEach(([i,r])=>{n[a][i]=r}):n[a]=s:n.setAttribute(a,s))}),n}function f(t=document){return new Promise(e=>{if(t.readyState!=="loading")return e();t.addEventListener("DOMContentLoaded",()=>e())})}function m(t,e=document){return e.querySelector(t)}function p(t,e=document){return e.querySelectorAll(t)}0&&(module.exports={DOMisReady,createElement,qs,qsa});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./DOMisReady.cjs`),t=require(`./createElement.cjs`),n=require(`./qs.cjs`),r=require(`./qsa.cjs`);exports.DOMisReady=e,exports.createElement=t,exports.qs=n,exports.qsa=r;

package/dist/index.d.cts

@@ -1,4 +1,5 @@
-export { default as createElement } from './createElement.cjs';
-export { default as DOMisReady } from './DOMisReady.cjs';
-export { default as qs } from './qs.cjs';
-export { default as qsa } from './qsa.cjs';
+import DOMisReady from "./DOMisReady.cjs";
+import createElement from "./createElement.cjs";
+import qs from "./qs.cjs";
+import qsa from "./qsa.cjs";
+export { DOMisReady, createElement, qs, qsa };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-export { default as createElement } from './createElement.js';
-export { default as DOMisReady } from './DOMisReady.js';
-export { default as qs } from './qs.js';
-export { default as qsa } from './qsa.js';
+import DOMisReady from "./DOMisReady.js";
+import createElement from "./createElement.js";
+import qs from "./qs.js";
+import qsa from "./qsa.js";
+export { DOMisReady, createElement, qs, qsa };

package/dist/index.js

@@ -1 +1 @@
-import{a as e}from"./chunk-QYTVIVCC.js";import{a}from"./chunk-5W33F22V.js";import{a as t}from"./chunk-YC4DGQBN.js";import{a as r}from"./chunk-CU3R3LAS.js";export{e as DOMisReady,a as createElement,t as qs,r as qsa};
+import e from"./DOMisReady.js";import t from"./createElement.js";import n from"./qs.js";import r from"./qsa.js";export{e as DOMisReady,t as createElement,n as qs,r as qsa};

package/dist/qs.cjs

@@ -1 +1 @@
-"use strict";var l=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var p=(t,e)=>{for(var a in e)l(t,a,{get:e[a],enumerable:!0})},s=(t,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of d(e))!m.call(t,n)&&n!==a&&l(t,n,{get:()=>e[n],enumerable:!(o=u(e,n))||o.enumerable});return t};var f=t=>s(l({},"__esModule",{value:!0}),t);var M={};p(M,{default:()=>r});module.exports=f(M);function r(t,e=document){return e.querySelector(t)}
+function e(e,t=document){return t.querySelector(e)}module.exports=e;

package/dist/qs.d.cts

@@ -1,3 +1,4 @@
+//#region src/qs.d.ts
 /**
  * QuerySelector wrapper function.
  * @param selector - The selector to match against.
@@ -12,5 +13,4 @@ declare function qs<K extends keyof HTMLElementTagNameMap>(selector: K, parent?:
 declare function qs<K extends keyof SVGElementTagNameMap>(selector: K, parent?: ParentNode): SVGElementTagNameMap[K] | null;
 declare function qs<K extends keyof MathMLElementTagNameMap>(selector: K, parent?: ParentNode): MathMLElementTagNameMap[K] | null;
 declare function qs<E extends Element = Element>(selector: string, parent?: ParentNode): E | null;
-
-export { qs as default };
+export = qs;

package/dist/qs.d.ts

@@ -1,3 +1,4 @@
+//#region src/qs.d.ts
 /**
  * QuerySelector wrapper function.
  * @param selector - The selector to match against.
@@ -12,5 +13,5 @@ declare function qs<K extends keyof HTMLElementTagNameMap>(selector: K, parent?:
 declare function qs<K extends keyof SVGElementTagNameMap>(selector: K, parent?: ParentNode): SVGElementTagNameMap[K] | null;
 declare function qs<K extends keyof MathMLElementTagNameMap>(selector: K, parent?: ParentNode): MathMLElementTagNameMap[K] | null;
 declare function qs<E extends Element = Element>(selector: string, parent?: ParentNode): E | null;
-
-export { qs as default };
+//#endregion
+export { qs as default };

package/dist/qs.js

@@ -1 +1 @@
-import{a}from"./chunk-YC4DGQBN.js";export{a as default};
+function e(e,t=document){return t.querySelector(e)}export{e as default};

package/dist/qsa.cjs

@@ -1 +1 @@
-"use strict";var o=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var n in e)o(t,n,{get:e[n],enumerable:!0})},p=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of s(e))!f.call(t,a)&&a!==n&&o(t,a,{get:()=>e[a],enumerable:!(r=d(e,a))||r.enumerable});return t};var N=t=>p(o({},"__esModule",{value:!0}),t);var u={};m(u,{default:()=>l});module.exports=N(u);function l(t,e=document){return e.querySelectorAll(t)}
+function e(e,t=document){return t.querySelectorAll(e)}module.exports=e;

package/dist/qsa.d.cts

@@ -1,3 +1,4 @@
+//#region src/qsa.d.ts
 /**
  * QuerySelectorAll wrapper function.
  * @param selector - The selector to match against.
@@ -12,5 +13,4 @@ declare function qsa<K extends keyof HTMLElementTagNameMap>(selector: K, parent?
 declare function qsa<K extends keyof SVGElementTagNameMap>(selector: K, parent?: ParentNode): NodeListOf<SVGElementTagNameMap[K]>;
 declare function qsa<K extends keyof MathMLElementTagNameMap>(selector: K, parent?: ParentNode): NodeListOf<MathMLElementTagNameMap[K]>;
 declare function qsa<E extends Element = Element>(selector: string, parent?: ParentNode): NodeListOf<E>;
-
-export { qsa as default };
+export = qsa;

package/dist/qsa.d.ts

@@ -1,3 +1,4 @@
+//#region src/qsa.d.ts
 /**
  * QuerySelectorAll wrapper function.
  * @param selector - The selector to match against.
@@ -12,5 +13,5 @@ declare function qsa<K extends keyof HTMLElementTagNameMap>(selector: K, parent?
 declare function qsa<K extends keyof SVGElementTagNameMap>(selector: K, parent?: ParentNode): NodeListOf<SVGElementTagNameMap[K]>;
 declare function qsa<K extends keyof MathMLElementTagNameMap>(selector: K, parent?: ParentNode): NodeListOf<MathMLElementTagNameMap[K]>;
 declare function qsa<E extends Element = Element>(selector: string, parent?: ParentNode): NodeListOf<E>;
-
-export { qsa as default };
+//#endregion
+export { qsa as default };

package/dist/qsa.js

@@ -1 +1 @@
-import{a}from"./chunk-CU3R3LAS.js";export{a as default};
+function e(e,t=document){return t.querySelectorAll(e)}export{e as default};

package/package.json

@@ -1,14 +1,29 @@
 {
   "name": "ts-dom-utils",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "A simple utility library for DOM manipulation. Provides TypeScript typings for enhanced development experience in TS environments.",
   "main": "dist/index.cjs",
-  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
   "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
   "scripts": {
-    "build": "tsup --dts",
+    "build": "tsdown",
+    "dev": "tsdown --watch",
     "lint": "tsc",
     "format": "prettier --write ./src",
     "release": "npm run build && changeset publish"
@@ -30,9 +45,11 @@
   "homepage": "https://github.com/rafaucau/ts-dom-utils#readme",
   "funding": "https://github.com/rafaucau/ts-dom-utils?sponsor=1",
   "devDependencies": {
+    "@arethetypeswrong/core": "^0.18.2",
     "@changesets/cli": "^2.29.8",
     "prettier": "^3.8.1",
-    "tsup": "^8.5.1",
+    "publint": "^0.3.17",
+    "tsdown": "^0.21.0-beta.2",
     "typescript": "^5.9.3"
   }
 }

package/CHANGELOG.md

@@ -1,25 +0,0 @@
-# ts-dom-utils
-
-## 2.3.0
-
-### Minor Changes
-
-- 5880a7b: Add HTML, SVG, and MathML tag name overloads for `qs` and `qsa`, enabling automatic type inference for tag selectors (e.g. `qs('div')` returns `HTMLDivElement | null`)
-- a0f525e: Add typed `aria-*` and `data-*` custom attribute support in `CreateElementOptions`
-- c69b5e4: Added `on` option to `createElement` for attaching event listeners. Supports a plain handler or an object with `handler` and `options` (e.g. `once`, `passive`).
-
-## 2.2.1
-
-### Patch Changes
-
-- 6cf9275: Fix typo in `aria-expanded` attribute in `createElement` example
-- fc35c90: Update publish workflow to use OpenID Connect
-- ad96903: Update dependencies
-
-## 2.2.0
-
-### Minor Changes
-
-- 3f66d1e: - Simplified `createElement` to handle all object properties, including style.
-  - Fixed issue with styles not applying correctly.
-  - Updated style type in `SpecialAttributes` to `Partial<CSSStyleDeclaration>` for editor hints and flexibility.

package/dist/chunk-5W33F22V.js

@@ -1 +0,0 @@
-function E(a,r={},o=document){let t=o.createElement(a);return Object.entries(r).forEach(([s,e])=>{e!=null&&(s==="class"?Array.isArray(e)?t.classList.add(...e):typeof e=="string"&&t.classList.add(e):s==="text"?t.textContent=e:s==="on"?Object.entries(e).forEach(([i,n])=>{typeof n=="function"?t.addEventListener(i,n):n&&typeof n=="object"&&t.addEventListener(i,n.handler,n.options)}):s in t?typeof e=="object"&&!Array.isArray(e)?Object.entries(e).forEach(([i,n])=>{t[s][i]=n}):t[s]=e:t.setAttribute(s,e))}),t}export{E as a};

package/dist/chunk-CU3R3LAS.js

@@ -1 +0,0 @@
-function a(e,t=document){return t.querySelectorAll(e)}export{a};

package/dist/chunk-QYTVIVCC.js

@@ -1 +0,0 @@
-function n(e=document){return new Promise(t=>{if(e.readyState!=="loading")return t();e.addEventListener("DOMContentLoaded",()=>t())})}export{n as a};

package/dist/chunk-YC4DGQBN.js

@@ -1 +0,0 @@
-function n(e,t=document){return t.querySelector(e)}export{n as a};