@e280/sly 0.2.0-3 → 0.2.0-30

package/x/view/utils/parts/context.js

@@ -0,0 +1,10 @@
+/** the information we need to render a view. */
+export class ViewContext {
+    props;
+    attrs = new Map();
+    children = [];
+    constructor(props) {
+        this.props = props;
+    }
+}
+//# sourceMappingURL=context.js.map

package/x/view/utils/parts/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../s/view/utils/parts/context.ts"],"names":[],"mappings":"AAIA,gDAAgD;AAChD,MAAM,OAAO,WAAW;IAGJ;IAFnB,KAAK,GAAG,IAAI,GAAG,EAAqB,CAAA;IACpC,QAAQ,GAAc,EAAE,CAAA;IACxB,YAAmB,KAAY;QAAZ,UAAK,GAAL,KAAK,CAAO;IAAG,CAAC;CACnC"}

package/x/view/utils/parts/directive.d.ts

@@ -0,0 +1,5 @@
+import { DirectiveResult } from "lit/async-directive.js";
+import { ViewFn } from "../../types.js";
+import { ViewContext } from "./context.js";
+/** creates a lit directive fn, which when called, emits a funky lit thing to inject in your html templates. */
+export declare function makeViewDirective<Props extends any[]>(viewFn: ViewFn<Props>, settings: ShadowRootInit): (context: ViewContext<Props>) => DirectiveResult;

package/x/view/utils/parts/directive.js

@@ -0,0 +1,18 @@
+import { AsyncDirective, directive } from "lit/async-directive.js";
+import { ViewCapsule } from "./capsule.js";
+/** creates a lit directive fn, which when called, emits a funky lit thing to inject in your html templates. */
+export function makeViewDirective(viewFn, settings) {
+    return directive(class ViewDirective extends AsyncDirective {
+        #capsule = new ViewCapsule(viewFn, settings);
+        render(context) {
+            return this.#capsule.update(context);
+        }
+        disconnected() {
+            this.#capsule.disconnected();
+        }
+        reconnected() {
+            this.#capsule.reconnected();
+        }
+    });
+}
+//# sourceMappingURL=directive.js.map

package/x/view/utils/parts/directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.js","sourceRoot":"","sources":["../../../../s/view/utils/parts/directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAAE,SAAS,EAAkB,MAAM,wBAAwB,CAAA;AAEjF,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAA;AAGxC,+GAA+G;AAC/G,MAAM,UAAU,iBAAiB,CAC/B,MAAqB,EACrB,QAAwB;IAGzB,OAAO,SAAS,CAAC,MAAM,aAAc,SAAQ,cAAc;QAC1D,QAAQ,GAAG,IAAI,WAAW,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;QAE5C,MAAM,CAAC,OAA2B;YACjC,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACrC,CAAC;QAED,YAAY;YACX,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAA;QAC7B,CAAC;QAED,WAAW;YACV,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAA;QAC5B,CAAC;KACD,CAAqD,CAAA;AACvD,CAAC"}

package/x/view/utils/parts/sly-view.d.ts

@@ -0,0 +1,5 @@
+/** <sly-view> element that views are rendered into. */
+export declare class SlyView extends HTMLElement {
+    #private;
+    static make(): SlyView;
+}

package/x/view/utils/parts/sly-view.js

@@ -0,0 +1,13 @@
+import { dom } from "../../../dom/dom.js";
+/** <sly-view> element that views are rendered into. */
+export class SlyView extends HTMLElement {
+    static #registered = false;
+    static make() {
+        if (!this.#registered) {
+            dom.register({ SlyView }, { soft: true, upgrade: true });
+            this.#registered = true;
+        }
+        return document.createElement("sly-view");
+    }
+}
+//# sourceMappingURL=sly-view.js.map

package/x/view/utils/parts/sly-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sly-view.js","sourceRoot":"","sources":["../../../../s/view/utils/parts/sly-view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,qBAAqB,CAAA;AAEvC,uDAAuD;AACvD,MAAM,OAAO,OAAQ,SAAQ,WAAW;IACvC,MAAM,CAAC,WAAW,GAAG,KAAK,CAAA;IAC1B,MAAM,CAAC,IAAI;QACV,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACvB,GAAG,CAAC,QAAQ,CAAC,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAA;YACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;QACxB,CAAC;QACD,OAAO,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAY,CAAA;IACrD,CAAC"}

package/x/view/view.d.ts

