ziko 1.7.0 → 1.8.0

package/src/events-dep/details-setter/mouse.js

@@ -1,35 +0,0 @@
-export function mouse_details_setter() {
-    const rect = this.targetElement.getBoundingClientRect();
-    const e = this.event;
-    let x = (e.clientX - rect.left) | 0;
-    let y = (e.clientY - rect.top) | 0;
-
-    if(this.cache.useNormalisedCoordinates){
-        const w = this.targetElement.clientWidth;
-        const h = this.targetElement.clientHeight;
-        x = +((x / w) * 2 - 1).toFixed(8);
-        y = +((y / h) * -2 + 1).toFixed(8);
-    }
-
-    switch (this.currentEvent) {
-
-        case "mousedown":
-            this.dx = x;
-            this.dy = y;
-            this.isDown = true;
-            break;
-
-        case "mousemove":
-            this.mx = x;
-            this.my = y;
-            this.isMoving = true;
-            break;
-
-        case "mouserup":
-            this.ux = x;
-            this.uy = y;
-            this.isDown = false;
-            this.isMoving = false;
-            break;
-    }
-}

package/src/events-dep/details-setter/pointer.js

@@ -1,35 +0,0 @@
-export function ptr_details_setter() {
-    const rect = this.targetElement.getBoundingClientRect();
-    const e = this.event;
-    let x = (e.clientX - rect.left) | 0;
-    let y = (e.clientY - rect.top) | 0;
-
-    if(this.cache.useNormalisedCoordinates){
-        const w = this.targetElement.clientWidth;
-        const h = this.targetElement.clientHeight;
-        x = +((x / w) * 2 - 1).toFixed(8);
-        y = +((y / h) * -2 + 1).toFixed(8);
-    }
-    switch (this.currentEvent) {
-
-        case "pointerdown":
-            this.dx = x;
-            this.dy = y;
-            this.isDown = true;
-            break;
-
-        case "pointermove":
-            this.mx = x;
-            this.my = y;
-            this.isMoving = true;
-            break;
-
-        case "pointerup":
-            this.ux = x;
-            this.uy = y;
-            this.isDown = false;
-            this.isMoving = false;
-            break;
-    }
-}
-

package/src/events-dep/details-setter/touch.js

@@ -1,37 +0,0 @@
-export function touch_details_setter() {
-    const e = this.event;
-    const touch = e.touches?.[0] || e.changedTouches?.[0];
-
-    if (!touch) return; // should never happen but safe
-
-    const rect = this.targetElement.getBoundingClientRect();
-    let x = touch.clientX - rect.left;
-    let y = touch.clientY - rect.top;
-
-    if(this.cache.useNormalisedCoordinates){
-        const w = this.targetElement.clientWidth;
-        const h = this.targetElement.clientHeight;
-        x = +((x / w) * 2 - 1).toFixed(8);
-        y = +((y / h) * -2 + 1).toFixed(8);
-    }
-
-    switch (this.currentEvent) {
-        case "touchstart":
-            this.dx = x;
-            this.dy = y;
-            this.isDown = true;
-            break;
-
-        case "touchmove":
-            this.mx = x;
-            this.my = y;
-            this.isMoving = true;
-            break;
-
-        case "touchend":
-            this.ux = x;
-            this.uy = y;
-            this.isDown = false;
-            break;
-    }
-}

package/src/events-dep/events-map/index.js

@@ -1,70 +0,0 @@
-const EventsMap = {
-    'Click' : [
-        'Click',
-        'DblClick',
-        'ClickAway'
-    ],
-    'Ptr' : [
-        'PtrMove',
-        'PtrDown',
-        'PtrUp',
-        'PtrLeave',
-        'PtrEnter',
-        'PtrOut',
-        'PtrCancel'
-    ],
-    'Mouse' : [
-        'MouseMove',
-        'MouseDown',
-        'MouseUp',
-        'MouseEnter',
-        'MouseLeave',
-        'MouseOut'
-    ],
-    // 'Touch' : [],
-    'Key' : [
-        'KeyDown',
-        'KeyPress',
-        'KeyUp'
-    ],
-    'Clipboard':[
-        'Copy',
-        'Cut',
-        'Paste'
-    ],
-    'Focus':[
-        'focus',
-        'blur'
-    ],
-    'Drag':[
-        "Drag",
-        "DragStart",
-        "DragEnd",
-        "Drop"
-    ],
-    'Wheel': [
-        'Wheel'
-    ],
-    // 'Media':[
-
-    // ],
-    // 'Hash':[
-    //     "HashChange"
-    // ]
-
-    'View':[
-        'EnterView',
-        'ExitView',
-        'ResizeView'
-    ],
-    'Swipe':[
-        'SwipeLeft',
-        'SwipeUp',
-        'SwipeRight',
-        'SwipeDown'
-    ]
-}
-
-export {
-    EventsMap
-}

