ziko 0.0.28 → 0.0.30

package/dist/ziko.mjs

@@ -2,7 +2,7 @@
 /*
   Project: ziko.js
   Author: Zakaria Elalaoui
-  Date : Wed Jul 23 2025 15:08:02 GMT+0100 (UTC+01:00)
+  Date : Tue Jul 29 2025 15:18:10 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
@@ -4608,181 +4608,10 @@ var Hooks = /*#__PURE__*/Object.freeze({
     useType: useType
 });
 
-const getEvent=(event = "")=>{
-    if(event.startsWith("Ptr"))return `pointer${event.split("Ptr")[1].toLowerCase()}`;
-    return event.toLowerCase()
-};
-
-function event_controller(e, event_name, details_setter, customizer, push_object){
-    this.cache.currentEvent = event_name;
-    this.cache.event = e;
-    details_setter?.call(this);
-    if(customizer?.hasOwnProperty("prototype"))customizer?.call(this);
-    else customizer?.call(null, this);
-    if(this.cache.preventDefault[event_name]) e.preventDefault();
-    if(this.cache.stopPropagation[event_name]) e.stopPropagation();
-    if(this.cache.stopImmediatePropagation[event_name]) e.stopImmediatePropagation();
-    
-    if(this.cache.stream.enabled[event_name]&&push_object)this.cache.stream.history[event_name].push(push_object);
-    this.cache.callbacks[event_name]?.map(n=>n(this));
-}
-class __ZikoEvent__ {
-    constructor(target = null, Events = [], details_setter, customizer){
-        this.target = target;
-        this.cache = {
-            currentEvent : null,
-            event: null,
-            options : {},
-            preventDefault : {},
-            stopPropagation : {},
-            stopImmediatePropagation : {},
-            event_flow : {},
-            paused : {},
-            stream : {
-                enabled : {},
-                clear : {},
-                history : {}
-            },
-            callbacks : {},
-            __controllers__:{}
-        };
-        const events = Events.map(n=>getEvent(n));
-        events.forEach((event,i)=>{
-            Object.assign(this.cache.preventDefault, {[event] : false});
-            Object.assign(this.cache.options, {[event] : {}});
-            Object.assign(this.cache.paused, {[event] : false});
-            Object.assign(this.cache.stream.enabled, {[event] : false});
-            Object.assign(this.cache.stream.clear, {[event] : false});
-            Object.assign(this.cache.stream.history, {[event] : []});
-            Object.assign(this.cache.__controllers__, {[event] : e=>event_controller.call(this, e, event, details_setter, customizer)});
-            Object.assign(this, { [`on${Events[i]}`] : (...callbacks)=> this.__onEvent(event, this.cache.options[event], {}, ...callbacks)});
-        });
-    }
-    get targetElement(){
-        return this.target?.element;
-    }
-    get isParent(){
-        return this.target?.element === this.event.srcElement;
-    }
-    get item(){
-        return this.target.find(n=>n.element == this.event?.srcElement)?.[0];
-    }
-    get currentEvent(){
-        return this.cache.currentEvent;
-    }
-    get event(){
-        return this.cache.event;
-    }
-    setTarget(UI){
-        this.target=UI;
-        return this;
-    }
-    __handle(event, handler, options, dispose){
-        this.targetElement?.addEventListener(event, handler, options);
-        return this;
-    }
-    __onEvent(event, options, dispose, ...callbacks){
-        if(callbacks.length===0){
-            console.log("00");
-            if(this.cache.callbacks[event]){
-                console.log("Call");
-                // this.cache.callbacks.map(n=>e=>n.call(this,e));
-                this.cache.callbacks[event].map(n=>e=>n.call(this,e));
-            }   
-            else {
-                return this;
-            }
-        }
-        else this.cache.callbacks[event] = callbacks.map(n=>e=>n.call(this,e));
-        this.__handle(event, this.cache.__controllers__[event],options, dispose);
-        return this;  
-    }
-    #override(methode, overrides, defaultValue){
-        if(defaultValue === "default") Object.assign(this.cache[methode], {...this.cache[methode], ...overrides});
-        const all = defaultValue === "default" 
-        ? this.cache[methode]
-        : Object.fromEntries(Object.keys(this.cache.preventDefault).map(n=>[n,defaultValue]));
-        Object.assign(this.cache[methode], {...all,...overrides});
-        return this       
-    }
-    preventDefault(overrides = {}, defaultValue = "default"){
-        this.#override("preventDefault", overrides, defaultValue);
-        // const all=Object.fromEntries(Object.keys(this.cache.preventDefault).map(n=>[n,defaultValue]))
-        // Object.assign(this.cache.preventDefault, {...all,...overrides});
-        return this;
-    }
-    stopPropagation(overrides = {}, defaultValue = "default"){
-        this.#override("stopPropagation", overrides, defaultValue);
-        return this;
-    }
-    stopImmediatePropagation(overrides = {}, defaultValue = "default"){
-        this.#override("stopImmediatePropagation", overrides, defaultValue);
-        return this;
-    }
-    setEventOptions(event, options){
-        this.pause({[event] : true, }, "default");
-        Object.assign(this.cache.options[getEvent(event)], options);
-        this.resume({[event] : true, }, "default");
-        return this;
-    }
-    pause(overrides = {}, defaultValue = "default"){
-        const all = defaultValue === "default" 
-          ? this.cache.stream.enabled
-          : Object.entries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-        overrides={...all,...overrides};
-        for(let key in overrides){
-            if(overrides[key]){
-                this.targetElement?.removeEventListener(key, this.cache.__controllers__[key], this.cache.options[key]);
-                this.cache.paused[key]=true;
-            }
-        }
-        return this;
-    }
-    resume(overrides = {}, defaultValue = "default"){
-        const all = defaultValue === "default" 
-          ? this.cache.stream.enabled
-          : Object.entries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-        overrides={...all,...overrides};
-        for(let key in overrides){
-            if(overrides[key]){
-                this.targetElement?.addEventListener(key,this.cache.__controllers__[key], this.cache.options[key]);
-                this.cache.paused[key]=false;
-            }
-        }
-        return this;
-     }
-    stream(overrides = {}, defaultValue = "default"){
-        this.cache.stream.t0=Date.now();
-        const all=Object.fromEntries(Object.keys(this.cache.stream.enabled).map(n=>[n,defaultValue]));
-        overrides={...all,...overrides};
-        Object.assign(this.cache.stream.enabled,overrides);
-        return this;
-     }
-    clear(){
-
-    }
-    dispose(overrides = {}, defaultValue = "default"){
-        this.pause(overrides, defaultValue);
-
-        return this;
-    }
-}
-
-// export * from "./click.js";
-// export * from "./key.js";
-// export * from "./pointer.js"
-
-var EventsExp = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    __ZikoEvent__: __ZikoEvent__,
-    getEvent: getEvent
-});
-
 const Reactivity={
     ...Events,
     ...Observer,
     ...Hooks,
-    ...EventsExp,
 };
 
 class ZikoUIElement {
@@ -7101,6 +6930,22 @@ var Grid$2 = /*#__PURE__*/Object.freeze({
     ZikoUIGrid: ZikoUIGrid
 });
 
+const tags = new Proxy({}, {
+  get(target, prop) {
+    if (typeof prop !== 'string') return undefined;
+    let tag = prop.replaceAll("_","-").toLowerCase();
+    switch(tag){
+      case "html"  :
+      case "head"  :
+      case "style" :
+      case "link"  :
+      case "meta"  :
+      case "srcipt":
+      case "body"  : return null;      default : return new ZikoUIElement(tag);
+    }
+  }
+});
+
 const UI$1 = {
     ...Text$1,
     ...List,
@@ -9466,4 +9311,4 @@ function RemoveAll(){
     Data.RemoveAll();
 }
 
-export { App$1 as App, Article, Aside, Base, Canvas, Combinaison, Complex, E, EPSILON, Ease, FileBasedRouting, Flex, Footer, Form, Grid$1 as Grid, HTMLWrapper, Header, LinearSystem, Logic$1 as Logic, Main, Matrix, Nav, PI$1 as PI, Permutation, Random, SPA, SVGWrapper, Section, Str, Suspense, Svg, Table$1 as Table, Utils$1 as Utils, ZikoApp, ZikoCustomEvent, ZikoEvent, ZikoEventClick, ZikoEventClipboard, ZikoEventHash, ZikoEventInput, ZikoEventKey, ZikoEventMouse, ZikoEventPointer, ZikoEventSwipe, ZikoEventWheel, ZikoHead$1 as ZikoHead, ZikoJsonStyleSheet, ZikoMutationObserver, ZikoSPA, ZikoUIAbbrText, ZikoUIArticle, ZikoUIAside, ZikoUIAudio, ZikoUIBlockQuote, ZikoUIBr, ZikoUICanvas, ZikoUICodeText, ZikoUIDefintion, ZikoUIElement, ZikoUIFigure, ZikoUIFlex, ZikoUIFooter, ZikoUIForm, ZikoUIGrid, ZikoUIHTMLWrapper, ZikoUIHeader, ZikoUIHeading, ZikoUIHr, ZikoUIHtmlTag, ZikoUIImage, ZikoUIInput, ZikoUIInputCheckbox, ZikoUIInputColor, ZikoUIInputDatalist$1 as ZikoUIInputDatalist, ZikoUIInputDate, ZikoUIInputDateTime, ZikoUIInputEmail, ZikoUIInputImage, ZikoUIInputNumber, ZikoUIInputOption, ZikoUIInputPassword, ZikoUIInputRadio, ZikoUIInputSearch, ZikoUIInputSlider$1 as ZikoUIInputSlider, ZikoUIInputTime, ZikoUILabel, ZikoUILink, ZikoUIMain, ZikoUINav, ZikoUIParagraphe, ZikoUIQuote, ZikoUISVGWrapper, ZikoUISection, ZikoUISelect, ZikoUISubText, ZikoUISupText, ZikoUISuspense, ZikoUISvg, ZikoUIText, ZikoUITextArea, ZikoUIVideo, ZikoUIXMLWrapper, ZikoUseRoot, ZikoUseStyle, __CACHE__, __Config__, __HYDRATION_MAP__, __UI__, __ZikoEvent__, abbrText, abs, accum, acos, acosh, acot, add, arange, arr2str, asin, asinh, atan, atan2, atanh, audio, bessel, beta, blockQuote, br, brs, btn, cartesianProduct, ceil, checkbox, choleskyDecomposition, clamp, codeText, combinaison, complex, cos, cosh, cot, coth, count, countWords, csc, csv2arr, csv2json, csv2matrix, csv2object, csv2sql, datalist, Ziko as default, defineParamsGetter, deg2rad, dfnText, div, e, fact, figure, floor, gamma, geomspace, getEvent, h, h1, h2, h3, h4, h5, h6, hTags, hr, hrs, html, hypot, image, inRange, input, inputCamera, inputColor, inputDate, inputDateTime, inputEmail, inputImage, inputNumber, inputPassword, inputTime, isApproximatlyEqual, json2arr, json2css, json2csv, json2csvFile, json2xml, json2xmlFile, json2yml, json2ymlFile, jsonStyleSheet, lerp, li, link, linspace, ln, logspace, luDecomposition, map, mapfun$1 as mapfun, matrix, matrix2, matrix3, matrix4, max, min, modulo, mul, norm, nums, obj2str, ol, ones, p, pgcd, pow, powerSet, ppcm, preload, prod, qrDecomposition, quote, rad2deg, radio, removeExtraSpace, round, s, sTags, search, sec, select, sig, sign, sin, sinc, sinh, slider, sqrt, sqrtn, str, sub, subSet, subText, sum, supText, svg2ascii, svg2img, svg2imgUrl, svg2str, tan, tanh, text, textarea, timeTaken, time_memory_Taken, ul, useAnimation, useChannel$1 as useChannel, useClickEvent, useClipboardEvent, useCustomEvent, useDebounce, useDragEvent, useDropEvent, useEventEmitter, useFavIcon$1 as useFavIcon, useFocusEvent, useFps, useHashEvent, useHead$1 as useHead, useInputEvent, useKeyEvent, useLocaleStorage, useMediaQuery, useMeta$1 as useMeta, useMouseEvent, usePointerEvent, useRoot, useRootValue, useSessionStorage, useStyle, useSuccesifKeys, useSwipeEvent, useThread, useThrottle, useTimeLoop, useTitle$1 as useTitle, useType, useWheelEvent, video, wait, waitForUIElm, waitForUIElmSync, watch, watchAttr, watchChildren, watchIntersection, watchScreen, watchSize, zeros };
+export { App$1 as App, Article, Aside, Base, Canvas, Combinaison, Complex, E, EPSILON, Ease, FileBasedRouting, Flex, Footer, Form, Grid$1 as Grid, HTMLWrapper, Header, LinearSystem, Logic$1 as Logic, Main, Matrix, Nav, PI$1 as PI, Permutation, Random, SPA, SVGWrapper, Section, Str, Suspense, Svg, Table$1 as Table, Utils$1 as Utils, ZikoApp, ZikoCustomEvent, ZikoEvent, ZikoEventClick, ZikoEventClipboard, ZikoEventHash, ZikoEventInput, ZikoEventKey, ZikoEventMouse, ZikoEventPointer, ZikoEventSwipe, ZikoEventWheel, ZikoHead$1 as ZikoHead, ZikoJsonStyleSheet, ZikoMutationObserver, ZikoSPA, ZikoUIAbbrText, ZikoUIArticle, ZikoUIAside, ZikoUIAudio, ZikoUIBlockQuote, ZikoUIBr, ZikoUICanvas, ZikoUICodeText, ZikoUIDefintion, ZikoUIElement, ZikoUIFigure, ZikoUIFlex, ZikoUIFooter, ZikoUIForm, ZikoUIGrid, ZikoUIHTMLWrapper, ZikoUIHeader, ZikoUIHeading, ZikoUIHr, ZikoUIHtmlTag, ZikoUIImage, ZikoUIInput, ZikoUIInputCheckbox, ZikoUIInputColor, ZikoUIInputDatalist$1 as ZikoUIInputDatalist, ZikoUIInputDate, ZikoUIInputDateTime, ZikoUIInputEmail, ZikoUIInputImage, ZikoUIInputNumber, ZikoUIInputOption, ZikoUIInputPassword, ZikoUIInputRadio, ZikoUIInputSearch, ZikoUIInputSlider$1 as ZikoUIInputSlider, ZikoUIInputTime, ZikoUILabel, ZikoUILink, ZikoUIMain, ZikoUINav, ZikoUIParagraphe, ZikoUIQuote, ZikoUISVGWrapper, ZikoUISection, ZikoUISelect, ZikoUISubText, ZikoUISupText, ZikoUISuspense, ZikoUISvg, ZikoUIText, ZikoUITextArea, ZikoUIVideo, ZikoUIXMLWrapper, ZikoUseRoot, ZikoUseStyle, __CACHE__, __Config__, __HYDRATION_MAP__, __UI__, abbrText, abs, accum, acos, acosh, acot, add, arange, arr2str, asin, asinh, atan, atan2, atanh, audio, bessel, beta, blockQuote, br, brs, btn, cartesianProduct, ceil, checkbox, choleskyDecomposition, clamp, codeText, combinaison, complex, cos, cosh, cot, coth, count, countWords, csc, csv2arr, csv2json, csv2matrix, csv2object, csv2sql, datalist, Ziko as default, defineParamsGetter, deg2rad, dfnText, div, e, fact, figure, floor, gamma, geomspace, h, h1, h2, h3, h4, h5, h6, hTags, hr, hrs, html, hypot, image, inRange, input, inputCamera, inputColor, inputDate, inputDateTime, inputEmail, inputImage, inputNumber, inputPassword, inputTime, isApproximatlyEqual, json2arr, json2css, json2csv, json2csvFile, json2xml, json2xmlFile, json2yml, json2ymlFile, jsonStyleSheet, lerp, li, link, linspace, ln, logspace, luDecomposition, map, mapfun$1 as mapfun, matrix, matrix2, matrix3, matrix4, max, min, modulo, mul, norm, nums, obj2str, ol, ones, p, pgcd, pow, powerSet, ppcm, preload, prod, qrDecomposition, quote, rad2deg, radio, removeExtraSpace, round, s, sTags, search, sec, select, sig, sign, sin, sinc, sinh, slider, sqrt, sqrtn, str, sub, subSet, subText, sum, supText, svg2ascii, svg2img, svg2imgUrl, svg2str, tags, tan, tanh, text, textarea, timeTaken, time_memory_Taken, ul, useAnimation, useChannel$1 as useChannel, useClickEvent, useClipboardEvent, useCustomEvent, useDebounce, useDragEvent, useDropEvent, useEventEmitter, useFavIcon$1 as useFavIcon, useFocusEvent, useFps, useHashEvent, useHead$1 as useHead, useInputEvent, useKeyEvent, useLocaleStorage, useMediaQuery, useMeta$1 as useMeta, useMouseEvent, usePointerEvent, useRoot, useRootValue, useSessionStorage, useStyle, useSuccesifKeys, useSwipeEvent, useThread, useThrottle, useTimeLoop, useTitle$1 as useTitle, useType, useWheelEvent, video, wait, waitForUIElm, waitForUIElmSync, watch, watchAttr, watchChildren, watchIntersection, watchScreen, watchSize, zeros };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziko",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "description": "a versatile javaScript framework offering a rich set of UI components, advanced mathematical utilities, reactivity, animations, client side routing and graphics capabilities",
   "keywords": [
     "front-end",
@@ -31,7 +31,27 @@
     ".": {
       "import": "./dist/ziko.mjs",
       "require": "./dist/ziko.cjs"
-    }
+    },
+    "./helpers": {
+      "import" : "./src/__helpers__.js"
+    },
+    "./events": {
+      "import": "./src/events/index.js"
+    },
+    "./ui":{
+      "import": "./src/ui/index.js",
+      "type": "./src/ui/index.d.ts"
+    },
+    "./tags":{
+      "import": "./src/tags/index.js"
+    },
+    "./src": "./src/index.js",
+    "./math": {},
+    "./html": {},
+    "./app": {},
+    "./time": {},
+    "./use": {},
+    "./components": {}
   },
   "bin": {
     "create-ziko-app": "starter/bin/index.js"
@@ -59,7 +79,8 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "cross-env": "^7.0.3",
-    "eslint": "^8.52.0",
+    "eslint": "^8.57.1",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-spellcheck": "^0.0.20",
     "jasmine": "^5.3.0",
     "rollup": "^4.1.5",

package/src/__helpers__/index.js

@@ -46,12 +46,12 @@ class B{
     }
 }
 
-class AB {
-    constructor() {
-        this.msg="from AB"
-        mixin(this.__proto__, A, B);
-    }
-}
+// class AB {
+//     constructor() {
+//         this.msg="from AB"
+//         mixin(this.__proto__, A, B);
+//     }
+// }
 
 // ab=new AB()
 export{

package/src/app/index.js

@@ -1,14 +1,14 @@
-export * from "./ziko-app";
-export * from "./json-style-sheet";
-export * from "./spa"
-export * from "./params"
-export * from "./globals"
-export * from "./spa-file-based-routing"
+export * from "./ziko-app.js";
+export * from "./json-style-sheet.js";
+export * from "./spa.js"
+export * from "./params.js"
+export * from "./globals.js"
+export * from "./spa-file-based-routing.js"
 
-import * as __App__ from "./ziko-app"
-import * as JsonStyleSheet from "./json-style-sheet"
-import * as Spa from "./spa"
-import * as Global from "./globals"
+import * as __App__ from "./ziko-app.js"
+import * as JsonStyleSheet from "./json-style-sheet.js"
+import * as Spa from "./spa.js"
+import * as Global from "./globals.js"
 // import * as Params from "./params"
 
 const App={

package/src/app/json-style-sheet.js

@@ -1,4 +1,4 @@
-import { json2css } from "../data";
+import { json2css } from "../data/index.js";
 class ZikoJsonStyleSheet{
     constructor(JsonStyle={}){
         this.cache={

package/src/app/routes.js

@@ -1,4 +1,3 @@
-
 function routesMatcher(mask, route) {
     const maskSegments = mask.split('/');
     const routeSegments = route.split('/');

package/src/app/spa-file-based-routing.js

@@ -1,5 +1,5 @@
-import { SPA } from "./spa";
-import { Section } from "../ui";
+import { SPA } from "./spa.js";
+import { Section } from "../ui/index.js";
 // import.meta.glob('./src/pages/**/*.js')
 async function FileBasedRouting(pages /* use import.meta.glob */){
    const routes = Object.keys(pages)

package/src/app/spa.js

@@ -1,6 +1,6 @@
-import { text } from "../ui";
-import { dynamicRoutesParser,routesMatcher,isDynamic } from "./routes";
-import { ZikoApp } from "./ziko-app";
+import { text } from "../ui/index.js";
+import { dynamicRoutesParser,routesMatcher,isDynamic } from "./routes.js";
+import { ZikoApp } from "./ziko-app.js";
 class ZikoSPA extends ZikoApp{
     constructor({head, wrapper, target, routes}){
         super({head, wrapper, target})

package/src/app/ziko-app.js

@@ -1,4 +1,4 @@
-import { ZikoHead , useHead} from "../reactivity/hooks/Head";
+import { ZikoHead , useHead} from "../reactivity/hooks/Head/index.js";
 class ZikoApp {
     constructor({head = null, wrapper = null, target = null}){
         this.head = head;

package/src/{reactivity/events-exp → events}/__ZikoEvent__.js

@@ -3,8 +3,9 @@ function event_controller(e, event_name, details_setter, customizer, push_object
     this.cache.currentEvent = event_name;
     this.cache.event = e;
     details_setter?.call(this);
-    if(customizer?.hasOwnProperty("prototype"))customizer?.call(this)
-    else customizer?.call(null, this)
+    customizer?.hasOwnProperty("prototype") ? customizer?.call(this) : customizer?.call(null, this);
+    // if(customizer?.hasOwnProperty("prototype")) customizer?.call(this)
+    // else customizer?.call(null, this)
     if(this.cache.preventDefault[event_name]) e.preventDefault();
     if(this.cache.stopPropagation[event_name]) e.stopPropagation();
     if(this.cache.stopImmediatePropagation[event_name]) e.stopImmediatePropagation();
@@ -145,7 +146,7 @@ class __ZikoEvent__ {
         return this;
      }
     clear(){
-
+        return this;
     }
     dispose(overrides = {}, defaultValue = "default"){
         this.pause(overrides, defaultValue);

package/src/{reactivity/events-exp → events}/click.js

@@ -10,10 +10,9 @@ function details_setter(){
     else this.dx = 1
     // console.log(this.currentEvent)
 }
-const __useClickEvent = (target, customizer) => new ZikoEventClick(target, customizer)
+const bindClickEvent = (target, customizer) => new ZikoEventClick(target, customizer)
 
-globalThis.expClick = __useClickEvent
 export{
-    __useClickEvent,
+    bindClickEvent,
     ZikoEventClick
 }

package/src/events/clipboard.js

@@ -0,0 +1,16 @@
+import { __ZikoEvent__ } from "./__ZikoEvent__.js";
+import { Events } from "./__Events__.js";
+class ZikoEventClipboard extends __ZikoEvent__{
+    constructor(target, customizer){
+        super(target, Events.Clipboard, details_setter, customizer)
+    }
+}
+function details_setter(){
+
+}
+const bindClipboardEvent = (target, customizer) => new ZikoEventClipboard(target, customizer)
+
+export{
+    bindClipboardEvent,
+    ZikoEventClipboard
+}

package/src/events/drag.js

@@ -0,0 +1,16 @@
+import { __ZikoEvent__ } from "./__ZikoEvent__.js";
+import { Events } from "./__Events__.js";
+class ZikoEventDrag extends __ZikoEvent__{
+    constructor(target, customizer){
+        super(target, Events.Drag, details_setter, customizer)
+    }
+}
+function details_setter(){
+
+}
+const bindDragEvent = (target, customizer) => new ZikoEventDrag(target, customizer)
+
+export{
+    bindDragEvent,
+    ZikoEventDrag
+}

package/src/events/focus.js

@@ -0,0 +1,16 @@
+import { __ZikoEvent__ } from "./__ZikoEvent__.js";
+import { Events } from "./__Events__.js";
+class ZikoEventFocus extends __ZikoEvent__{
+    constructor(target, customizer){
+        super(target, Events.Focus, details_setter, customizer)
+    }
+}
+function details_setter(){
+
+}
+const bindFocusEvent = (target, customizer) => new ZikoEventFocus(target, customizer)
+
+export{
+    bindFocusEvent,
+    ZikoEventFocus
+}

package/src/events/hash.js

@@ -0,0 +1,16 @@
+import { __ZikoEvent__ } from "./__ZikoEvent__.js";
+import { Events } from "./__Events__.js";
+class ZikoEventHash extends __ZikoEvent__{
+    constructor(target, customizer){
+        super(target, Events.Hash, details_setter, customizer)
+    }
+}
+function details_setter(){
+
+}
+const bindHashEvent = (target, customizer) => new ZikoEventHash(target, customizer)
+
+export{
+    bindHashEvent,
+    ZikoEventHash
+}

package/src/events/index.d.ts

@@ -0,0 +1,3 @@
+export type * from "./types/pointer.d.ts"
+export type * from "./types/clipboard.d.ts"
+export type * from "./types/focus.d.ts"

package/src/events/index.js

@@ -0,0 +1,15 @@
+export * from "./click.js";
+export * from "./clipboard.js";
+// export * from "./custom-event.js";
+export * from "./drag.js";
+export * from "./focus.js";
+export * from "./hash.js";
+export * from "./key.js";
+export * from "./mouse.js";
+export * from "./pointer.js";
+export * from "./touch.js";
+export * from "./wheel.js";
+
+export * from "./__ZikoEvent__.js";
+export * from "./utils.js";
+

package/src/{reactivity/events-exp → events}/key.js

@@ -19,9 +19,9 @@ function details_setter(){
 
     }
 }
-const __useKeyEvent = (target, customizer) => new ZikoEventKey(target, customizer)
+const bindKeyEvent = (target, customizer) => new ZikoEventKey(target, customizer)
 
 export{
-    __useKeyEvent,
+    bindKeyEvent,
     ZikoEventKey
 }

package/src/events/mouse.js

@@ -0,0 +1,16 @@
+import { __ZikoEvent__ } from "./__ZikoEvent__.js";
+import { Events } from "./__Events__.js";
+class ZikoEventMouse extends __ZikoEvent__{
+    constructor(target, customizer){
+        super(target, Events.Mouse, details_setter, customizer)
+    }
+}
+function details_setter(){
+
+}
+const bindMouseEvent = (target, customizer) => new ZikoEventMouse(target, customizer)
+
+export{
+    bindMouseEvent,
+    ZikoEventMouse
+}

package/src/{reactivity/events-exp → events}/pointer.js

@@ -16,7 +16,7 @@ function details_setter(){
         case "pointermove" : {
             this.mx = parseInt(this.event.offsetX);
             this.my = parseInt(this.event.offsetY);
-            this.isMove = true
+            this.isMoving = true
         }; break;
         case "pointerup" : {
             this.ux = parseInt(this.event.offsetX);
@@ -39,10 +39,9 @@ function details_setter(){
     // else this.dx = 1
     // console.log(this.currentEvent)
 }
-const __usePointerEvent = (target, customizer) => new ZikoEventPointer(target, customizer)
+const bindPointerEvent = (target, customizer) => new ZikoEventPointer(target, customizer)
 
-globalThis.expPointer = __usePointerEvent
 export{
-    __usePointerEvent,
+    bindPointerEvent,
     ZikoEventPointer
 }

package/src/events/touch.js

@@ -0,0 +1,16 @@
+import { __ZikoEvent__ } from "./__ZikoEvent__.js";
+import { Events } from "./__Events__.js";
+class ZikoEventTouch extends __ZikoEvent__{
+    constructor(target, customizer){
+        super(target, Events.Touch, details_setter, customizer)
+    }
+}
+function details_setter(){
+
+}
+const bindTouchEvent = (target, customizer) => new ZikoEventTouch(target, customizer)
+
+export{
+    bindTouchEvent,
+    ZikoEventTouch
+}