@@ -0,0 +1,11 @@
+import { Content, ViewFn } from "./types.js";
+import { BaseElement } from "../base/element.js";
+import { Use } from "../base/use.js";
+export declare function view<Props extends any[]>(fn: ViewFn<Props>): import("./types.js").View<Props>;
+export declare namespace view {
+    var settings: (settings: ShadowRootInit) => {
+        render: <Props extends any[]>(fn: ViewFn<Props>) => import("./types.js").View<Props>;
+    };
+    var render: typeof view;
+    var component: (fn: (use: Use) => Content) => import("./types.js").ComponentClass<typeof BaseElement, []>;
+}

package/x/view/view.js

@@ -0,0 +1,15 @@
+import { makeView } from "./utils/make-view.js";
+import { BaseElement } from "../base/element.js";
+export function view(fn) {
+    return makeView(fn, { mode: "open" });
+}
+view.settings = (settings) => ({
+    render: (fn) => {
+        return makeView(fn, settings);
+    }
+});
+view.render = view;
+view.component = (fn) => (view(use => () => fn(use))
+    .component(BaseElement)
+    .props(() => []));
+//# sourceMappingURL=view.js.map

package/x/view/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../s/view/view.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAG9C,MAAM,UAAU,IAAI,CAAsB,EAAiB;IAC1D,OAAO,QAAQ,CAAC,EAAE,EAAE,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,CAAA;AACpC,CAAC;AAED,IAAI,CAAC,QAAQ,GAAG,CAAC,QAAwB,EAAE,EAAE,CAAC,CAAC;IAC9C,MAAM,EAAE,CAAsB,EAAiB,EAAE,EAAE;QAClD,OAAO,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAA;IAC9B,CAAC;CACD,CAAC,CAAA;AAEF,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;AAElB,IAAI,CAAC,SAAS,GAAG,CAAC,EAAyB,EAAE,EAAE,CAAC,CAC/C,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;KACxB,SAAS,CAAC,WAAW,CAAC;KACtB,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CACjB,CAAA"}

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/s/ops/loaders/make-loader.ts

@@ -1,18 +0,0 @@
-
-import {Op} from "../op.js"
-import {braille} from "./parts/anims.js"
-import {Content} from "../../views/types.js"
-import {ErrorDisplay} from "./parts/error-display.js"
-
-export * as anims from "./parts/anims.js"
-
-export type Loader = <V>(op: Op<V>, ready: (value: V) => Content) => Content
-
-export function makeLoader(
-		loading: () => Content = braille,
-		error: (error: any) => Content = (error: any) => ErrorDisplay(error),
-	): Loader {
-
-	return (op, ready) => op.select({loading, ready, error})
-}
-

package/s/views/attributes.ts

@@ -1,89 +0,0 @@
-
-export type AttrKind = (
-	| typeof String
-	| typeof Number
-	| typeof Boolean
-)
-
-export type AttrType<H extends AttrKind> = (
-	H extends typeof String
-		? string | undefined
-
-	: H extends typeof Number
-		? number | undefined
-
-	: H extends typeof Boolean
-		? boolean
-
-	: never
-)
-
-export type AttrSpec = {
-	[key: string]: AttrKind
-}
-
-export type AttrTypes<A extends AttrSpec> = {
-	[P in keyof A]: AttrType<A[P]>
-}
-
-export const attributes = <A extends AttrSpec>(
-		element: HTMLElement,
-		spec: A,
-	) => new Proxy(spec, {
-
-	get: (_target, name: string) => {
-		const type = spec[name]
-		const raw = element.getAttribute(name)
-
-		switch (type) {
-			case String:
-				return raw ?? undefined
-
-			case Number:
-				return raw !== null
-					? Number(raw)
-					: undefined
-
-			case Boolean:
-				return raw !== null
-
-			default:
-				throw new Error(`invalid attribute type for "${name}"`)
-		}
-	},
-
-	set: (_target, name: string, value: any) => {
-		const type = spec[name]
-
-		switch (type) {
-			case String: {
-				element.setAttribute(name, value)
-				return true
-			}
-
-			case Number: {
-				element.setAttribute(name, value.toString())
-				return true
-			}
-
-			case Boolean: {
-				if (value)
-					element.setAttribute(name, "")
-				else
-					element.removeAttribute(name)
-				return true
-			}
-
-			default:
-				throw new Error(`invalid attribute type for "${name}"`)
-		}
-	},
-
-}) as any as AttrTypes<A>
-
-export function onAttrChange(element: HTMLElement, fn: () => void) {
-	const observer = new MutationObserver(fn)
-	observer.observe(element, {attributes: true})
-	return () => observer.disconnect()
-}
-

package/s/views/types.ts

