ziko 1.5.0 → 1.6.1

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,15 +12,17 @@ export class UISwap extends UIElement {
         };
         
         this.append(...items);
-        this.#setup();
+        requestAnimationFrame(() => {
+            this.render();
+        });
     }
     get activeItem(){
         return this.items[this.states.activeIndex]
     }
-    #setup() {
+    render() {
         this.items.forEach((n, i) => {
-            // Store initial display style (fallback to empty string or default)
-            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/dom/constructors/UIElement.js

@@ -36,7 +36,7 @@ class UIElement extends UIElementCore{
       ViewListeners,
     );
 
-    if(element)this.init(element, name, type, render)
+    if(element)this.init(element, name, type, render);
   }
   on(event_name, callback, {details_setter, category = 'global', isCustom = false, preventDefault = false} = {}){
     if(event_name instanceof Array) event_name.forEach(
@@ -58,11 +58,23 @@ class UIElement extends UIElementCore{
     return this;
   }
   _off(event, category = 'global'){
-    this.exp.events[category].removeListener(event)
+    this.exp.events[category].removeListener(event);
+    return this
   }
   get element(){
     return this.cache.element;
   }
+  get itemsTarget(){
+    return this.cache.itemsTarget; 
+  }
+  get itemsTargetElement(){
+    return this.itemsTarget.element;
+  }
+  setItemsTarget(parent){
+    this.cache.itemsTarget = parent;
+    this.items = parent.items;
+    return this;
+  }
   isInteractive(){
     return this.cache.isInteractive;
   }

package/src/dom/constructors/UIElementCore.js

@@ -24,6 +24,7 @@ class UIElementCore extends UINode{
     else this.target = element?.parentElement;
     Object.assign(this.cache, {
       name,
+      itemsTarget : this,
       isInteractive : false,
       parent:null,
       isBody:false,
@@ -60,7 +61,7 @@ class UIElementCore extends UINode{
   get element(){
     return this.cache.element;
   }
-    [Symbol.iterator]() {
+  [Symbol.iterator](){
     return this.items[Symbol.iterator]();
   }
   maintain() {

package/src/dom/constructors/mixins/dom.js

@@ -1,8 +1,3 @@
-// import { isStateGetter } from "../../../hooks/use-state.js";
-// import { 
-//   is_camelcase,
-//   camel2hyphencase
-//  } from '../../../data/string/index.js';
 import { text } from "../../text/index.js";
 
 export function append(...ele) {
@@ -14,19 +9,30 @@ export function prepend(...ele) {
   return this;
 }
 export function insertAt(index, ...ele) {
-  if (index >= this.element.children.length) this.append(...ele);
-  else
+    const target = this.itemsTarget;
+
+    if (index >= target.items.length) return this.append(...ele);
+
     for (let i = 0; i < ele.length; i++) {
-      if (["number", "string"].includes(typeof ele[i])) ele[i] = text(ele[i]);
-      this.element?.insertBefore(ele[i].element, this.items[index].element);
-      this.items.splice(index, 0, ele[i]);
+        if (["number", "string"].includes(typeof ele[i]))
+            ele[i] = text(ele[i]);
+
+        target.element?.insertBefore(
+            ele[i].element,
+            target.items[index].element
+        );
+
+        target.items.splice(index, 0, ele[i]);
     }
-  return this;
+
+    target.maintain();
+
+    return this;
 }
 export function remove(...ele) {
   const remove = (ele) => {
     if (typeof ele === "number") ele = this.items[ele];
-    if (ele?.isUIElement) this.element?.removeChild(ele.element);
+    if (ele?.isUIElement) this.itemsTarget.element?.removeChild(ele.element);
     this.items = this.items.filter((n) => n !== ele);
   };
   for (let i = 0; i < ele.length; i++) remove(ele[i]);
@@ -37,7 +43,7 @@ export function remove(...ele) {
 }
 export function clear(){
   this?.items?.forEach(n=>n.unmount());
-  this.element.innerHTML = "";
+  this.itemsTarget.element.innerHTML = '';
   return this;
 }
 export function replaceElementWith(new_element){
@@ -49,12 +55,12 @@ export function replaceElementWith(new_element){
 }
 export function after(ui){
   if(ui?.isUIElement) ui=ui.element;
-  this.element?.after(ui)
+  this.itemsTarget.element?.after(ui)
   return this;
 }
 export function before(ui){
   if(ui?.isUIElement) ui=ui.element;
-  this.element?.before(ui)
+  this.itemsTarget.element?.before(ui)
   return this;
 }
 
@@ -62,6 +68,9 @@ export function before(ui){
 
 
 export async function __addItem__(adder, pusher, ...ele) {
+  const itemsTarget_el = this.itemsTarget.element;
+  const itemsTarget = this.itemsTarget
+
   if (this.cache.isFrozzen) {
     console.warn("You can't append new item to frozzen element");
     return this;
@@ -77,22 +86,22 @@ export async function __addItem__(adder, pusher, ...ele) {
             (newValue) => (ele[i].element.textContent = newValue),
             ele[i] 
         );
-        // this.element.appendChild(textNode);
+        // this.itemsTarget.element.appendChild(textNode);
       }
     }
     if (typeof globalThis?.Node === "function" && ele[i] instanceof globalThis?.Node) ele[i] = new this.constructor(ele[i]);
     if (ele[i]?.isUINode) {
         ele[i].cache.parent = this;
-        this.element?.[adder](ele[i].element);
-        ele[i].target = this.element;
-        this.items[pusher](ele[i]);
+        itemsTarget_el?.[adder](ele[i].element);
+        ele[i].target = this.itemsTarget.element;
+        itemsTarget.items[pusher](ele[i]);
     } 
     else if(ele[i] instanceof Promise){
       const UIEle = await ele[i]
       UIEle.cache.parent = this;
-      this.element?.[adder](UIEle.element);
-      UIEle.target = this.element;
-      this.items[pusher](UIEle)
+      itemsTarget_el?.[adder](UIEle.element);
+      UIEle.target = this.itemsTarget.element;
+      itemsTarget.items[pusher](UIEle)
     }
     else if (ele[i] instanceof Object) {
       if (ele[i]?.style) this.style(ele[i]?.style);

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;
-  // }
-