domelemjs 2.0.0 → 2.0.1

package/README-hu.md

@@ -0,0 +1,284 @@
+# DOMelemJS
+
+Könnyű, függőségmentes TypeScript könyvtár HTML elemek dinamikus létrehozásához JavaScript-ből.
+
+[![npm version](https://img.shields.io/npm/v/domelemjs)](https://www.npmjs.com/package/domelemjs)
+[![license](https://img.shields.io/npm/l/domelemjs)](https://github.com/exphoenee/DOMelemJS/blob/main/LICENSE)
+
+## Telepítés
+
+### npm
+
+```bash
+npm install domelemjs
+```
+
+### CDN (unpkg)
+
+Build eszközök nélkül — közvetlenül az HTML-be ágyazható:
+
+```html
+<script src="https://unpkg.com/domelemjs/dist/index.browser.js"></script>
+<script>
+  const { createDOMElem, DOMElem } = DOMElemJS;
+
+  const app = createDOMElem({
+    tag: "div",
+    attrs: { id: "app" },
+    text: "Helló CDN-ről!",
+  });
+</script>
+```
+
+Adott verzió megadása:
+
+```html
+<script src="https://unpkg.com/domelemjs@2.0.0/dist/index.browser.js"></script>
+```
+
+## Gyors Kezdés
+
+```ts
+import { createDOMElem } from "domelemjs";
+
+const app = createDOMElem({
+  tag: "div",
+  attrs: { id: "app" },
+});
+```
+
+## API
+
+### `createDOMElem(options)`
+
+A fő függvény. Létrehoz egy DOM elemet és visszaadja az `HTMLElement`-et.
+
+```ts
+const el = createDOMElem({
+  tag: "h1",
+  text: "Helló Világ",
+  attrs: { class: "title" },
+  style: { color: "blue" },
+  parent: "#app",
+});
+```
+
+### `new DOMElem(options)`
+
+Osztályalapú burkoló. A létrehozott elem a `.elem` tulajdonságon érhető el.
+
+```ts
+import { DOMElem } from "domelemjs";
+
+const div = new DOMElem({
+  tag: "div",
+  text: "Helló",
+  attrs: { class: "container" },
+});
+
+document.body.appendChild(div.elem);
+```
+
+## Opciók
+
+| Opció | Típus | Leírás |
+|---|---|---|
+| `tag` | `string` | **Kötelező.** HTML tag neve (pl. `"div"`, `"span"`, `"input"`). |
+| `text` | `string` | Egyszerű szöveges tartalom (`textContent`). |
+| `content` | `string` | Nyers HTML tartalom (`innerHTML`). |
+| `attrs` | `object \| object[]` | Beállítandó HTML attribútumok. Támogatja a `class`, `id`, `data-*`, `checked` stb. |
+| `style` | `string \| object \| array` | Inline CSS stílusok (lásd [Stílusok](#stílusok)). |
+| `children` | `array` | Gyerekelemek — options objektumok vagy `HTMLElement`-ek. |
+| `parent` | `HTMLElement \| string` | Szülő elem, amibe beillesztjük. Elfogad elemet vagy CSS szelektort (`"#app"`, `".container"`, `"app"`). Alapértelmezés: `document.body`. |
+| `handleEvent` | `object \| object[]` | Eseménykezelők (lásd [Események](#események)). |
+| `append` | `boolean` | Hozzá kell-e fűzni a szülőhöz. Alapértelmezés: `true`. |
+| `stripDiacritics` | `boolean` | El kell-e távolítani a diakritikus jeleket a `class` és `id` attribútumokból. Alapértelmezés: `true`. Állítsd `false`-ra a Unicode karakterek megőrzéséhez. |
+
+## Stílusok
+
+A stílusok több formátumban megadhatók:
+
+```ts
+// CSS string
+createDOMElem({
+  tag: "div",
+  style: "color: red; background-color: blue",
+});
+
+// Objektum
+createDOMElem({
+  tag: "div",
+  style: { color: "red", backgroundColor: "blue" },
+});
+
+// Tömb (vegyes)
+createDOMElem({
+  tag: "div",
+  style: ["color: red", { backgroundColor: "blue" }],
+});
+```
+
+## Események
+
+Eseménykezelők csatolása a `handleEvent` segítségével:
+
+```ts
+createDOMElem({
+  tag: "button",
+  text: "Kattints rám",
+  handleEvent: {
+    event: "click",
+    cb: (e) => console.log("kattintás!"),
+  },
+});
+```
+
+Több esemény tömbben átadva:
+
+```ts
+createDOMElem({
+  tag: "input",
+  handleEvent: [
+    { event: "focus", cb: () => console.log("fókusz") },
+    { event: "blur", cb: () => console.log("elvesztett fókusz") },
+  ],
+});
+```
+
+## Attribútumok
+
+Az attribútumok lehetnek egyetlen objektumok vagy tömbök:
+
+```ts
+createDOMElem({
+  tag: "input",
+  attrs: [
+    { id: "myInput", type: "text" },
+    { class: "form-control" },
+  ],
+});
+```
+
+Speciális attribútum kezelés:
+- **`checked`** — beállítja a checked tulajdonságot inputokon
+- **`dataset`** — egyesíti a `data-*` attribútumokat (pl. `{ dataset: { id: "foo" } }` → `data-id="foo"`)
+- **`class` / `id`** — a diakritikus jelek alapértelmezésben automatikusan eltávolításra kerülnek. Állítsd `stripDiacritics: false`-ra a megőrzésükhöz.
+
+> **Megjegyzés:** Ha mind a `text`, mind a `content` meg van adva, a `text` élvez előnyt és figyelmeztetés naplózódik.
+
+## Eseménykezelők Kezelése
+
+A `DOMElem` osztály nyomon követi az eseménykezelőket és támogatja az eltávolításukat:
+
+```ts
+import { DOMElem } from "domelemjs";
+
+const btn = new DOMElem({
+  tag: "button",
+  text: "Kattints rám",
+});
+
+const handler = () => console.log("kattintás!");
+btn.addEventListener("click", handler);
+btn.removeEventListener("click", handler);
+
+// Összes nyomon követett kezelő eltávolítása egyszerre
+btn.removeAllListeners();
+```
+
+## HTML Tag-ek
+
+A DOMelemJS exportálja az érvényes HTML tag nevek listáját:
+
+```ts
+import { HTML_TAGS } from "domelemjs";
+
+if (HTML_TAGS.includes(tag)) {
+  // érvényes HTML tag
+}
+```
+
+## Gyerekelemek
+
+A gyerekek lehetnek beágyazott options objektumok vagy meglévő `HTMLElement`-ek:
+
+```ts
+createDOMElem({
+  tag: "select",
+  attrs: { id: "selector" },
+  children: [
+    { tag: "option", text: "Foo", attrs: { value: "foo" } },
+    { tag: "option", text: "Bar", attrs: { value: "bar" } },
+  ],
+});
+```
+
+## Összetett Példa
+
+```ts
+import { createDOMElem } from "domelemjs";
+
+const container = createDOMElem({
+  tag: "div",
+  attrs: { class: "date-filter" },
+  children: [
+    {
+      tag: "div",
+      attrs: { class: "date-group" },
+      children: [
+        {
+          tag: "label",
+          text: "Kezdő dátum:",
+          attrs: { for: "startDate" },
+        },
+        {
+          tag: "input",
+          attrs: { type: "date", id: "startDate" },
+          handleEvent: {
+            event: "change",
+            cb: (e) => console.log("Kezdet:", (e.target as HTMLInputElement).value),
+          },
+        },
+      ],
+    },
+    {
+      tag: "div",
+      attrs: { class: "date-group" },
+      children: [
+        {
+          tag: "label",
+          text: "Befejező dátum:",
+          attrs: { for: "endDate" },
+        },
+        {
+          tag: "input",
+          attrs: { type: "date", id: "endDate" },
+          handleEvent: {
+            event: "change",
+            cb: (e) => console.log("Vég:", (e.target as HTMLInputElement).value),
+          },
+        },
+      ],
+    },
+  ],
+});
+```
+
+## TypeScript
+
+A DOMelemJS TypeScript-ben íródott és teljes típusdefíciókkal szállítódik.
+
+```ts
+import { createDOMElem, type CreateDOMElemOptions } from "domelemjs";
+
+const options: CreateDOMElemOptions = {
+  tag: "div",
+  text: "Tipizált!",
+};
+
+const el = createDOMElem(options);
+```
+
+## Licenc
+
+MIT

package/README.md

@@ -5,6 +5,8 @@ A lightweight, zero-dependency TypeScript library for dynamically creating HTML
 [![npm version](https://img.shields.io/npm/v/domelemjs)](https://www.npmjs.com/package/domelemjs)
 [![license](https://img.shields.io/npm/l/domelemjs)](https://github.com/exphoenee/DOMelemJS/blob/main/LICENSE)
 
+[Magyar README](README-hu.md) | [English README](README.md)
+
 ## Installation
 
 ### npm
@@ -33,7 +35,7 @@ No build tools needed — include directly in your HTML:
 Pin a specific version:
 
 ```html
-<script src="https://unpkg.com/domelemjs@2.0.1/dist/index.browser.js"></script>
+<script src="https://unpkg.com/domelemjs@2.0.0/dist/index.browser.js"></script>
 ```
 
 ## Quick Start
@@ -92,6 +94,7 @@ document.body.appendChild(div.elem);
 | `parent` | `HTMLElement \| string` | Parent to append to. Accepts an element or a CSS selector (`"#app"`, `".container"`, `"app"`). Defaults to `document.body`. |
 | `handleEvent` | `object \| object[]` | Event listeners to attach (see [Events](#events)). |
 | `append` | `boolean` | Whether to append the element to its parent. Defaults to `true`. |
+| `stripDiacritics` | `boolean` | Whether to strip diacritics from `class` and `id` attributes. Defaults to `true`. Set to `false` to preserve Unicode characters. |
 
 ## Styling
 
@@ -161,7 +164,41 @@ createDOMElem({
 Special attribute handling:
 - **`checked`** — sets the checked property on inputs
 - **`dataset`** — merges `data-*` attributes (e.g. `{ dataset: { id: "foo" } }` becomes `data-id="foo"`)
-- **`class` / `id`** — special characters are automatically stripped
+- **`class` / `id`** — special characters (diacritics) are automatically stripped by default. Set `stripDiacritics: false` to preserve them.
+
+> **Note:** If both `text` and `content` are provided, `text` takes precedence and a warning is logged.
+
+## Managing Event Listeners
+
+The `DOMElem` class tracks event listeners and supports removal:
+
+```ts
+import { DOMElem } from "domelemjs";
+
+const btn = new DOMElem({
+  tag: "button",
+  text: "Click me",
+});
+
+const handler = () => console.log("clicked!");
+btn.addEventListener("click", handler);
+btn.removeEventListener("click", handler);
+
+// Remove all tracked listeners at once
+btn.removeAllListeners();
+```
+
+## HTML Tags
+
+DOMelemJS exports a list of valid HTML tag names:
+
+```ts
+import { HTML_TAGS } from "domelemjs";
+
+if (HTML_TAGS.includes(tag)) {
+  // valid HTML tag
+}
+```
 
 ## Children
 

package/dist/index.browser.js

@@ -1,2 +1,2 @@
-"use strict";var DOMElemJS=(()=>{var m=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var A=(e,t)=>{for(var o in t)m(e,o,{get:t[o],enumerable:!0})},T=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of M(t))!C.call(e,n)&&n!==o&&m(e,n,{get:()=>t[n],enumerable:!(r=O(t,n))||r.enumerable});return e};var h=e=>T(m({},"__esModule",{value:!0}),e);var v={};A(v,{DOMElem:()=>p,createDOMElem:()=>c});function d(e){return e.split("-").map((t,o)=>o>0?t.charAt(0).toUpperCase()+t.slice(1):t).join("")}function u(e){return e==null?[]:Array.isArray(e)?e:[e]}function y(e,t=!1){let o={\u00E1:"a",\u00E9:"e",\u00ED:"i",\u00F3:"o",\u00F6:"o",\u0151:"o",\u00FA:"u",\u00FC:"u",\u0171:"u",\u00C1:"A",\u00C9:"E",\u00CD:"I",\u00D3:"O",\u00D6:"O",\u0150:"O",\u00DA:"U",\u00DC:"U",\u0170:"U",\u00E0:"a",\u00E8:"e",\u00EC:"i",\u00F2:"o",\u00F9:"u",\u00E2:"a",\u00EA:"e",\u00EE:"i",\u00F4:"o",\u00FB:"u",\u0103:"a",\u0115:"e",\u012D:"i",\u014F:"o",\u016D:"u",\u0101:"a",\u0113:"e",\u012B:"i",\u014D:"o",\u016B:"u",\u01CE:"a",\u011B:"e",\u01D0:"i",\u01D2:"o",\u01D4:"u",\u00E4:"a",\u00EB:"e",\u00EF:"i",\u00E5:"a",\u00F8:"o",\u00E3:"a",\u00F5:"o",\u00E6:"ae",\u00E7:"c",\u011F:"g",\u0142:"l",\u00F1:"n",\u0111:"d",\u00DF:"ss",\u010F:"d",\u0165:"t",\u0148:"n",\u0159:"r",\u0161:"s",\u017E:"z",\u0158:"R",\u0160:"S",\u017D:"Z",\u00C7:"C",\u015E:"S",\u011E:"G",\u0141:"L",\u00D1:"N",\u0110:"D",\u013E:"l",\u0155:"r",\u013A:"l"},r=e;for(let[n,i]of Object.entries(o))r=r.split(n).join(i);return t?r.toLowerCase():r}var H=["class","id"];function L(e){return e instanceof HTMLElement?e:e.charAt(0)==="#"||e.charAt(0)==="."?document.querySelector(e):document.querySelector(`#${e}`)||document.querySelector(`.${e}`)||document.querySelector(e)}function g(e,t){for(let o of u(t))for(let[r,n]of Object.entries(o))if(n!=null)if(r==="checked")e.checked=!!n;else if(r==="dataset"&&typeof n=="object"&&!Array.isArray(n))Object.assign(e.dataset,n);else{let a=(Array.isArray(n)?n:[n]).map(l=>H.includes(r)?y(String(l)):String(l));e.setAttribute(r,a.join(" "))}}function S(e,t){u(t).map(r=>typeof r=="object"&&r!==null?Object.entries(r).map(([n,i])=>`${n}: ${i}`).join("; "):u(r).join("; ")).join("; ").split(";").filter(Boolean).forEach(r=>{let n=r.indexOf(":");if(n===-1)return;let i=r.slice(0,n).trim(),a=r.slice(n+1).trim();if(i){let l=d(i);e.style[l]=a}})}function j(e,t){for(let o of t)o instanceof HTMLElement?e.appendChild(o):e.appendChild(c(o))}function D(e,t){for(let o of u(t))o?.event&&o?.cb&&e.addEventListener(o.event,o.cb)}function c(e){let{tag:t,content:o,text:r,attrs:n,style:i,children:a,parent:l,handleEvent:f,append:E=!0}=e,s=document.createElement(t);return o&&(s.innerHTML=o),r&&(s.textContent=r),n&&g(s,n),i&&S(s,i),a&&j(s,a),f&&D(s,f),E&&(l?L(l):document.body).appendChild(s),s}var p=class{constructor(t){this.options=t,this.elem=c(t)}};return h(v);})();
+"use strict";var DOMElemJS=(()=>{var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var O=(t,e)=>{for(var n in e)u(t,n,{get:e[n],enumerable:!0})},L=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of b(e))!M.call(t,o)&&o!==n&&u(t,o,{get:()=>e[o],enumerable:!(r=g(e,o))||r.enumerable});return t};var T=t=>L(u({},"__esModule",{value:!0}),t);var x={};O(x,{DOMElem:()=>p,HTML_TAGS:()=>E,createDOMElem:()=>l});function f(t){return t.split("-").map((e,n)=>n>0?e.charAt(0).toUpperCase()+e.slice(1):e).join("")}function m(t){return t==null?[]:Array.isArray(t)?t:[t]}function h(t,e=!1){let n={\u00E1:"a",\u00E9:"e",\u00ED:"i",\u00F3:"o",\u00F6:"o",\u0151:"o",\u00FA:"u",\u00FC:"u",\u0171:"u",\u00C1:"A",\u00C9:"E",\u00CD:"I",\u00D3:"O",\u00D6:"O",\u0150:"O",\u00DA:"U",\u00DC:"U",\u0170:"U",\u00E0:"a",\u00E8:"e",\u00EC:"i",\u00F2:"o",\u00F9:"u",\u00E2:"a",\u00EA:"e",\u00EE:"i",\u00F4:"o",\u00FB:"u",\u0103:"a",\u0115:"e",\u012D:"i",\u014F:"o",\u016D:"u",\u0101:"a",\u0113:"e",\u012B:"i",\u014D:"o",\u016B:"u",\u01CE:"a",\u011B:"e",\u01D0:"i",\u01D2:"o",\u01D4:"u",\u00E4:"a",\u00EB:"e",\u00EF:"i",\u00E5:"a",\u00F8:"o",\u00E3:"a",\u00F5:"o",\u00E6:"ae",\u00E7:"c",\u011F:"g",\u0142:"l",\u00F1:"n",\u0111:"d",\u00DF:"ss",\u010F:"d",\u0165:"t",\u0148:"n",\u0159:"r",\u0161:"s",\u017E:"z",\u0158:"R",\u0160:"S",\u017D:"Z",\u00C7:"C",\u015E:"S",\u011E:"G",\u0141:"L",\u00D1:"N",\u0110:"D",\u013E:"l",\u0155:"r",\u013A:"l"},r=t;for(let[o,i]of Object.entries(n))r=r.split(o).join(i);return e?r.toLowerCase():r}var A=["class","id"];function S(t){if(t instanceof HTMLElement)return t;let e=null;return t.charAt(0)==="#"||t.charAt(0)==="."?e=document.querySelector(t):e=document.querySelector(`#${t}`)||document.querySelector(`.${t}`)||document.querySelector(t),e||(console.warn(`[DOMElemJS] Parent element not found for selector: "${t}". Falling back to document.body.`),document.body)}function C(t,e,n){for(let r of m(e))for(let[o,i]of Object.entries(r))if(i!=null)if(o==="checked")t.checked=!!i;else if(o==="dataset"&&typeof i=="object"&&!Array.isArray(i))Object.assign(t.dataset,i);else{let a=(Array.isArray(i)?i:[i]).map(d=>n&&A.includes(o)?h(String(d)):String(d));t.setAttribute(o,a.join(" "))}}function H(t,e){m(e).map(r=>typeof r=="object"&&r!==null?Object.entries(r).map(([o,i])=>`${o}: ${i}`).join("; "):m(r).join("; ")).join("; ").split(";").filter(Boolean).forEach(r=>{let o=r.indexOf(":");if(o===-1)return;let i=r.slice(0,o).trim(),c=r.slice(o+1).trim();if(i){let a=f(i);t.style[a]=c}})}function k(t,e){for(let n of e)n instanceof HTMLElement?t.appendChild(n):t.appendChild(l(n))}function _(t,e){for(let n of m(e))n?.event&&n?.cb&&t.addEventListener(n.event,n.cb)}function l(t){let{tag:e,content:n,text:r,attrs:o,style:i,children:c,parent:a,handleEvent:d,append:v=!0,stripDiacritics:y=!0}=t;n&&r&&console.warn(`[DOMElemJS] Both "content" and "text" provided for <${e}>. "text" takes precedence \u2014 "content" will be ignored.`);let s=document.createElement(e);return r?s.textContent=r:n&&(s.innerHTML=n),o&&C(s,o,y),i&&H(s,i),c&&k(s,c),d&&_(s,d),v&&(a?S(a):document.body).appendChild(s),s}var p=class{constructor(e){this._listeners=new Map;if(this.options=e,this.elem=l(e),e.handleEvent){let n=Array.isArray(e.handleEvent)?e.handleEvent:[e.handleEvent];for(let r of n)this._trackListener(r.event,r.cb)}}addEventListener(e,n){return this.elem.addEventListener(e,n),this._trackListener(e,n),this}removeEventListener(e,n){return this.elem.removeEventListener(e,n),this._untrackListener(e,n),this}removeAllListeners(){for(let[e,n]of this._listeners)for(let r of n)this.elem.removeEventListener(e,r);this._listeners.clear()}_trackListener(e,n){this._listeners.has(e)||this._listeners.set(e,new Set),this._listeners.get(e).add(n)}_untrackListener(e,n){this._listeners.get(e)?.delete(n)}};var E=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","svg","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","video","wbr"];return T(x);})();
 //# sourceMappingURL=index.browser.js.map

package/dist/index.browser.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/utils.ts","../src/createDOMElem.ts","../src/DOMElem.ts"],"sourcesContent":["/**\n * DOMelemJS — a lightweight, zero-dependency library for creating\n * DOM elements from JavaScript/TypeScript.\n *\n * @example\n * ```ts\n * import { createDOMElem, DOMElem } from \"domelemjs\";\n *\n * // Functional API\n * const el = createDOMElem({\n *   tag: \"div\",\n *   text: \"Hello\",\n *   attrs: { id: \"app\" },\n * });\n *\n * // Class API\n * const div = new DOMElem({ tag: \"div\", text: \"World\" });\n * ```\n *\n * @packageDocumentation\n */\n\nexport { default as DOMElem } from \"./DOMElem\";\nexport { default as createDOMElem } from \"./createDOMElem\";\nexport type {\n  CreateDOMElemOptions,\n  DOMElemOptions,\n  EventHandler,\n  StyleInput,\n  AttrsInput,\n  ParentInput,\n  HtmlTag,\n} from \"./types\";\n","/**\n * Converts a kebab-case string to camelCase.\n *\n * @example\n * makeCamelCase(\"background-color\") // \"backgroundColor\"\n * makeCamelCase(\"font-size\") // \"fontSize\"\n *\n * @param s - The kebab-case string to convert.\n * @returns The camelCase version of the input.\n */\nexport function makeCamelCase(s: string): string {\n  return s\n    .split(\"-\")\n    .map((part, i) => (i > 0 ? part.charAt(0).toUpperCase() + part.slice(1) : part))\n    .join(\"\");\n}\n\n/**\n * Ensures the given value is wrapped in an array.\n * Returns an empty array for `null` / `undefined`.\n *\n * @example\n * toArray(\"hello\")    // [\"hello\"]\n * toArray([\"a\", \"b\"]) // [\"a\", \"b\"]\n * toArray(null)       // []\n *\n * @param value - The value to normalize.\n * @returns An array containing the value, or an empty array if falsy.\n */\nexport function toArray<T>(value: T | T[] | undefined | null): T[] {\n  if (value == null) return [];\n  return Array.isArray(value) ? value : [value];\n}\n\n/**\n * Replaces accented / special characters with their ASCII equivalents.\n *\n * Supports Hungarian, Czech, Polish, Turkish, and other Latin-script diacritics.\n *\n * @example\n * noSpecChars(\"árvíztűrő\") // \"arviztuoro\"\n * noSpecChars(\"Árvíz\", true) // \"arviz\"\n *\n * @param text - The input string containing special characters.\n * @param lowercase - If `true`, the result is lowercased after replacement.\n * @returns The string with special characters replaced.\n */\nexport function noSpecChars(text: string, lowercase = false): string {\n  const map: Record<string, string> = {\n    á: \"a\", é: \"e\", í: \"i\", ó: \"o\", ö: \"o\", ő: \"o\",\n    ú: \"u\", ü: \"u\", ű: \"u\",\n    Á: \"A\", É: \"E\", Í: \"I\", Ó: \"O\", Ö: \"O\", Ő: \"O\",\n    Ú: \"U\", Ü: \"U\", Ű: \"U\",\n    à: \"a\", è: \"e\", ì: \"i\", ò: \"o\", ù: \"u\",\n    â: \"a\", ê: \"e\", î: \"i\", ô: \"o\", û: \"u\",\n    ă: \"a\", ĕ: \"e\", ĭ: \"i\", ŏ: \"o\", ŭ: \"u\",\n    ā: \"a\", ē: \"e\", ī: \"i\", ō: \"o\", ū: \"u\",\n    ǎ: \"a\", ě: \"e\", ǐ: \"i\", ǒ: \"o\", ǔ: \"u\",\n    ä: \"a\", ë: \"e\", ï: \"i\",\n    å: \"a\", ø: \"o\",\n    ã: \"a\", õ: \"o\",\n    æ: \"ae\",\n    ç: \"c\", ğ: \"g\",\n    ł: \"l\",\n    ñ: \"n\",\n    đ: \"d\",\n    ß: \"ss\",\n    ď: \"d\", ť: \"t\", ň: \"n\",\n    ř: \"r\", š: \"s\", ž: \"z\",\n    Ř: \"R\", Š: \"S\", Ž: \"Z\",\n    Ç: \"C\", Ş: \"S\", Ğ: \"G\",\n    Ł: \"L\", Ñ: \"N\", Đ: \"D\",\n    ľ: \"l\", ŕ: \"r\", ĺ: \"l\",\n  };\n\n  let result = text;\n  for (const [char, replacement] of Object.entries(map)) {\n    result = result.split(char).join(replacement);\n  }\n\n  return lowercase ? result.toLowerCase() : result;\n}\n","import { makeCamelCase, toArray, noSpecChars } from \"./utils\";\nimport type { CreateDOMElemOptions, AttrsInput, StyleInput } from \"./types\";\n\n/** Attributes that have special characters stripped automatically. */\nconst NO_SPEC_CHARS_ATTRS = [\"class\", \"id\"];\n\n/**\n * Resolves a parent element from a string selector or HTMLElement reference.\n *\n * If the string starts with `#` or `.`, it is used directly as a querySelector\n * argument. Otherwise, it is tried first as `#<selector>` then as `.<selector>`.\n *\n * @param parent - An HTMLElement or a CSS selector string.\n * @returns The resolved HTMLElement.\n */\nfunction resolveParent(parent: HTMLElement | string): HTMLElement {\n  if (parent instanceof HTMLElement) return parent;\n  if (parent.charAt(0) === \"#\" || parent.charAt(0) === \".\") {\n    return document.querySelector(parent) as HTMLElement;\n  }\n  return (\n    document.querySelector(`#${parent}`) ||\n    document.querySelector(`.${parent}`) ||\n    document.querySelector(parent)\n  ) as HTMLElement;\n}\n\n/**\n * Applies HTML attributes to an element from an {@link AttrsInput}.\n *\n * Handles special cases:\n * - `\"checked\"` — sets the checked property on the element.\n * - `\"dataset\"` — merges data-* attributes via `elem.dataset`.\n * - Other attributes — joined with spaces, with special characters stripped\n *   for `\"class\"` and `\"id\"`.\n *\n * @param elem - The target element.\n * @param attrs - Attributes to apply.\n */\nfunction applyAttrs(elem: HTMLElement, attrs: AttrsInput): void {\n  for (const attrObj of toArray(attrs)) {\n    for (const [key, value] of Object.entries(attrObj)) {\n      if (value == null) continue;\n\n      if (key === \"checked\") {\n        (elem as HTMLInputElement).checked = !!value;\n      } else if (key === \"dataset\" && typeof value === \"object\" && !Array.isArray(value)) {\n        Object.assign(elem.dataset, value);\n      } else {\n        const rawValues = Array.isArray(value) ? value : [value];\n        const values = rawValues.map((v) =>\n          NO_SPEC_CHARS_ATTRS.includes(key) ? noSpecChars(String(v)) : String(v)\n        );\n        elem.setAttribute(key, values.join(\" \"));\n      }\n    }\n  }\n}\n\n/**\n * Applies inline CSS styles to an element from a {@link StyleInput}.\n *\n * Accepts:\n * - A CSS string: `\"color: red; font-size: 14px\"`\n * - An object: `{ color: \"red\", fontSize: \"14px\" }`\n * - An array mixing both formats\n *\n * @param elem - The target element.\n * @param style - Style input to apply.\n */\nfunction applyStyle(elem: HTMLElement, style: StyleInput): void {\n  const styleParts = toArray(style)\n    .map((s) => {\n      if (typeof s === \"object\" && s !== null) {\n        return Object.entries(s)\n          .map(([k, v]) => `${k}: ${v}`)\n          .join(\"; \");\n      }\n      return toArray(s).join(\"; \");\n    })\n    .join(\"; \");\n\n  styleParts\n    .split(\";\")\n    .filter(Boolean)\n    .forEach((styleText) => {\n      const colonIndex = styleText.indexOf(\":\");\n      if (colonIndex === -1) return;\n      const prop = styleText.slice(0, colonIndex).trim();\n      const val = styleText.slice(colonIndex + 1).trim();\n      if (prop) {\n        const camelProp = makeCamelCase(prop);\n        (elem.style as unknown as Record<string, string>)[camelProp] = val;\n      }\n    });\n}\n\n/**\n * Appends child elements to a parent element.\n *\n * Each child can be either an {@link HTMLElement} or a\n * {@link CreateDOMElemOptions} object that will be recursively created.\n *\n * @param elem - The parent element to append children to.\n * @param children - Array of child elements or options.\n */\nfunction applyChildren(\n  elem: HTMLElement,\n  children: Array<CreateDOMElemOptions | HTMLElement>\n): void {\n  for (const child of children) {\n    if (child instanceof HTMLElement) {\n      elem.appendChild(child);\n    } else {\n      elem.appendChild(createDOMElem(child));\n    }\n  }\n}\n\n/**\n * Attaches event listeners to an element.\n *\n * @param elem - The target element.\n * @param handleEvent - One or more {@link EventHandler} descriptors.\n */\nfunction applyEvents(\n  elem: HTMLElement,\n  handleEvent: CreateDOMElemOptions[\"handleEvent\"]\n): void {\n  for (const evt of toArray(handleEvent)) {\n    if (evt?.event && evt?.cb) {\n      elem.addEventListener(evt.event, evt.cb);\n    }\n  }\n}\n\n/**\n * Creates a DOM element with the given configuration.\n *\n * This is the core function of DOMelemJS. It creates an HTML element,\n * applies attributes, styles, children, and event listeners, then\n * appends it to a parent element.\n *\n * @example\n * ```ts\n * const el = createDOMElem({\n *   tag: \"div\",\n *   text: \"Hello\",\n *   attrs: { class: \"greeting\" },\n *   style: { color: \"blue\" },\n *   parent: \"#app\",\n *   handleEvent: {\n *     event: \"click\",\n *     cb: () => console.log(\"clicked\"),\n *   },\n * });\n * ```\n *\n * @param options - Element creation options.\n * @returns The created HTMLElement.\n */\nexport default function createDOMElem(options: CreateDOMElemOptions): HTMLElement {\n  const {\n    tag,\n    content,\n    text,\n    attrs,\n    style,\n    children,\n    parent,\n    handleEvent,\n    append = true,\n  } = options;\n\n  const elem = document.createElement(tag);\n\n  if (content) elem.innerHTML = content;\n  if (text) elem.textContent = text;\n  if (attrs) applyAttrs(elem, attrs);\n  if (style) applyStyle(elem, style);\n  if (children) applyChildren(elem, children);\n  if (handleEvent) applyEvents(elem, handleEvent);\n\n  if (append) {\n    const target = parent ? resolveParent(parent) : document.body;\n    target.appendChild(elem);\n  }\n\n  return elem;\n}\n","import createDOMElem from \"./createDOMElem\";\nimport type { DOMElemOptions } from \"./types\";\n\n/**\n * Wrapper class around {@link createDOMElem}.\n *\n * Provides an object-oriented API for creating DOM elements.\n * The created element is available via the `.elem` property.\n *\n * @example\n * ```ts\n * const div = new DOMElem({\n *   tag: \"div\",\n *   attrs: { class: \"container\" },\n *   text: \"Hello World\",\n * });\n *\n * document.body.appendChild(div.elem);\n * ```\n */\nexport default class DOMElem {\n  /** The created HTMLElement. */\n  readonly elem: HTMLElement;\n\n  /** The options used to create the element. */\n  readonly options: DOMElemOptions;\n\n  /**\n   * Creates a new DOMElem instance.\n   *\n   * @param options - Element creation options.\n   */\n  constructor(options: DOMElemOptions) {\n    this.options = options;\n    this.elem = createDOMElem(options);\n  }\n}\n"],"mappings":"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","names":["index_exports","__export","DOMElem","createDOMElem","makeCamelCase","s","part","i","toArray","value","noSpecChars","text","lowercase","map","result","char","replacement","NO_SPEC_CHARS_ATTRS","resolveParent","parent","applyAttrs","elem","attrs","attrObj","toArray","key","value","values","v","noSpecChars","applyStyle","style","s","k","styleText","colonIndex","prop","val","camelProp","makeCamelCase","applyChildren","children","child","createDOMElem","applyEvents","handleEvent","evt","options","tag","content","text","append","DOMElem","options","createDOMElem"]}
+{"version":3,"sources":["../src/index.ts","../src/utils.ts","../src/createDOMElem.ts","../src/DOMElem.ts","../src/htmlTags.ts"],"sourcesContent":["/**\n * DOMelemJS — a lightweight, zero-dependency library for creating\n * DOM elements from JavaScript/TypeScript.\n *\n * @example\n * ```ts\n * import { createDOMElem, DOMElem } from \"domelemjs\";\n *\n * // Functional API\n * const el = createDOMElem({\n *   tag: \"div\",\n *   text: \"Hello\",\n *   attrs: { id: \"app\" },\n * });\n *\n * // Class API\n * const div = new DOMElem({ tag: \"div\", text: \"World\" });\n * ```\n *\n * @packageDocumentation\n */\n\nexport { default as DOMElem } from \"./DOMElem\";\nexport { default as createDOMElem } from \"./createDOMElem\";\nexport { HTML_TAGS } from \"./htmlTags\";\nexport type {\n  CreateDOMElemOptions,\n  DOMElemOptions,\n  EventHandler,\n  StyleInput,\n  AttrsInput,\n  ParentInput,\n  HtmlTag,\n} from \"./types\";\nexport type { HtmlTagConst } from \"./htmlTags\";\n","/**\n * Converts a kebab-case string to camelCase.\n *\n * @example\n * makeCamelCase(\"background-color\") // \"backgroundColor\"\n * makeCamelCase(\"font-size\") // \"fontSize\"\n *\n * @param s - The kebab-case string to convert.\n * @returns The camelCase version of the input.\n */\nexport function makeCamelCase(s: string): string {\n  return s\n    .split(\"-\")\n    .map((part, i) => (i > 0 ? part.charAt(0).toUpperCase() + part.slice(1) : part))\n    .join(\"\");\n}\n\n/**\n * Ensures the given value is wrapped in an array.\n * Returns an empty array for `null` / `undefined`.\n *\n * @example\n * toArray(\"hello\")    // [\"hello\"]\n * toArray([\"a\", \"b\"]) // [\"a\", \"b\"]\n * toArray(null)       // []\n *\n * @param value - The value to normalize.\n * @returns An array containing the value, or an empty array if falsy.\n */\nexport function toArray<T>(value: T | T[] | undefined | null): T[] {\n  if (value == null) return [];\n  return Array.isArray(value) ? value : [value];\n}\n\n/**\n * Replaces accented / special characters with their ASCII equivalents.\n *\n * Supports Hungarian, Czech, Polish, Turkish, and other Latin-script diacritics.\n *\n * @example\n * noSpecChars(\"árvíztűrő\") // \"arviztuoro\"\n * noSpecChars(\"Árvíz\", true) // \"arviz\"\n *\n * @param text - The input string containing special characters.\n * @param lowercase - If `true`, the result is lowercased after replacement.\n * @returns The string with special characters replaced.\n */\nexport function noSpecChars(text: string, lowercase = false): string {\n  const map: Record<string, string> = {\n    á: \"a\", é: \"e\", í: \"i\", ó: \"o\", ö: \"o\", ő: \"o\",\n    ú: \"u\", ü: \"u\", ű: \"u\",\n    Á: \"A\", É: \"E\", Í: \"I\", Ó: \"O\", Ö: \"O\", Ő: \"O\",\n    Ú: \"U\", Ü: \"U\", Ű: \"U\",\n    à: \"a\", è: \"e\", ì: \"i\", ò: \"o\", ù: \"u\",\n    â: \"a\", ê: \"e\", î: \"i\", ô: \"o\", û: \"u\",\n    ă: \"a\", ĕ: \"e\", ĭ: \"i\", ŏ: \"o\", ŭ: \"u\",\n    ā: \"a\", ē: \"e\", ī: \"i\", ō: \"o\", ū: \"u\",\n    ǎ: \"a\", ě: \"e\", ǐ: \"i\", ǒ: \"o\", ǔ: \"u\",\n    ä: \"a\", ë: \"e\", ï: \"i\",\n    å: \"a\", ø: \"o\",\n    ã: \"a\", õ: \"o\",\n    æ: \"ae\",\n    ç: \"c\", ğ: \"g\",\n    ł: \"l\",\n    ñ: \"n\",\n    đ: \"d\",\n    ß: \"ss\",\n    ď: \"d\", ť: \"t\", ň: \"n\",\n    ř: \"r\", š: \"s\", ž: \"z\",\n    Ř: \"R\", Š: \"S\", Ž: \"Z\",\n    Ç: \"C\", Ş: \"S\", Ğ: \"G\",\n    Ł: \"L\", Ñ: \"N\", Đ: \"D\",\n    ľ: \"l\", ŕ: \"r\", ĺ: \"l\",\n  };\n\n  let result = text;\n  for (const [char, replacement] of Object.entries(map)) {\n    result = result.split(char).join(replacement);\n  }\n\n  return lowercase ? result.toLowerCase() : result;\n}\n","import { makeCamelCase, toArray, noSpecChars } from \"./utils\";\nimport type { CreateDOMElemOptions, AttrsInput, StyleInput } from \"./types\";\n\n/** Attributes that have special characters stripped automatically. */\nconst NO_SPEC_CHARS_ATTRS = [\"class\", \"id\"];\n\n/**\n * Resolves a parent element from a string selector or HTMLElement reference.\n *\n * If the string starts with `#` or `.`, it is used directly as a querySelector\n * argument. Otherwise, it is tried first as `#<selector>` then as `.<selector>`.\n *\n * @param parent - An HTMLElement or a CSS selector string.\n * @returns The resolved HTMLElement.\n * @throws Will console.warn if the selector does not match any element.\n */\nfunction resolveParent(parent: HTMLElement | string): HTMLElement {\n  if (parent instanceof HTMLElement) return parent;\n\n  let el: Element | null = null;\n\n  if (parent.charAt(0) === \"#\" || parent.charAt(0) === \".\") {\n    el = document.querySelector(parent);\n  } else {\n    el =\n      document.querySelector(`#${parent}`) ||\n      document.querySelector(`.${parent}`) ||\n      document.querySelector(parent);\n  }\n\n  if (!el) {\n    console.warn(\n      `[DOMElemJS] Parent element not found for selector: \"${parent}\". ` +\n        `Falling back to document.body.`\n    );\n    return document.body;\n  }\n\n  return el as HTMLElement;\n}\n\n/**\n * Applies HTML attributes to an element from an {@link AttrsInput}.\n *\n * Handles special cases:\n * - `\"checked\"` — sets the checked property on the element.\n * - `\"dataset\"` — merges data-* attributes via `elem.dataset`.\n * - Other attributes — joined with spaces, with special characters stripped\n *   for `\"class\"` and `\"id\"` when `stripDiacritics` is enabled.\n *\n * @param elem - The target element.\n * @param attrs - Attributes to apply.\n * @param stripDiacritics - Whether to strip diacritics from class/id.\n */\nfunction applyAttrs(\n  elem: HTMLElement,\n  attrs: AttrsInput,\n  stripDiacritics: boolean\n): void {\n  for (const attrObj of toArray(attrs)) {\n    for (const [key, value] of Object.entries(attrObj)) {\n      if (value == null) continue;\n\n      if (key === \"checked\") {\n        (elem as HTMLInputElement).checked = !!value;\n      } else if (\n        key === \"dataset\" &&\n        typeof value === \"object\" &&\n        !Array.isArray(value)\n      ) {\n        Object.assign(elem.dataset, value);\n      } else {\n        const rawValues = Array.isArray(value) ? value : [value];\n        const values = rawValues.map((v) =>\n          stripDiacritics && NO_SPEC_CHARS_ATTRS.includes(key)\n            ? noSpecChars(String(v))\n            : String(v)\n        );\n        elem.setAttribute(key, values.join(\" \"));\n      }\n    }\n  }\n}\n\n/**\n * Applies inline CSS styles to an element from a {@link StyleInput}.\n *\n * Accepts:\n * - A CSS string: `\"color: red; font-size: 14px\"`\n * - An object: `{ color: \"red\", fontSize: \"14px\" }`\n * - An array mixing both formats\n *\n * @param elem - The target element.\n * @param style - Style input to apply.\n */\nfunction applyStyle(elem: HTMLElement, style: StyleInput): void {\n  const styleParts = toArray(style)\n    .map((s) => {\n      if (typeof s === \"object\" && s !== null) {\n        return Object.entries(s)\n          .map(([k, v]) => `${k}: ${v}`)\n          .join(\"; \");\n      }\n      return toArray(s).join(\"; \");\n    })\n    .join(\"; \");\n\n  styleParts\n    .split(\";\")\n    .filter(Boolean)\n    .forEach((styleText) => {\n      const colonIndex = styleText.indexOf(\":\");\n      if (colonIndex === -1) return;\n      const prop = styleText.slice(0, colonIndex).trim();\n      const val = styleText.slice(colonIndex + 1).trim();\n      if (prop) {\n        const camelProp = makeCamelCase(prop);\n        (elem.style as unknown as Record<string, string>)[camelProp] = val;\n      }\n    });\n}\n\n/**\n * Appends child elements to a parent element.\n *\n * Each child can be either an {@link HTMLElement} or a\n * {@link CreateDOMElemOptions} object that will be recursively created.\n *\n * @param elem - The parent element to append children to.\n * @param children - Array of child elements or options.\n */\nfunction applyChildren(\n  elem: HTMLElement,\n  children: Array<CreateDOMElemOptions | HTMLElement>\n): void {\n  for (const child of children) {\n    if (child instanceof HTMLElement) {\n      elem.appendChild(child);\n    } else {\n      elem.appendChild(createDOMElem(child));\n    }\n  }\n}\n\n/**\n * Attaches event listeners to an element.\n *\n * @param elem - The target element.\n * @param handleEvent - One or more {@link EventHandler} descriptors.\n */\nfunction applyEvents(\n  elem: HTMLElement,\n  handleEvent: CreateDOMElemOptions[\"handleEvent\"]\n): void {\n  for (const evt of toArray(handleEvent)) {\n    if (evt?.event && evt?.cb) {\n      elem.addEventListener(evt.event, evt.cb);\n    }\n  }\n}\n\n/**\n * Creates a DOM element with the given configuration.\n *\n * This is the core function of DOMelemJS. It creates an HTML element,\n * applies attributes, styles, children, and event listeners, then\n * appends it to a parent element.\n *\n * @example\n * ```ts\n * const el = createDOMElem({\n *   tag: \"div\",\n *   text: \"Hello\",\n *   attrs: { class: \"greeting\" },\n *   style: { color: \"blue\" },\n *   parent: \"#app\",\n *   handleEvent: {\n *     event: \"click\",\n *     cb: () => console.log(\"clicked\"),\n *   },\n * });\n * ```\n *\n * @param options - Element creation options.\n * @returns The created HTMLElement.\n */\nexport default function createDOMElem(options: CreateDOMElemOptions): HTMLElement {\n  const {\n    tag,\n    content,\n    text,\n    attrs,\n    style,\n    children,\n    parent,\n    handleEvent,\n    append = true,\n    stripDiacritics = true,\n  } = options;\n\n  if (content && text) {\n    console.warn(\n      `[DOMElemJS] Both \"content\" and \"text\" provided for <${tag}>. ` +\n        `\"text\" takes precedence — \"content\" will be ignored.`\n    );\n  }\n\n  const elem = document.createElement(tag);\n\n  if (text) {\n    elem.textContent = text;\n  } else if (content) {\n    elem.innerHTML = content;\n  }\n\n  if (attrs) applyAttrs(elem, attrs, stripDiacritics);\n  if (style) applyStyle(elem, style);\n  if (children) applyChildren(elem, children);\n  if (handleEvent) applyEvents(elem, handleEvent);\n\n  if (append) {\n    const target = parent ? resolveParent(parent) : document.body;\n    target.appendChild(elem);\n  }\n\n  return elem;\n}\n","import createDOMElem from \"./createDOMElem\";\nimport type { DOMElemOptions, EventHandler } from \"./types\";\n\n/**\n * Wrapper class around {@link createDOMElem}.\n *\n * Provides an object-oriented API for creating DOM elements.\n * The created element is available via the `.elem` property.\n * Event listeners can be added and removed via `addEventListener` /\n * `removeEventListener`.\n *\n * @example\n * ```ts\n * const div = new DOMElem({\n *   tag: \"div\",\n *   attrs: { class: \"container\" },\n *   text: \"Hello World\",\n * });\n *\n * div.addEventListener(\"click\", () => console.log(\"clicked\"));\n * div.removeEventListener(\"click\", handler);\n * ```\n */\nexport default class DOMElem {\n  /** The created HTMLElement. */\n  readonly elem: HTMLElement;\n\n  /** The options used to create the element. */\n  readonly options: DOMElemOptions;\n\n  private _listeners: Map<string, Set<(e: Event) => void>> = new Map();\n\n  /**\n   * Creates a new DOMElem instance.\n   *\n   * @param options - Element creation options.\n   */\n  constructor(options: DOMElemOptions) {\n    this.options = options;\n    this.elem = createDOMElem(options);\n\n    if (options.handleEvent) {\n      const events = Array.isArray(options.handleEvent)\n        ? options.handleEvent\n        : [options.handleEvent];\n      for (const evt of events) {\n        this._trackListener(evt.event, evt.cb);\n      }\n    }\n  }\n\n  /**\n   * Adds an event listener to the element and tracks it for later removal.\n   *\n   * @param event - The DOM event name.\n   * @param cb - The callback function.\n   * @returns This instance for chaining.\n   */\n  addEventListener(event: string, cb: (e: Event) => void): this {\n    this.elem.addEventListener(event, cb);\n    this._trackListener(event, cb);\n    return this;\n  }\n\n  /**\n   * Removes a previously added event listener.\n   *\n   * @param event - The DOM event name.\n   * @param cb - The callback function to remove.\n   * @returns This instance for chaining.\n   */\n  removeEventListener(event: string, cb: (e: Event) => void): this {\n    this.elem.removeEventListener(event, cb);\n    this._untrackListener(event, cb);\n    return this;\n  }\n\n  /**\n   * Removes all tracked event listeners from the element.\n   */\n  removeAllListeners(): void {\n    for (const [event, cbs] of this._listeners) {\n      for (const cb of cbs) {\n        this.elem.removeEventListener(event, cb);\n      }\n    }\n    this._listeners.clear();\n  }\n\n  private _trackListener(event: string, cb: (e: Event) => void): void {\n    if (!this._listeners.has(event)) {\n      this._listeners.set(event, new Set());\n    }\n    this._listeners.get(event)!.add(cb);\n  }\n\n  private _untrackListener(event: string, cb: (e: Event) => void): void {\n    this._listeners.get(event)?.delete(cb);\n  }\n}\n","/**\n * List of standard HTML tag names.\n *\n * Provided as a `const` tuple so TypeScript can infer literal types\n * (e.g. `\"div\"` instead of `string`).\n *\n * @example\n * import { HTML_TAGS } from \"domelemjs\";\n * if (HTML_TAGS.includes(tag as HtmlTagConst)) { ... }\n */\nexport const HTML_TAGS = [\n  \"a\", \"abbr\", \"address\", \"area\", \"article\", \"aside\", \"audio\",\n  \"b\", \"base\", \"bdi\", \"bdo\", \"blockquote\", \"body\", \"br\", \"button\",\n  \"canvas\", \"caption\", \"cite\", \"code\", \"col\", \"colgroup\",\n  \"data\", \"datalist\", \"dd\", \"del\", \"details\", \"dfn\", \"dialog\", \"div\", \"dl\", \"dt\",\n  \"em\", \"embed\",\n  \"fieldset\", \"figcaption\", \"figure\", \"footer\", \"form\",\n  \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"head\", \"header\", \"hr\", \"html\",\n  \"i\", \"iframe\", \"img\", \"input\", \"ins\",\n  \"kbd\",\n  \"label\", \"legend\", \"li\", \"link\",\n  \"main\", \"map\", \"mark\", \"meta\", \"meter\",\n  \"nav\", \"noscript\",\n  \"object\", \"ol\", \"optgroup\", \"option\", \"output\",\n  \"p\", \"param\", \"picture\", \"pre\", \"progress\",\n  \"q\",\n  \"rp\", \"rt\", \"ruby\",\n  \"s\", \"samp\", \"script\", \"section\", \"select\", \"small\", \"source\", \"span\",\n  \"strong\", \"style\", \"sub\", \"summary\", \"sup\", \"svg\",\n  \"table\", \"tbody\", \"td\", \"template\", \"textarea\", \"tfoot\", \"th\", \"thead\",\n  \"time\", \"title\", \"tr\", \"track\",\n  \"u\", \"ul\",\n  \"video\",\n  \"wbr\",\n] as const;\n\n/** Union type of all valid HTML tag name literals. */\nexport type HtmlTagConst = (typeof HTML_TAGS)[number];\n"],"mappings":"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","names":["index_exports","__export","DOMElem","HTML_TAGS","createDOMElem","makeCamelCase","s","part","i","toArray","value","noSpecChars","text","lowercase","map","result","char","replacement","NO_SPEC_CHARS_ATTRS","resolveParent","parent","el","applyAttrs","elem","attrs","stripDiacritics","attrObj","toArray","key","value","values","v","noSpecChars","applyStyle","style","s","k","styleText","colonIndex","prop","val","camelProp","makeCamelCase","applyChildren","children","child","createDOMElem","applyEvents","handleEvent","evt","options","tag","content","text","append","DOMElem","options","createDOMElem","events","evt","event","cb","cbs","HTML_TAGS"]}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var m=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var A=(e,t)=>{for(var o in t)m(e,o,{get:t[o],enumerable:!0})},T=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of M(t))!C.call(e,n)&&n!==o&&m(e,n,{get:()=>t[n],enumerable:!(r=O(t,n))||r.enumerable});return e};var h=e=>T(m({},"__esModule",{value:!0}),e);var v={};A(v,{DOMElem:()=>p,createDOMElem:()=>c});module.exports=h(v);function d(e){return e.split("-").map((t,o)=>o>0?t.charAt(0).toUpperCase()+t.slice(1):t).join("")}function u(e){return e==null?[]:Array.isArray(e)?e:[e]}function y(e,t=!1){let o={\u00E1:"a",\u00E9:"e",\u00ED:"i",\u00F3:"o",\u00F6:"o",\u0151:"o",\u00FA:"u",\u00FC:"u",\u0171:"u",\u00C1:"A",\u00C9:"E",\u00CD:"I",\u00D3:"O",\u00D6:"O",\u0150:"O",\u00DA:"U",\u00DC:"U",\u0170:"U",\u00E0:"a",\u00E8:"e",\u00EC:"i",\u00F2:"o",\u00F9:"u",\u00E2:"a",\u00EA:"e",\u00EE:"i",\u00F4:"o",\u00FB:"u",\u0103:"a",\u0115:"e",\u012D:"i",\u014F:"o",\u016D:"u",\u0101:"a",\u0113:"e",\u012B:"i",\u014D:"o",\u016B:"u",\u01CE:"a",\u011B:"e",\u01D0:"i",\u01D2:"o",\u01D4:"u",\u00E4:"a",\u00EB:"e",\u00EF:"i",\u00E5:"a",\u00F8:"o",\u00E3:"a",\u00F5:"o",\u00E6:"ae",\u00E7:"c",\u011F:"g",\u0142:"l",\u00F1:"n",\u0111:"d",\u00DF:"ss",\u010F:"d",\u0165:"t",\u0148:"n",\u0159:"r",\u0161:"s",\u017E:"z",\u0158:"R",\u0160:"S",\u017D:"Z",\u00C7:"C",\u015E:"S",\u011E:"G",\u0141:"L",\u00D1:"N",\u0110:"D",\u013E:"l",\u0155:"r",\u013A:"l"},r=e;for(let[n,i]of Object.entries(o))r=r.split(n).join(i);return t?r.toLowerCase():r}var H=["class","id"];function L(e){return e instanceof HTMLElement?e:e.charAt(0)==="#"||e.charAt(0)==="."?document.querySelector(e):document.querySelector(`#${e}`)||document.querySelector(`.${e}`)||document.querySelector(e)}function g(e,t){for(let o of u(t))for(let[r,n]of Object.entries(o))if(n!=null)if(r==="checked")e.checked=!!n;else if(r==="dataset"&&typeof n=="object"&&!Array.isArray(n))Object.assign(e.dataset,n);else{let a=(Array.isArray(n)?n:[n]).map(l=>H.includes(r)?y(String(l)):String(l));e.setAttribute(r,a.join(" "))}}function S(e,t){u(t).map(r=>typeof r=="object"&&r!==null?Object.entries(r).map(([n,i])=>`${n}: ${i}`).join("; "):u(r).join("; ")).join("; ").split(";").filter(Boolean).forEach(r=>{let n=r.indexOf(":");if(n===-1)return;let i=r.slice(0,n).trim(),a=r.slice(n+1).trim();if(i){let l=d(i);e.style[l]=a}})}function j(e,t){for(let o of t)o instanceof HTMLElement?e.appendChild(o):e.appendChild(c(o))}function D(e,t){for(let o of u(t))o?.event&&o?.cb&&e.addEventListener(o.event,o.cb)}function c(e){let{tag:t,content:o,text:r,attrs:n,style:i,children:a,parent:l,handleEvent:f,append:E=!0}=e,s=document.createElement(t);return o&&(s.innerHTML=o),r&&(s.textContent=r),n&&g(s,n),i&&S(s,i),a&&j(s,a),f&&D(s,f),E&&(l?L(l):document.body).appendChild(s),s}var p=class{constructor(t){this.options=t,this.elem=c(t)}};0&&(module.exports={DOMElem,createDOMElem});
+"use strict";var u=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var O=(t,e)=>{for(var n in e)u(t,n,{get:e[n],enumerable:!0})},L=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of b(e))!M.call(t,o)&&o!==n&&u(t,o,{get:()=>e[o],enumerable:!(r=g(e,o))||r.enumerable});return t};var T=t=>L(u({},"__esModule",{value:!0}),t);var x={};O(x,{DOMElem:()=>p,HTML_TAGS:()=>E,createDOMElem:()=>l});module.exports=T(x);function f(t){return t.split("-").map((e,n)=>n>0?e.charAt(0).toUpperCase()+e.slice(1):e).join("")}function m(t){return t==null?[]:Array.isArray(t)?t:[t]}function h(t,e=!1){let n={\u00E1:"a",\u00E9:"e",\u00ED:"i",\u00F3:"o",\u00F6:"o",\u0151:"o",\u00FA:"u",\u00FC:"u",\u0171:"u",\u00C1:"A",\u00C9:"E",\u00CD:"I",\u00D3:"O",\u00D6:"O",\u0150:"O",\u00DA:"U",\u00DC:"U",\u0170:"U",\u00E0:"a",\u00E8:"e",\u00EC:"i",\u00F2:"o",\u00F9:"u",\u00E2:"a",\u00EA:"e",\u00EE:"i",\u00F4:"o",\u00FB:"u",\u0103:"a",\u0115:"e",\u012D:"i",\u014F:"o",\u016D:"u",\u0101:"a",\u0113:"e",\u012B:"i",\u014D:"o",\u016B:"u",\u01CE:"a",\u011B:"e",\u01D0:"i",\u01D2:"o",\u01D4:"u",\u00E4:"a",\u00EB:"e",\u00EF:"i",\u00E5:"a",\u00F8:"o",\u00E3:"a",\u00F5:"o",\u00E6:"ae",\u00E7:"c",\u011F:"g",\u0142:"l",\u00F1:"n",\u0111:"d",\u00DF:"ss",\u010F:"d",\u0165:"t",\u0148:"n",\u0159:"r",\u0161:"s",\u017E:"z",\u0158:"R",\u0160:"S",\u017D:"Z",\u00C7:"C",\u015E:"S",\u011E:"G",\u0141:"L",\u00D1:"N",\u0110:"D",\u013E:"l",\u0155:"r",\u013A:"l"},r=t;for(let[o,i]of Object.entries(n))r=r.split(o).join(i);return e?r.toLowerCase():r}var A=["class","id"];function S(t){if(t instanceof HTMLElement)return t;let e=null;return t.charAt(0)==="#"||t.charAt(0)==="."?e=document.querySelector(t):e=document.querySelector(`#${t}`)||document.querySelector(`.${t}`)||document.querySelector(t),e||(console.warn(`[DOMElemJS] Parent element not found for selector: "${t}". Falling back to document.body.`),document.body)}function C(t,e,n){for(let r of m(e))for(let[o,i]of Object.entries(r))if(i!=null)if(o==="checked")t.checked=!!i;else if(o==="dataset"&&typeof i=="object"&&!Array.isArray(i))Object.assign(t.dataset,i);else{let a=(Array.isArray(i)?i:[i]).map(d=>n&&A.includes(o)?h(String(d)):String(d));t.setAttribute(o,a.join(" "))}}function H(t,e){m(e).map(r=>typeof r=="object"&&r!==null?Object.entries(r).map(([o,i])=>`${o}: ${i}`).join("; "):m(r).join("; ")).join("; ").split(";").filter(Boolean).forEach(r=>{let o=r.indexOf(":");if(o===-1)return;let i=r.slice(0,o).trim(),c=r.slice(o+1).trim();if(i){let a=f(i);t.style[a]=c}})}function k(t,e){for(let n of e)n instanceof HTMLElement?t.appendChild(n):t.appendChild(l(n))}function _(t,e){for(let n of m(e))n?.event&&n?.cb&&t.addEventListener(n.event,n.cb)}function l(t){let{tag:e,content:n,text:r,attrs:o,style:i,children:c,parent:a,handleEvent:d,append:v=!0,stripDiacritics:y=!0}=t;n&&r&&console.warn(`[DOMElemJS] Both "content" and "text" provided for <${e}>. "text" takes precedence \u2014 "content" will be ignored.`);let s=document.createElement(e);return r?s.textContent=r:n&&(s.innerHTML=n),o&&C(s,o,y),i&&H(s,i),c&&k(s,c),d&&_(s,d),v&&(a?S(a):document.body).appendChild(s),s}var p=class{constructor(e){this._listeners=new Map;if(this.options=e,this.elem=l(e),e.handleEvent){let n=Array.isArray(e.handleEvent)?e.handleEvent:[e.handleEvent];for(let r of n)this._trackListener(r.event,r.cb)}}addEventListener(e,n){return this.elem.addEventListener(e,n),this._trackListener(e,n),this}removeEventListener(e,n){return this.elem.removeEventListener(e,n),this._untrackListener(e,n),this}removeAllListeners(){for(let[e,n]of this._listeners)for(let r of n)this.elem.removeEventListener(e,r);this._listeners.clear()}_trackListener(e,n){this._listeners.has(e)||this._listeners.set(e,new Set),this._listeners.get(e).add(n)}_untrackListener(e,n){this._listeners.get(e)?.delete(n)}};var E=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","svg","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","video","wbr"];0&&(module.exports={DOMElem,HTML_TAGS,createDOMElem});
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/utils.ts","../src/createDOMElem.ts","../src/DOMElem.ts"],"sourcesContent":["/**\n * DOMelemJS — a lightweight, zero-dependency library for creating\n * DOM elements from JavaScript/TypeScript.\n *\n * @example\n * ```ts\n * import { createDOMElem, DOMElem } from \"domelemjs\";\n *\n * // Functional API\n * const el = createDOMElem({\n *   tag: \"div\",\n *   text: \"Hello\",\n *   attrs: { id: \"app\" },\n * });\n *\n * // Class API\n * const div = new DOMElem({ tag: \"div\", text: \"World\" });\n * ```\n *\n * @packageDocumentation\n */\n\nexport { default as DOMElem } from \"./DOMElem\";\nexport { default as createDOMElem } from \"./createDOMElem\";\nexport type {\n  CreateDOMElemOptions,\n  DOMElemOptions,\n  EventHandler,\n  StyleInput,\n  AttrsInput,\n  ParentInput,\n  HtmlTag,\n} from \"./types\";\n","/**\n * Converts a kebab-case string to camelCase.\n *\n * @example\n * makeCamelCase(\"background-color\") // \"backgroundColor\"\n * makeCamelCase(\"font-size\") // \"fontSize\"\n *\n * @param s - The kebab-case string to convert.\n * @returns The camelCase version of the input.\n */\nexport function makeCamelCase(s: string): string {\n  return s\n    .split(\"-\")\n    .map((part, i) => (i > 0 ? part.charAt(0).toUpperCase() + part.slice(1) : part))\n    .join(\"\");\n}\n\n/**\n * Ensures the given value is wrapped in an array.\n * Returns an empty array for `null` / `undefined`.\n *\n * @example\n * toArray(\"hello\")    // [\"hello\"]\n * toArray([\"a\", \"b\"]) // [\"a\", \"b\"]\n * toArray(null)       // []\n *\n * @param value - The value to normalize.\n * @returns An array containing the value, or an empty array if falsy.\n */\nexport function toArray<T>(value: T | T[] | undefined | null): T[] {\n  if (value == null) return [];\n  return Array.isArray(value) ? value : [value];\n}\n\n/**\n * Replaces accented / special characters with their ASCII equivalents.\n *\n * Supports Hungarian, Czech, Polish, Turkish, and other Latin-script diacritics.\n *\n * @example\n * noSpecChars(\"árvíztűrő\") // \"arviztuoro\"\n * noSpecChars(\"Árvíz\", true) // \"arviz\"\n *\n * @param text - The input string containing special characters.\n * @param lowercase - If `true`, the result is lowercased after replacement.\n * @returns The string with special characters replaced.\n */\nexport function noSpecChars(text: string, lowercase = false): string {\n  const map: Record<string, string> = {\n    á: \"a\", é: \"e\", í: \"i\", ó: \"o\", ö: \"o\", ő: \"o\",\n    ú: \"u\", ü: \"u\", ű: \"u\",\n    Á: \"A\", É: \"E\", Í: \"I\", Ó: \"O\", Ö: \"O\", Ő: \"O\",\n    Ú: \"U\", Ü: \"U\", Ű: \"U\",\n    à: \"a\", è: \"e\", ì: \"i\", ò: \"o\", ù: \"u\",\n    â: \"a\", ê: \"e\", î: \"i\", ô: \"o\", û: \"u\",\n    ă: \"a\", ĕ: \"e\", ĭ: \"i\", ŏ: \"o\", ŭ: \"u\",\n    ā: \"a\", ē: \"e\", ī: \"i\", ō: \"o\", ū: \"u\",\n    ǎ: \"a\", ě: \"e\", ǐ: \"i\", ǒ: \"o\", ǔ: \"u\",\n    ä: \"a\", ë: \"e\", ï: \"i\",\n    å: \"a\", ø: \"o\",\n    ã: \"a\", õ: \"o\",\n    æ: \"ae\",\n    ç: \"c\", ğ: \"g\",\n    ł: \"l\",\n    ñ: \"n\",\n    đ: \"d\",\n    ß: \"ss\",\n    ď: \"d\", ť: \"t\", ň: \"n\",\n    ř: \"r\", š: \"s\", ž: \"z\",\n    Ř: \"R\", Š: \"S\", Ž: \"Z\",\n    Ç: \"C\", Ş: \"S\", Ğ: \"G\",\n    Ł: \"L\", Ñ: \"N\", Đ: \"D\",\n    ľ: \"l\", ŕ: \"r\", ĺ: \"l\",\n  };\n\n  let result = text;\n  for (const [char, replacement] of Object.entries(map)) {\n    result = result.split(char).join(replacement);\n  }\n\n  return lowercase ? result.toLowerCase() : result;\n}\n","import { makeCamelCase, toArray, noSpecChars } from \"./utils\";\nimport type { CreateDOMElemOptions, AttrsInput, StyleInput } from \"./types\";\n\n/** Attributes that have special characters stripped automatically. */\nconst NO_SPEC_CHARS_ATTRS = [\"class\", \"id\"];\n\n/**\n * Resolves a parent element from a string selector or HTMLElement reference.\n *\n * If the string starts with `#` or `.`, it is used directly as a querySelector\n * argument. Otherwise, it is tried first as `#<selector>` then as `.<selector>`.\n *\n * @param parent - An HTMLElement or a CSS selector string.\n * @returns The resolved HTMLElement.\n */\nfunction resolveParent(parent: HTMLElement | string): HTMLElement {\n  if (parent instanceof HTMLElement) return parent;\n  if (parent.charAt(0) === \"#\" || parent.charAt(0) === \".\") {\n    return document.querySelector(parent) as HTMLElement;\n  }\n  return (\n    document.querySelector(`#${parent}`) ||\n    document.querySelector(`.${parent}`) ||\n    document.querySelector(parent)\n  ) as HTMLElement;\n}\n\n/**\n * Applies HTML attributes to an element from an {@link AttrsInput}.\n *\n * Handles special cases:\n * - `\"checked\"` — sets the checked property on the element.\n * - `\"dataset\"` — merges data-* attributes via `elem.dataset`.\n * - Other attributes — joined with spaces, with special characters stripped\n *   for `\"class\"` and `\"id\"`.\n *\n * @param elem - The target element.\n * @param attrs - Attributes to apply.\n */\nfunction applyAttrs(elem: HTMLElement, attrs: AttrsInput): void {\n  for (const attrObj of toArray(attrs)) {\n    for (const [key, value] of Object.entries(attrObj)) {\n      if (value == null) continue;\n\n      if (key === \"checked\") {\n        (elem as HTMLInputElement).checked = !!value;\n      } else if (key === \"dataset\" && typeof value === \"object\" && !Array.isArray(value)) {\n        Object.assign(elem.dataset, value);\n      } else {\n        const rawValues = Array.isArray(value) ? value : [value];\n        const values = rawValues.map((v) =>\n          NO_SPEC_CHARS_ATTRS.includes(key) ? noSpecChars(String(v)) : String(v)\n        );\n        elem.setAttribute(key, values.join(\" \"));\n      }\n    }\n  }\n}\n\n/**\n * Applies inline CSS styles to an element from a {@link StyleInput}.\n *\n * Accepts:\n * - A CSS string: `\"color: red; font-size: 14px\"`\n * - An object: `{ color: \"red\", fontSize: \"14px\" }`\n * - An array mixing both formats\n *\n * @param elem - The target element.\n * @param style - Style input to apply.\n */\nfunction applyStyle(elem: HTMLElement, style: StyleInput): void {\n  const styleParts = toArray(style)\n    .map((s) => {\n      if (typeof s === \"object\" && s !== null) {\n        return Object.entries(s)\n          .map(([k, v]) => `${k}: ${v}`)\n          .join(\"; \");\n      }\n      return toArray(s).join(\"; \");\n    })\n    .join(\"; \");\n\n  styleParts\n    .split(\";\")\n    .filter(Boolean)\n    .forEach((styleText) => {\n      const colonIndex = styleText.indexOf(\":\");\n      if (colonIndex === -1) return;\n      const prop = styleText.slice(0, colonIndex).trim();\n      const val = styleText.slice(colonIndex + 1).trim();\n      if (prop) {\n        const camelProp = makeCamelCase(prop);\n        (elem.style as unknown as Record<string, string>)[camelProp] = val;\n      }\n    });\n}\n\n/**\n * Appends child elements to a parent element.\n *\n * Each child can be either an {@link HTMLElement} or a\n * {@link CreateDOMElemOptions} object that will be recursively created.\n *\n * @param elem - The parent element to append children to.\n * @param children - Array of child elements or options.\n */\nfunction applyChildren(\n  elem: HTMLElement,\n  children: Array<CreateDOMElemOptions | HTMLElement>\n): void {\n  for (const child of children) {\n    if (child instanceof HTMLElement) {\n      elem.appendChild(child);\n    } else {\n      elem.appendChild(createDOMElem(child));\n    }\n  }\n}\n\n/**\n * Attaches event listeners to an element.\n *\n * @param elem - The target element.\n * @param handleEvent - One or more {@link EventHandler} descriptors.\n */\nfunction applyEvents(\n  elem: HTMLElement,\n  handleEvent: CreateDOMElemOptions[\"handleEvent\"]\n): void {\n  for (const evt of toArray(handleEvent)) {\n    if (evt?.event && evt?.cb) {\n      elem.addEventListener(evt.event, evt.cb);\n    }\n  }\n}\n\n/**\n * Creates a DOM element with the given configuration.\n *\n * This is the core function of DOMelemJS. It creates an HTML element,\n * applies attributes, styles, children, and event listeners, then\n * appends it to a parent element.\n *\n * @example\n * ```ts\n * const el = createDOMElem({\n *   tag: \"div\",\n *   text: \"Hello\",\n *   attrs: { class: \"greeting\" },\n *   style: { color: \"blue\" },\n *   parent: \"#app\",\n *   handleEvent: {\n *     event: \"click\",\n *     cb: () => console.log(\"clicked\"),\n *   },\n * });\n * ```\n *\n * @param options - Element creation options.\n * @returns The created HTMLElement.\n */\nexport default function createDOMElem(options: CreateDOMElemOptions): HTMLElement {\n  const {\n    tag,\n    content,\n    text,\n    attrs,\n    style,\n    children,\n    parent,\n    handleEvent,\n    append = true,\n  } = options;\n\n  const elem = document.createElement(tag);\n\n  if (content) elem.innerHTML = content;\n  if (text) elem.textContent = text;\n  if (attrs) applyAttrs(elem, attrs);\n  if (style) applyStyle(elem, style);\n  if (children) applyChildren(elem, children);\n  if (handleEvent) applyEvents(elem, handleEvent);\n\n  if (append) {\n    const target = parent ? resolveParent(parent) : document.body;\n    target.appendChild(elem);\n  }\n\n  return elem;\n}\n","import createDOMElem from \"./createDOMElem\";\nimport type { DOMElemOptions } from \"./types\";\n\n/**\n * Wrapper class around {@link createDOMElem}.\n *\n * Provides an object-oriented API for creating DOM elements.\n * The created element is available via the `.elem` property.\n *\n * @example\n * ```ts\n * const div = new DOMElem({\n *   tag: \"div\",\n *   attrs: { class: \"container\" },\n *   text: \"Hello World\",\n * });\n *\n * document.body.appendChild(div.elem);\n * ```\n */\nexport default class DOMElem {\n  /** The created HTMLElement. */\n  readonly elem: HTMLElement;\n\n  /** The options used to create the element. */\n  readonly options: DOMElemOptions;\n\n  /**\n   * Creates a new DOMElem instance.\n   *\n   * @param options - Element creation options.\n   */\n  constructor(options: DOMElemOptions) {\n    this.options = options;\n    this.elem = createDOMElem(options);\n  }\n}\n"],"mappings":"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","names":["index_exports","__export","DOMElem","createDOMElem","__toCommonJS","makeCamelCase","s","part","i","toArray","value","noSpecChars","text","lowercase","map","result","char","replacement","NO_SPEC_CHARS_ATTRS","resolveParent","parent","applyAttrs","elem","attrs","attrObj","toArray","key","value","values","v","noSpecChars","applyStyle","style","s","k","styleText","colonIndex","prop","val","camelProp","makeCamelCase","applyChildren","children","child","createDOMElem","applyEvents","handleEvent","evt","options","tag","content","text","append","DOMElem","options","createDOMElem"]}
+{"version":3,"sources":["../src/index.ts","../src/utils.ts","../src/createDOMElem.ts","../src/DOMElem.ts","../src/htmlTags.ts"],"sourcesContent":["/**\n * DOMelemJS — a lightweight, zero-dependency library for creating\n * DOM elements from JavaScript/TypeScript.\n *\n * @example\n * ```ts\n * import { createDOMElem, DOMElem } from \"domelemjs\";\n *\n * // Functional API\n * const el = createDOMElem({\n *   tag: \"div\",\n *   text: \"Hello\",\n *   attrs: { id: \"app\" },\n * });\n *\n * // Class API\n * const div = new DOMElem({ tag: \"div\", text: \"World\" });\n * ```\n *\n * @packageDocumentation\n */\n\nexport { default as DOMElem } from \"./DOMElem\";\nexport { default as createDOMElem } from \"./createDOMElem\";\nexport { HTML_TAGS } from \"./htmlTags\";\nexport type {\n  CreateDOMElemOptions,\n  DOMElemOptions,\n  EventHandler,\n  StyleInput,\n  AttrsInput,\n  ParentInput,\n  HtmlTag,\n} from \"./types\";\nexport type { HtmlTagConst } from \"./htmlTags\";\n","/**\n * Converts a kebab-case string to camelCase.\n *\n * @example\n * makeCamelCase(\"background-color\") // \"backgroundColor\"\n * makeCamelCase(\"font-size\") // \"fontSize\"\n *\n * @param s - The kebab-case string to convert.\n * @returns The camelCase version of the input.\n */\nexport function makeCamelCase(s: string): string {\n  return s\n    .split(\"-\")\n    .map((part, i) => (i > 0 ? part.charAt(0).toUpperCase() + part.slice(1) : part))\n    .join(\"\");\n}\n\n/**\n * Ensures the given value is wrapped in an array.\n * Returns an empty array for `null` / `undefined`.\n *\n * @example\n * toArray(\"hello\")    // [\"hello\"]\n * toArray([\"a\", \"b\"]) // [\"a\", \"b\"]\n * toArray(null)       // []\n *\n * @param value - The value to normalize.\n * @returns An array containing the value, or an empty array if falsy.\n */\nexport function toArray<T>(value: T | T[] | undefined | null): T[] {\n  if (value == null) return [];\n  return Array.isArray(value) ? value : [value];\n}\n\n/**\n * Replaces accented / special characters with their ASCII equivalents.\n *\n * Supports Hungarian, Czech, Polish, Turkish, and other Latin-script diacritics.\n *\n * @example\n * noSpecChars(\"árvíztűrő\") // \"arviztuoro\"\n * noSpecChars(\"Árvíz\", true) // \"arviz\"\n *\n * @param text - The input string containing special characters.\n * @param lowercase - If `true`, the result is lowercased after replacement.\n * @returns The string with special characters replaced.\n */\nexport function noSpecChars(text: string, lowercase = false): string {\n  const map: Record<string, string> = {\n    á: \"a\", é: \"e\", í: \"i\", ó: \"o\", ö: \"o\", ő: \"o\",\n    ú: \"u\", ü: \"u\", ű: \"u\",\n    Á: \"A\", É: \"E\", Í: \"I\", Ó: \"O\", Ö: \"O\", Ő: \"O\",\n    Ú: \"U\", Ü: \"U\", Ű: \"U\",\n    à: \"a\", è: \"e\", ì: \"i\", ò: \"o\", ù: \"u\",\n    â: \"a\", ê: \"e\", î: \"i\", ô: \"o\", û: \"u\",\n    ă: \"a\", ĕ: \"e\", ĭ: \"i\", ŏ: \"o\", ŭ: \"u\",\n    ā: \"a\", ē: \"e\", ī: \"i\", ō: \"o\", ū: \"u\",\n    ǎ: \"a\", ě: \"e\", ǐ: \"i\", ǒ: \"o\", ǔ: \"u\",\n    ä: \"a\", ë: \"e\", ï: \"i\",\n    å: \"a\", ø: \"o\",\n    ã: \"a\", õ: \"o\",\n    æ: \"ae\",\n    ç: \"c\", ğ: \"g\",\n    ł: \"l\",\n    ñ: \"n\",\n    đ: \"d\",\n    ß: \"ss\",\n    ď: \"d\", ť: \"t\", ň: \"n\",\n    ř: \"r\", š: \"s\", ž: \"z\",\n    Ř: \"R\", Š: \"S\", Ž: \"Z\",\n    Ç: \"C\", Ş: \"S\", Ğ: \"G\",\n    Ł: \"L\", Ñ: \"N\", Đ: \"D\",\n    ľ: \"l\", ŕ: \"r\", ĺ: \"l\",\n  };\n\n  let result = text;\n  for (const [char, replacement] of Object.entries(map)) {\n    result = result.split(char).join(replacement);\n  }\n\n  return lowercase ? result.toLowerCase() : result;\n}\n","import { makeCamelCase, toArray, noSpecChars } from \"./utils\";\nimport type { CreateDOMElemOptions, AttrsInput, StyleInput } from \"./types\";\n\n/** Attributes that have special characters stripped automatically. */\nconst NO_SPEC_CHARS_ATTRS = [\"class\", \"id\"];\n\n/**\n * Resolves a parent element from a string selector or HTMLElement reference.\n *\n * If the string starts with `#` or `.`, it is used directly as a querySelector\n * argument. Otherwise, it is tried first as `#<selector>` then as `.<selector>`.\n *\n * @param parent - An HTMLElement or a CSS selector string.\n * @returns The resolved HTMLElement.\n * @throws Will console.warn if the selector does not match any element.\n */\nfunction resolveParent(parent: HTMLElement | string): HTMLElement {\n  if (parent instanceof HTMLElement) return parent;\n\n  let el: Element | null = null;\n\n  if (parent.charAt(0) === \"#\" || parent.charAt(0) === \".\") {\n    el = document.querySelector(parent);\n  } else {\n    el =\n      document.querySelector(`#${parent}`) ||\n      document.querySelector(`.${parent}`) ||\n      document.querySelector(parent);\n  }\n\n  if (!el) {\n    console.warn(\n      `[DOMElemJS] Parent element not found for selector: \"${parent}\". ` +\n        `Falling back to document.body.`\n    );\n    return document.body;\n  }\n\n  return el as HTMLElement;\n}\n\n/**\n * Applies HTML attributes to an element from an {@link AttrsInput}.\n *\n * Handles special cases:\n * - `\"checked\"` — sets the checked property on the element.\n * - `\"dataset\"` — merges data-* attributes via `elem.dataset`.\n * - Other attributes — joined with spaces, with special characters stripped\n *   for `\"class\"` and `\"id\"` when `stripDiacritics` is enabled.\n *\n * @param elem - The target element.\n * @param attrs - Attributes to apply.\n * @param stripDiacritics - Whether to strip diacritics from class/id.\n */\nfunction applyAttrs(\n  elem: HTMLElement,\n  attrs: AttrsInput,\n  stripDiacritics: boolean\n): void {\n  for (const attrObj of toArray(attrs)) {\n    for (const [key, value] of Object.entries(attrObj)) {\n      if (value == null) continue;\n\n      if (key === \"checked\") {\n        (elem as HTMLInputElement).checked = !!value;\n      } else if (\n        key === \"dataset\" &&\n        typeof value === \"object\" &&\n        !Array.isArray(value)\n      ) {\n        Object.assign(elem.dataset, value);\n      } else {\n        const rawValues = Array.isArray(value) ? value : [value];\n        const values = rawValues.map((v) =>\n          stripDiacritics && NO_SPEC_CHARS_ATTRS.includes(key)\n            ? noSpecChars(String(v))\n            : String(v)\n        );\n        elem.setAttribute(key, values.join(\" \"));\n      }\n    }\n  }\n}\n\n/**\n * Applies inline CSS styles to an element from a {@link StyleInput}.\n *\n * Accepts:\n * - A CSS string: `\"color: red; font-size: 14px\"`\n * - An object: `{ color: \"red\", fontSize: \"14px\" }`\n * - An array mixing both formats\n *\n * @param elem - The target element.\n * @param style - Style input to apply.\n */\nfunction applyStyle(elem: HTMLElement, style: StyleInput): void {\n  const styleParts = toArray(style)\n    .map((s) => {\n      if (typeof s === \"object\" && s !== null) {\n        return Object.entries(s)\n          .map(([k, v]) => `${k}: ${v}`)\n          .join(\"; \");\n      }\n      return toArray(s).join(\"; \");\n    })\n    .join(\"; \");\n\n  styleParts\n    .split(\";\")\n    .filter(Boolean)\n    .forEach((styleText) => {\n      const colonIndex = styleText.indexOf(\":\");\n      if (colonIndex === -1) return;\n      const prop = styleText.slice(0, colonIndex).trim();\n      const val = styleText.slice(colonIndex + 1).trim();\n      if (prop) {\n        const camelProp = makeCamelCase(prop);\n        (elem.style as unknown as Record<string, string>)[camelProp] = val;\n      }\n    });\n}\n\n/**\n * Appends child elements to a parent element.\n *\n * Each child can be either an {@link HTMLElement} or a\n * {@link CreateDOMElemOptions} object that will be recursively created.\n *\n * @param elem - The parent element to append children to.\n * @param children - Array of child elements or options.\n */\nfunction applyChildren(\n  elem: HTMLElement,\n  children: Array<CreateDOMElemOptions | HTMLElement>\n): void {\n  for (const child of children) {\n    if (child instanceof HTMLElement) {\n      elem.appendChild(child);\n    } else {\n      elem.appendChild(createDOMElem(child));\n    }\n  }\n}\n\n/**\n * Attaches event listeners to an element.\n *\n * @param elem - The target element.\n * @param handleEvent - One or more {@link EventHandler} descriptors.\n */\nfunction applyEvents(\n  elem: HTMLElement,\n  handleEvent: CreateDOMElemOptions[\"handleEvent\"]\n): void {\n  for (const evt of toArray(handleEvent)) {\n    if (evt?.event && evt?.cb) {\n      elem.addEventListener(evt.event, evt.cb);\n    }\n  }\n}\n\n/**\n * Creates a DOM element with the given configuration.\n *\n * This is the core function of DOMelemJS. It creates an HTML element,\n * applies attributes, styles, children, and event listeners, then\n * appends it to a parent element.\n *\n * @example\n * ```ts\n * const el = createDOMElem({\n *   tag: \"div\",\n *   text: \"Hello\",\n *   attrs: { class: \"greeting\" },\n *   style: { color: \"blue\" },\n *   parent: \"#app\",\n *   handleEvent: {\n *     event: \"click\",\n *     cb: () => console.log(\"clicked\"),\n *   },\n * });\n * ```\n *\n * @param options - Element creation options.\n * @returns The created HTMLElement.\n */\nexport default function createDOMElem(options: CreateDOMElemOptions): HTMLElement {\n  const {\n    tag,\n    content,\n    text,\n    attrs,\n    style,\n    children,\n    parent,\n    handleEvent,\n    append = true,\n    stripDiacritics = true,\n  } = options;\n\n  if (content && text) {\n    console.warn(\n      `[DOMElemJS] Both \"content\" and \"text\" provided for <${tag}>. ` +\n        `\"text\" takes precedence — \"content\" will be ignored.`\n    );\n  }\n\n  const elem = document.createElement(tag);\n\n  if (text) {\n    elem.textContent = text;\n  } else if (content) {\n    elem.innerHTML = content;\n  }\n\n  if (attrs) applyAttrs(elem, attrs, stripDiacritics);\n  if (style) applyStyle(elem, style);\n  if (children) applyChildren(elem, children);\n  if (handleEvent) applyEvents(elem, handleEvent);\n\n  if (append) {\n    const target = parent ? resolveParent(parent) : document.body;\n    target.appendChild(elem);\n  }\n\n  return elem;\n}\n","import createDOMElem from \"./createDOMElem\";\nimport type { DOMElemOptions, EventHandler } from \"./types\";\n\n/**\n * Wrapper class around {@link createDOMElem}.\n *\n * Provides an object-oriented API for creating DOM elements.\n * The created element is available via the `.elem` property.\n * Event listeners can be added and removed via `addEventListener` /\n * `removeEventListener`.\n *\n * @example\n * ```ts\n * const div = new DOMElem({\n *   tag: \"div\",\n *   attrs: { class: \"container\" },\n *   text: \"Hello World\",\n * });\n *\n * div.addEventListener(\"click\", () => console.log(\"clicked\"));\n * div.removeEventListener(\"click\", handler);\n * ```\n */\nexport default class DOMElem {\n  /** The created HTMLElement. */\n  readonly elem: HTMLElement;\n\n  /** The options used to create the element. */\n  readonly options: DOMElemOptions;\n\n  private _listeners: Map<string, Set<(e: Event) => void>> = new Map();\n\n  /**\n   * Creates a new DOMElem instance.\n   *\n   * @param options - Element creation options.\n   */\n  constructor(options: DOMElemOptions) {\n    this.options = options;\n    this.elem = createDOMElem(options);\n\n    if (options.handleEvent) {\n      const events = Array.isArray(options.handleEvent)\n        ? options.handleEvent\n        : [options.handleEvent];\n      for (const evt of events) {\n        this._trackListener(evt.event, evt.cb);\n      }\n    }\n  }\n\n  /**\n   * Adds an event listener to the element and tracks it for later removal.\n   *\n   * @param event - The DOM event name.\n   * @param cb - The callback function.\n   * @returns This instance for chaining.\n   */\n  addEventListener(event: string, cb: (e: Event) => void): this {\n    this.elem.addEventListener(event, cb);\n    this._trackListener(event, cb);\n    return this;\n  }\n\n  /**\n   * Removes a previously added event listener.\n   *\n   * @param event - The DOM event name.\n   * @param cb - The callback function to remove.\n   * @returns This instance for chaining.\n   */\n  removeEventListener(event: string, cb: (e: Event) => void): this {\n    this.elem.removeEventListener(event, cb);\n    this._untrackListener(event, cb);\n    return this;\n  }\n\n  /**\n   * Removes all tracked event listeners from the element.\n   */\n  removeAllListeners(): void {\n    for (const [event, cbs] of this._listeners) {\n      for (const cb of cbs) {\n        this.elem.removeEventListener(event, cb);\n      }\n    }\n    this._listeners.clear();\n  }\n\n  private _trackListener(event: string, cb: (e: Event) => void): void {\n    if (!this._listeners.has(event)) {\n      this._listeners.set(event, new Set());\n    }\n    this._listeners.get(event)!.add(cb);\n  }\n\n  private _untrackListener(event: string, cb: (e: Event) => void): void {\n    this._listeners.get(event)?.delete(cb);\n  }\n}\n","/**\n * List of standard HTML tag names.\n *\n * Provided as a `const` tuple so TypeScript can infer literal types\n * (e.g. `\"div\"` instead of `string`).\n *\n * @example\n * import { HTML_TAGS } from \"domelemjs\";\n * if (HTML_TAGS.includes(tag as HtmlTagConst)) { ... }\n */\nexport const HTML_TAGS = [\n  \"a\", \"abbr\", \"address\", \"area\", \"article\", \"aside\", \"audio\",\n  \"b\", \"base\", \"bdi\", \"bdo\", \"blockquote\", \"body\", \"br\", \"button\",\n  \"canvas\", \"caption\", \"cite\", \"code\", \"col\", \"colgroup\",\n  \"data\", \"datalist\", \"dd\", \"del\", \"details\", \"dfn\", \"dialog\", \"div\", \"dl\", \"dt\",\n  \"em\", \"embed\",\n  \"fieldset\", \"figcaption\", \"figure\", \"footer\", \"form\",\n  \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"head\", \"header\", \"hr\", \"html\",\n  \"i\", \"iframe\", \"img\", \"input\", \"ins\",\n  \"kbd\",\n  \"label\", \"legend\", \"li\", \"link\",\n  \"main\", \"map\", \"mark\", \"meta\", \"meter\",\n  \"nav\", \"noscript\",\n  \"object\", \"ol\", \"optgroup\", \"option\", \"output\",\n  \"p\", \"param\", \"picture\", \"pre\", \"progress\",\n  \"q\",\n  \"rp\", \"rt\", \"ruby\",\n  \"s\", \"samp\", \"script\", \"section\", \"select\", \"small\", \"source\", \"span\",\n  \"strong\", \"style\", \"sub\", \"summary\", \"sup\", \"svg\",\n  \"table\", \"tbody\", \"td\", \"template\", \"textarea\", \"tfoot\", \"th\", \"thead\",\n  \"time\", \"title\", \"tr\", \"track\",\n  \"u\", \"ul\",\n  \"video\",\n  \"wbr\",\n] as const;\n\n/** Union type of all valid HTML tag name literals. */\nexport type HtmlTagConst = (typeof HTML_TAGS)[number];\n"],"mappings":"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","names":["index_exports","__export","DOMElem","HTML_TAGS","createDOMElem","__toCommonJS","makeCamelCase","s","part","i","toArray","value","noSpecChars","text","lowercase","map","result","char","replacement","NO_SPEC_CHARS_ATTRS","resolveParent","parent","el","applyAttrs","elem","attrs","stripDiacritics","attrObj","toArray","key","value","values","v","noSpecChars","applyStyle","style","s","k","styleText","colonIndex","prop","val","camelProp","makeCamelCase","applyChildren","children","child","createDOMElem","applyEvents","handleEvent","evt","options","tag","content","text","append","DOMElem","options","createDOMElem","events","evt","event","cb","cbs","HTML_TAGS"]}

package/dist/index.d.cts

@@ -1,5 +1,19 @@
-/** HTML tag name as a string. */
-type HtmlTag = string;
+/**
+ * List of standard HTML tag names.
+ *
+ * Provided as a `const` tuple so TypeScript can infer literal types
+ * (e.g. `"div"` instead of `string`).
+ *
+ * @example
+ * import { HTML_TAGS } from "domelemjs";
+ * if (HTML_TAGS.includes(tag as HtmlTagConst)) { ... }
+ */
+declare const HTML_TAGS: readonly ["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "label", "legend", "li", "link", "main", "map", "mark", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "svg", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "u", "ul", "video", "wbr"];
+/** Union type of all valid HTML tag name literals. */
+type HtmlTagConst = (typeof HTML_TAGS)[number];
+
+/** HTML tag name — a string union of valid tags, or any string for flexibility. */
+type HtmlTag = HtmlTagConst | string;
 /** A single CSS style value — either a string or a numeric pixel value. */
 type StyleValue = string | number;
 /**
@@ -62,6 +76,8 @@ interface CreateDOMElemOptions {
     parent?: ParentInput;
     handleEvent?: EventHandler | EventHandler[];
     append?: boolean;
+    /** Whether to strip diacritics from `class` and `id` attributes. Defaults to `true`. */
+    stripDiacritics?: boolean;
 }
 /** Options type for the `DOMElem` class — identical to `CreateDOMElemOptions`. */
 type DOMElemOptions = CreateDOMElemOptions;
@@ -71,6 +87,8 @@ type DOMElemOptions = CreateDOMElemOptions;
  *
  * Provides an object-oriented API for creating DOM elements.
  * The created element is available via the `.elem` property.
+ * Event listeners can be added and removed via `addEventListener` /
+ * `removeEventListener`.
  *
  * @example
  * ```ts
@@ -80,7 +98,8 @@ type DOMElemOptions = CreateDOMElemOptions;
  *   text: "Hello World",
  * });
  *
- * document.body.appendChild(div.elem);
+ * div.addEventListener("click", () => console.log("clicked"));
+ * div.removeEventListener("click", handler);
  * ```
  */
 declare class DOMElem {
@@ -88,12 +107,35 @@ declare class DOMElem {
     readonly elem: HTMLElement;
     /** The options used to create the element. */
     readonly options: DOMElemOptions;
+    private _listeners;
     /**
      * Creates a new DOMElem instance.
      *
      * @param options - Element creation options.
      */
     constructor(options: DOMElemOptions);
+    /**
+     * Adds an event listener to the element and tracks it for later removal.
+     *
+     * @param event - The DOM event name.
+     * @param cb - The callback function.
+     * @returns This instance for chaining.
+     */
+    addEventListener(event: string, cb: (e: Event) => void): this;
+    /**
+     * Removes a previously added event listener.
+     *
+     * @param event - The DOM event name.
+     * @param cb - The callback function to remove.
+     * @returns This instance for chaining.
+     */
+    removeEventListener(event: string, cb: (e: Event) => void): this;
+    /**
+     * Removes all tracked event listeners from the element.
+     */
+    removeAllListeners(): void;
+    private _trackListener;
+    private _untrackListener;
 }
 
 /**
@@ -123,4 +165,4 @@ declare class DOMElem {
  */
 declare function createDOMElem(options: CreateDOMElemOptions): HTMLElement;
 
-export { type AttrsInput, type CreateDOMElemOptions, DOMElem, type DOMElemOptions, type EventHandler, type HtmlTag, type ParentInput, type StyleInput, createDOMElem };
+export { type AttrsInput, type CreateDOMElemOptions, DOMElem, type DOMElemOptions, type EventHandler, HTML_TAGS, type HtmlTag, type HtmlTagConst, type ParentInput, type StyleInput, createDOMElem };

package/dist/index.d.ts

@@ -1,5 +1,19 @@
-/** HTML tag name as a string. */
-type HtmlTag = string;
+/**
+ * List of standard HTML tag names.
+ *
+ * Provided as a `const` tuple so TypeScript can infer literal types
+ * (e.g. `"div"` instead of `string`).
+ *
+ * @example
+ * import { HTML_TAGS } from "domelemjs";
+ * if (HTML_TAGS.includes(tag as HtmlTagConst)) { ... }
+ */
+declare const HTML_TAGS: readonly ["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "label", "legend", "li", "link", "main", "map", "mark", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "svg", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "u", "ul", "video", "wbr"];
+/** Union type of all valid HTML tag name literals. */
+type HtmlTagConst = (typeof HTML_TAGS)[number];
+
+/** HTML tag name — a string union of valid tags, or any string for flexibility. */
+type HtmlTag = HtmlTagConst | string;
 /** A single CSS style value — either a string or a numeric pixel value. */
 type StyleValue = string | number;
 /**
@@ -62,6 +76,8 @@ interface CreateDOMElemOptions {
     parent?: ParentInput;
     handleEvent?: EventHandler | EventHandler[];
     append?: boolean;
+    /** Whether to strip diacritics from `class` and `id` attributes. Defaults to `true`. */
+    stripDiacritics?: boolean;
 }
 /** Options type for the `DOMElem` class — identical to `CreateDOMElemOptions`. */
 type DOMElemOptions = CreateDOMElemOptions;
@@ -71,6 +87,8 @@ type DOMElemOptions = CreateDOMElemOptions;
  *
  * Provides an object-oriented API for creating DOM elements.
  * The created element is available via the `.elem` property.
+ * Event listeners can be added and removed via `addEventListener` /
+ * `removeEventListener`.
  *
  * @example
  * ```ts
@@ -80,7 +98,8 @@ type DOMElemOptions = CreateDOMElemOptions;
  *   text: "Hello World",
  * });
  *
- * document.body.appendChild(div.elem);
+ * div.addEventListener("click", () => console.log("clicked"));
+ * div.removeEventListener("click", handler);
  * ```
  */
 declare class DOMElem {
@@ -88,12 +107,35 @@ declare class DOMElem {
     readonly elem: HTMLElement;
     /** The options used to create the element. */
     readonly options: DOMElemOptions;
+    private _listeners;
     /**
      * Creates a new DOMElem instance.
      *
      * @param options - Element creation options.
      */
     constructor(options: DOMElemOptions);
+    /**
+     * Adds an event listener to the element and tracks it for later removal.
+     *
+     * @param event - The DOM event name.
+     * @param cb - The callback function.
+     * @returns This instance for chaining.
+     */
+    addEventListener(event: string, cb: (e: Event) => void): this;
+    /**
+     * Removes a previously added event listener.
+     *
+     * @param event - The DOM event name.
+     * @param cb - The callback function to remove.
+     * @returns This instance for chaining.
+     */
+    removeEventListener(event: string, cb: (e: Event) => void): this;
+    /**
+     * Removes all tracked event listeners from the element.
+     */
+    removeAllListeners(): void;
+    private _trackListener;
+    private _untrackListener;
 }
 
 /**
@@ -123,4 +165,4 @@ declare class DOMElem {
  */
 declare function createDOMElem(options: CreateDOMElemOptions): HTMLElement;
 
-export { type AttrsInput, type CreateDOMElemOptions, DOMElem, type DOMElemOptions, type EventHandler, type HtmlTag, type ParentInput, type StyleInput, createDOMElem };
+export { type AttrsInput, type CreateDOMElemOptions, DOMElem, type DOMElemOptions, type EventHandler, HTML_TAGS, type HtmlTag, type HtmlTagConst, type ParentInput, type StyleInput, createDOMElem };

package/dist/index.js

@@ -1,2 +1,2 @@
-function f(e){return e.split("-").map((r,o)=>o>0?r.charAt(0).toUpperCase()+r.slice(1):r).join("")}function c(e){return e==null?[]:Array.isArray(e)?e:[e]}function d(e,r=!1){let o={\u00E1:"a",\u00E9:"e",\u00ED:"i",\u00F3:"o",\u00F6:"o",\u0151:"o",\u00FA:"u",\u00FC:"u",\u0171:"u",\u00C1:"A",\u00C9:"E",\u00CD:"I",\u00D3:"O",\u00D6:"O",\u0150:"O",\u00DA:"U",\u00DC:"U",\u0170:"U",\u00E0:"a",\u00E8:"e",\u00EC:"i",\u00F2:"o",\u00F9:"u",\u00E2:"a",\u00EA:"e",\u00EE:"i",\u00F4:"o",\u00FB:"u",\u0103:"a",\u0115:"e",\u012D:"i",\u014F:"o",\u016D:"u",\u0101:"a",\u0113:"e",\u012B:"i",\u014D:"o",\u016B:"u",\u01CE:"a",\u011B:"e",\u01D0:"i",\u01D2:"o",\u01D4:"u",\u00E4:"a",\u00EB:"e",\u00EF:"i",\u00E5:"a",\u00F8:"o",\u00E3:"a",\u00F5:"o",\u00E6:"ae",\u00E7:"c",\u011F:"g",\u0142:"l",\u00F1:"n",\u0111:"d",\u00DF:"ss",\u010F:"d",\u0165:"t",\u0148:"n",\u0159:"r",\u0161:"s",\u017E:"z",\u0158:"R",\u0160:"S",\u017D:"Z",\u00C7:"C",\u015E:"S",\u011E:"G",\u0141:"L",\u00D1:"N",\u0110:"D",\u013E:"l",\u0155:"r",\u013A:"l"},t=e;for(let[n,i]of Object.entries(o))t=t.split(n).join(i);return r?t.toLowerCase():t}var E=["class","id"];function O(e){return e instanceof HTMLElement?e:e.charAt(0)==="#"||e.charAt(0)==="."?document.querySelector(e):document.querySelector(`#${e}`)||document.querySelector(`.${e}`)||document.querySelector(e)}function M(e,r){for(let o of c(r))for(let[t,n]of Object.entries(o))if(n!=null)if(t==="checked")e.checked=!!n;else if(t==="dataset"&&typeof n=="object"&&!Array.isArray(n))Object.assign(e.dataset,n);else{let a=(Array.isArray(n)?n:[n]).map(l=>E.includes(t)?d(String(l)):String(l));e.setAttribute(t,a.join(" "))}}function C(e,r){c(r).map(t=>typeof t=="object"&&t!==null?Object.entries(t).map(([n,i])=>`${n}: ${i}`).join("; "):c(t).join("; ")).join("; ").split(";").filter(Boolean).forEach(t=>{let n=t.indexOf(":");if(n===-1)return;let i=t.slice(0,n).trim(),a=t.slice(n+1).trim();if(i){let l=f(i);e.style[l]=a}})}function A(e,r){for(let o of r)o instanceof HTMLElement?e.appendChild(o):e.appendChild(u(o))}function T(e,r){for(let o of c(r))o?.event&&o?.cb&&e.addEventListener(o.event,o.cb)}function u(e){let{tag:r,content:o,text:t,attrs:n,style:i,children:a,parent:l,handleEvent:m,append:y=!0}=e,s=document.createElement(r);return o&&(s.innerHTML=o),t&&(s.textContent=t),n&&M(s,n),i&&C(s,i),a&&A(s,a),m&&T(s,m),y&&(l?O(l):document.body).appendChild(s),s}var p=class{constructor(r){this.options=r,this.elem=u(r)}};export{p as DOMElem,u as createDOMElem};
+function u(n){return n.split("-").map((e,t)=>t>0?e.charAt(0).toUpperCase()+e.slice(1):e).join("")}function d(n){return n==null?[]:Array.isArray(n)?n:[n]}function f(n,e=!1){let t={\u00E1:"a",\u00E9:"e",\u00ED:"i",\u00F3:"o",\u00F6:"o",\u0151:"o",\u00FA:"u",\u00FC:"u",\u0171:"u",\u00C1:"A",\u00C9:"E",\u00CD:"I",\u00D3:"O",\u00D6:"O",\u0150:"O",\u00DA:"U",\u00DC:"U",\u0170:"U",\u00E0:"a",\u00E8:"e",\u00EC:"i",\u00F2:"o",\u00F9:"u",\u00E2:"a",\u00EA:"e",\u00EE:"i",\u00F4:"o",\u00FB:"u",\u0103:"a",\u0115:"e",\u012D:"i",\u014F:"o",\u016D:"u",\u0101:"a",\u0113:"e",\u012B:"i",\u014D:"o",\u016B:"u",\u01CE:"a",\u011B:"e",\u01D0:"i",\u01D2:"o",\u01D4:"u",\u00E4:"a",\u00EB:"e",\u00EF:"i",\u00E5:"a",\u00F8:"o",\u00E3:"a",\u00F5:"o",\u00E6:"ae",\u00E7:"c",\u011F:"g",\u0142:"l",\u00F1:"n",\u0111:"d",\u00DF:"ss",\u010F:"d",\u0165:"t",\u0148:"n",\u0159:"r",\u0161:"s",\u017E:"z",\u0158:"R",\u0160:"S",\u017D:"Z",\u00C7:"C",\u015E:"S",\u011E:"G",\u0141:"L",\u00D1:"N",\u0110:"D",\u013E:"l",\u0155:"r",\u013A:"l"},r=n;for(let[i,o]of Object.entries(t))r=r.split(i).join(o);return e?r.toLowerCase():r}var v=["class","id"];function y(n){if(n instanceof HTMLElement)return n;let e=null;return n.charAt(0)==="#"||n.charAt(0)==="."?e=document.querySelector(n):e=document.querySelector(`#${n}`)||document.querySelector(`.${n}`)||document.querySelector(n),e||(console.warn(`[DOMElemJS] Parent element not found for selector: "${n}". Falling back to document.body.`),document.body)}function g(n,e,t){for(let r of d(e))for(let[i,o]of Object.entries(r))if(o!=null)if(i==="checked")n.checked=!!o;else if(i==="dataset"&&typeof o=="object"&&!Array.isArray(o))Object.assign(n.dataset,o);else{let a=(Array.isArray(o)?o:[o]).map(c=>t&&v.includes(i)?f(String(c)):String(c));n.setAttribute(i,a.join(" "))}}function b(n,e){d(e).map(r=>typeof r=="object"&&r!==null?Object.entries(r).map(([i,o])=>`${i}: ${o}`).join("; "):d(r).join("; ")).join("; ").split(";").filter(Boolean).forEach(r=>{let i=r.indexOf(":");if(i===-1)return;let o=r.slice(0,i).trim(),l=r.slice(i+1).trim();if(o){let a=u(o);n.style[a]=l}})}function M(n,e){for(let t of e)t instanceof HTMLElement?n.appendChild(t):n.appendChild(m(t))}function O(n,e){for(let t of d(e))t?.event&&t?.cb&&n.addEventListener(t.event,t.cb)}function m(n){let{tag:e,content:t,text:r,attrs:i,style:o,children:l,parent:a,handleEvent:c,append:h=!0,stripDiacritics:E=!0}=n;t&&r&&console.warn(`[DOMElemJS] Both "content" and "text" provided for <${e}>. "text" takes precedence \u2014 "content" will be ignored.`);let s=document.createElement(e);return r?s.textContent=r:t&&(s.innerHTML=t),i&&g(s,i,E),o&&b(s,o),l&&M(s,l),c&&O(s,c),h&&(a?y(a):document.body).appendChild(s),s}var p=class{constructor(e){this._listeners=new Map;if(this.options=e,this.elem=m(e),e.handleEvent){let t=Array.isArray(e.handleEvent)?e.handleEvent:[e.handleEvent];for(let r of t)this._trackListener(r.event,r.cb)}}addEventListener(e,t){return this.elem.addEventListener(e,t),this._trackListener(e,t),this}removeEventListener(e,t){return this.elem.removeEventListener(e,t),this._untrackListener(e,t),this}removeAllListeners(){for(let[e,t]of this._listeners)for(let r of t)this.elem.removeEventListener(e,r);this._listeners.clear()}_trackListener(e,t){this._listeners.has(e)||this._listeners.set(e,new Set),this._listeners.get(e).add(t)}_untrackListener(e,t){this._listeners.get(e)?.delete(t)}};var L=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","svg","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","video","wbr"];export{p as DOMElem,L as HTML_TAGS,m as createDOMElem};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.ts","../src/createDOMElem.ts","../src/DOMElem.ts"],"sourcesContent":["/**\n * Converts a kebab-case string to camelCase.\n *\n * @example\n * makeCamelCase(\"background-color\") // \"backgroundColor\"\n * makeCamelCase(\"font-size\") // \"fontSize\"\n *\n * @param s - The kebab-case string to convert.\n * @returns The camelCase version of the input.\n */\nexport function makeCamelCase(s: string): string {\n  return s\n    .split(\"-\")\n    .map((part, i) => (i > 0 ? part.charAt(0).toUpperCase() + part.slice(1) : part))\n    .join(\"\");\n}\n\n/**\n * Ensures the given value is wrapped in an array.\n * Returns an empty array for `null` / `undefined`.\n *\n * @example\n * toArray(\"hello\")    // [\"hello\"]\n * toArray([\"a\", \"b\"]) // [\"a\", \"b\"]\n * toArray(null)       // []\n *\n * @param value - The value to normalize.\n * @returns An array containing the value, or an empty array if falsy.\n */\nexport function toArray<T>(value: T | T[] | undefined | null): T[] {\n  if (value == null) return [];\n  return Array.isArray(value) ? value : [value];\n}\n\n/**\n * Replaces accented / special characters with their ASCII equivalents.\n *\n * Supports Hungarian, Czech, Polish, Turkish, and other Latin-script diacritics.\n *\n * @example\n * noSpecChars(\"árvíztűrő\") // \"arviztuoro\"\n * noSpecChars(\"Árvíz\", true) // \"arviz\"\n *\n * @param text - The input string containing special characters.\n * @param lowercase - If `true`, the result is lowercased after replacement.\n * @returns The string with special characters replaced.\n */\nexport function noSpecChars(text: string, lowercase = false): string {\n  const map: Record<string, string> = {\n    á: \"a\", é: \"e\", í: \"i\", ó: \"o\", ö: \"o\", ő: \"o\",\n    ú: \"u\", ü: \"u\", ű: \"u\",\n    Á: \"A\", É: \"E\", Í: \"I\", Ó: \"O\", Ö: \"O\", Ő: \"O\",\n    Ú: \"U\", Ü: \"U\", Ű: \"U\",\n    à: \"a\", è: \"e\", ì: \"i\", ò: \"o\", ù: \"u\",\n    â: \"a\", ê: \"e\", î: \"i\", ô: \"o\", û: \"u\",\n    ă: \"a\", ĕ: \"e\", ĭ: \"i\", ŏ: \"o\", ŭ: \"u\",\n    ā: \"a\", ē: \"e\", ī: \"i\", ō: \"o\", ū: \"u\",\n    ǎ: \"a\", ě: \"e\", ǐ: \"i\", ǒ: \"o\", ǔ: \"u\",\n    ä: \"a\", ë: \"e\", ï: \"i\",\n    å: \"a\", ø: \"o\",\n    ã: \"a\", õ: \"o\",\n    æ: \"ae\",\n    ç: \"c\", ğ: \"g\",\n    ł: \"l\",\n    ñ: \"n\",\n    đ: \"d\",\n    ß: \"ss\",\n    ď: \"d\", ť: \"t\", ň: \"n\",\n    ř: \"r\", š: \"s\", ž: \"z\",\n    Ř: \"R\", Š: \"S\", Ž: \"Z\",\n    Ç: \"C\", Ş: \"S\", Ğ: \"G\",\n    Ł: \"L\", Ñ: \"N\", Đ: \"D\",\n    ľ: \"l\", ŕ: \"r\", ĺ: \"l\",\n  };\n\n  let result = text;\n  for (const [char, replacement] of Object.entries(map)) {\n    result = result.split(char).join(replacement);\n  }\n\n  return lowercase ? result.toLowerCase() : result;\n}\n","import { makeCamelCase, toArray, noSpecChars } from \"./utils\";\nimport type { CreateDOMElemOptions, AttrsInput, StyleInput } from \"./types\";\n\n/** Attributes that have special characters stripped automatically. */\nconst NO_SPEC_CHARS_ATTRS = [\"class\", \"id\"];\n\n/**\n * Resolves a parent element from a string selector or HTMLElement reference.\n *\n * If the string starts with `#` or `.`, it is used directly as a querySelector\n * argument. Otherwise, it is tried first as `#<selector>` then as `.<selector>`.\n *\n * @param parent - An HTMLElement or a CSS selector string.\n * @returns The resolved HTMLElement.\n */\nfunction resolveParent(parent: HTMLElement | string): HTMLElement {\n  if (parent instanceof HTMLElement) return parent;\n  if (parent.charAt(0) === \"#\" || parent.charAt(0) === \".\") {\n    return document.querySelector(parent) as HTMLElement;\n  }\n  return (\n    document.querySelector(`#${parent}`) ||\n    document.querySelector(`.${parent}`) ||\n    document.querySelector(parent)\n  ) as HTMLElement;\n}\n\n/**\n * Applies HTML attributes to an element from an {@link AttrsInput}.\n *\n * Handles special cases:\n * - `\"checked\"` — sets the checked property on the element.\n * - `\"dataset\"` — merges data-* attributes via `elem.dataset`.\n * - Other attributes — joined with spaces, with special characters stripped\n *   for `\"class\"` and `\"id\"`.\n *\n * @param elem - The target element.\n * @param attrs - Attributes to apply.\n */\nfunction applyAttrs(elem: HTMLElement, attrs: AttrsInput): void {\n  for (const attrObj of toArray(attrs)) {\n    for (const [key, value] of Object.entries(attrObj)) {\n      if (value == null) continue;\n\n      if (key === \"checked\") {\n        (elem as HTMLInputElement).checked = !!value;\n      } else if (key === \"dataset\" && typeof value === \"object\" && !Array.isArray(value)) {\n        Object.assign(elem.dataset, value);\n      } else {\n        const rawValues = Array.isArray(value) ? value : [value];\n        const values = rawValues.map((v) =>\n          NO_SPEC_CHARS_ATTRS.includes(key) ? noSpecChars(String(v)) : String(v)\n        );\n        elem.setAttribute(key, values.join(\" \"));\n      }\n    }\n  }\n}\n\n/**\n * Applies inline CSS styles to an element from a {@link StyleInput}.\n *\n * Accepts:\n * - A CSS string: `\"color: red; font-size: 14px\"`\n * - An object: `{ color: \"red\", fontSize: \"14px\" }`\n * - An array mixing both formats\n *\n * @param elem - The target element.\n * @param style - Style input to apply.\n */\nfunction applyStyle(elem: HTMLElement, style: StyleInput): void {\n  const styleParts = toArray(style)\n    .map((s) => {\n      if (typeof s === \"object\" && s !== null) {\n        return Object.entries(s)\n          .map(([k, v]) => `${k}: ${v}`)\n          .join(\"; \");\n      }\n      return toArray(s).join(\"; \");\n    })\n    .join(\"; \");\n\n  styleParts\n    .split(\";\")\n    .filter(Boolean)\n    .forEach((styleText) => {\n      const colonIndex = styleText.indexOf(\":\");\n      if (colonIndex === -1) return;\n      const prop = styleText.slice(0, colonIndex).trim();\n      const val = styleText.slice(colonIndex + 1).trim();\n      if (prop) {\n        const camelProp = makeCamelCase(prop);\n        (elem.style as unknown as Record<string, string>)[camelProp] = val;\n      }\n    });\n}\n\n/**\n * Appends child elements to a parent element.\n *\n * Each child can be either an {@link HTMLElement} or a\n * {@link CreateDOMElemOptions} object that will be recursively created.\n *\n * @param elem - The parent element to append children to.\n * @param children - Array of child elements or options.\n */\nfunction applyChildren(\n  elem: HTMLElement,\n  children: Array<CreateDOMElemOptions | HTMLElement>\n): void {\n  for (const child of children) {\n    if (child instanceof HTMLElement) {\n      elem.appendChild(child);\n    } else {\n      elem.appendChild(createDOMElem(child));\n    }\n  }\n}\n\n/**\n * Attaches event listeners to an element.\n *\n * @param elem - The target element.\n * @param handleEvent - One or more {@link EventHandler} descriptors.\n */\nfunction applyEvents(\n  elem: HTMLElement,\n  handleEvent: CreateDOMElemOptions[\"handleEvent\"]\n): void {\n  for (const evt of toArray(handleEvent)) {\n    if (evt?.event && evt?.cb) {\n      elem.addEventListener(evt.event, evt.cb);\n    }\n  }\n}\n\n/**\n * Creates a DOM element with the given configuration.\n *\n * This is the core function of DOMelemJS. It creates an HTML element,\n * applies attributes, styles, children, and event listeners, then\n * appends it to a parent element.\n *\n * @example\n * ```ts\n * const el = createDOMElem({\n *   tag: \"div\",\n *   text: \"Hello\",\n *   attrs: { class: \"greeting\" },\n *   style: { color: \"blue\" },\n *   parent: \"#app\",\n *   handleEvent: {\n *     event: \"click\",\n *     cb: () => console.log(\"clicked\"),\n *   },\n * });\n * ```\n *\n * @param options - Element creation options.\n * @returns The created HTMLElement.\n */\nexport default function createDOMElem(options: CreateDOMElemOptions): HTMLElement {\n  const {\n    tag,\n    content,\n    text,\n    attrs,\n    style,\n    children,\n    parent,\n    handleEvent,\n    append = true,\n  } = options;\n\n  const elem = document.createElement(tag);\n\n  if (content) elem.innerHTML = content;\n  if (text) elem.textContent = text;\n  if (attrs) applyAttrs(elem, attrs);\n  if (style) applyStyle(elem, style);\n  if (children) applyChildren(elem, children);\n  if (handleEvent) applyEvents(elem, handleEvent);\n\n  if (append) {\n    const target = parent ? resolveParent(parent) : document.body;\n    target.appendChild(elem);\n  }\n\n  return elem;\n}\n","import createDOMElem from \"./createDOMElem\";\nimport type { DOMElemOptions } from \"./types\";\n\n/**\n * Wrapper class around {@link createDOMElem}.\n *\n * Provides an object-oriented API for creating DOM elements.\n * The created element is available via the `.elem` property.\n *\n * @example\n * ```ts\n * const div = new DOMElem({\n *   tag: \"div\",\n *   attrs: { class: \"container\" },\n *   text: \"Hello World\",\n * });\n *\n * document.body.appendChild(div.elem);\n * ```\n */\nexport default class DOMElem {\n  /** The created HTMLElement. */\n  readonly elem: HTMLElement;\n\n  /** The options used to create the element. */\n  readonly options: DOMElemOptions;\n\n  /**\n   * Creates a new DOMElem instance.\n   *\n   * @param options - Element creation options.\n   */\n  constructor(options: DOMElemOptions) {\n    this.options = options;\n    this.elem = createDOMElem(options);\n  }\n}\n"],"mappings":"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","names":["makeCamelCase","s","part","i","toArray","value","noSpecChars","text","lowercase","map","result","char","replacement","NO_SPEC_CHARS_ATTRS","resolveParent","parent","applyAttrs","elem","attrs","attrObj","toArray","key","value","values","v","noSpecChars","applyStyle","style","s","k","styleText","colonIndex","prop","val","camelProp","makeCamelCase","applyChildren","children","child","createDOMElem","applyEvents","handleEvent","evt","options","tag","content","text","append","DOMElem","options","createDOMElem"]}
+{"version":3,"sources":["../src/utils.ts","../src/createDOMElem.ts","../src/DOMElem.ts","../src/htmlTags.ts"],"sourcesContent":["/**\n * Converts a kebab-case string to camelCase.\n *\n * @example\n * makeCamelCase(\"background-color\") // \"backgroundColor\"\n * makeCamelCase(\"font-size\") // \"fontSize\"\n *\n * @param s - The kebab-case string to convert.\n * @returns The camelCase version of the input.\n */\nexport function makeCamelCase(s: string): string {\n  return s\n    .split(\"-\")\n    .map((part, i) => (i > 0 ? part.charAt(0).toUpperCase() + part.slice(1) : part))\n    .join(\"\");\n}\n\n/**\n * Ensures the given value is wrapped in an array.\n * Returns an empty array for `null` / `undefined`.\n *\n * @example\n * toArray(\"hello\")    // [\"hello\"]\n * toArray([\"a\", \"b\"]) // [\"a\", \"b\"]\n * toArray(null)       // []\n *\n * @param value - The value to normalize.\n * @returns An array containing the value, or an empty array if falsy.\n */\nexport function toArray<T>(value: T | T[] | undefined | null): T[] {\n  if (value == null) return [];\n  return Array.isArray(value) ? value : [value];\n}\n\n/**\n * Replaces accented / special characters with their ASCII equivalents.\n *\n * Supports Hungarian, Czech, Polish, Turkish, and other Latin-script diacritics.\n *\n * @example\n * noSpecChars(\"árvíztűrő\") // \"arviztuoro\"\n * noSpecChars(\"Árvíz\", true) // \"arviz\"\n *\n * @param text - The input string containing special characters.\n * @param lowercase - If `true`, the result is lowercased after replacement.\n * @returns The string with special characters replaced.\n */\nexport function noSpecChars(text: string, lowercase = false): string {\n  const map: Record<string, string> = {\n    á: \"a\", é: \"e\", í: \"i\", ó: \"o\", ö: \"o\", ő: \"o\",\n    ú: \"u\", ü: \"u\", ű: \"u\",\n    Á: \"A\", É: \"E\", Í: \"I\", Ó: \"O\", Ö: \"O\", Ő: \"O\",\n    Ú: \"U\", Ü: \"U\", Ű: \"U\",\n    à: \"a\", è: \"e\", ì: \"i\", ò: \"o\", ù: \"u\",\n    â: \"a\", ê: \"e\", î: \"i\", ô: \"o\", û: \"u\",\n    ă: \"a\", ĕ: \"e\", ĭ: \"i\", ŏ: \"o\", ŭ: \"u\",\n    ā: \"a\", ē: \"e\", ī: \"i\", ō: \"o\", ū: \"u\",\n    ǎ: \"a\", ě: \"e\", ǐ: \"i\", ǒ: \"o\", ǔ: \"u\",\n    ä: \"a\", ë: \"e\", ï: \"i\",\n    å: \"a\", ø: \"o\",\n    ã: \"a\", õ: \"o\",\n    æ: \"ae\",\n    ç: \"c\", ğ: \"g\",\n    ł: \"l\",\n    ñ: \"n\",\n    đ: \"d\",\n    ß: \"ss\",\n    ď: \"d\", ť: \"t\", ň: \"n\",\n    ř: \"r\", š: \"s\", ž: \"z\",\n    Ř: \"R\", Š: \"S\", Ž: \"Z\",\n    Ç: \"C\", Ş: \"S\", Ğ: \"G\",\n    Ł: \"L\", Ñ: \"N\", Đ: \"D\",\n    ľ: \"l\", ŕ: \"r\", ĺ: \"l\",\n  };\n\n  let result = text;\n  for (const [char, replacement] of Object.entries(map)) {\n    result = result.split(char).join(replacement);\n  }\n\n  return lowercase ? result.toLowerCase() : result;\n}\n","import { makeCamelCase, toArray, noSpecChars } from \"./utils\";\nimport type { CreateDOMElemOptions, AttrsInput, StyleInput } from \"./types\";\n\n/** Attributes that have special characters stripped automatically. */\nconst NO_SPEC_CHARS_ATTRS = [\"class\", \"id\"];\n\n/**\n * Resolves a parent element from a string selector or HTMLElement reference.\n *\n * If the string starts with `#` or `.`, it is used directly as a querySelector\n * argument. Otherwise, it is tried first as `#<selector>` then as `.<selector>`.\n *\n * @param parent - An HTMLElement or a CSS selector string.\n * @returns The resolved HTMLElement.\n * @throws Will console.warn if the selector does not match any element.\n */\nfunction resolveParent(parent: HTMLElement | string): HTMLElement {\n  if (parent instanceof HTMLElement) return parent;\n\n  let el: Element | null = null;\n\n  if (parent.charAt(0) === \"#\" || parent.charAt(0) === \".\") {\n    el = document.querySelector(parent);\n  } else {\n    el =\n      document.querySelector(`#${parent}`) ||\n      document.querySelector(`.${parent}`) ||\n      document.querySelector(parent);\n  }\n\n  if (!el) {\n    console.warn(\n      `[DOMElemJS] Parent element not found for selector: \"${parent}\". ` +\n        `Falling back to document.body.`\n    );\n    return document.body;\n  }\n\n  return el as HTMLElement;\n}\n\n/**\n * Applies HTML attributes to an element from an {@link AttrsInput}.\n *\n * Handles special cases:\n * - `\"checked\"` — sets the checked property on the element.\n * - `\"dataset\"` — merges data-* attributes via `elem.dataset`.\n * - Other attributes — joined with spaces, with special characters stripped\n *   for `\"class\"` and `\"id\"` when `stripDiacritics` is enabled.\n *\n * @param elem - The target element.\n * @param attrs - Attributes to apply.\n * @param stripDiacritics - Whether to strip diacritics from class/id.\n */\nfunction applyAttrs(\n  elem: HTMLElement,\n  attrs: AttrsInput,\n  stripDiacritics: boolean\n): void {\n  for (const attrObj of toArray(attrs)) {\n    for (const [key, value] of Object.entries(attrObj)) {\n      if (value == null) continue;\n\n      if (key === \"checked\") {\n        (elem as HTMLInputElement).checked = !!value;\n      } else if (\n        key === \"dataset\" &&\n        typeof value === \"object\" &&\n        !Array.isArray(value)\n      ) {\n        Object.assign(elem.dataset, value);\n      } else {\n        const rawValues = Array.isArray(value) ? value : [value];\n        const values = rawValues.map((v) =>\n          stripDiacritics && NO_SPEC_CHARS_ATTRS.includes(key)\n            ? noSpecChars(String(v))\n            : String(v)\n        );\n        elem.setAttribute(key, values.join(\" \"));\n      }\n    }\n  }\n}\n\n/**\n * Applies inline CSS styles to an element from a {@link StyleInput}.\n *\n * Accepts:\n * - A CSS string: `\"color: red; font-size: 14px\"`\n * - An object: `{ color: \"red\", fontSize: \"14px\" }`\n * - An array mixing both formats\n *\n * @param elem - The target element.\n * @param style - Style input to apply.\n */\nfunction applyStyle(elem: HTMLElement, style: StyleInput): void {\n  const styleParts = toArray(style)\n    .map((s) => {\n      if (typeof s === \"object\" && s !== null) {\n        return Object.entries(s)\n          .map(([k, v]) => `${k}: ${v}`)\n          .join(\"; \");\n      }\n      return toArray(s).join(\"; \");\n    })\n    .join(\"; \");\n\n  styleParts\n    .split(\";\")\n    .filter(Boolean)\n    .forEach((styleText) => {\n      const colonIndex = styleText.indexOf(\":\");\n      if (colonIndex === -1) return;\n      const prop = styleText.slice(0, colonIndex).trim();\n      const val = styleText.slice(colonIndex + 1).trim();\n      if (prop) {\n        const camelProp = makeCamelCase(prop);\n        (elem.style as unknown as Record<string, string>)[camelProp] = val;\n      }\n    });\n}\n\n/**\n * Appends child elements to a parent element.\n *\n * Each child can be either an {@link HTMLElement} or a\n * {@link CreateDOMElemOptions} object that will be recursively created.\n *\n * @param elem - The parent element to append children to.\n * @param children - Array of child elements or options.\n */\nfunction applyChildren(\n  elem: HTMLElement,\n  children: Array<CreateDOMElemOptions | HTMLElement>\n): void {\n  for (const child of children) {\n    if (child instanceof HTMLElement) {\n      elem.appendChild(child);\n    } else {\n      elem.appendChild(createDOMElem(child));\n    }\n  }\n}\n\n/**\n * Attaches event listeners to an element.\n *\n * @param elem - The target element.\n * @param handleEvent - One or more {@link EventHandler} descriptors.\n */\nfunction applyEvents(\n  elem: HTMLElement,\n  handleEvent: CreateDOMElemOptions[\"handleEvent\"]\n): void {\n  for (const evt of toArray(handleEvent)) {\n    if (evt?.event && evt?.cb) {\n      elem.addEventListener(evt.event, evt.cb);\n    }\n  }\n}\n\n/**\n * Creates a DOM element with the given configuration.\n *\n * This is the core function of DOMelemJS. It creates an HTML element,\n * applies attributes, styles, children, and event listeners, then\n * appends it to a parent element.\n *\n * @example\n * ```ts\n * const el = createDOMElem({\n *   tag: \"div\",\n *   text: \"Hello\",\n *   attrs: { class: \"greeting\" },\n *   style: { color: \"blue\" },\n *   parent: \"#app\",\n *   handleEvent: {\n *     event: \"click\",\n *     cb: () => console.log(\"clicked\"),\n *   },\n * });\n * ```\n *\n * @param options - Element creation options.\n * @returns The created HTMLElement.\n */\nexport default function createDOMElem(options: CreateDOMElemOptions): HTMLElement {\n  const {\n    tag,\n    content,\n    text,\n    attrs,\n    style,\n    children,\n    parent,\n    handleEvent,\n    append = true,\n    stripDiacritics = true,\n  } = options;\n\n  if (content && text) {\n    console.warn(\n      `[DOMElemJS] Both \"content\" and \"text\" provided for <${tag}>. ` +\n        `\"text\" takes precedence — \"content\" will be ignored.`\n    );\n  }\n\n  const elem = document.createElement(tag);\n\n  if (text) {\n    elem.textContent = text;\n  } else if (content) {\n    elem.innerHTML = content;\n  }\n\n  if (attrs) applyAttrs(elem, attrs, stripDiacritics);\n  if (style) applyStyle(elem, style);\n  if (children) applyChildren(elem, children);\n  if (handleEvent) applyEvents(elem, handleEvent);\n\n  if (append) {\n    const target = parent ? resolveParent(parent) : document.body;\n    target.appendChild(elem);\n  }\n\n  return elem;\n}\n","import createDOMElem from \"./createDOMElem\";\nimport type { DOMElemOptions, EventHandler } from \"./types\";\n\n/**\n * Wrapper class around {@link createDOMElem}.\n *\n * Provides an object-oriented API for creating DOM elements.\n * The created element is available via the `.elem` property.\n * Event listeners can be added and removed via `addEventListener` /\n * `removeEventListener`.\n *\n * @example\n * ```ts\n * const div = new DOMElem({\n *   tag: \"div\",\n *   attrs: { class: \"container\" },\n *   text: \"Hello World\",\n * });\n *\n * div.addEventListener(\"click\", () => console.log(\"clicked\"));\n * div.removeEventListener(\"click\", handler);\n * ```\n */\nexport default class DOMElem {\n  /** The created HTMLElement. */\n  readonly elem: HTMLElement;\n\n  /** The options used to create the element. */\n  readonly options: DOMElemOptions;\n\n  private _listeners: Map<string, Set<(e: Event) => void>> = new Map();\n\n  /**\n   * Creates a new DOMElem instance.\n   *\n   * @param options - Element creation options.\n   */\n  constructor(options: DOMElemOptions) {\n    this.options = options;\n    this.elem = createDOMElem(options);\n\n    if (options.handleEvent) {\n      const events = Array.isArray(options.handleEvent)\n        ? options.handleEvent\n        : [options.handleEvent];\n      for (const evt of events) {\n        this._trackListener(evt.event, evt.cb);\n      }\n    }\n  }\n\n  /**\n   * Adds an event listener to the element and tracks it for later removal.\n   *\n   * @param event - The DOM event name.\n   * @param cb - The callback function.\n   * @returns This instance for chaining.\n   */\n  addEventListener(event: string, cb: (e: Event) => void): this {\n    this.elem.addEventListener(event, cb);\n    this._trackListener(event, cb);\n    return this;\n  }\n\n  /**\n   * Removes a previously added event listener.\n   *\n   * @param event - The DOM event name.\n   * @param cb - The callback function to remove.\n   * @returns This instance for chaining.\n   */\n  removeEventListener(event: string, cb: (e: Event) => void): this {\n    this.elem.removeEventListener(event, cb);\n    this._untrackListener(event, cb);\n    return this;\n  }\n\n  /**\n   * Removes all tracked event listeners from the element.\n   */\n  removeAllListeners(): void {\n    for (const [event, cbs] of this._listeners) {\n      for (const cb of cbs) {\n        this.elem.removeEventListener(event, cb);\n      }\n    }\n    this._listeners.clear();\n  }\n\n  private _trackListener(event: string, cb: (e: Event) => void): void {\n    if (!this._listeners.has(event)) {\n      this._listeners.set(event, new Set());\n    }\n    this._listeners.get(event)!.add(cb);\n  }\n\n  private _untrackListener(event: string, cb: (e: Event) => void): void {\n    this._listeners.get(event)?.delete(cb);\n  }\n}\n","/**\n * List of standard HTML tag names.\n *\n * Provided as a `const` tuple so TypeScript can infer literal types\n * (e.g. `\"div\"` instead of `string`).\n *\n * @example\n * import { HTML_TAGS } from \"domelemjs\";\n * if (HTML_TAGS.includes(tag as HtmlTagConst)) { ... }\n */\nexport const HTML_TAGS = [\n  \"a\", \"abbr\", \"address\", \"area\", \"article\", \"aside\", \"audio\",\n  \"b\", \"base\", \"bdi\", \"bdo\", \"blockquote\", \"body\", \"br\", \"button\",\n  \"canvas\", \"caption\", \"cite\", \"code\", \"col\", \"colgroup\",\n  \"data\", \"datalist\", \"dd\", \"del\", \"details\", \"dfn\", \"dialog\", \"div\", \"dl\", \"dt\",\n  \"em\", \"embed\",\n  \"fieldset\", \"figcaption\", \"figure\", \"footer\", \"form\",\n  \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"head\", \"header\", \"hr\", \"html\",\n  \"i\", \"iframe\", \"img\", \"input\", \"ins\",\n  \"kbd\",\n  \"label\", \"legend\", \"li\", \"link\",\n  \"main\", \"map\", \"mark\", \"meta\", \"meter\",\n  \"nav\", \"noscript\",\n  \"object\", \"ol\", \"optgroup\", \"option\", \"output\",\n  \"p\", \"param\", \"picture\", \"pre\", \"progress\",\n  \"q\",\n  \"rp\", \"rt\", \"ruby\",\n  \"s\", \"samp\", \"script\", \"section\", \"select\", \"small\", \"source\", \"span\",\n  \"strong\", \"style\", \"sub\", \"summary\", \"sup\", \"svg\",\n  \"table\", \"tbody\", \"td\", \"template\", \"textarea\", \"tfoot\", \"th\", \"thead\",\n  \"time\", \"title\", \"tr\", \"track\",\n  \"u\", \"ul\",\n  \"video\",\n  \"wbr\",\n] as const;\n\n/** Union type of all valid HTML tag name literals. */\nexport type HtmlTagConst = (typeof HTML_TAGS)[number];\n"],"mappings":"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","names":["makeCamelCase","s","part","i","toArray","value","noSpecChars","text","lowercase","map","result","char","replacement","NO_SPEC_CHARS_ATTRS","resolveParent","parent","el","applyAttrs","elem","attrs","stripDiacritics","attrObj","toArray","key","value","values","v","noSpecChars","applyStyle","style","s","k","styleText","colonIndex","prop","val","camelProp","makeCamelCase","applyChildren","children","child","createDOMElem","applyEvents","handleEvent","evt","options","tag","content","text","append","DOMElem","options","createDOMElem","events","evt","event","cb","cbs","HTML_TAGS"]}

package/package.json

@@ -1,28 +1,36 @@
 {
   "name": "domelemjs",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "type": "module",
   "description": "A lightweight, zero-dependency TypeScript library for dynamically creating HTML elements from JavaScript.",
+  "sideEffects": false,
   "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
     "dist",
     "README.md",
+    "README-hu.md",
     "LICENSE"
   ],
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
-    "clean": "rm -rf dist"
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint src/",
+    "lint:fix": "eslint src/ --fix",
+    "format": "prettier --write src/",
+    "format:check": "prettier --check src/",
+    "clean": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\""
   },
   "repository": {
     "type": "git",
@@ -42,7 +50,14 @@
   },
   "homepage": "https://github.com/exphoenee/DOMelemJS#readme",
   "devDependencies": {
+    "@eslint/js": "^9.0.0",
+    "eslint": "^9.0.0",
+    "globals": "^15.0.0",
+    "jsdom": "^24.0.0",
+    "prettier": "^3.2.0",
     "tsup": "^8.0.0",
-    "typescript": "^5.3.0"
+    "typescript": "^5.3.0",
+    "typescript-eslint": "^8.0.0",
+    "vitest": "^1.2.0"
   }
-}
+}