@@ -1,40 +0,0 @@
-
-import {Constructor} from "@e280/stz"
-import {DirectiveResult} from "lit/directive.js"
-import {CSSResultGroup, TemplateResult} from "lit"
-
-import {Use} from "./use.js"
-
-export type Content = TemplateResult | DirectiveResult | HTMLElement | string | null | undefined | void | Content[]
-export type AttrValue = string | boolean | number | undefined | null | void
-
-export type Component<Props extends any[] = []> = {
-	render(...props: Props): void
-} & HTMLElement
-
-export type ComponentFn = (use: Use) => Content
-export type ViewFn<Props extends any[]> = (use: Use) => (...props: Props) => Content
-export type BasicView<Props extends any[]> = (...props: Props) => DirectiveResult<any>
-export type View<Props extends any[]> = BasicView<Props> & {
-	props: (...props: Props) => ViewChain
-	component: (...props: Props) => Constructor<Component>
-}
-
-export type ViewSettings = ShadowRootInit & {
-	tag?: string
-	name?: string
-	styles?: CSSResultGroup
-}
-
-export type ViewChain = {
-	children(...c: Content[]): ViewChain
-	attrs(a: Record<string, AttrValue>): ViewChain
-	attr(n: string, v: AttrValue): ViewChain
-	render(): DirectiveResult<any>
-}
-
-export type ViewContext = {
-	children: Content[]
-	attrs: Record<string, AttrValue>
-}
-

package/s/views/utils/apply-attrs.ts

@@ -1,33 +0,0 @@
-
-import {AttrValue} from "../types.js"
-
-export function applyAttrs(
-		element: HTMLElement,
-		attrs: Record<string, AttrValue>,
-	) {
-
-	for (const [key, value] of Object.entries(attrs)) {
-		if (value === undefined)
-			element.removeAttribute(key)
-
-		else if (value === null)
-			element.removeAttribute(key)
-
-		else if (typeof value === "string")
-			element.setAttribute(key, value)
-
-		else if (typeof value === "number")
-			element.setAttribute(key, value.toString())
-
-		else if (typeof value === "boolean") {
-			if (value === true)
-				element.setAttribute(key, "")
-			else
-				element.removeAttribute(key)
-		}
-
-		else
-			console.warn(`invalid attribute type ${key} is ${typeof value}`)
-	}
-}
-

package/s/views/view.ts

