@e280/sly 0.2.5 → 0.3.0-2

package/x/view/types.d.ts

@@ -1,26 +1,18 @@
 import { TemplateResult } from "lit";
-import { Constructor } from "@e280/stz";
-import { DirectiveResult } from "lit/directive.js";
-import { Use } from "../base/use.js";
-import { BaseElement } from "../base/element.js";
-import { ViewChain } from "./utils/parts/chain.js";
+import { DirectiveResult } from "lit/async-directive.js";
 export type Content = TemplateResult | DirectiveResult | HTMLElement | string | null | undefined | void | Content[];
-export type ViewFn<Props extends any[]> = ((use: Use) => (...props: Props) => Content);
-export type View<Props extends any[]> = {
-    (...props: Props): DirectiveResult;
-    props: (...props: Props) => ViewChain<Props>;
-    transmute: <PropsB extends any[]>(convert: (...propsB: PropsB) => Props) => View<PropsB>;
-    component: <B extends Constructor<BaseElement>>(Base?: B) => {
-        props: (propFn: (component: InstanceType<B>) => Props) => (ComponentClass<B, Props>);
-    };
-    naked: (host: HTMLElement) => NakedView<Props>;
+export type View<Props extends any[]> = (...props: Props) => Content;
+export type ViewAttr = string | number | boolean;
+export type ViewAttrs = Record<string, ViewAttr>;
+export type Placement<Props extends any[]> = {
+    props: Props;
+    children?: Content;
+    attrs?: ViewAttrs;
 };
-export type ViewProps<V extends View<any>> = (V extends View<infer Props> ? Props : never);
-export type ComponentClass<B extends Constructor<BaseElement>, Props extends any[]> = {
-    view: View<Props>;
-    new (): InstanceType<B>;
-} & B;
-export type NakedView<Props extends any[]> = {
+export type ShadowView<Props extends any[]> = View<Props> & {
+    with: (placement: Placement<Props>) => Content;
+};
+export type ShadowSetup = {
     host: HTMLElement;
-    render: (...props: Props) => void;
+    shadow: ShadowRoot;
 };

package/s/demo/views/counter.ts

@@ -1,50 +0,0 @@
-
-import {css, html} from "lit"
-
-import {dom} from "../../dom/dom.js"
-import {view} from "../../view/view.js"
-import {cssReset} from "../../base/css-reset.js"
-import {BaseElement} from "../../base/element.js"
-
-export const CounterView = view(use => (start: number, step: number) => {
-	use.name("counter")
-	use.styles(cssReset, styles)
-
-	const $count = use.signal(start)
-	const increment = () => { $count.value += step }
-
-	return html`
-		<slot></slot>
-		<div>
-			<span>${$count()}</span>
-		</div>
-		<div>
-			<button @click="${increment}">++</button>
-		</div>
-	`
-})
-
-// convert a view into a web component
-export class CounterComponent extends (
-	CounterView
-		.component(class extends BaseElement {
-			attrs = dom.attrs(this).spec({
-				start: Number,
-				step: Number,
-			})
-		})
-		.props(c => [c.attrs.start ?? 0, c.attrs.step ?? 1])
-) {}
-
-const styles = css`
-:host {
-	display: flex;
-	justify-content: center;
-	gap: 1em;
-}
-
-button {
-	padding: 0.2em 0.5em;
-}
-`
-

package/s/demo/views/fastcount.ts

@@ -1,29 +0,0 @@
-
-import {css, html} from "lit"
-import {nap, cycle} from "@e280/stz"
-
-import {dom} from "../../dom/dom.js"
-import {Use} from "../../base/use.js"
-import {BaseElement} from "../../base/element.js"
-
-export class FastcountElement extends BaseElement {
-	static styles = css`span{color:orange}`
-
-	attrs = dom.attrs(this).spec({value: Number})
-	something = {whatever: "rofl"}
-
-	render(use: Use) {
-		const {value = 1} = this.attrs
-		const $count = use.signal(0)
-
-		use.mount(() => cycle(async() => {
-			await nap(10)
-			await $count($count() + 1)
-		}))
-
-		return html`
-			<span>${$count() * value}</span>
-		`
-	}
-}
-

package/s/demo/views/mounting.ts

@@ -1,36 +0,0 @@
-
-import {html} from "lit"
-import {cycle, nap} from "@e280/stz"
-import {view} from "../../view/view.js"
-
-export const MountingTest = view(use => () => {
-	const $toggle = use.signal(false)
-
-	use.mount(() => cycle(async() => {
-		await nap(1000)
-		$toggle(!$toggle())
-	}))
-
-	return $toggle()
-		? TestAlpha()
-		: html`bravo`
-})
-
-export const TestAlpha = view(() => () => {
-	return html`
-		<span>${TestCharlie()}</span>
-	`
-})
-
-
-export const TestCharlie = view(use => () => {
-	use.mount(() => {
-		// console.log("mount")
-		return () => {
-			// console.log("unmount")
-		}
-	})
-
-	return html`charlie`
-})
-

package/x/base/css-reset.js

@@ -1,19 +0,0 @@
-import { css } from "lit";
-export const cssReset = css `
-	@layer reset {
-		* {
-			margin: 0;
-			padding: 0;
-			box-sizing: border-box;
-
-			scrollbar-width: thin;
-			scrollbar-color: #888 transparent;
-		}
-
-		::-webkit-scrollbar { width: 8px; }
-		::-webkit-scrollbar-track { background: transparent; }
-		::-webkit-scrollbar-thumb { background: #333; border-radius: 1em; }
-		::-webkit-scrollbar-thumb:hover { background: #444; }
-	}
-`;
-//# sourceMappingURL=css-reset.js.map

package/x/base/css-reset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-reset.js","sourceRoot":"","sources":["../../s/base/css-reset.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAA;AAEvC,MAAM,CAAC,MAAM,QAAQ,GAAmB,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB1C,CAAA"}

package/x/base/element.d.ts

@@ -1,19 +0,0 @@
-import { CSSResultGroup } from "lit";
-import { Content } from "../view/types.js";
-import { Use } from "./use.js";
-export declare class BaseElement extends HTMLElement {
-    #private;
-    static styles: CSSResultGroup | undefined;
-    readonly shadow: ShadowRoot;
-    /** create the shadow root. override this if you want to change the shadow root settings. */
-    createShadow(): ShadowRoot;
-    constructor();
-    /** return some content to render. */
-    render(_use: Use): Content;
-    /** immediately perform a fresh render into the shadow root. */
-    updateNow: () => void;
-    /** request a rerender which will happen soon (debounced). */
-    update: import("@e280/stz").DebounceReturn<() => void>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}

package/x/base/element.js

@@ -1,55 +0,0 @@
-import { debounce } from "@e280/stz";
-import { dom } from "../dom/dom.js";
-import { Reactor } from "./utils/reactor.js";
-import { AttrWatcher } from "./utils/attr-watcher.js";
-import { applyStyles } from "./utils/apply-styles.js";
-import { Use, _disconnect, _reconnect, _wrap } from "./use.js";
-export class BaseElement extends HTMLElement {
-    static styles;
-    shadow;
-    #use;
-    #mountCount = 0;
-    #reactor = new Reactor();
-    #attrWatcher = new AttrWatcher(this, () => this.update());
-    #part;
-    /** create the shadow root. override this if you want to change the shadow root settings. */
-    createShadow() {
-        return this.attachShadow({ mode: "open" });
-    }
-    constructor() {
-        super();
-        this.shadow = this.createShadow();
-        this.#use = new Use(this, this.shadow, this.updateNow, this.update);
-    }
-    /** return some content to render. */
-    render(_use) { }
-    /** immediately perform a fresh render into the shadow root. */
-    updateNow = () => {
-        this.#use[_wrap](() => {
-            this.#part = dom.render(this.shadow, this.#reactor.effect(() => this.render(this.#use), this.update));
-        });
-    };
-    /** request a rerender which will happen soon (debounced). */
-    update = debounce(0, this.updateNow);
-    connectedCallback() {
-        if (this.#mountCount === 0) {
-            const styles = this.constructor.styles;
-            if (styles)
-                applyStyles(this.shadow, styles);
-            this.updateNow();
-        }
-        else {
-            this.#use[_reconnect]();
-            this.#part?.setConnected(true);
-        }
-        this.#attrWatcher.start();
-        this.#mountCount++;
-    }
-    disconnectedCallback() {
-        this.#part?.setConnected(false);
-        this.#use[_disconnect]();
-        this.#reactor.clear();
-        this.#attrWatcher.stop();
-    }
-}
-//# sourceMappingURL=element.js.map

