tool-shack 0.0.27 → 0.0.28

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 | string)[];
+    children?: (HTMLElement | string | SVGElement)[];
     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.27",
+  "version": "0.0.28",
   "description": "Collection of usefull functions to ease work",
   "author": {
     "name": "David Myška",
@@ -45,5 +45,6 @@
     "pretty-quick": "^4.0.0",
     "typedoc": "^0.26.11",
     "typescript": "^5.6.3"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package/src/dom/createElement.ts

@@ -1,59 +1,59 @@
-import { IExtendingElementProps } from './interfaces/createElement.js';
-
-/**
- * Method for creating Node element and assigning multiple parameters, event listeners & children in one method call
- *
- * @param tagName Node tag name
- * @param props List of attributes, event listeners or/and children to assign to the newly created element
- * @returns Resulting Node element
- */
-export const createElement = <T = HTMLElement>(
-  tagName: string,
-  props?: Partial<Omit<T, 'children' | 'dataset' | 'style'>> & IExtendingElementProps,
-): T => {
-  const element: HTMLElement = document.createElement(tagName);
-
-  if (props) {
-    for (let key in props) {
-      const value = (props as any)[key];
-
-      if (key === 'role') {
-        element.setAttribute(key, value);
-      } else if (key === 'aria') {
-        for (const [ariaKey, ariaValue] of Object.entries(props.aria!)) {
-          element.setAttribute(`aria-${ariaKey}`, ariaValue);
-        }
-      } else if (key === 'style') {
-        Object.assign(element.style, props.style);
-      } else if (key === 'children') {
-        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 = (
-            props.listeners![eventName] instanceof Array
-              ? props.listeners![eventName]
-              : [props.listeners![eventName]]
-          ) as EventListenerOrEventListenerObject[];
-
-          functionList.forEach((fn: EventListenerOrEventListenerObject) =>
-            element.addEventListener(eventName, fn),
-          );
-        }
-      } else if (key === 'dataset') {
-        Object.assign(element.dataset, props.dataset);
-      } else {
-        (element as any)[key] = value;
-      }
-    }
-  }
-
-  return element as unknown as T;
-};
+import { IExtendingElementProps } from './interfaces/createElement.js';
+
+/**
+ * Method for creating Node element and assigning multiple parameters, event listeners & children in one method call
+ *
+ * @param tagName Node tag name
+ * @param props List of attributes, event listeners or/and children to assign to the newly created element
+ * @returns Resulting Node element
+ */
+export const createElement = <T = HTMLElement>(
+  tagName: string,
+  props?: Partial<Omit<T, 'children' | 'dataset' | 'style'>> & IExtendingElementProps,
+): T => {
+  const element: HTMLElement = document.createElement(tagName);
+
+  if (props) {
+    for (let key in props) {
+      const value = (props as any)[key];
+
+      if (key === 'role') {
+        element.setAttribute(key, value);
+      } else if (key === 'aria') {
+        for (const [ariaKey, ariaValue] of Object.entries(props.aria!)) {
+          element.setAttribute(`aria-${ariaKey}`, ariaValue);
+        }
+      } else if (key === 'style') {
+        Object.assign(element.style, props.style);
+      } else if (key === 'children') {
+        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 = (
+            props.listeners![eventName] instanceof Array
+              ? props.listeners![eventName]
+              : [props.listeners![eventName]]
+          ) as EventListenerOrEventListenerObject[];
+
+          functionList.forEach((fn: EventListenerOrEventListenerObject) =>
+            element.addEventListener(eventName, fn),
+          );
+        }
+      } else if (key === 'dataset') {
+        Object.assign(element.dataset, props.dataset);
+      } else {
+        (element as any)[key] = value;
+      }
+    }
+  }
+
+  return element as unknown as T;
+};

package/src/dom/interfaces/createElement.ts

@@ -1,36 +1,36 @@
-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 | string)[];
-  listeners?: Record<
-    string,
-    EventListenerOrEventListenerObject | EventListenerOrEventListenerObject[]
-  >;
-  role?: string;
-  aria?: Partial<Record<TAriaLabelKey, string>>;
-  dataset?: Record<string, string>;
-  style?: Record<string, string | number>;
-}
+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 | string | SVGElement)[];
+  listeners?: Record<
+    string,
+    EventListenerOrEventListenerObject | EventListenerOrEventListenerObject[]
+  >;
+  role?: string;
+  aria?: Partial<Record<TAriaLabelKey, string>>;
+  dataset?: Record<string, string>;
+  style?: Record<string, string | number>;
+}