package/src/events-dep/index.js

@@ -1,3 +0,0 @@
-// export * from './binders/index.js'
-// export * from "./ziko-event.js"
-// export * from "./utils.js";

package/src/events-dep/types/__Shared__.d.ts

@@ -1,155 +0,0 @@
-export type EventCustomizer = ((this: ZikoEvent) => void) | ((ctx: ZikoEvent) => void);
-
-export type EventMethodesBinder<
-  EventKeys extends string,
-  InstanceType
-> = {
-  [K in EventKeys as `on${K}`]: (...callbacks: ((ctx: InstanceType) => void)[]) => InstanceType
-};
-
-export type Callback<InstanceType> = (ctx: InstanceType) => void;
-
-export interface ZikoEventStream {
-  enabled: Record<string, boolean>;
-  clear: Record<string, boolean>;
-  history: Record<string, any[]>;
-  t0?: number;
-}
-
-export interface ZikoEventCache {
-  currentEvent: string | null;
-  event: Event | null;
-  options: Record<string, AddEventListenerOptions>;
-  preventDefault: Record<string, boolean>;
-  stopPropagation: Record<string, boolean>;
-  stopImmediatePropagation: Record<string, boolean>;
-  event_flow: Record<string, unknown>;
-  paused: Record<string, boolean>;
-  stream: ZikoEventStream;
-  callbacks: Record<string, ((e: any) => void)[]>;
-  __controllers__: Record<string, (e: Event) => void>;
-}
-
-export declare class ZikoEvent {
-  constructor(
-    target: any,
-    Events: string[],
-    details_setter?: (this: ZikoEvent) => void,
-    customizer?: EventCustomizer
-  );
-
-  target: any;
-  cache: ZikoEventCache;
-
-  get targetElement(): HTMLElement | null;
-  get isParent(): boolean;
-  get item(): any;
-  get currentEvent(): string | null;
-  get event(): Event | null;
-
-  _register_events(
-    Events: string[] | undefined,
-    details_setter: (e: this) => any,
-    customizer: (e: this) => any, // To Check
-    REGISTER_METHODES?: boolean
-  ): this;
-
-  setTarget(UI: any): this;
-
-  preventDefault(
-    overrides?: Partial<Record<string, boolean>>,
-    defaultValue?: boolean | "default"
-  ): this;
-
-  stopPropagation(
-    overrides?: Partial<Record<string, boolean>>,
-    defaultValue?: boolean | "default"
-  ): this;
-
-  stopImmediatePropagation(
-    overrides?: Partial<Record<string, boolean>>,
-    defaultValue?: boolean | "default"
-  ): this;
-
-  setEventOptions(
-    event: string,
-    options: AddEventListenerOptions
-  ): this;
-
-  pause(
-    overrides?: Partial<Record<string, boolean>>,
-    defaultValue?: boolean | "default"
-  ): this;
-
-  resume(
-    overrides?: Partial<Record<string, boolean>>,
-    defaultValue?: boolean | "default"
-  ): this;
-
-  stream(
-    overrides?: Partial<Record<string, boolean>>,
-    defaultValue?: boolean | "default"
-  ): this;
-
-  clear(): this;
-
-  dispose(
-    overrides?: Partial<Record<string, boolean>>,
-    defaultValue?: boolean | "default"
-  ): this;
-
-  // Internal
-  protected __handle(
-    event: string,
-    handler: EventListenerOrEventListenerObject,
-    options?: AddEventListenerOptions,
-    dispose?: any
-  ): this;
-
-  protected __onEvent(
-    event: string,
-    options?: AddEventListenerOptions,
-    dispose?: any,
-    ...callbacks: ((ctx: this) => void)[]
-  ): this;
-}
-// export type ClickEventKeys = 
-//         | 'Click'
-//         | 'DblClick';
-
-// export type PointerEventKeys =
-//         | 'PtrMove'
-//         | 'PtrDown'
-//         | 'PtrUp'
-//         | 'PtrLeave'
-//         | 'PtrEnter'
-//         | 'PtrOut'
-//         | 'PtrCancel'
-
-// export type MouseEventKeys = 
-//         | 'MouseMove'
-//         | 'MouseDown';
-// export type TouchEventKeys = 
-//         | 'ToucMove'
-//         | 'ToucDown';
-// export type KeyEventKeys = 
-//         | 'keyDown'
-//         | 'keyPress'
-//         | 'keyUs';
-// export type ClipboardEventKeys = 
-//         | 'Copy'
-//         | 'Cut'
-//         | 'Paste';
-// export type FocusEventKeys = 
-//         | 'focus'
-//         | 'blur';
-// export type DragEventKeys = 
-//         | 'Drag'
-//         | 'DragStart'
-//         | 'DragEnd'
-//         | 'Drop';        
-// export type MediaEventKeys = 
-//         | '__';
-// export type HashEventKeys = 
-//         | 'HashChange'
-  