package/x/base/element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"element.js","sourceRoot":"","sources":["../../s/base/element.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAA;AAIlC,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAA;AAEjC,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAC,GAAG,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,EAAC,MAAM,UAAU,CAAA;AAE5D,MAAM,OAAO,WAAY,SAAQ,WAAW;IAC3C,MAAM,CAAC,MAAM,CAA4B;IAEhC,MAAM,CAAY;IAE3B,IAAI,CAAK;IACT,WAAW,GAAG,CAAC,CAAA;IACf,QAAQ,GAAG,IAAI,OAAO,EAAE,CAAA;IACxB,YAAY,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;IACzD,KAAK,CAAW;IAEhB,4FAA4F;IAC5F,YAAY;QACX,OAAO,IAAI,CAAC,YAAY,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,CAAA;IACzC,CAAC;IAED;QACC,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,CAAA;QACjC,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,CAClB,IAAI,EACJ,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,MAAM,CACX,CAAA;IACF,CAAC;IAED,qCAAqC;IACrC,MAAM,CAAC,IAAS,IAAY,CAAC;IAE7B,+DAA+D;IAC/D,SAAS,GAAG,GAAG,EAAE;QAChB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;YACrB,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,MAAM,CACtB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CAAC,MAAM,CACnB,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5B,IAAI,CAAC,MAAM,CACX,CACD,CAAA;QACF,CAAC,CAAC,CAAA;IACH,CAAC,CAAA;IAED,6DAA6D;IAC7D,MAAM,GAAG,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;IAEpC,iBAAiB;QAChB,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE,CAAC;YAC5B,MAAM,MAAM,GAAI,IAAI,CAAC,WAAmB,CAAC,MAAM,CAAA;YAC/C,IAAI,MAAM;gBAAE,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YAC5C,IAAI,CAAC,SAAS,EAAE,CAAA;QACjB,CAAC;aACI,CAAC;YACL,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAA;YACvB,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;QAC/B,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAA;QACzB,IAAI,CAAC,WAAW,EAAE,CAAA;IACnB,CAAC;IAED,oBAAoB;QACnB,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;QAC/B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAA;QACxB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAA;QACrB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;IACzB,CAAC;CACD"}

