@e280/sly 0.2.0-3 → 0.2.0-5

package/s/loot/drag-drop.ts

@@ -1,76 +0,0 @@
-
-import {signal} from "@e280/strata"
-import {dragIsOutsideCurrentTarget} from "./helpers.js"
-
-/** system for dragging-and-dropping things around on a webpage */
-export class DragDrop<Grabbed, Hovering> {
-	#$grabbed = signal<Grabbed | undefined>(undefined)
-	#$hovering = signal<Hovering | undefined>(undefined)
-
-	constructor(private params: {
-
-		/** accept a dropped item that was declared within this system */
-		acceptDrop: (event: DragEvent, grabbed: Grabbed, hovering: Hovering) => void
-
-		/** accept undeclared drops from outside this system */
-		fromOutside?: {
-			predicate: (event: DragEvent, hovering: Hovering) => boolean
-			acceptDrop: (event: DragEvent, hovering: Hovering) => void
-		}
-	}) {}
-
-	/** make event listeners to attach to your dragzone(s) */
-	readonly dragzone = {
-		draggable: () => "true",
-
-		dragstart: (grabbed: Grabbed) => (_: DragEvent) => {
-			this.#$grabbed.value = grabbed
-		},
-
-		dragend: () => (_: DragEvent) => {
-			this.#$grabbed.value = undefined
-			this.#$hovering.value = undefined
-		},
-	}
-
-	/** make event listeners to attach to your dropzones(s) */
-	readonly dropzone = {
-		dragenter: () => (_: DragEvent) => {},
-
-		dragleave: () => (event: DragEvent) => {
-			if (dragIsOutsideCurrentTarget(event))
-				this.#$hovering.value = undefined
-		},
-
-		dragover: (hovering: Hovering) => (event: DragEvent) => {
-			event.preventDefault()
-			const {fromOutside} = this.params
-
-			if (this.#$grabbed() || (fromOutside && fromOutside.predicate(event, hovering)))
-				this.#$hovering.value = hovering
-		},
-
-		drop: (hovering: Hovering) => (event: DragEvent) => {
-			event.preventDefault()
-			const {acceptDrop, fromOutside} = this.params
-
-			const grabbed = this.#$grabbed()
-			this.#$grabbed.value = undefined
-			this.#$hovering.value = undefined
-
-			if (grabbed)
-				acceptDrop(event, grabbed, hovering)
-			else if (fromOutside && fromOutside.predicate(event, hovering))
-				fromOutside.acceptDrop(event, hovering)
-		},
-	}
-
-	get grabbed() {
-		return this.#$grabbed()
-	}
-
-	get hovering() {
-		return this.#$hovering()
-	}
-}
-

package/x/loot/drag-drop.d.ts

@@ -1,29 +0,0 @@
-/** system for dragging-and-dropping things around on a webpage */
-export declare class DragDrop<Grabbed, Hovering> {
-    #private;
-    private params;
-    constructor(params: {
-        /** accept a dropped item that was declared within this system */
-        acceptDrop: (event: DragEvent, grabbed: Grabbed, hovering: Hovering) => void;
-        /** accept undeclared drops from outside this system */
-        fromOutside?: {
-            predicate: (event: DragEvent, hovering: Hovering) => boolean;
-            acceptDrop: (event: DragEvent, hovering: Hovering) => void;
-        };
-    });
-    /** make event listeners to attach to your dragzone(s) */
-    readonly dragzone: {
-        draggable: () => string;
-        dragstart: (grabbed: Grabbed) => (_: DragEvent) => void;
-        dragend: () => (_: DragEvent) => void;
-    };
-    /** make event listeners to attach to your dropzones(s) */
-    readonly dropzone: {
-        dragenter: () => (_: DragEvent) => void;
-        dragleave: () => (event: DragEvent) => void;
-        dragover: (hovering: Hovering) => (event: DragEvent) => void;
-        drop: (hovering: Hovering) => (event: DragEvent) => void;
-    };
-    get grabbed(): Grabbed | undefined;
-    get hovering(): Hovering | undefined;
-}

package/x/loot/drag-drop.js

@@ -1,54 +0,0 @@
-import { signal } from "@e280/strata";
-import { dragIsOutsideCurrentTarget } from "./helpers.js";
-/** system for dragging-and-dropping things around on a webpage */
-export class DragDrop {
-    params;
-    #$grabbed = signal(undefined);
-    #$hovering = signal(undefined);
-    constructor(params) {
-        this.params = params;
-    }
-    /** make event listeners to attach to your dragzone(s) */
-    dragzone = {
-        draggable: () => "true",
-        dragstart: (grabbed) => (_) => {
-            this.#$grabbed.value = grabbed;
-        },
-        dragend: () => (_) => {
-            this.#$grabbed.value = undefined;
-            this.#$hovering.value = undefined;
-        },
-    };
-    /** make event listeners to attach to your dropzones(s) */
-    dropzone = {
-        dragenter: () => (_) => { },
-        dragleave: () => (event) => {
-            if (dragIsOutsideCurrentTarget(event))
-                this.#$hovering.value = undefined;
-        },
-        dragover: (hovering) => (event) => {
-            event.preventDefault();
-            const { fromOutside } = this.params;
-            if (this.#$grabbed() || (fromOutside && fromOutside.predicate(event, hovering)))
-                this.#$hovering.value = hovering;
-        },
-        drop: (hovering) => (event) => {
-            event.preventDefault();
-            const { acceptDrop, fromOutside } = this.params;
-            const grabbed = this.#$grabbed();
-            this.#$grabbed.value = undefined;
-            this.#$hovering.value = undefined;
-            if (grabbed)
-                acceptDrop(event, grabbed, hovering);
-            else if (fromOutside && fromOutside.predicate(event, hovering))
-                fromOutside.acceptDrop(event, hovering);
-        },
-    };
-    get grabbed() {
-        return this.#$grabbed();
-    }
-    get hovering() {
-        return this.#$hovering();
-    }
-}
-//# sourceMappingURL=drag-drop.js.map

package/x/loot/drag-drop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drag-drop.js","sourceRoot":"","sources":["../../s/loot/drag-drop.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAA;AACnC,OAAO,EAAC,0BAA0B,EAAC,MAAM,cAAc,CAAA;AAEvD,kEAAkE;AAClE,MAAM,OAAO,QAAQ;IAIA;IAHpB,SAAS,GAAG,MAAM,CAAsB,SAAS,CAAC,CAAA;IAClD,UAAU,GAAG,MAAM,CAAuB,SAAS,CAAC,CAAA;IAEpD,YAAoB,MAUnB;QAVmB,WAAM,GAAN,MAAM,CAUzB;IAAG,CAAC;IAEL,yDAAyD;IAChD,QAAQ,GAAG;QACnB,SAAS,EAAE,GAAG,EAAE,CAAC,MAAM;QAEvB,SAAS,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC,CAAC,CAAY,EAAE,EAAE;YACjD,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,OAAO,CAAA;QAC/B,CAAC;QAED,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAY,EAAE,EAAE;YAC/B,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,SAAS,CAAA;YAChC,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,SAAS,CAAA;QAClC,CAAC;KACD,CAAA;IAED,0DAA0D;IACjD,QAAQ,GAAG;QACnB,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,CAAY,EAAE,EAAE,GAAE,CAAC;QAErC,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,KAAgB,EAAE,EAAE;YACrC,IAAI,0BAA0B,CAAC,KAAK,CAAC;gBACpC,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,SAAS,CAAA;QACnC,CAAC;QAED,QAAQ,EAAE,CAAC,QAAkB,EAAE,EAAE,CAAC,CAAC,KAAgB,EAAE,EAAE;YACtD,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,MAAM,EAAC,WAAW,EAAC,GAAG,IAAI,CAAC,MAAM,CAAA;YAEjC,IAAI,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;gBAC9E,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,QAAQ,CAAA;QAClC,CAAC;QAED,IAAI,EAAE,CAAC,QAAkB,EAAE,EAAE,CAAC,CAAC,KAAgB,EAAE,EAAE;YAClD,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,MAAM,EAAC,UAAU,EAAE,WAAW,EAAC,GAAG,IAAI,CAAC,MAAM,CAAA;YAE7C,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;YAChC,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,SAAS,CAAA;YAChC,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,SAAS,CAAA;YAEjC,IAAI,OAAO;gBACV,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;iBAChC,IAAI,WAAW,IAAI,WAAW,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC;gBAC7D,WAAW,CAAC,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;QACzC,CAAC;KACD,CAAA;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,SAAS,EAAE,CAAA;IACxB,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,UAAU,EAAE,CAAA;IACzB,CAAC;CACD"}

package/x/loot/drop.js

@@ -1,32 +0,0 @@
-import { signal } from "@e280/strata";
-import { dragIsOutsideCurrentTarget } from "./helpers.js";
-/** dropzone that accepts dropped stuff like files */
-export class Drop {
-    params;
-    #$indicator = signal(false);
-    constructor(params) {
-        this.params = params;
-    }
-    get indicator() {
-        return this.#$indicator.value;
-    }
-    resetIndicator = () => {
-        this.#$indicator.value = false;
-    };
-    dragover = (event) => {
-        event.preventDefault();
-        if (this.params.predicate(event))
-            this.#$indicator.value = true;
-    };
-    dragleave = (event) => {
-        if (dragIsOutsideCurrentTarget(event))
-            this.#$indicator.value = false;
-    };
-    drop = (event) => {
-        event.preventDefault();
-        this.#$indicator.value = false;
-        if (this.params.predicate(event))
-            this.params.acceptDrop(event);
-    };
-}
-//# sourceMappingURL=drop.js.map

package/x/loot/drop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drop.js","sourceRoot":"","sources":["../../s/loot/drop.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAA;AACnC,OAAO,EAAC,0BAA0B,EAAC,MAAM,cAAc,CAAA;AAEvD,qDAAqD;AACrD,MAAM,OAAO,IAAI;IAGI;IAFpB,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE3B,YAAoB,MAOnB;QAPmB,WAAM,GAAN,MAAM,CAOzB;IAAG,CAAC;IAEL,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAA;IAC9B,CAAC;IAED,cAAc,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;IAC/B,CAAC,CAAA;IAED,QAAQ,GAAG,CAAC,KAAgB,EAAE,EAAE;QAC/B,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;YAC/B,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,CAAA;IAC/B,CAAC,CAAA;IAED,SAAS,GAAG,CAAC,KAAgB,EAAE,EAAE;QAChC,IAAI,0BAA0B,CAAC,KAAK,CAAC;YACpC,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;IAChC,CAAC,CAAA;IAED,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;QAC3B,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,KAAK,CAAA;QAC9B,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;CACD"}