@e280/sly 0.2.0-0 → 0.2.0-10

package/x/ui/view/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/ui/view/parts/sly-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sly-view.js","sourceRoot":"","sources":["../../../../s/ui/view/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/ui/view.d.ts

@@ -0,0 +1,11 @@
+import { Content, ViewFn } from "./types.js";
+import { Use } from "./base/use.js";
+import { BaseElement } from "./base-element.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/ui/view.js

@@ -0,0 +1,15 @@
+import { makeView } from "./view/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/ui/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../s/ui/view.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,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/dom/dollar.ts

@@ -1,27 +0,0 @@
-
-import {render} from "lit"
-import {register} from "./register.js"
-import {Content} from "../views/types.js"
-
-export type Container = HTMLElement | ShadowRoot | DocumentFragment
-export type Queryable = HTMLElement | ShadowRoot | Element | Document | DocumentFragment
-
-export function $<E extends HTMLElement = HTMLElement>(selector: string, context: Queryable = document) {
-	const e = context.querySelector<E>(selector)
-	if (!e) throw new Error(`$1 ${selector} not found`)
-	return e
-}
-
-function all<E extends HTMLElement = HTMLElement>(selector: string, context: Queryable = document) {
-	return Array.from(context.querySelectorAll<E>(selector))
-}
-
-$.maybe = <E extends HTMLElement = HTMLElement>(selector: string, context: Queryable = document) => {
-	return context.querySelector<E>(selector)
-}
-
-$.all = all
-
-$.render = (container: Container, ...content: Content[]) => render(content, container)
-$.register = register
-

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/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/dollar.d.ts

@@ -1,10 +0,0 @@
-import { Content } from "../views/types.js";
-export type Container = HTMLElement | ShadowRoot | DocumentFragment;
-export type Queryable = HTMLElement | ShadowRoot | Element | Document | DocumentFragment;
-export declare function $<E extends HTMLElement = HTMLElement>(selector: string, context?: Queryable): E;
-export declare namespace $ {
-    var maybe: <E extends HTMLElement = HTMLElement>(selector: string, context?: Queryable) => E | null;
-    var all: <E extends HTMLElement = HTMLElement>(selector: string, context?: Queryable) => E[];
-    var render: (container: Container, ...content: Content[]) => import("lit-html").RootPart;
-    var register: typeof import("./register.js").register;
-}

package/x/dom/dollar.js

@@ -1,18 +0,0 @@
-import { render } from "lit";
-import { register } from "./register.js";
-export function $(selector, context = document) {
-    const e = context.querySelector(selector);
-    if (!e)
-        throw new Error(`$1 ${selector} not found`);
-    return e;
-}
-function all(selector, context = document) {
-    return Array.from(context.querySelectorAll(selector));
-}
-$.maybe = (selector, context = document) => {
-    return context.querySelector(selector);
-};
-$.all = all;
-$.render = (container, ...content) => render(content, container);
-$.register = register;
-//# sourceMappingURL=dollar.js.map

package/x/dom/dollar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dollar.js","sourceRoot":"","sources":["../../s/dom/dollar.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAMtC,MAAM,UAAU,CAAC,CAAsC,QAAgB,EAAE,UAAqB,QAAQ;IACrG,MAAM,CAAC,GAAG,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;IAC5C,IAAI,CAAC,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,MAAM,QAAQ,YAAY,CAAC,CAAA;IACnD,OAAO,CAAC,CAAA;AACT,CAAC;AAED,SAAS,GAAG,CAAsC,QAAgB,EAAE,UAAqB,QAAQ;IAChG,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAI,QAAQ,CAAC,CAAC,CAAA;AACzD,CAAC;AAED,CAAC,CAAC,KAAK,GAAG,CAAsC,QAAgB,EAAE,UAAqB,QAAQ,EAAE,EAAE;IAClG,OAAO,OAAO,CAAC,aAAa,CAAI,QAAQ,CAAC,CAAA;AAC1C,CAAC,CAAA;AAED,CAAC,CAAC,GAAG,GAAG,GAAG,CAAA;AAEX,CAAC,CAAC,MAAM,GAAG,CAAC,SAAoB,EAAE,GAAG,OAAkB,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;AACtF,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAA"}

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/views/attributes.d.ts