package/x/base/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./utils/states.js";
-export * from "./css-reset.js";
-export * from "./element.js";
-export * from "./types.js";
-export * from "./use.js";

package/x/base/index.js

@@ -1,6 +0,0 @@
-export * from "./utils/states.js";
-export * from "./css-reset.js";
-export * from "./element.js";
-export * from "./types.js";
-export * from "./use.js";
-//# sourceMappingURL=index.js.map

package/x/base/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/base/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA"}

package/x/base/types.d.ts

@@ -1,3 +0,0 @@
-export type Life<V> = [value: V, dispose: () => void];
-export declare const asLife: <V>(life: Life<V>) => Life<V>;
-export declare const asLifeFn: <V>(fn: () => Life<V>) => () => Life<V>;

package/x/base/types.js

@@ -1,3 +0,0 @@
-export const asLife = (life) => life;
-export const asLifeFn = (fn) => fn;
-//# sourceMappingURL=types.js.map

package/x/base/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../s/base/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAAG,CAAI,IAAa,EAAE,EAAE,CAAC,IAAI,CAAA;AAChD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAI,EAAiB,EAAE,EAAE,CAAC,EAAE,CAAA"}

package/x/base/use.d.ts

@@ -1,59 +0,0 @@
-import { CSSResultGroup } from "lit";
-import { SignalOptions } from "@e280/strata/signals";
-import { Op } from "../ops/op.js";
-import { States } from "./utils/states.js";
-import { EveSpec } from "../dom/parts/eve.js";
-import { UseAttrs } from "./utils/use-attrs.js";
-export declare const _wrap: unique symbol;
-export declare const _disconnect: unique symbol;
-export declare const _reconnect: unique symbol;
-export declare class Use {
-    #private;
-    element: HTMLElement;
-    shadow: ShadowRoot;
-    renderNow: () => void;
-    render: () => Promise<void>;
-    readonly attrs: UseAttrs;
-    [_wrap]<R>(fn: () => R): R;
-    [_disconnect](): void;
-    [_reconnect](): void;
-    constructor(element: HTMLElement, shadow: ShadowRoot, renderNow: () => void, render: () => Promise<void>);
-    /** number of times this view has been rendered */
-    get renderCount(): number;
-    /** promise that resolves when this view next renders */
-    get rendered(): Promise<void>;
-    /** set the 'name' html attribute on the host element */
-    name(name: string): void;
-    /** attach stylesheets into the view's shadow dom */
-    styles(...styles: CSSResultGroup[]): void;
-    /** attach stylesheets into the view's shadow dom (alias for 'styles') */
-    css(...styles: CSSResultGroup[]): void;
-    /** run a fn at initialization, and return a value */
-    once<V>(fn: () => V): V;
-    /** setup a mount/unmount lifecycle (your mount fn returns an unmount fn) */
-    mount(fn: () => () => void): void;
-    /** run fn each time mounted, return a value */
-    wake<V>(fn: () => V): V;
-    /** mount/unmount lifecycle, but also return a value */
-    life<V>(fn: () => [value: V, dispose: () => void]): V;
-    /** attach event listeners on mount (they get cleaned up on unmount) */
-    events(spec: EveSpec): void;
-    /** helper for setting up internal states (its a dom api, look up `ElementInternals: states`) */
-    states<S extends string = string>(): States<S>;
-    /** setup typed html attribute access */
-    op: {
-        <V>(f: () => Promise<V>): Op<V>;
-        load: <V>(f: () => Promise<V>) => Op<V>;
-        promise<V>(p: Promise<V>): Op<V>;
-    };
-    /** use a strata signal */
-    signal: {
-        <V>(value: V, options?: Partial<SignalOptions>): import("@e280/strata/signals").SignalFn<V>;
-        derived<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").DerivedFn<V>;
-        lazy<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").LazyFn<V>;
-    };
-    /** use a derived strata signal */
-    derived<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").DerivedFn<V>;
-    /** use a lazy strata signal */
-    lazy<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").LazyFn<V>;
-}