package/src/events-dep/types/clipboard.d.ts

@@ -1,20 +0,0 @@
-import { ZikoEvent } from "../ziko-event.js";
-import type { Callback, ClipboardEventKeys } from './__Shared__.js';
-import { UIElement } from "../../ui/index.js";
-
-declare class ZikoEventClipboard extends ZikoEvent {
-  constructor(target: any, customizer?: Function);
-
-  // Explicitly declare the dynamic methods to get editor support
-    onCopy(...callbacks: Callback<ZikoEventClipboard>[]): this;
-    onCut(...callbacks: Callback<ZikoEventClipboard>[]): this;
-    onPaste(...callbacks: Callback<ZikoEventClipboard>[]): this;
-
-}
-
-declare const bind_clipboard_event: (target: UIElement, customizer?: Function) => ZikoEventClipboard;
-
-export {
-  ZikoEventClipboard,
-  bind_clipboard_event,
-};

package/src/events-dep/types/focus.d.ts

@@ -1,19 +0,0 @@
-import { ZikoEvent } from "../ziko-event.js";
-import type { Callback } from './__Shared__.js';
-import { UIElement } from "../../ui/index.js";
-
-declare class ZikoEventFocus extends ZikoEvent {
-  constructor(target: any, customizer?: Function);
-
-  // Explicitly declare the dynamic methods to get editor support
-    onFocus(...callbacks: Callback<ZikoEventFocus>[]): this;
-    onBlur(...callbacks: Callback<ZikoEventFocus>[]): this;
-
-}
-
-declare const bind_focus_event: (target: UIElement, customizer?: Function) => ZikoEventFocus;
-
-export {
-  ZikoEventFocus,
-  bind_focus_event,
-};

package/src/events-dep/types/pointer.d.ts

@@ -1,45 +0,0 @@
-import { ZikoEvent } from "../ziko-event.js";
-import type { EventMethodesBinder, Callback, PointerEventKeys } from './__Shared__.js';
-import { UIElement } from "../../ui/index.js";
-
-type PointerEventMethodesBinder = EventMethodesBinder<PointerEventKeys, ZikoEventPointer>;
-
-declare class ZikoEventPointer extends ZikoEvent implements PointerEventMethodesBinder {
-  constructor(target: any, customizer?: Function);
-
-  isDown: boolean;
-
-  dx?: number;
-  dy?: number;
-
-  mx?: number;
-  my?: number;
-  isMoving?: boolean;
-
-  ux?: number;
-  uy?: number;
-
-  swippe?: {
-    h: "left" | "right" | "none";
-    v: "top" | "bottom" | "none";
-    delta_x: number;
-    delta_y: number;
-  };
-
-  // Explicitly declare the dynamic methods to get editor support
-    onPtrMove(...callbacks: Callback<ZikoEventPointer>[]): this;
-    onPtrDown(...callbacks: Callback<ZikoEventPointer>[]): this;
-    onPtrUp(...callbacks: Callback<ZikoEventPointer>[]): this;
-    onPtrLeave(...callbacks: Callback<ZikoEventPointer>[]): this;
-    onPtrEnter(...callbacks: Callback<ZikoEventPointer>[]): this;
-    onPtrOut(...callbacks: Callback<ZikoEventPointer>[]): this;
-    onPtrCancel(...callbacks: Callback<ZikoEventPointer>[]): this;
-
-}
-
-declare const bind_pointer_event: (target: UIElement, customizer?: Function) => ZikoEventPointer;
-
-export {
-  ZikoEventPointer,
-  bind_pointer_event,
-};