@@ -1,10 +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 declare const attributes: <A extends AttrSpec>(element: HTMLElement, spec: A) => AttrTypes<A>;
-export declare function onAttrChange(element: HTMLElement, fn: () => void): () => void;

package/x/views/attributes.js

@@ -1,46 +0,0 @@
-export const attributes = (element, spec) => new Proxy(spec, {
-    get: (_target, name) => {
-        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, value) => {
-        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}"`);
-        }
-    },
-});
-export function onAttrChange(element, fn) {
-    const observer = new MutationObserver(fn);
-    observer.observe(element, { attributes: true });
-    return () => observer.disconnect();
-}
-//# sourceMappingURL=attributes.js.map

package/x/views/attributes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attributes.js","sourceRoot":"","sources":["../../s/views/attributes.ts"],"names":[],"mappings":"AA4BA,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,OAAoB,EACpB,IAAO,EACN,EAAE,CAAC,IAAI,KAAK,CAAC,IAAI,EAAE;IAErB,GAAG,EAAE,CAAC,OAAO,EAAE,IAAY,EAAE,EAAE;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAA;QACvB,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;QAEtC,QAAQ,IAAI,EAAE,CAAC;YACd,KAAK,MAAM;gBACV,OAAO,GAAG,IAAI,SAAS,CAAA;YAExB,KAAK,MAAM;gBACV,OAAO,GAAG,KAAK,IAAI;oBAClB,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;oBACb,CAAC,CAAC,SAAS,CAAA;YAEb,KAAK,OAAO;gBACX,OAAO,GAAG,KAAK,IAAI,CAAA;YAEpB;gBACC,MAAM,IAAI,KAAK,CAAC,+BAA+B,IAAI,GAAG,CAAC,CAAA;QACzD,CAAC;IACF,CAAC;IAED,GAAG,EAAE,CAAC,OAAO,EAAE,IAAY,EAAE,KAAU,EAAE,EAAE;QAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAA;QAEvB,QAAQ,IAAI,EAAE,CAAC;YACd,KAAK,MAAM,CAAC,CAAC,CAAC;gBACb,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBACjC,OAAO,IAAI,CAAA;YACZ,CAAC;YAED,KAAK,MAAM,CAAC,CAAC,CAAC;gBACb,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;gBAC5C,OAAO,IAAI,CAAA;YACZ,CAAC;YAED,KAAK,OAAO,CAAC,CAAC,CAAC;gBACd,IAAI,KAAK;oBACR,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;;oBAE9B,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;gBAC9B,OAAO,IAAI,CAAA;YACZ,CAAC;YAED;gBACC,MAAM,IAAI,KAAK,CAAC,+BAA+B,IAAI,GAAG,CAAC,CAAA;QACzD,CAAC;IACF,CAAC;CAED,CAAwB,CAAA;AAEzB,MAAM,UAAU,YAAY,CAAC,OAAoB,EAAE,EAAc;IAChE,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAA;IACzC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAA;IAC7C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;AACnC,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"css-reset.js","sourceRoot":"","sources":["../../s/views/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/views/types.d.ts

@@ -1,31 +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/x/views/use.js.map

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

package/x/views/utils/apply-attrs.d.ts

@@ -1,2 +0,0 @@
-import { AttrValue } from "../types.js";
-export declare function applyAttrs(element: HTMLElement, attrs: Record<string, AttrValue>): void;

package/x/views/utils/apply-attrs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"apply-attrs.js","sourceRoot":"","sources":["../../../s/views/utils/apply-attrs.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,UAAU,CACxB,OAAoB,EACpB,KAAgC;IAGjC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAClD,IAAI,KAAK,KAAK,SAAS;YACtB,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;aAExB,IAAI,KAAK,KAAK,IAAI;YACtB,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;aAExB,IAAI,OAAO,KAAK,KAAK,QAAQ;YACjC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;aAE5B,IAAI,OAAO,KAAK,KAAK,QAAQ;YACjC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;aAEvC,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YACrC,IAAI,KAAK,KAAK,IAAI;gBACjB,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;;gBAE7B,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;QAC9B,CAAC;;YAGA,OAAO,CAAC,IAAI,CAAC,0BAA0B,GAAG,OAAO,OAAO,KAAK,EAAE,CAAC,CAAA;IAClE,CAAC;AACF,CAAC"}

package/x/views/utils/apply-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"apply-styles.js","sourceRoot":"","sources":["../../../s/views/utils/apply-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAqC,kBAAkB,EAAC,MAAM,KAAK,CAAA;AAEtF,MAAM,UAAU,WAAW,CAAC,MAAkB,EAAE,MAAuB;IACtE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA;AAC3C,CAAC;AAED,SAAS,aAAa,CAAC,MAAuB;IAC7C,MAAM,aAAa,GAAG,EAAE,CAAA;IAExB,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3B,MAAM,GAAG,GAAG,IAAI,GAAG,CAAE,MAAyB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC,CAAA;QACxE,KAAK,MAAM,CAAC,IAAI,GAAG;YAClB,aAAa,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAsB,CAAC,CAAC,CAAA;IACnE,CAAC;SACI,IAAI,MAAM,KAAK,SAAS;QAC5B,aAAa,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,aAAa,CAAA;AACrB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"mounts.js","sourceRoot":"","sources":["../../../s/views/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/views/view.d.ts

@@ -1,9 +0,0 @@
-import { ComponentFn, View, ViewFn, ViewSettings } from "./types.js";
-export declare const view: {
-    <Props extends any[]>(fn: ViewFn<Props>): View<Props>;
-    declare: /*elided*/ any;
-    settings(settings2: Partial<ViewSettings>): /*elided*/ any;
-    component(fn: ComponentFn): import("@e280/stz").Constructor<import("./types.js").Component<[]>>;
-};
-export declare class SlyView extends HTMLElement {
-}

package/x/views/view.js

@@ -1,116 +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";
-export const view = setupView({ mode: "open" });
-export class SlyView extends HTMLElement {
-}
-register({ SlyView }, { soft: true, upgrade: true });
-function setupView(settings) {
-    function view(fn) {
-        const make = (situation) => class ViewDirective extends AsyncDirective {
-            #element = situation.getElement();
-            #shadow = this.#element.attachShadow(settings);
-            #renderDebounced = debounce(0, () => this.#renderNow());
-            #tracking = new MapG;
-            #params;
-            #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, 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 = () => ({ attrs: {}, children: [] });
-        function rendy(...props) {
-            return d(freshViewContext(), props);
-        }
-        rendy.props = (...props) => {
-            let ctx = freshViewContext();
-            const chain = {
-                children(...children) {
-                    ctx = { ...ctx, children: [...ctx.children, ...children] };
-                    return chain;
-                },
-                attrs(attrs) {
-                    ctx = { ...ctx, attrs: { ...ctx.attrs, ...attrs } };
-                    return chain;
-                },
-                attr(name, value) {
-                    ctx = { ...ctx, attrs: { ...ctx.attrs, [name]: value } };
-                    return chain;
-                },
-                render() {
-                    return d(ctx, props);
-                },
-            };
-            return chain;
-        };
-        rendy.component = (...props) => class extends HTMLElement {
-            #directive = directive(make({
-                getElement: () => this,
-                isComponent: true,
-            }));
-            constructor() {
-                super();
-                this.render(...props);
-            }
-            render(...props) {
-                if (this.isConnected)
-                    render(this.#directive(freshViewContext(), props), this);
-            }
-        };
-        return rendy;
-    }
-    view.declare = view;
-    view.settings = (settings2) => setupView({ ...settings, ...settings2 });
-    view.component = (fn) => view(use => () => fn(use)).component();
-    return view;
-}
-//# sourceMappingURL=view.js.map