ziko 1.6.0 → 1.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziko",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "A versatile JavaScript library offering a rich set of Hyperscript Based UI components, advanced mathematical utilities, interactivity ,animations, client side routing and more ...",
   "keywords": [
     "front-end",

package/src/data/parser/index.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Represents a parsed XML node.
+ */
+export interface XMLNode {
+    /**
+     * The XML tag name of the node.
+     */
+    type: string;
+
+    /**
+     * The attributes of the XML node.
+     */
+    attributes: Record<string, string>;
+
+    /**
+     * The child elements of the XML node.
+     */
+    children: XMLNode[];
+
+    /**
+     * The text content of the node, if available.
+     */
+    text?: string;
+}
+
+/**
+ * Parses an XML string into a tree-like JavaScript object representation.
+ *
+ * @param xmlString - The XML document as a string.
+ * @returns The parsed XML node tree.
+ *
+ * @example
+ * ```ts
+ * const xml = `<root><item id="1">Hello</item></root>`;
+ * const tree = parseXML(xml);
+ *
+ * console.log(tree.type); // "root"
+ * console.log(tree.children[0].attributes.id); // "1"
+ * ```
+ */
+export declare function parseXML(xmlString: string): XMLNode;

package/src/data/parser/index.js

@@ -1 +1,28 @@
-export * from "./xml"
+export function parseXML(xmlString) {
+    const parser = new DOMParser();
+    const xmlDoc = parser.parseFromString(xmlString, 'text/xml');
+    const rootNode = xmlDoc.documentElement;
+    const result = parseNode(rootNode);
+    return result;
+  }
+  
+  function parseNode(node) {
+    const obj = {
+      type: node.nodeName,
+      attributes: {},
+      children: []
+    };
+    for (let i = 0; i < node.attributes.length; i++) {
+      const attr = node.attributes[i];
+      obj.attributes[attr.name] = attr.value;
+    }
+    for (let i = 0; i < node.childNodes.length; i++) {
+      const child = node.childNodes[i];
+      if (child.nodeType === Node.ELEMENT_NODE) {
+        obj.children.push(parseNode(child));
+      } else if (child.nodeType === Node.TEXT_NODE) {
+        obj.text = child.textContent.trim();
+      }
+    }
+    return obj;
+  }

package/src/data/string/checkers/index.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Checks if a string follows camelCase notation.
+ *
+ * @param text - The string to check.
+ * @returns `true` if the string is camelCase, otherwise `false`.
+ */
+export declare const is_camelcase: (text?: string) => boolean;
+
+/**
+ * Checks if a string follows kebab-case (hyphen-case) notation.
+ *
+ * @param text - The string to check.
+ * @returns `true` if the string contains a hyphen separator, otherwise `false`.
+ */
+export declare const is_hyphencase: (text?: string) => boolean;
+
+/**
+ * Checks if a string follows snake_case notation.
+ *
+ * @param text - The string to check.
+ * @returns `true` if the string contains an underscore separator, otherwise `false`.
+ */
+export declare const is_snakeCase: (text?: string) => boolean;
+
+/**
+ * Checks if a string follows PascalCase notation.
+ *
+ * @param text - The string to check.
+ * @returns `true` if the string is PascalCase, otherwise `false`.
+ */
+export declare const is_pascalcase: (text?: string) => boolean;
+
+/**
+ * Checks whether a string is a palindrome.
+ *
+ * A palindrome is a string that reads the same forward and backward.
+ *
+ * @param text - The string to check.
+ * @returns `true` if the string is a palindrome, otherwise `false`.
+ */
+export declare const is_palindrome: (text: string) => boolean;
+
+/**
+ * Checks whether two words are anagrams.
+ *
+ * Two words are anagrams if they contain the same characters with the same frequency.
+ *
+ * @param word - The first word.
+ * @param words - The second word to compare with.
+ * @returns `true` if both words are anagrams, otherwise `false`.
+ */
+export declare const is_anagram: (word: string, words: string) => boolean;
+
+/**
+ * Checks whether a string is an isogram.
+ *
+ * An isogram is a word with no repeating characters.
+ *
+ * @param text - The string to check.
+ * @returns `true` if the string has no repeated characters, otherwise `false`.
+ */
+export declare const is_isogram: (text?: string) => boolean;

package/src/data/string/converters/index.d.ts

@@ -0,0 +1,159 @@
+/**
+ * Converts a camelCase string to hyphen-case.
+ *
+ * @param text - The camelCase string.
+ * @returns The converted hyphen-case string.
+ */
+export declare const camel2hyphencase: (text?: string) => string;
+
+/**
+ * Converts a camelCase string to snake_case.
+ *
+ * @param text - The camelCase string.
+ * @returns The converted snake_case string.
+ */
+export declare const camel2snakecase: (text?: string) => string;
+
+/**
+ * Converts a camelCase string to PascalCase.
+ *
+ * @param text - The camelCase string.
+ * @returns The converted PascalCase string.
+ */
+export declare const camel2pascalcase: (text?: string) => string;
+
+/**
+ * Converts a camelCase string to CONSTANT_CASE.
+ *
+ * @param text - The camelCase string.
+ * @returns The converted CONSTANT_CASE string.
+ */
+export declare const camel2constantcase: (text?: string) => string;
+
+/**
+ * Converts a PascalCase string to snake_case.
+ *
+ * @param text - The PascalCase string.
+ * @returns The converted snake_case string.
+ */
+export declare const pascal2snakecase: (text?: string) => string;
+
+/**
+ * Converts a PascalCase string to hyphen-case.
+ *
+ * @param text - The PascalCase string.
+ * @returns The converted hyphen-case string.
+ */
+export declare const pascal2hyphencase: (text?: string) => string;
+
+/**
+ * Converts a PascalCase string to camelCase.
+ *
+ * @param text - The PascalCase string.
+ * @returns The converted camelCase string.
+ */
+export declare const pascal2camelcase: (text?: string) => string;
+
+/**
+ * Converts a PascalCase string to CONSTANT_CASE.
+ *
+ * @param text - The PascalCase string.
+ * @returns The converted CONSTANT_CASE string.
+ */
+export declare const pascal2constantcase: (text?: string) => string;
+
+/**
+ * Converts a snake_case string to camelCase.
+ *
+ * @param text - The snake_case string.
+ * @returns The converted camelCase string.
+ */
+export declare const snake2camelcase: (text?: string) => string;
+
+/**
+ * Converts a snake_case string to hyphen-case.
+ *
+ * @param text - The snake_case string.
+ * @returns The converted hyphen-case string.
+ */
+export declare const snake2hyphencase: (text?: string) => string;
+
+/**
+ * Converts a snake_case string to PascalCase.
+ *
+ * @param text - The snake_case string.
+ * @returns The converted PascalCase string.
+ */
+export declare const snake2pascalcase: (text?: string) => string;
+
+/**
+ * Converts a snake_case string to CONSTANT_CASE.
+ *
+ * @param text - The snake_case string.
+ * @returns The converted CONSTANT_CASE string.
+ */
+export declare const snake2constantcase: (text?: string) => string;
+
+/**
+ * Converts a hyphen-case string to camelCase.
+ *
+ * @param text - The hyphen-case string.
+ * @returns The converted camelCase string.
+ */
+export declare const hyphen2camelcase: (text?: string) => string;
+
+/**
+ * Converts a hyphen-case string to snake_case.
+ *
+ * @param text - The hyphen-case string.
+ * @returns The converted snake_case string.
+ */
+export declare const hyphen2snakecase: (text?: string) => string;
+
+/**
+ * Converts a hyphen-case string to PascalCase.
+ *
+ * @param text - The hyphen-case string.
+ * @returns The converted PascalCase string.
+ */
+export declare const hyphen2pascalcase: (text?: string) => string;
+
+/**
+ * Converts a hyphen-case string to CONSTANT_CASE.
+ *
+ * @param text - The hyphen-case string.
+ * @returns The converted CONSTANT_CASE string.
+ */
+export declare const hyphen2constantcase: (text?: string) => string;
+
+/**
+ * Converts a CONSTANT_CASE string to camelCase.
+ *
+ * @param text - The CONSTANT_CASE string.
+ * @returns The converted camelCase string.
+ */
+export declare const constant2camelcase: (text?: string) => string;
+
+/**
+ * Converts a CONSTANT_CASE string to snake_case.
+ *
+ * @param text - The CONSTANT_CASE string.
+ * @returns The converted snake_case string.
+ */
+export declare const constant2snakecase: (text?: string) => string;
+
+/**
+ * Converts a CONSTANT_CASE string to PascalCase.
+ *
+ * @param text - The CONSTANT_CASE string.
+ * @returns The converted PascalCase string.
+ */
+export declare const constant2pascalcase: (text?: string) => string;
+
+/**
+ * Converts a CONSTANT_CASE string to hyphen-case.
+ *
+ * @param text - The CONSTANT_CASE string.
+ * @returns The converted hyphen-case string.
+ */
+export declare const constant2hyphencase: (text?: string) => string;

package/src/data/string/index.d.ts

@@ -0,0 +1,2 @@
+export * from './checkers/index.d.ts'
+export * from './converters/index.d.ts'

package/src/data/string/index.js

@@ -1,2 +1,2 @@
-export * from './converters.js';
-export * from './checkers.js'
+export * from './converters/index.js';
+export * from './checkers/index.js'

package/src/dom/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './fragment/index.d.ts'
+export * from './swap/index.d.ts'

package/src/dom/components/swap/index.js

@@ -12,7 +12,9 @@ export class UISwap extends UIElement {
         };
         
         this.append(...items);
-        this.render();
+        requestAnimationFrame(() => {
+            this.render();
+        });
     }
     get activeItem(){
         return this.items[this.states.activeIndex]
@@ -20,7 +22,7 @@ export class UISwap extends UIElement {
     render() {
         this.items.forEach((n, i) => {
 
-            const initialDisplay = n.element?.style?.display || '';
+            const initialDisplay = getComputedStyle(n.element).display;
             this.#DISPLAYS_MAP.set(n, initialDisplay);
 
             if (i !== this.states.activeIndex) {
@@ -28,6 +30,9 @@ export class UISwap extends UIElement {
             }
         });
     }
+    get DS(){
+        return this.#DISPLAYS_MAP
+    }
     next(n = 1) {
         return this.activate(this.states.activeIndex + n);
     }

package/src/data/parser/xml.js

@@ -1,47 +0,0 @@
-function parseXML(xmlString) {
-    const parser = new DOMParser();
-    const xmlDoc = parser.parseFromString(xmlString, 'text/xml');
-    const rootNode = xmlDoc.documentElement;
-    const result = parseNode(rootNode);
-    return result;
-  }
-  
-  function parseNode(node) {
-    const obj = {
-      type: node.nodeName,
-      attributes: {},
-      children: []
-    };
-    for (let i = 0; i < node.attributes.length; i++) {
-      const attr = node.attributes[i];
-      obj.attributes[attr.name] = attr.value;
-    }
-    for (let i = 0; i < node.childNodes.length; i++) {
-      const child = node.childNodes[i];
-      if (child.nodeType === Node.ELEMENT_NODE) {
-        obj.children.push(parseNode(child));
-      } else if (child.nodeType === Node.TEXT_NODE) {
-        obj.text = child.textContent.trim();
-      }
-    }
-    return obj;
-  }
-  export default parseXML;
-
-  // function htmlParser(element) {
-  //   const obj = {
-  //     type: element.tagName,
-  //     attributes: {},
-  //     children: [],
-  //   };
-  //   for (let i = 0; i < element.attributes.length; i++) {
-  //     const attr = element.attributes[i];
-  //     obj.attributes[attr.name] = attr.value;
-  //   }
-  //   for (let i = 0; i < element.children.length; i++) {
-  //     const child = element.children[i];
-  //     obj.children.push(htmlParser(child));
-  //   }
-  //   return obj;
-  // }
-