tool-shack 0.0.22 → 0.0.24

package/dist/browser/preferColorScheme.d.ts

@@ -15,4 +15,4 @@ export declare const preferDarkColorScheme: () => boolean;
  *
  * @returns String indicating prefered light color scheme ('light') or dark color scheme ('dark')
  */
-export declare const preferColorScheme: () => 'light' | 'dark';
+export declare const preferColorScheme: () => "light" | "dark";

package/dist/dom/createElement.d.ts

@@ -6,4 +6,4 @@ import { IExtendingElementProps } from './interfaces/createElement.js';
  * @param props List of attributes, event listeners or/and children to assign to the newly created element
  * @returns Resulting Node element
  */
-export declare const createElement: <T = HTMLElement>(tagName: string, props?: (Partial<Omit<T, "style" | "children" | "dataset">> & IExtendingElementProps) | undefined) => T;
+export declare const createElement: <T = HTMLElement>(tagName: string, props?: Partial<Omit<T, "children" | "dataset" | "style">> & IExtendingElementProps) => T;

package/dist/dom/createElement.js

@@ -14,17 +14,24 @@ export const createElement = (tagName, props) => {
                 element.setAttribute(key, value);
             }
             else if (key === 'aria') {
-                for (let ariaKey in props.aria) {
-                    element.setAttribute(`aria-${ariaKey}`, value[ariaKey]);
+                for (const [ariaKey, ariaValue] of Object.entries(props.aria)) {
+                    element.setAttribute(`aria-${ariaKey}`, ariaValue);
                 }
             }
-            else if (key === 'style') {
-                for (let styleKey in props.style) {
-                    element.style[styleKey] = value[styleKey];
-                }
+            else if (props.style) {
+                Object.assign(element.style, props.style);
             }
             else if (key === 'children') {
-                props.children.forEach((child) => element.appendChild(child));
+                const fragment = document.createDocumentFragment();
+                for (const child of props.children) {
+                    if (typeof child === 'string') {
+                        fragment.appendChild(document.createTextNode(child));
+                    }
+                    else {
+                        fragment.appendChild(child);
+                    }
+                }
+                element.appendChild(fragment);
             }
             else if (key === 'listeners') {
                 for (let eventName in props.listeners) {
@@ -35,9 +42,7 @@ export const createElement = (tagName, props) => {
                 }
             }
             else if (key === 'dataset') {
-                for (let datasetKey in props.dataset) {
-                    element.dataset[datasetKey] = props.dataset[datasetKey];
-                }
+                Object.assign(element.dataset, props.dataset);
             }
             else {
                 element[key] = value;

package/dist/dom/interfaces/createElement.d.ts

@@ -1,6 +1,6 @@
 export type TAriaLabelKey = 'atomic' | 'busy' | 'controls' | 'current' | 'describedby' | 'details' | 'disables' | 'dropeffect' | 'errormessage' | 'expanded' | 'flowto' | 'grabbed' | 'haspopup' | 'hidden' | 'invalid' | 'keyshortcuts' | 'label' | 'labelledby' | 'live' | 'modal' | 'owns' | 'relevant' | 'roledescription';
 export interface IExtendingElementProps {
-    children?: HTMLElement[];
+    children?: (HTMLElement | string)[];
     listeners?: Record<string, EventListenerOrEventListenerObject | EventListenerOrEventListenerObject[]>;
     role?: string;
     aria?: Partial<Record<TAriaLabelKey, string>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tool-shack",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "Collection of usefull functions to ease work",
   "author": {
     "name": "David Myška",
@@ -37,13 +37,13 @@
     "build": "rm -rf dist && tsc -b .",
     "format": "pretty-quick",
     "generate-docs": "rm -rf docs && typedoc --name \"Tool-Shack\" --readme README.md src/*/index.ts",
-    "prepare": "husky install"
+    "prepare": "husky"
   },
   "devDependencies": {
-    "husky": "^8.0.3",
-    "prettier": "^2.8.8",
-    "pretty-quick": "^3.1.3",
-    "typedoc": "^0.24.7",
-    "typescript": "^5.0.4"
+    "husky": "^9.1.7",
+    "prettier": "^3.3.3",
+    "pretty-quick": "^4.0.0",
+    "typedoc": "^0.26.11",
+    "typescript": "^5.6.3"
   }
 }

package/src/dom/createElement.ts

@@ -20,15 +20,21 @@ export const createElement = <T = HTMLElement>(
       if (key === 'role') {
         element.setAttribute(key, value);
       } else if (key === 'aria') {
-        for (let ariaKey in props.aria!) {
-          element.setAttribute(`aria-${ariaKey}`, value[ariaKey]);
-        }
-      } else if (key === 'style') {
-        for (let styleKey in props.style!) {
-          (element.style as any)[styleKey] = value[styleKey];
+        for (const [ariaKey, ariaValue] of Object.entries(props.aria!)) {
+          element.setAttribute(`aria-${ariaKey}`, ariaValue);
         }
+      } else if (props.style) {
+        Object.assign(element.style, props.style);
       } else if (key === 'children') {
-        props.children!.forEach((child: HTMLElement) => element.appendChild(child));
+        const fragment = document.createDocumentFragment();
+        for (const child of props.children!) {
+          if (typeof child === 'string') {
+            fragment.appendChild(document.createTextNode(child));
+          } else {
+            fragment.appendChild(child);
+          }
+        }
+        element.appendChild(fragment);
       } else if (key === 'listeners') {
         for (let eventName in props.listeners!) {
           const functionList = (
@@ -42,9 +48,7 @@ export const createElement = <T = HTMLElement>(
           );
         }
       } else if (key === 'dataset') {
-        for (let datasetKey in props.dataset) {
-          element.dataset[datasetKey] = props.dataset[datasetKey];
-        }
+        Object.assign(element.dataset, props.dataset);
       } else {
         (element as any)[key] = value;
       }

package/src/dom/interfaces/createElement.ts

@@ -24,7 +24,7 @@ export type TAriaLabelKey =
   | 'roledescription';
 
 export interface IExtendingElementProps {
-  children?: HTMLElement[];
+  children?: (HTMLElement | string)[];
   listeners?: Record<
     string,
     EventListenerOrEventListenerObject | EventListenerOrEventListenerObject[]