ziko 0.45.2 → 0.45.4

package/dist/ziko.js

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Mon Sep 01 2025 13:22:11 GMT+0100 (UTC+01:00)
+  Date : Thu Sep 04 2025 20:47:52 GMT+0100 (UTC+01:00)
   Git-Repo : https://github.com/zakarialaoui10/ziko.js
   Git-Wiki : https://github.com/zakarialaoui10/ziko.js/wiki
   Released under MIT License
@@ -1213,11 +1213,11 @@
           switch(type){
             case "html" : {
               element = globalThis?.document?.createElement(element);
-              console.log('1');
+              // console.log('1')
             } break;
             case "svg" : {
               element = globalThis?.document?.createElementNS("http://www.w3.org/2000/svg", element); 
-              console.log('2');
+              // console.log('2')
             } break;
             default : throw Error("Not supported")
           }
@@ -1679,6 +1679,13 @@
       else if(this.target?.children?.length && [...this.target?.children].includes(this.element)) this.target.removeChild(this.element);
       return this;
     }
+    function replaceElementWith(new_element){
+        this.cache.element.replaceWith(new_element);
+        this.cache.element = new_element;
+
+        // To do : Dispose Events and States 
+        return this
+    }
     function renderAfter(t = 1) {
       setTimeout(() => this.render(), t);
       return this;
@@ -1709,6 +1716,7 @@
         remove: remove,
         render: render,
         renderAfter: renderAfter,
+        replaceElementWith: replaceElementWith,
         unrender: unrender,
         unrenderAfter: unrenderAfter
     });
@@ -3130,7 +3138,7 @@
     let UIElement$1 = class UIElement extends UIElementCore{
       constructor({element, name ='', type='html', render = __Ziko__.__Config__.default.render}={}){
         super();
-        console.log({type});
+        // console.log({type})
         // console.log(this)
         register_to_class(
           this, 
@@ -3140,7 +3148,7 @@
           IndexingMethods, 
           EventsMethodes
         );
-        this.init(element, name, type, render);
+        if(element)this.init(element, name, type, render);
       }
       get element(){
         return this.cache.element;
@@ -3430,13 +3438,13 @@
         let type ;
         if(HTMLTags.includes(tag)) type = 'html';
         if(SVGTags.includes(tag)) type = 'svg';
-        console.log(type);
+        // console.log(type)
         return (...args)=>{
           // Fix undefined
           // console.log(isStateGetter(args[0]))
           // console.log(!!args)
           if(args.length === 0) {
-            console.log('length 0');
+            // console.log('length 0')
             return new UIElement$1({element : tag, name : tag, type})
           }
           if(
@@ -3704,6 +3712,38 @@
         );
     }
 
+    class UISwitch extends UIElement$1{
+        constructor(key, cases){
+            super();
+            this.key = key; 
+            this.cases = cases;
+            this.init();
+        }
+        init(){
+            Object.values(this.cases).filter(n=>n != this.current).forEach(n=>n.unrender());
+            super.init(this.current.element);
+        }
+        get current(){
+            const matched = Object.keys(this.cases).find(n => n == this.key) ?? 'default';
+            return this.cases[matched]
+        }
+        updateKey(key){
+            this.key = key;
+            this.replaceElementWith(this.current.element);
+            // this.cache.element.replaceWith(this.current.element)
+            // this.cache.element = this.current.element;
+            return this;
+        }
+        
+    }
+
+    const Switch=({key, cases})=> new UISwitch(key, cases);
+
+    // export const Switch=({key, cases}) => {
+    //     const matched = Object.keys(cases).find(n => n == key) ?? 'default';
+    //     return this.cases[matched]()
+    // }
+
     const svg2str=svg=>(new XMLSerializer()).serializeToString(svg);
     const svg2ascii=svg=>btoa(svg2str(svg));
     const svg2imgUrl=svg=>'data:image/svg+xml;base64,'+svg2ascii(svg);
@@ -5953,6 +5993,7 @@
     exports.Scheduler = Scheduler;
     exports.Step = Step;
     exports.Suspense = Suspense;
+    exports.Switch = Switch;
     exports.Tick = Tick;
     exports.TimeAnimation = TimeAnimation;
     exports.TimeLoop = TimeLoop;
@@ -5961,6 +6002,7 @@
     exports.UIHTMLWrapper = UIHTMLWrapper;
     exports.UINode = UINode;
     exports.UISVGWrapper = UISVGWrapper;
+    exports.UISwitch = UISwitch;
     exports.Utils = Utils;
     exports.ZikoApp = ZikoApp;
     exports.ZikoCustomEvent = ZikoCustomEvent;