domelemjs 1.2.3 → 2.0.1

package/README.md

@@ -1,182 +1,286 @@
-# DOMelemJS
-
-This lightweight, zero dependecy tool is allow you to render HTML elements dynamically form JavaScript!
-
-Installation:
-
-```
-npm i domelemjs
-```
-
-Usage:
-
-```
-const DOMELemjs = require('domelemjs')
-
-domelemjs.createDOMElem({tag: "div", attrs: {class: "app"}}) // retunrs and create a <div class="app">...</div
-domelemjs.DOMElem.create({tag: "div", attrs: {class: "app"}}) // retunrs and create a <div class="app">...</div
-```
-
-There is two approach and two to use it:
-
-1. is the Object approach:
-   This is a tiny object with name DOMElem!
-
-Whit this approach you can create HTML element as follows:
-
-```
-Elem.Create({
-      tag: "div",
-      attrs: { class: "app" },
-    });
-```
-
-that gives you a div with a class: app:
-
-```
-<div class="app"></div>
-```
-
-2 the second way is through a function that named: createDOMElem()
-
-With this approach you should use as follows:
-
-```
-const app = createDOMElem({
-  tag: "div",
-  attrs: { id: "app" },
-});
-```
-
-that gives you a div with a id: app:
-
-```
-<div id="app"></div>
-```
-
-With this renderer you will be able to add eventListeners and styles in the moment as the DOM is created!
-e.g.:
-
-```
-createDOMElem({
-  tag: "h2",
-  text: "It's amazing",
-  parent: app,
-  style: { color: "red", "background-color": "green" },
-  attrs: { id: "title" },
-  handleEvent: {
-    event: "click",
-    cb: (e) => console.log(e.target.id),
-  },
-});
-```
-
-Handle event is an object or an array of object, that should be conain:
-
-- event, what will fire the event?
-- and a cb, that is the callback function
-- you can ad as many events as you want easily in an array!
-
-You can add the children of the element same time as the element is created:
-
-```
-const select = createDOMElem({
-  tag: "select",
-  parent: app,
-  attrs: { id: "selector" },
-  children: [
-    {
-      tag: "option",
-      text: "foo",
-      attr: { value: "foo" },
-    },
-    {
-      tag: "option",
-      text: "bar",
-      attr: { value: "bar" },
-    },
-  ],
-  handleEvent: {
-    event: "change",
-    cb: (e) => console.log(e.target.value),
-  },
-});
-```
-
-Adding stye is also possible as:
-
-- a string, with a bunch of style properties, it can be:
-  - CCS style (e.g. background-color) or
-  - JS/camelCase (e.g. backgroundColor) style formatted version also.
-- or an object formatted (e.g. style: { backgroundColor: red })
-- or an array with multiple style strings with CSS or JS vesrion, or mixed
-
-And a complex structure semms like this here:
-
-```
-dateFilterContainer = document.body.appendChild(
-  Elem.Create({
-    tag: "div",
-    attrs: { class: "dateFilter-Container", id: "dateFilter-Container" },
-    children: [
-      Elem.Create({
-        tag: "div",
-        attrs: {
-          class: "beginDate-container",
-          id: "beginDate-container",
-        },
-        children: [
-          Elem.Create({
-            tag: "label",
-            attrs: {
-              class: "beginDate-lable",
-            },
-            content: "Kezdő dátum: ",
-          }),
-          Elem.Create({
-            tag: "input",
-            attrs: {
-              type: "date",
-              class: "beginDate",
-              id: "beginDate",
-            },
-            eventStarter: "change",
-            eventFunction: function (e) {
-              e.preventDefault();
-              console.log(this.value);
-            },
-          }),
-        ],
-      }),
-      Elem.Create({
-        tag: "div",
-        attrs: { class: "endDate-container", id: "endDate-container" },
-        children: [
-          Elem.Create({
-            tag: "label",
-            attrs: {
-              class: "endDate-lable",
-            },
-            content: "Befejező dátum: ",
-          }),
-          Elem.Create({
-            tag: "input",
-            attrs: {
-              type: "date",
-              class: "endDate",
-              id: "endDate",
-            },
-            eventStarter: "change",
-            eventFunction: function (e) {
-              e.preventDefault();
-              console.log(this.value);
-            },
-          }),
-        ],
-      }),
-    ],
-  })
-);
-```
-
-Under MIT license.
+# DOMelemJS
+
+A lightweight, zero-dependency TypeScript library for dynamically creating HTML elements from JavaScript.
+
+[![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
+
+```bash
+npm install domelemjs
+```
+
+### CDN (unpkg)
+
+No build tools needed — include directly in your HTML:
+
+```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: "Hello from CDN!",
+  });
+</script>
+```
+
+Pin a specific version:
+
+```html
+<script src="https://unpkg.com/domelemjs@2.0.0/dist/index.browser.js"></script>
+```
+
+## Quick Start
+
+```ts
+import { createDOMElem } from "domelemjs";
+
+const app = createDOMElem({
+  tag: "div",
+  attrs: { id: "app" },
+});
+```
+
+## API
+
+### `createDOMElem(options)`
+
+The core function. Creates a DOM element and returns the `HTMLElement`.
+
+```ts
+const el = createDOMElem({
+  tag: "h1",
+  text: "Hello World",
+  attrs: { class: "title" },
+  style: { color: "blue" },
+  parent: "#app",
+});
+```
+
+### `new DOMElem(options)`
+
+Class-based wrapper. The created element is available on `.elem`.
+
+```ts
+import { DOMElem } from "domelemjs";
+
+const div = new DOMElem({
+  tag: "div",
+  text: "Hello",
+  attrs: { class: "container" },
+});
+
+document.body.appendChild(div.elem);
+```
+
+## Options
+
+| Option | Type | Description |
+|---|---|---|
+| `tag` | `string` | **Required.** HTML tag name (e.g. `"div"`, `"span"`, `"input"`). |
+| `text` | `string` | Plain text content (`textContent`). |
+| `content` | `string` | Raw HTML content (`innerHTML`). |
+| `attrs` | `object \| object[]` | HTML attributes to set. Supports `class`, `id`, `data-*`, `checked`, etc. |
+| `style` | `string \| object \| array` | Inline CSS styles (see [Styling](#styling)). |
+| `children` | `array` | Child elements — either options objects or `HTMLElement`s. |
+| `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
+
+Styles can be provided in multiple formats:
+
+```ts
+// CSS string
+createDOMElem({
+  tag: "div",
+  style: "color: red; background-color: blue",
+});
+
+// Object
+createDOMElem({
+  tag: "div",
+  style: { color: "red", backgroundColor: "blue" },
+});
+
+// Array (mixed)
+createDOMElem({
+  tag: "div",
+  style: ["color: red", { backgroundColor: "blue" }],
+});
+```
+
+## Events
+
+Attach event listeners via `handleEvent`:
+
+```ts
+createDOMElem({
+  tag: "button",
+  text: "Click me",
+  handleEvent: {
+    event: "click",
+    cb: (e) => console.log("clicked!"),
+  },
+});
+```
+
+Multiple events can be passed as an array:
+
+```ts
+createDOMElem({
+  tag: "input",
+  handleEvent: [
+    { event: "focus", cb: () => console.log("focused") },
+    { event: "blur", cb: () => console.log("blurred") },
+  ],
+});
+```
+
+## Attributes
+
+Attributes can be a single object or an array:
+
+```ts
+createDOMElem({
+  tag: "input",
+  attrs: [
+    { id: "myInput", type: "text" },
+    { class: "form-control" },
+  ],
+});
+```
+
+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 (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
+
+Children can be nested options objects or existing `HTMLElement`s:
+
+```ts
+createDOMElem({
+  tag: "select",
+  attrs: { id: "selector" },
+  children: [
+    { tag: "option", text: "Foo", attrs: { value: "foo" } },
+    { tag: "option", text: "Bar", attrs: { value: "bar" } },
+  ],
+});
+```
+
+## Complex Example
+
+```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: "Start date:",
+          attrs: { for: "startDate" },
+        },
+        {
+          tag: "input",
+          attrs: { type: "date", id: "startDate" },
+          handleEvent: {
+            event: "change",
+            cb: (e) => console.log("Start:", (e.target as HTMLInputElement).value),
+          },
+        },
+      ],
+    },
+    {
+      tag: "div",
+      attrs: { class: "date-group" },
+      children: [
+        {
+          tag: "label",
+          text: "End date:",
+          attrs: { for: "endDate" },
+        },
+        {
+          tag: "input",
+          attrs: { type: "date", id: "endDate" },
+          handleEvent: {
+            event: "change",
+            cb: (e) => console.log("End:", (e.target as HTMLInputElement).value),
+          },
+        },
+      ],
+    },
+  ],
+});
+```
+
+## TypeScript
+
+DOMelemJS is written in TypeScript and ships with full type definitions.
+
+```ts
+import { createDOMElem, type CreateDOMElemOptions } from "domelemjs";
+
+const options: CreateDOMElemOptions = {
+  tag: "div",
+  text: "Typed!",
+};
+
+const el = createDOMElem(options);
+```
+
+## License
+
+MIT

package/dist/index.browser.js

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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"]}