@@ -1,150 +0,0 @@
-
-import {render} from "lit"
-import {debounce, MapG} from "@e280/stz"
-import {directive} from "lit/directive.js"
-import {tracker} from "@e280/strata/tracker"
-import {AsyncDirective} from "lit/async-directive.js"
-
-import {register} from "../dom/register.js"
-import {applyAttrs} from "./utils/apply-attrs.js"
-import {applyStyles} from "./utils/apply-styles.js"
-import {Use, _wrap, _disconnect, _reconnect} from "./use.js"
-import {AttrValue, ComponentFn, Content, View, ViewFn, ViewSettings, ViewContext} from "./types.js"
-
-export const view = setupView({mode: "open"})
-export class SlyView extends HTMLElement {}
-register({SlyView}, {soft: true, upgrade: true})
-
-function setupView(settings: ViewSettings) {
-	function view<Props extends any[]>(fn: ViewFn<Props>): View<Props> {
-		type Situation = {
-			getElement: () => HTMLElement
-			isComponent: boolean
-		}
-
-		const make = (situation: Situation) => class ViewDirective extends AsyncDirective {
-			#element = situation.getElement()
-			#shadow = this.#element.attachShadow(settings)
-			#renderDebounced = debounce(0, () => this.#renderNow())
-			#tracking = new MapG<any, () => void>
-			#params!: {context: ViewContext, props: Props}
-
-			#use = new Use(
-				this.#element,
-				this.#shadow,
-				() => this.#renderNow(),
-				this.#renderDebounced,
-			)
-
-			#fn = (() => {
-				const fn2 = fn(this.#use)
-				this.#element.setAttribute("view", settings.name ?? "")
-				if (settings.styles) applyStyles(this.#shadow, settings.styles)
-				return fn2
-			})()
-
-			#renderNow() {
-				if (!this.#params) return
-				if (!this.isConnected) return
-				const {context: w, props} = this.#params
-
-				this.#use[_wrap](() => {
-					// apply html attributes
-					applyAttrs(this.#element, w.attrs)
-
-					// render the template, tracking strata items
-					const {result, seen} = tracker.observe(() => this.#fn(...props))
-
-					// inject the template
-					render(result, this.#shadow)
-
-					// reacting to changes
-					for (const item of seen)
-						this.#tracking.guarantee(
-							item,
-							() => tracker.subscribe(item, async() => this.#renderDebounced()),
-						)
-
-					// inject content into light dom
-					if (!situation.isComponent)
-						render(w.children, this.#element)
-				})
-			}
-
-			render(context: ViewContext, props: Props) {
-				this.#params = {context: context, props}
-				this.#renderNow()
-				return situation.isComponent ? null : this.#element
-			}
-
-			disconnected() {
-				this.#use[_disconnect]()
-				for (const untrack of this.#tracking.values())
-					untrack()
-				this.#tracking.clear()
-			}
-
-			reconnected() {
-				this.#use[_reconnect]()
-			}
-		}
-
-		const d = directive(make({
-			getElement: () => document.createElement(settings.tag ?? "sly-view"),
-			isComponent: false,
-		}))
-
-		const freshViewContext = (): ViewContext => ({attrs: {}, children: []})
-	
-		function rendy(...props: Props) {
-			return d(freshViewContext(), props)
-		}
-
-		rendy.props = (...props: Props) => {
-			let ctx = freshViewContext()
-			const chain = {
-				children(...children: Content[]) {
-					ctx = {...ctx, children: [...ctx.children, ...children]}
-					return chain
-				},
-				attrs(attrs: Record<string, AttrValue>) {
-					ctx = {...ctx, attrs: {...ctx.attrs, ...attrs}}
-					return chain
-				},
-				attr(name: string, value: AttrValue) {
-					ctx = {...ctx, attrs: {...ctx.attrs, [name]: value}}
-					return chain
-				},
-				render() {
-					return d(ctx, props)
-				},
-			}
-			return chain
-		}
-
-		rendy.component = (...props: Props) => class extends HTMLElement {
-			#directive = directive(
-				make({
-					getElement: () => this,
-					isComponent: true,
-				})
-			)
-			constructor() {
-				super()
-				this.render(...props)
-			}
-			render(...props: Props) {
-				if (this.isConnected)
-					render(this.#directive(freshViewContext(), props), this)
-			}
-		}
-
-		return rendy
-	}
-
-	view.declare = view
-	view.settings = (settings2: Partial<ViewSettings>) => setupView({...settings, ...settings2})
-	view.component = (fn: ComponentFn) => view(use => () => fn(use)).component()
-	return view
-}
-

package/x/dom/dashify.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dashify.js","sourceRoot":"","sources":["../../s/dom/dashify.ts"],"names":[],"mappings":"AACA;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,KAAa;IACpC,OAAO,KAAK,CAAC,OAAO,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAA;AAClE,CAAC"}

package/x/dom/register.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"register.js","sourceRoot":"","sources":["../../s/dom/register.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AAQpC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,QAAQ,CACtB,QAAW,EACX,UAAwC,EAAE;IAG3C,MAAM,EACL,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,IAAI,GACd,GAAG,OAAO,CAAA;IAEX,KAAK,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;QACzB,MAAM,OAAO,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAEvC,IAAI,IAAI,IAAI,OAAO;YAClB,SAAQ;QAET,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;QAEnC,IAAI,OAAO;YACV,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBAChD,IAAI,OAAO,CAAC,WAAW,KAAK,WAAW;oBACtC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;IACJ,CAAC;AACF,CAAC"}

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

package/x/ops/loaders/make-loader.d.ts

@@ -1,5 +0,0 @@
-import { Op } from "../op.js";
-import { Content } from "../../views/types.js";
-export * as anims from "./parts/anims.js";
-export type Loader = <V>(op: Op<V>, ready: (value: V) => Content) => Content;
-export declare function makeLoader(loading?: () => Content, error?: (error: any) => Content): Loader;

package/x/ops/loaders/make-loader.js

@@ -1,7 +0,0 @@
-import { braille } from "./parts/anims.js";
-import { ErrorDisplay } from "./parts/error-display.js";
-export * as anims from "./parts/anims.js";
-export function makeLoader(loading = braille, error = (error) => ErrorDisplay(error)) {
-    return (op, ready) => op.select({ loading, ready, error });
-}
-//# sourceMappingURL=make-loader.js.map

package/x/ops/loaders/make-loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"make-loader.js","sourceRoot":"","sources":["../../../s/ops/loaders/make-loader.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAA;AAExC,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAA;AAErD,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAA;AAIzC,MAAM,UAAU,UAAU,CACxB,UAAyB,OAAO,EAChC,QAAiC,CAAC,KAAU,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;IAGrE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,CAAA;AACzD,CAAC"}