ziko 1.7.0 → 1.9.0

package/src/events-dep/custom-events-registry/swipe.js

@@ -1,76 +0,0 @@
-class SwipeEvent extends CustomEvent {
-  constructor(type, detail) {
-    super(type, {
-      detail,
-      bubbles: true,
-      cancelable: true
-    });
-  }
-}
-
-function register_swipe_event(
-  element,
-  threshold = 50,
-  restraint = 100,
-  allowedTime = 500
-) {
-  let startX = 0,
-      startY = 0,
-      startTime = 0,
-      isPointerDown = false;
-
-  function onPointerDown(e) {
-    startX = e.clientX;
-    startY = e.clientY;
-    startTime = performance.now();
-    isPointerDown = true;
-  }
-
-  function onPointerUp(e) {
-    if (!isPointerDown) return;
-    isPointerDown = false;
-
-    const distX = e.clientX - startX;
-    const distY = e.clientY - startY;
-    const elapsed = performance.now() - startTime;
-
-    let direction = null;
-    let eventName = null;
-
-    if (elapsed <= allowedTime) {
-      if (Math.abs(distX) >= threshold && Math.abs(distY) <= restraint) {
-        direction = distX < 0 ? "left" : "right";
-        eventName = "swipe" + direction;
-      } 
-      else if (Math.abs(distY) >= threshold && Math.abs(distX) <= restraint) {
-        direction = distY < 0 ? "up" : "down";
-        eventName = "swipe" + direction;
-      }
-    }
-
-    // Emit event
-    if (eventName) {
-      element.dispatchEvent(
-        new SwipeEvent(eventName, {
-          direction,
-          distX,
-          distY,
-          originalEvent: e
-        })
-      );
-    }
-  }
-
-  element.addEventListener("pointerdown", onPointerDown, { passive: true });
-  element.addEventListener("pointerup", onPointerUp, { passive: true });
-
-  return () => {
-    element.removeEventListener("pointerdown", onPointerDown);
-    element.removeEventListener("pointerup", onPointerUp);
-  };
-}
-
-export {
-  SwipeEvent,
-  register_swipe_event
-};

package/src/events-dep/custom-events-registry/view.js

@@ -1,74 +0,0 @@
-import { throttle } from "../../time/decorators/index.js";
-class ViewEvent extends CustomEvent {
-    constructor(type, detail, { bubbles = true, cancelable = true } = {}) {
-        super(type, { detail, bubbles, cancelable });
-    }
-}
-
-function register_view_event(
-    element,
-    {
-        intersection = true,
-        resize = true,
-        threshold = 0,
-        throttleResize = 100,
-        throttleEnterExit = 0
-    } = {}
-) {
-    let intersectionObserver, resizeObserver;
-    const resizeCallback = entries => {
-        for (let entry of entries) {
-            const { width, height } = entry.contentRect;
-
-            element.dispatchEvent(
-                new ViewEvent("resizeview", {
-                    width,
-                    height,
-                    entry
-                })
-            );
-        }
-    };
-
-    const throttledResize = throttleResize > 0
-        ? throttle(resizeCallback, throttleResize)
-        : resizeCallback;
-
-    const intersectionCallback = entries => {
-        for (let entry of entries) {
-            const type = entry.isIntersecting ? "enterview" : "exitview";
-            element.dispatchEvent(new ViewEvent(type, entry));
-        }
-    };
-
-    const throttledIntersections = throttleEnterExit > 0
-        ? throttle(intersectionCallback, throttleEnterExit)
-        : intersectionCallback;
-
-    if (intersection) {
-        intersectionObserver = new IntersectionObserver(throttledIntersections, { threshold });
-        intersectionObserver.observe(element);
-    }
-
-    if (resize) {
-        resizeObserver = new ResizeObserver(throttledResize);
-        resizeObserver.observe(element);
-    }
-
-    // ---- UNREGISTER ----
-    return () => {
-        if (intersectionObserver) {
-            intersectionObserver.unobserve(element);
-            intersectionObserver.disconnect();
-        }
-        if (resizeObserver) {
-            resizeObserver.unobserve(element);
-            resizeObserver.disconnect();
-        }
-    };
-}
-
-export {
-    ViewEvent,
-    register_view_event
-};

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

@@ -1,4 +0,0 @@
-export * from './key.js'
-export * from './pointer.js'
-export * from './mouse.js'
-export * from './touch.js'

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

@@ -1,14 +0,0 @@
-export function key_details_setter(){
-    switch(this.currentEvent){
-        case "keydown" : {
-            this.kd = this.event.key
-        }; break;
-        case "keypress" : {
-            this.kp = this.event.key
-        }; break;
-        case "keyup" : {
-            this.ku = this.event.key
-        }; break;
-
-    }
-}

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