package/x/base/use.js

@@ -1,129 +0,0 @@
-import { defer, GMap } from "@e280/stz";
-import { signal } from "@e280/strata/signals";
-import { Op } from "../ops/op.js";
-import { Mounts } from "./utils/mounts.js";
-import { States } from "./utils/states.js";
-import { eve } from "../dom/parts/eve.js";
-import { applyStyles } from "./utils/apply-styles.js";
-import { useAttrs } from "./utils/use-attrs.js";
-export const _wrap = Symbol();
-export const _disconnect = Symbol();
-export const _reconnect = Symbol();
-export class Use {
-    element;
-    shadow;
-    renderNow;
-    render;
-    attrs;
-    #runs = 0;
-    #position = 0;
-    #values = new GMap();
-    #rendered = defer();
-    #mounts = new Mounts();
-    [_wrap](fn) {
-        this.#runs++;
-        this.#position = 0;
-        this.#rendered = defer();
-        const result = fn();
-        this.#rendered.resolve();
-        return result;
-    }
-    ;
-    [_disconnect]() {
-        this.#mounts.unmountAll();
-    }
-    ;
-    [_reconnect]() {
-        this.#mounts.remountAll();
-    }
-    constructor(element, shadow, renderNow, render) {
-        this.element = element;
-        this.shadow = shadow;
-        this.renderNow = renderNow;
-        this.render = render;
-        this.attrs = useAttrs(this);
-    }
-    /** number of times this view has been rendered */
-    get renderCount() {
-        return this.#runs;
-    }
-    /** promise that resolves when this view next renders */
-    get rendered() {
-        return this.#rendered.promise;
-    }
-    /** set the 'name' html attribute on the host element */
-    name(name) {
-        this.once(() => this.element.setAttribute("view", name));
-    }
-    /** attach stylesheets into the view's shadow dom */
-    styles(...styles) {
-        this.once(() => applyStyles(this.shadow, styles));
-    }
-    /** attach stylesheets into the view's shadow dom (alias for 'styles') */
-    css(...styles) {
-        return this.styles(...styles);
-    }
-    /** run a fn at initialization, and return a value */
-    once(fn) {
-        return this.#values.guarantee(this.#position++, fn);
-    }
-    /** setup a mount/unmount lifecycle (your mount fn returns an unmount fn) */
-    mount(fn) {
-        return this.once(() => this.#mounts.mount(fn));
-    }
-    /** run fn each time mounted, return a value */
-    wake(fn) {
-        return this.life(() => [fn(), () => { }]);
-    }
-    /** mount/unmount lifecycle, but also return a value */
-    life(fn) {
-        const box = this.once(() => ({ value: undefined }));
-        this.mount(() => {
-            const [value, dispose] = fn();
-            box.value = value;
-            return dispose;
-        });
-        return box.value;
-    }
-    /** attach event listeners on mount (they get cleaned up on unmount) */
-    events(spec) {
-        return this.mount(() => eve(this.element, spec));
-    }
-    /** helper for setting up internal states (its a dom api, look up `ElementInternals: states`) */
-    states() {
-        return this.once(() => new States(this.element));
-    }
-    /** setup typed html attribute access */
-    op = (() => {
-        const that = this;
-        function op(f) {
-            return that.once(() => Op.load(f));
-        }
-        op.load = op;
-        op.promise = (p) => this.once(() => Op.promise(p));
-        return op;
-    })();
-    /** use a strata signal */
-    signal = (() => {
-        const that = this;
-        function sig(value, options) {
-            return that.once(() => signal(value, options));
-        }
-        sig.derived = function derived(formula, options) {
-            return that.once(() => signal.derived(formula, options));
-        };
-        sig.lazy = function lazy(formula, options) {
-            return that.once(() => signal.lazy(formula, options));
-        };
-        return sig;
-    })();
-    /** use a derived strata signal */
-    derived(formula, options) {
-        return this.once(() => signal.derived(formula, options));
-    }
-    /** use a lazy strata signal */
-    lazy(formula, options) {
-        return this.once(() => signal.lazy(formula, options));
-    }
-}
-//# sourceMappingURL=use.js.map

package/x/base/use.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use.js","sourceRoot":"","sources":["../../s/base/use.ts"],"names":[],"mappings":"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"}

package/x/base/utils/attr-watcher.d.ts

@@ -1,8 +0,0 @@
-export declare class AttrWatcher {
-    #private;
-    private element;
-    private response;
-    constructor(element: HTMLElement, response: () => void);
-    start(): void;
-    stop(): void;
-}

package/x/base/utils/attr-watcher.js

@@ -1,20 +0,0 @@
-import { dom } from "../../dom/dom.js";
-export class AttrWatcher {
-    element;
-    response;
-    #stopper;
-    constructor(element, response) {
-        this.element = element;
-        this.response = response;
-    }
-    start() {
-        if (!this.#stopper)
-            this.#stopper = dom.attrs(this.element).on(this.response);
-    }
-    stop() {
-        if (this.#stopper)
-            this.#stopper();
-        this.#stopper = undefined;
-    }
-}
-//# sourceMappingURL=attr-watcher.js.map

package/x/base/utils/attr-watcher.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attr-watcher.js","sourceRoot":"","sources":["../../../s/base/utils/attr-watcher.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,MAAM,OAAO,WAAW;IAId;IACA;IAJT,QAAQ,CAA0B;IAElC,YACS,OAAoB,EACpB,QAAoB;QADpB,YAAO,GAAP,OAAO,CAAa;QACpB,aAAQ,GAAR,QAAQ,CAAY;IAC1B,CAAC;IAEJ,KAAK;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ;YACjB,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC3D,CAAC;IAED,IAAI;QACH,IAAI,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,EAAE,CAAA;QAClC,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAA;IAC1B,CAAC;CACD"}

package/x/base/utils/mounts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mounts.js","sourceRoot":"","sources":["../../../s/base/utils/mounts.ts"],"names":[],"mappings":"AACA,MAAM,OAAO,MAAM;IAClB,SAAS,GAAyB,EAAE,CAAA;IACpC,WAAW,GAAmB,EAAE,CAAA;IAEhC,KAAK,CAAC,KAAuB;QAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;IAC/B,CAAC;IAED,UAAU;QACT,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,WAAW;YACrC,OAAO,EAAE,CAAA;QACV,IAAI,CAAC,WAAW,GAAG,EAAE,CAAA;IACtB,CAAC;IAED,UAAU;QACT,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,SAAS;YACjC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;IAChC,CAAC;CACD"}

package/x/base/utils/reactor.d.ts

@@ -1,5 +0,0 @@
-export declare class Reactor {
-    #private;
-    effect<R>(collect: () => R, respond: () => Promise<void>): R;
-    clear(): void;
-}

package/x/base/utils/reactor.js

@@ -1,25 +0,0 @@
-import { GMap } from "@e280/stz";
-import { tracker } from "@e280/strata";
-export class Reactor {
-    #map = new GMap();
-    effect(collect, respond) {
-        const { seen, result } = tracker.observe(collect);
-        // add seen items
-        for (const item of seen)
-            this.#map.guarantee(item, () => tracker.subscribe(item, respond));
-        // remove orphaned items
-        for (const [item, dispose] of this.#map) {
-            if (!seen.has(item)) {
-                dispose();
-                this.#map.delete(item);
-            }
-        }
-        return result;
-    }
-    clear() {
-        for (const dispose of this.#map.values())
-            dispose();
-        this.#map.clear();
-    }
-}
-//# sourceMappingURL=reactor.js.map

package/x/base/utils/reactor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactor.js","sourceRoot":"","sources":["../../../s/base/utils/reactor.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AAEpC,MAAM,OAAO,OAAO;IACnB,IAAI,GAAG,IAAI,IAAI,EAAmB,CAAA;IAElC,MAAM,CAAI,OAAgB,EAAE,OAA4B;QACvD,MAAM,EAAC,IAAI,EAAE,MAAM,EAAC,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAE/C,iBAAiB;QACjB,KAAK,MAAM,IAAI,IAAI,IAAI;YACtB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;QAElE,wBAAwB;QACxB,KAAK,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACzC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBACrB,OAAO,EAAE,CAAA;gBACT,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YACvB,CAAC;QACF,CAAC;QAED,OAAO,MAAM,CAAA;IACd,CAAC;IAED,KAAK;QACJ,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACvC,OAAO,EAAE,CAAA;QACV,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;IAClB,CAAC;CACD"}

package/x/base/utils/states.d.ts

@@ -1,13 +0,0 @@
-export declare class States<S extends string = string> {
-    #private;
-    constructor(element: HTMLElement);
-    [Symbol.iterator](): SetIterator<S>;
-    values(): SetIterator<S>;
-    forEach(fn: (s: S) => void): this;
-    get size(): number;
-    has(state: S): boolean;
-    add(...states: S[]): this;
-    delete(...states: S[]): this;
-    clear(): this;
-    assign(...states: S[]): this;
-}

package/x/base/utils/states.js

@@ -1,41 +0,0 @@
-export class States {
-    #states;
-    constructor(element) {
-        this.#states = element.attachInternals().states;
-    }
-    ;
-    [Symbol.iterator]() {
-        return this.#states.values();
-    }
-    values() {
-        return this.#states.values();
-    }
-    forEach(fn) {
-        this.#states.forEach(fn);
-        return this;
-    }
-    get size() {
-        return this.#states.size;
-    }
-    has(state) {
-        return this.#states.has(state);
-    }
-    add(...states) {
-        for (const s of states)
-            this.#states.add(s);
-        return this;
-    }
-    delete(...states) {
-        for (const s of states)
-            this.#states.delete(s);
-        return this;
-    }
-    clear() {
-        this.#states.clear();
-        return this;
-    }
-    assign(...states) {
-        return this.clear().add(...states);
-    }
-}
-//# sourceMappingURL=states.js.map

package/x/base/utils/states.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"states.js","sourceRoot":"","sources":["../../../s/base/utils/states.ts"],"names":[],"mappings":"AACA,MAAM,OAAO,MAAM;IAClB,OAAO,CAAQ;IAEf,YAAY,OAAoB;QAC/B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC,MAAa,CAAA;IACvD,CAAC;IAED,CAAC;IAAA,CAAC,MAAM,CAAC,QAAQ,CAAC;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAA;IAC7B,CAAC;IAED,MAAM;QACL,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAA;IAC7B,CAAC;IAED,OAAO,CAAC,EAAkB;QACzB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACxB,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,IAAI,IAAI;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAA;IACzB,CAAC;IAED,GAAG,CAAC,KAAQ;QACX,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC;IAED,GAAG,CAAC,GAAG,MAAW;QACjB,KAAK,MAAM,CAAC,IAAI,MAAM;YAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;QAC3C,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,MAAM,CAAC,GAAG,MAAW;QACpB,KAAK,MAAM,CAAC,IAAI,MAAM;YAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAC9C,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,KAAK;QACJ,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;QACpB,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,MAAM,CAAC,GAAG,MAAW;QACpB,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAA;IACnC,CAAC;CACD"}

package/x/base/utils/use-attrs.d.ts

@@ -1,11 +0,0 @@
-import { Use } from "../use.js";
-import { AttrSpec, AttrTypes } from "../../dom/types.js";
-export type UseAttrs = {
-    <A extends AttrSpec>(spec: A): AttrTypes<A>;
-    strings: Record<string, undefined | string>;
-    numbers: Record<string, undefined | number>;
-    booleans: Record<string, undefined | boolean>;
-    spec<A extends AttrSpec>(spec: A): AttrTypes<A>;
-    on(fn: () => void): void;
-};
-export declare function useAttrs(use: Use): UseAttrs;