ziko 0.0.17 → 0.0.19

package/src/global/{themes → _themes}/index.js

@@ -1,11 +1,11 @@
-import LightThemes from "./light";
-import DarkThemes from "./dark";
-const Themes={
-    ...LightThemes,
-    ...DarkThemes
-}
-export {
-    Themes,
-    LightThemes,
-    DarkThemes,
+import LightThemes from "./light";
+import DarkThemes from "./dark";
+const Themes={
+    ...LightThemes,
+    ...DarkThemes
+}
+export {
+    Themes,
+    LightThemes,
+    DarkThemes,
 };

package/src/global/{themes → _themes}/light.js

@@ -1,255 +1,255 @@
-const LightThemes={
-    cozyCottonCandy: {
-      background: "#FCE4EC",
-      currentLine: "#F8BBD0",
-      selection: "#FFCDD2",
-      foreground: "#673AB7",
-      comment: "#9575CD",
-      cyan: "#00BCD4",
-      green: "#4CAF50",
-      orange: "#FF9800",
-      pink: "#E91E63",
-      purple: "#9C27B0",
-      red: "#F44336",
-      yellow: "#FFEB3B"
-    },
-    crystalClear: {
-      background: "#F6F8FA",
-      currentLine: "#E8F0F5",
-      selection: "#D4E9F7",
-      foreground: "#485766",
-      comment: "#8492A6",
-      cyan: "#00ACC1",
-      green: "#8BC34A",
-      orange: "#FFA726",
-      pink: "#FF4081",
-      purple: "#7E57C2",
-      red: "#EF5350",
-      yellow: "#FFD740"
-    },
-    lightdreamyDusk: {
-      background: "#F5F5F5",
-      currentLine: "#E8E8E8",
-      selection: "#DADADA",
-      foreground: "#555555",
-      comment: "#999999",
-      cyan: "#5FB3B3",
-      green: "#68C386",
-      orange: "#FFB67A",
-      pink: "#FF94B0",
-      purple: "#B78BC3",
-      red: "#FF6666",
-      yellow: "#FFD666"
-    },
-    luminousLavender: {
-      background: "#F3E5F5",
-      currentLine: "#E1BEE7",
-      selection: "#CE93D8",
-      foreground: "#311B92",
-      comment: "#673AB7",
-      cyan: "#00BCD4",
-      green: "#8BC34A",
-      orange: "#FF9800",
-      pink: "#E91E63",
-      purple: "#9C27B0",
-      red: "#F44336",
-      yellow: "#FFEB3B"
-    },
-    meadowMornings: {
-      background: "#F3E5F5",
-      currentLine: "#E1BEE7",
-      selection: "#CE93D8",
-      foreground: "#311B92",
-      comment: "#673AB7",
-      cyan: "#00BCD4",
-      green: "#8BC34A",
-      orange: "#FF9800",
-      pink: "#E91E63",
-      purple: "#9C27B0",
-      red: "#F44336",
-      yellow: "#FFEB3B"
-    },
-    moonlitMauve: {
-      background: "#F3E5F5",
-      currentLine: "#E1BEE7",
-      selection: "#CE93D8",
-      foreground: "#311B92",
-      comment: "#673AB7",
-      cyan: "#00BCD4",
-      green: "#8BC34A",
-      orange: "#FF9800",
-      pink: "#E91E63",
-      purple: "#9C27B0",
-      red: "#F44336",
-      yellow: "#FFEB3B"
-    },
-    morningMist: {
-      background: "#F6F6F6",
-      currentLine: "#EAEAEA",
-      selection: "#D8D8D8",
-      foreground: "#333333",
-      comment: "#808080",
-      cyan: "#00A6A6",
-      green: "#4CAF50",
-      orange: "#FFA726",
-      pink: "#FF4081",
-      purple: "#9C27B0",
-      red: "#FF5252",
-      yellow: "#FFD740"
-    },
-    oceanBreeze: {
-      background: "#ECF1F4",
-      currentLine: "#DDE8ED",
-      selection: "#BFD3C1",
-      foreground: "#37474F",
-      comment: "#607D8B",
-      cyan: "#00BCD4",
-      green: "#8BC34A",
-      orange: "#FF9800",
-      pink: "#E91E63",
-      purple: "#673AB7",
-      red: "#F44336",
-      yellow: "#FFEB3B"
-    },
-    pastelParadise: {
-      background: "#F5F5F5",
-      currentLine: "#E8E8E8",
-      selection: "#DADADA",
-      foreground: "#555555",
-      comment: "#999999",
-      cyan: "#5FB3B3",
-      green: "#68C386",
-      orange: "#FFB67A",
-      pink: "#FF94B0",
-      purple: "#B78BC3",
-      red: "#FF6666",
-      yellow: "#FFD666"
-    },
-    pastelPetals: {
-      background: "#FCE4EC",
-      currentLine: "#F8BBD0",
-      selection: "#FFCDD2",
-      foreground: "#673AB7",
-      comment: "#9575CD",
-      cyan: "#00BCD4",
-      green: "#4CAF50",
-      orange: "#FF9800",
-      pink: "#E91E63",
-      purple: "#9C27B0",
-      red: "#F44336",
-      yellow: "#FFEB3B"
-    },
-    sereneSnowfall: {
-      background: "#F9F9F9",
-      currentLine: "#EDEDED",
-      selection: "#D8D8D8",
-      foreground: "#454545",
-      comment: "#888888",
-      cyan: "#5FA5A5",
-      green: "#5BC47E",
-      orange: "#FFBC8D",
-      pink: "#FFA7BF",
-      purple: "#B88AAE",
-      red: "#FF7575",
-      yellow: "#FFD98F"
-    },
-    softSherbet: {
-      background: "#FDF8F3",
-      currentLine: "#FAF1EB",
-      selection: "#FFEBEE",
-      foreground: "#6D4C41",
-      comment: "#A1887F",
-      cyan: "#00BCD4",
-      green: "#689F38",
-      orange: "#FFA000",
-      pink: "#EC407A",
-      purple: "#8E24AA",
-      red: "#E53935",
-      yellow: "#FFC107"
-    },
-    subtleSerenity: {
-      background: "#F3F5F7",
-      currentLine: "#E8EDF2",
-      selection: "#D1D9E6",
-      foreground: "#2C3E50",
-      comment: "#95A5A6",
-      cyan: "#3498DB",
-      green: "#2ECC71",
-      orange: "#F39C12",
-      pink: "#E74C3C",
-      purple: "#9B59B6",
-      red: "#C0392B",
-      yellow: "#F1C40F"
-    },
-    summerSunset: {
-      background: "#FCE4EC",
-      currentLine: "#F8BBD0",
-      selection: "#FFCDD2",
-      foreground: "#4E342E",
-      comment: "#795548",
-      cyan: "#009688",
-      green: "#43A047",
-      orange: "#FF5722",
-      pink: "#E91E63",
-      purple: "#9C27B0",
-      red: "#F44336",
-      yellow: "#FFEB3B"
-    },
-    sunnyDay: {
-      background: "#FFF8E1",
-      currentLine: "#FFF3E0",
-      selection: "#FFE0B2",
-      foreground: "#4E342E",
-      comment: "#795548",
-      cyan: "#00BCD4",
-      green: "#8BC34A",
-      orange: "#FF9800",
-      pink: "#E91E63",
-      purple: "#673AB7",
-      red: "#F44336",
-      yellow: "#FFEB3B"
-    },
-    tranquilTwilight: {
-      background: "#F9F9F9",
-      currentLine: "#EDEDED",
-      selection: "#D8D8D8",
-      foreground: "#454545",
-      comment: "#888888",
-      cyan: "#5FA5A5",
-      green: "#5BC47E",
-      orange: "#FFBC8D",
-      pink: "#FFA7BF",
-      purple: "#B88AAE",
-      red: "#FF7575",
-      yellow: "#FFD98F"
-    },
-    tranquilWaves: {
-      background: "#F9F9F9",
-      currentLine: "#E4E4E4",
-      selection: "#D4D4D4",
-      foreground: "#2C3E50",
-      comment: "#7F8C8D",
-      cyan: "#3498DB",
-      green: "#2ECC71",
-      orange: "#F39C12",
-      pink: "#E74C3C",
-      purple: "#9B59B6",
-      red: "#C0392B",
-      yellow: "#F1C40F"
-    },
-    whisperingWillow: {
-      background: "#F6F8FA",
-      currentLine: "#E8F0F5",
-      selection: "#D4E9F7",
-      foreground: "#485766",
-      comment: "#8492A6",
-      cyan: "#00ACC1",
-      green: "#8BC34A",
-      orange: "#FFA726",
-      pink: "#FF4081",
-      purple: "#7E57C2",
-      red: "#EF5350",
-      yellow: "#FFD740"
-    }
-  }
+const LightThemes={
+    cozyCottonCandy: {
+      background: "#FCE4EC",
+      currentLine: "#F8BBD0",
+      selection: "#FFCDD2",
+      foreground: "#673AB7",
+      comment: "#9575CD",
+      cyan: "#00BCD4",
+      green: "#4CAF50",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#9C27B0",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    crystalClear: {
+      background: "#F6F8FA",
+      currentLine: "#E8F0F5",
+      selection: "#D4E9F7",
+      foreground: "#485766",
+      comment: "#8492A6",
+      cyan: "#00ACC1",
+      green: "#8BC34A",
+      orange: "#FFA726",
+      pink: "#FF4081",
+      purple: "#7E57C2",
+      red: "#EF5350",
+      yellow: "#FFD740"
+    },
+    lightdreamyDusk: {
+      background: "#F5F5F5",
+      currentLine: "#E8E8E8",
+      selection: "#DADADA",
+      foreground: "#555555",
+      comment: "#999999",
+      cyan: "#5FB3B3",
+      green: "#68C386",
+      orange: "#FFB67A",
+      pink: "#FF94B0",
+      purple: "#B78BC3",
+      red: "#FF6666",
+      yellow: "#FFD666"
+    },
+    luminousLavender: {
+      background: "#F3E5F5",
+      currentLine: "#E1BEE7",
+      selection: "#CE93D8",
+      foreground: "#311B92",
+      comment: "#673AB7",
+      cyan: "#00BCD4",
+      green: "#8BC34A",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#9C27B0",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    meadowMornings: {
+      background: "#F3E5F5",
+      currentLine: "#E1BEE7",
+      selection: "#CE93D8",
+      foreground: "#311B92",
+      comment: "#673AB7",
+      cyan: "#00BCD4",
+      green: "#8BC34A",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#9C27B0",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    moonlitMauve: {
+      background: "#F3E5F5",
+      currentLine: "#E1BEE7",
+      selection: "#CE93D8",
+      foreground: "#311B92",
+      comment: "#673AB7",
+      cyan: "#00BCD4",
+      green: "#8BC34A",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#9C27B0",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    morningMist: {
+      background: "#F6F6F6",
+      currentLine: "#EAEAEA",
+      selection: "#D8D8D8",
+      foreground: "#333333",
+      comment: "#808080",
+      cyan: "#00A6A6",
+      green: "#4CAF50",
+      orange: "#FFA726",
+      pink: "#FF4081",
+      purple: "#9C27B0",
+      red: "#FF5252",
+      yellow: "#FFD740"
+    },
+    oceanBreeze: {
+      background: "#ECF1F4",
+      currentLine: "#DDE8ED",
+      selection: "#BFD3C1",
+      foreground: "#37474F",
+      comment: "#607D8B",
+      cyan: "#00BCD4",
+      green: "#8BC34A",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#673AB7",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    pastelParadise: {
+      background: "#F5F5F5",
+      currentLine: "#E8E8E8",
+      selection: "#DADADA",
+      foreground: "#555555",
+      comment: "#999999",
+      cyan: "#5FB3B3",
+      green: "#68C386",
+      orange: "#FFB67A",
+      pink: "#FF94B0",
+      purple: "#B78BC3",
+      red: "#FF6666",
+      yellow: "#FFD666"
+    },
+    pastelPetals: {
+      background: "#FCE4EC",
+      currentLine: "#F8BBD0",
+      selection: "#FFCDD2",
+      foreground: "#673AB7",
+      comment: "#9575CD",
+      cyan: "#00BCD4",
+      green: "#4CAF50",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#9C27B0",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    sereneSnowfall: {
+      background: "#F9F9F9",
+      currentLine: "#EDEDED",
+      selection: "#D8D8D8",
+      foreground: "#454545",
+      comment: "#888888",
+      cyan: "#5FA5A5",
+      green: "#5BC47E",
+      orange: "#FFBC8D",
+      pink: "#FFA7BF",
+      purple: "#B88AAE",
+      red: "#FF7575",
+      yellow: "#FFD98F"
+    },
+    softSherbet: {
+      background: "#FDF8F3",
+      currentLine: "#FAF1EB",
+      selection: "#FFEBEE",
+      foreground: "#6D4C41",
+      comment: "#A1887F",
+      cyan: "#00BCD4",
+      green: "#689F38",
+      orange: "#FFA000",
+      pink: "#EC407A",
+      purple: "#8E24AA",
+      red: "#E53935",
+      yellow: "#FFC107"
+    },
+    subtleSerenity: {
+      background: "#F3F5F7",
+      currentLine: "#E8EDF2",
+      selection: "#D1D9E6",
+      foreground: "#2C3E50",
+      comment: "#95A5A6",
+      cyan: "#3498DB",
+      green: "#2ECC71",
+      orange: "#F39C12",
+      pink: "#E74C3C",
+      purple: "#9B59B6",
+      red: "#C0392B",
+      yellow: "#F1C40F"
+    },
+    summerSunset: {
+      background: "#FCE4EC",
+      currentLine: "#F8BBD0",
+      selection: "#FFCDD2",
+      foreground: "#4E342E",
+      comment: "#795548",
+      cyan: "#009688",
+      green: "#43A047",
+      orange: "#FF5722",
+      pink: "#E91E63",
+      purple: "#9C27B0",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    sunnyDay: {
+      background: "#FFF8E1",
+      currentLine: "#FFF3E0",
+      selection: "#FFE0B2",
+      foreground: "#4E342E",
+      comment: "#795548",
+      cyan: "#00BCD4",
+      green: "#8BC34A",
+      orange: "#FF9800",
+      pink: "#E91E63",
+      purple: "#673AB7",
+      red: "#F44336",
+      yellow: "#FFEB3B"
+    },
+    tranquilTwilight: {
+      background: "#F9F9F9",
+      currentLine: "#EDEDED",
+      selection: "#D8D8D8",
+      foreground: "#454545",
+      comment: "#888888",
+      cyan: "#5FA5A5",
+      green: "#5BC47E",
+      orange: "#FFBC8D",
+      pink: "#FFA7BF",
+      purple: "#B88AAE",
+      red: "#FF7575",
+      yellow: "#FFD98F"
+    },
+    tranquilWaves: {
+      background: "#F9F9F9",
+      currentLine: "#E4E4E4",
+      selection: "#D4D4D4",
+      foreground: "#2C3E50",
+      comment: "#7F8C8D",
+      cyan: "#3498DB",
+      green: "#2ECC71",
+      orange: "#F39C12",
+      pink: "#E74C3C",
+      purple: "#9B59B6",
+      red: "#C0392B",
+      yellow: "#F1C40F"
+    },
+    whisperingWillow: {
+      background: "#F6F8FA",
+      currentLine: "#E8F0F5",
+      selection: "#D4E9F7",
+      foreground: "#485766",
+      comment: "#8492A6",
+      cyan: "#00ACC1",
+      green: "#8BC34A",
+      orange: "#FFA726",
+      pink: "#FF4081",
+      purple: "#7E57C2",
+      red: "#EF5350",
+      yellow: "#FFD740"
+    }
+  }
 export default LightThemes;

package/src/global/app/index.js

@@ -1,46 +1,46 @@
-import { ZikoUIFlex } from "../../ui/elements/derived/flex/index.js";
-import { Seo } from "../seo/index.js";
-import { useHashEvent } from "../../reactivity/index.js";
-class ZikoUIApp extends ZikoUIFlex{
-    constructor(){
-        super("main");
-        this.root=document.documentElement;
-        this.head=null;
-        this.#init();
-        this.seo=Seo(this);
-        Object.assign(this.events,{
-            hash:null
-        })
-        Object.assign(this.cache,{
-            theme:null,
-            isRoot:true
-        });
-        // globalThis.__Ziko__.__Config__.default.render && this.render();
-    }
-    #init(){
-        this.root.setAttribute("data-engine","zikojs");
-        const head=this.root.getElementsByTagName("head")[0];
-        this.head=head?head:this.head=document?.createElement("head");
-        if(!head)this.root.insertBefore(this.head,document?.body);
-        const title=this.head.getElementsByTagName("title")[0];
-        this.Title=title?title:document?.createElement("title");
-        if(!title)this.head.append(this.Title);
-    }
-    title(title=this.title.textContent){
-        this.Title.textContent=title;
-        return this;
-    }
-    prefetch(){
-
-    }
-    description(){
-
-    }
-    onHashChange(...callbacks){
-        if(!this.events.hash)this.events.hash = useHashEvent(this);
-        this.events.hash.onChange(...callbacks);
-        return this;
-      }
-}
-const App=(...UIElement)=>new ZikoUIApp().append(...UIElement)
+import { ZikoUIFlex } from "../../ui/elements/derived/flex/index.js";
+import { Seo } from "../seo/index.js";
+import { useHashEvent } from "../../reactivity/index.js";
+class ZikoUIApp extends ZikoUIFlex{
+    constructor(){
+        super("main");
+        this.root=document.documentElement;
+        this.head=null;
+        this.#init();
+        this.seo=Seo(this);
+        Object.assign(this.events,{
+            hash:null
+        })
+        Object.assign(this.cache,{
+            theme:null,
+            isRoot:true
+        });
+        // globalThis.__Ziko__.__Config__.default.render && this.render();
+    }
+    #init(){
+        this.root.setAttribute("data-engine","zikojs");
+        const head=this.root.getElementsByTagName("head")[0];
+        this.head=head?head:this.head=document?.createElement("head");
+        if(!head)this.root.insertBefore(this.head,document?.body);
+        const title=this.head.getElementsByTagName("title")[0];
+        this.Title=title?title:document?.createElement("title");
+        if(!title)this.head.append(this.Title);
+    }
+    title(title=this.title.textContent){
+        this.Title.textContent=title;
+        return this;
+    }
+    prefetch(){
+
+    }
+    description(){
+
+    }
+    onHashChange(...callbacks){
+        if(!this.events.hash)this.events.hash = useHashEvent(this);
+        this.events.hash.onChange(...callbacks);
+        return this;
+      }
+}
+const App=(...UIElement)=>new ZikoUIApp().append(...UIElement)
 export {App};