package/src/events-dep/utils.js

@@ -1,38 +0,0 @@
-export function event_controller(e, event_name, details_setter, customizer) {
-    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();
-
-    // Call the single callback if it exists
-    this.cache.callbacks[event_name]?.(this);
-}
-
-export function toggle_event_listener(method, ...events) {
-    const keys = events.length === 0
-        ? Object.keys(this.cache.paused) 
-        : events;
-    keys.forEach(key => {
-        if (!this.cache.paused.hasOwnProperty(key)) return;
-        this.targetElement?.[method](
-            key,
-            this.cache.__controllers__[key],
-            this.cache.options[key]
-        );
-        this.cache.paused[key] = method === 'removeEventListener';
-    });
-    return this;
-}
-const getEvent=(event = "")=>{
-    if(event.startsWith("Ptr"))return `pointer${event.split("Ptr")[1].toLowerCase()}`;
-    return event.toLowerCase()
-}
-export{
-    getEvent
-}

package/src/events-dep/ziko-event.js

@@ -1,108 +0,0 @@
-import { 
-    getEvent,
-    event_controller,
-    toggle_event_listener
-} from './utils.js'
-class ZikoEvent {
-    constructor(signature, target = null, Events = [], details_setter, customizer){
-        this.target = target;
-        this.cache = {
-            signature,
-            currentEvent : null,
-            event: null,
-            options : {},
-            preventDefault : {},
-            stopPropagation : {},
-            stopImmediatePropagation : {},
-            paused : {},
-            callbacks : {},
-            __controllers__:{}
-        }
-        if (Events) this._register_events(Events, details_setter, customizer);
-    }
-    _register_events(Events, details_setter, customizer, REGISTER_METHODES = true) {
-        const events = Events?.map(n => getEvent(n));
-        events?.forEach((event, i) => {
-            this.cache.preventDefault[event] = false;
-            this.cache.options[event] = {};
-            this.cache.paused[event] = false;
-            this.cache.__controllers__[event] = (e) =>
-                event_controller.call(this, e, event, details_setter, customizer);
-            if (REGISTER_METHODES) {
-                this[`on${Events[i]}`] = (callback) =>
-                    this.__onEvent(event, this.cache.options[event], {}, callback);
-            }
-        });
-        return this;
-    }
-    __onEvent(event, options, dispose, callback) {
-        if (!callback) return this;
-        this.cache.callbacks[event] = callback;
-        this.__handle(event, this.cache.__controllers__[event], options, dispose);
-        return this;
-    }
-    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;
-    }
-    get detail(){
-        return this.cache.event.detail
-    }
-    setTarget(UI){
-        this.target = UI;
-        return this;
-    }
-    __handle(event, handler, options){
-        this.targetElement?.addEventListener(event, handler, options);
-        return this;
-    }
-    #override(method, ...events) {
-        const keys = events.length === 0 ? Object.keys(this.cache[method]) : events
-        keys.forEach(e => {
-            if (this.cache[method].hasOwnProperty(e)) this.cache[method][e] = true;
-        });
-        return this;
-    }
-    preventDefault(...events) {
-        return this.#override('preventDefault', ...events);
-    }
-    stopPropagation(...events) {
-        return this.#override('stopPropagation', ...events);
-    }
-    stopImmediatePropagation(...events) {
-        return this.#override('stopImmediatePropagation', ...events);
-    }
-    setEventOptions(event, options){
-        const evt = getEvent(event);
-        this.pause();
-        Object.assign(this.cache.options[evt], options);
-        this.resume();
-        return this;
-    }
-    pause(...events) {
-        return toggle_event_listener.call(this, 'removeEventListener', ...events)
-    }
-    resume(...events) {
-        return toggle_event_listener.call(this, 'addEventListener', ...events);
-    }
-    dispose(){
-        this.pause();
-        this.target.events[this.cache.signature] = null
-        return this;
-    }
-}
-export {
-    ZikoEvent,
-    getEvent
-}

package/src/watch/dom-observer/ziko-observer.js

@@ -1,15 +0,0 @@
-class ZikoDomObserver{
-    constructor(UIElement, options = {}){
-        this.cache = {
-            target : UIElement,
-            options : options,
-            observer : null
-        }
-    }
-    disconnect(){
-
-    }
-    stream(){
-        
-    }
-}