synstate-dom 0.0.0-stage → 0.2.0

package/dist/control/match-result.mjs

@@ -0,0 +1,27 @@
+import { filter, map, withInitialValue, } from 'synstate';
+import { Result } from 'ts-data-forge';
+import { toObservable } from '../constant/index.mjs';
+import { mountable } from '../jsx/index.mjs';
+import { mountSwitch } from './mount-switch.mjs';
+
+
+
+
+
+
+
+
+
+export const MatchResult = ({ value, ok, err, }) => mountable(() => mountSwitch(value, Result.isOk, (_isOk, current) => {
+    const value$ = toObservable(value);
+    return Result.isOk(current)
+        ? ok(value$
+            .pipe(filter(Result.isOk))
+            .pipe(map((r) => r.value))
+            .pipe(withInitialValue(current.value)))
+        : err(value$
+            .pipe(filter(Result.isErr))
+            .pipe(map((r) => r.value))
+            .pipe(withInitialValue(current.value)));
+}));
+//# sourceMappingURL=match-result.mjs.map

package/dist/control/match-result.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-result.mjs","sourceRoot":"","sources":["../../src/control/match-result.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,GAAG,EACH,gBAAgB,GAEjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,YAAY,EAAiB,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAY,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAO,EAChC,KAAK,EACL,EAAE,EACF,GAAG,GAKH,EAAe,EAAE,CACjB,SAAS,CAAC,GAAG,EAAE,CACb,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;IACjD,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnC,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;QACzB,CAAC,CAAC,EAAE,CACA,MAAM;aACH,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;aACzB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;aACzB,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CACzC;QACH,CAAC,CAAC,GAAG,CACD,MAAM;aACH,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aAC1B,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;aACzB,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CACzC,CAAC;AACR,CAAC,CAAC,CACH,CAAC"}

package/dist/control/mount-switch.d.mts

@@ -0,0 +1,18 @@
+import type { Bindable } from '../constant/index.mjs';
+import { type Mountable, type MountedNodes } from '../jsx/index.mjs';
+/**
+ * Mounts one branch at a time in front of an anchor comment, choosing it from
+ * the value of `value` (SPEC.md 8.1–8.3).
+ *
+ * The branch is rebuilt only when `keyOf` gives a different key: within the
+ * same key the branch keeps its nodes and its scope, and it is up to the
+ * branch to follow the value (`MatchOptional` hands it an observable derived
+ * from `value`). Each branch is mounted in a scope of its own, a child of the
+ * scope the switch was mounted in; disposing the branch's scope removes its
+ * nodes, so the switch's own nodes stay accurate however often it switches.
+ *
+ * `branch` runs inside the new scope, so whatever it creates belongs to the
+ * branch.
+ */
+export declare const mountSwitch: <V, K>(value: Bindable<V>, keyOf: (current: V) => K, branch: (key: K, current: V) => Mountable | undefined) => MountedNodes;
+//# sourceMappingURL=mount-switch.d.mts.map

package/dist/control/mount-switch.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount-switch.d.mts","sourceRoot":"","sources":["../../src/control/mount-switch.mts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAW,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE9E;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,CAAC,SACvB,QAAQ,CAAC,CAAC,CAAC,SACX,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,UAChB,CAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,GAAG,SAAS,KACpD,YA6CF,CAAC"}

package/dist/control/mount-switch.mjs

@@ -0,0 +1,51 @@
+import { createScope, getCurrentScope, onScopeDispose, } from 'synstate';
+import { Arr } from 'ts-data-forge';
+import { bindValue } from '../internal/index.mjs';
+import { toNodes } from '../jsx/index.mjs';
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+export const mountSwitch = (value, keyOf, branch) => {
+    const parent = getCurrentScope();
+    const anchor = document.createComment('');
+    const mut_state = { current: undefined, initialNodes: [] };
+    bindValue(value, (v) => {
+        const key = keyOf(v);
+        if (mut_state.current !== undefined) {
+            if (Object.is(mut_state.current.key, key)) {
+                return;
+            }
+            mut_state.current.scope.dispose();
+        }
+        const scope = createScope(parent);
+        const nodes = scope.run(() => {
+            const mounted = toNodes(branch(key, v)?.mount() ?? []);
+            onScopeDispose(() => {
+                for (const node of mounted) {
+                    node.remove();
+                }
+            });
+            return mounted;
+        });
+        mut_state.current = { key, scope };
+        if (anchor.parentNode === null) {
+            mut_state.initialNodes = nodes;
+        }
+        else {
+            anchor.before(...nodes);
+        }
+    });
+    return Arr.toPushed(mut_state.initialNodes, anchor);
+};
+//# sourceMappingURL=mount-switch.mjs.map

package/dist/control/mount-switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount-switch.mjs","sourceRoot":"","sources":["../../src/control/mount-switch.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,eAAe,EACf,cAAc,GAEf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAqC,MAAM,kBAAkB,CAAC;AAE9E;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,KAAkB,EAClB,KAAwB,EACxB,MAAqD,EACvC,EAAE;IAChB,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IAEjC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IAE1C,MAAM,SAAS,GAGX,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;IAE7C,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE;QACrB,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QAErB,IAAI,SAAS,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACpC,IAAI,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;gBAC1C,OAAO;YACT,CAAC;YAED,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACpC,CAAC;QAED,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;QAElC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE;YAC3B,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YAEvD,cAAc,CAAC,GAAG,EAAE;gBAClB,KAAK,MAAM,IAAI,IAAI,OAAO,EAAE,CAAC;oBAC3B,IAAI,CAAC,MAAM,EAAE,CAAC;gBAChB,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CAAC;QAEH,SAAS,CAAC,OAAO,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;QAEnC,IAAI,MAAM,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;YAC/B,SAAS,CAAC,YAAY,GAAG,KAAK,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACtD,CAAC,CAAC"}

package/dist/control/portal.d.mts

@@ -0,0 +1,15 @@
+import { type Child, type JSX } from '../jsx/index.mjs';
+/**
+ * Mounts `children` into `target` (`document.body` when omitted) rather than
+ * where it is written (SPEC.md 8.6): for a modal, a tooltip or a toast that
+ * has to escape an ancestor's `overflow: hidden` or `z-index`.
+ *
+ * The children belong to the scope where `Portal` is written, so closing the
+ * enclosing `If` branch removes them too. Nothing is left in the place it is
+ * written.
+ */
+export declare const Portal: ({ target, children, }: Readonly<{
+    target?: Element;
+    children: Child;
+}>) => JSX.Element;
+//# sourceMappingURL=portal.d.mts.map

package/dist/control/portal.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.mts","sourceRoot":"","sources":["../../src/control/portal.mts"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,KAAK,EAAE,KAAK,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAE/E;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,0BAGhB,QAAQ,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC;CACjB,CAAC,KAAG,GAAG,CAAC,OAaL,CAAC"}

package/dist/control/portal.mjs

@@ -0,0 +1,22 @@
+import { onScopeDispose } from 'synstate';
+import { mountChild, mountable } from '../jsx/index.mjs';
+
+
+
+
+
+
+
+
+
+export const Portal = ({ target, children, }) => mountable(() => {
+    const nodes = mountChild(children);
+    (target ?? document.body).append(...nodes);
+    onScopeDispose(() => {
+        for (const node of nodes) {
+            node.remove();
+        }
+    });
+    return [];
+});
+//# sourceMappingURL=portal.mjs.map

package/dist/control/portal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.mjs","sourceRoot":"","sources":["../../src/control/portal.mts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAE/E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,MAAM,EACN,QAAQ,GAIR,EAAe,EAAE,CACjB,SAAS,CAAC,GAAG,EAAE;IACb,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAEnC,CAAC,MAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC;IAE3C,cAAc,CAAC,GAAG,EAAE;QAClB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC,CAAC"}

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+export * from './constant/index.mjs';
+export * from './control/index.mjs';
+export * from './jsx/index.mjs';
+export * from './render.mjs';
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../src/index.mts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC"}

package/dist/index.mjs

@@ -0,0 +1,5 @@
+export * from './constant/index.mjs';
+export * from './control/index.mjs';
+export * from './jsx/index.mjs';
+export * from './render.mjs';
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.mts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC"}

package/dist/internal/as-constant.d.mts

@@ -0,0 +1,9 @@
+import type { Constant } from '../constant/index.mjs';
+/**
+ * The one type assertion in the library. `Constant<T>` is a brand that exists
+ * only in the type system, so marking a value as one changes nothing at run
+ * time; this is what {@link constant} and the helpers that derive one constant
+ * from another call.
+ */
+export declare const asConstant: <T>(value: T) => Constant<T>;
+//# sourceMappingURL=as-constant.d.mts.map

package/dist/internal/as-constant.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"as-constant.d.mts","sourceRoot":"","sources":["../../src/internal/as-constant.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAU,CAAC,KAAG,QAAQ,CAAC,CAAC,CAE9B,CAAC"}

package/dist/internal/as-constant.mjs

@@ -0,0 +1,10 @@
+
+
+
+
+
+
+export const asConstant = (value) => 
+
+value;
+//# sourceMappingURL=as-constant.mjs.map

package/dist/internal/as-constant.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"as-constant.mjs","sourceRoot":"","sources":["../../src/internal/as-constant.mts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAK,KAAQ,EAAe,EAAE;AACtD,6GAA6G;AAC7G,KAAoB,CAAC"}

package/dist/internal/bind-value.d.mts

@@ -0,0 +1,14 @@
+import type { Bindable } from '../constant/index.mjs';
+/**
+ * Writes the value of a {@link Bindable} with `write`, and again on every
+ * update (SPEC.md 7.1).
+ *
+ * - A constant is written once.
+ * - A completed observable has its current value written once.
+ * - Any other observable is subscribed to, and the subscription is released
+ *   when the current scope is disposed.
+ *
+ * A view is the same as its source, with its function applied before `write`.
+ */
+export declare const bindValue: <T>(bindable: Bindable<T>, write: (value: T) => void) => void;
+//# sourceMappingURL=bind-value.d.mts.map

package/dist/internal/bind-value.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bind-value.d.mts","sourceRoot":"","sources":["../../src/internal/bind-value.mts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,YACf,QAAQ,CAAC,CAAC,CAAC,SACd,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,KACxB,IAkBF,CAAC"}

package/dist/internal/bind-value.mjs

@@ -0,0 +1,39 @@
+import { isObservable, onScopeDispose, } from 'synstate';
+import { isView } from './is-view.mjs';
+
+
+
+
+
+
+
+
+
+
+
+export const bindValue = (bindable, write) => {
+    if (isView(bindable)) {
+        bindable.open((source, fn) => {
+            subscribeInScope(source, (value) => {
+                write(fn(value));
+            });
+        });
+        return;
+    }
+    if (isObservable(bindable)) {
+        subscribeInScope(bindable, write);
+        return;
+    }
+    write(bindable);
+};
+const subscribeInScope = (source, write) => {
+    if (source.isCompleted) {
+        write(source.getSnapshot().value);
+        return;
+    }
+    const subscription = source.subscribe(write);
+    onScopeDispose(() => {
+        subscription.unsubscribe();
+    });
+};
+//# sourceMappingURL=bind-value.mjs.map

package/dist/internal/bind-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bind-value.mjs","sourceRoot":"","sources":["../../src/internal/bind-value.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,cAAc,GAEf,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,QAAqB,EACrB,KAAyB,EACnB,EAAE;IACR,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;QACrB,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE;YAC3B,gBAAgB,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;YACnB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO;IACT,CAAC;IAED,IAAI,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC3B,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAElC,OAAO;IACT,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CACvB,MAAgC,EAChC,KAAyB,EACnB,EAAE;IACR,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;QACvB,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QAElC,OAAO;IACT,CAAC;IAED,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAE7C,cAAc,CAAC,GAAG,EAAE;QAClB,YAAY,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/internal/dom-tables.d.mts

@@ -0,0 +1,30 @@
+import type { ReadonlyRecord } from 'ts-type-forge';
+/**
+ * The keys written as DOM properties (`element[key] = value`) rather than as
+ * attributes. These are the ones a user's input moves away from the attribute
+ * (`value`, `checked`, …), and the enumerated attributes whose `false` is a
+ * value rather than an absence (`draggable`, `spellcheck`, `translate`).
+ *
+ * The props types and the binding both read this table (SPEC.md 5.2).
+ */
+export declare const propertyNames: readonly ['checked', 'defaultChecked', 'defaultValue', 'draggable', 'indeterminate', 'muted', 'selected', 'spellcheck', 'translate', 'value'];
+/**
+ * DOM property names whose attribute is spelt differently. Every other name is
+ * passed to `setAttribute`, which lower-cases it for an HTML element
+ * (`tabIndex` becomes `tabindex`).
+ */
+export declare const attributeNameOf: ReadonlyRecord<string, string>;
+/**
+ * The tags created in the SVG namespace: those of `SVGElementTagNameMap` that
+ * HTML does not also have. `a`, `script`, `style` and `title` are created as
+ * HTML elements wherever they appear.
+ */
+export declare const svgTagNames: readonly ["animate", "animateMotion", "animateTransform", "circle", "clipPath", "defs", "desc", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "filter", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "metadata", "mpath", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "set", "stop", "svg", "switch", "symbol", "text", "textPath", "tspan", "use", "view"];
+export type SvgTagName = (typeof svgTagNames)[number];
+/**
+ * The attributes an SVG element takes. SVG properties are animated values
+ * (`SVGAnimatedLength`), so unlike HTML they cannot be read off the element
+ * types; these are listed by hand and written with `setAttribute` as named.
+ */
+export declare const svgAttributeNames: readonly ['clip-path', 'clip-rule', 'cx', 'cy', 'd', 'dominant-baseline', 'dx', 'dy', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'font-family', 'font-size', 'font-weight', 'fx', 'fy', 'gradientTransform', 'gradientUnits', 'height', 'href', 'id', 'marker-end', 'marker-mid', 'marker-start', 'markerHeight', 'markerUnits', 'markerWidth', 'mask', 'offset', 'opacity', 'orient', 'pathLength', 'patternUnits', 'points', 'preserveAspectRatio', 'r', 'refX', 'refY', 'role', 'rx', 'ry', 'stop-color', 'stop-opacity', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-opacity', 'stroke-width', 'tabindex', 'text-anchor', 'transform', 'viewBox', 'visibility', 'width', 'x', 'x1', 'x2', 'y', 'y1', 'y2'];
+//# sourceMappingURL=dom-tables.d.mts.map

package/dist/internal/dom-tables.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-tables.d.mts","sourceRoot":"","sources":["../../src/internal/dom-tables.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAkB,MAAM,eAAe,CAAC;AAEpE;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,YACxB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,eAAe,EACf,OAAO,EACP,UAAU,EACV,YAAY,EACZ,WAAW,EACX,OAAO,CACC,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,MAAM,EAAE,MAAM,CAIjD,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,WAAW,2uBA+DrB,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,YAC5B,WAAW,EACX,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,mBAAmB,EACnB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,cAAc,EACd,WAAW,EACX,QAAQ,EACR,aAAa,EACb,WAAW,EACX,aAAa,EACb,IAAI,EACJ,IAAI,EACJ,mBAAmB,EACnB,eAAe,EACf,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,EACb,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,qBAAqB,EACrB,GAAG,EACH,MAAM,EACN,MAAM,EACN,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,EACb,WAAW,EACX,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,CACI,CAAC"}

package/dist/internal/dom-tables.mjs

@@ -0,0 +1,167 @@
+
+
+
+
+
+
+
+
+export const propertyNames = [
+    'checked',
+    'defaultChecked',
+    'defaultValue',
+    'draggable',
+    'indeterminate',
+    'muted',
+    'selected',
+    'spellcheck',
+    'translate',
+    'value',
+];
+
+
+
+
+
+export const attributeNameOf = {
+    acceptCharset: 'accept-charset',
+    htmlFor: 'for',
+    httpEquiv: 'http-equiv',
+};
+
+
+
+
+
+export const svgTagNames = [
+    'animate',
+    'animateMotion',
+    'animateTransform',
+    'circle',
+    'clipPath',
+    'defs',
+    'desc',
+    'ellipse',
+    'feBlend',
+    'feColorMatrix',
+    'feComponentTransfer',
+    'feComposite',
+    'feConvolveMatrix',
+    'feDiffuseLighting',
+    'feDisplacementMap',
+    'feDistantLight',
+    'feDropShadow',
+    'feFlood',
+    'feFuncA',
+    'feFuncB',
+    'feFuncG',
+    'feFuncR',
+    'feGaussianBlur',
+    'feImage',
+    'feMerge',
+    'feMergeNode',
+    'feMorphology',
+    'feOffset',
+    'fePointLight',
+    'feSpecularLighting',
+    'feSpotLight',
+    'feTile',
+    'feTurbulence',
+    'filter',
+    'foreignObject',
+    'g',
+    'image',
+    'line',
+    'linearGradient',
+    'marker',
+    'mask',
+    'metadata',
+    'mpath',
+    'path',
+    'pattern',
+    'polygon',
+    'polyline',
+    'radialGradient',
+    'rect',
+    'set',
+    'stop',
+    'svg',
+    'switch',
+    'symbol',
+    'text',
+    'textPath',
+    'tspan',
+    'use',
+    'view',
+];
+
+
+
+
+
+export const svgAttributeNames = [
+    'clip-path',
+    'clip-rule',
+    'cx',
+    'cy',
+    'd',
+    'dominant-baseline',
+    'dx',
+    'dy',
+    'fill',
+    'fill-opacity',
+    'fill-rule',
+    'filter',
+    'font-family',
+    'font-size',
+    'font-weight',
+    'fx',
+    'fy',
+    'gradientTransform',
+    'gradientUnits',
+    'height',
+    'href',
+    'id',
+    'marker-end',
+    'marker-mid',
+    'marker-start',
+    'markerHeight',
+    'markerUnits',
+    'markerWidth',
+    'mask',
+    'offset',
+    'opacity',
+    'orient',
+    'pathLength',
+    'patternUnits',
+    'points',
+    'preserveAspectRatio',
+    'r',
+    'refX',
+    'refY',
+    'role',
+    'rx',
+    'ry',
+    'stop-color',
+    'stop-opacity',
+    'stroke',
+    'stroke-dasharray',
+    'stroke-dashoffset',
+    'stroke-linecap',
+    'stroke-linejoin',
+    'stroke-opacity',
+    'stroke-width',
+    'tabindex',
+    'text-anchor',
+    'transform',
+    'viewBox',
+    'visibility',
+    'width',
+    'x',
+    'x1',
+    'x2',
+    'y',
+    'y1',
+    'y2',
+];
+//# sourceMappingURL=dom-tables.mjs.map

package/dist/internal/dom-tables.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-tables.mjs","sourceRoot":"","sources":["../../src/internal/dom-tables.mts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,SAAS;IACT,gBAAgB;IAChB,cAAc;IACd,WAAW;IACX,eAAe;IACf,OAAO;IACP,UAAU;IACV,YAAY;IACZ,WAAW;IACX,OAAO;CACC,CAAC;AAEX;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC;IAC7D,aAAa,EAAE,gBAAgB;IAC/B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,YAAY;CACf,CAAC;AAEX;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,SAAS;IACT,eAAe;IACf,kBAAkB;IAClB,QAAQ;IACR,UAAU;IACV,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS;IACT,eAAe;IACf,qBAAqB;IACrB,aAAa;IACb,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,gBAAgB;IAChB,cAAc;IACd,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,gBAAgB;IAChB,SAAS;IACT,SAAS;IACT,aAAa;IACb,cAAc;IACd,UAAU;IACV,cAAc;IACd,oBAAoB;IACpB,aAAa;IACb,QAAQ;IACR,cAAc;IACd,QAAQ;IACR,eAAe;IACf,GAAG;IACH,OAAO;IACP,MAAM;IACN,gBAAgB;IAChB,QAAQ;IACR,MAAM;IACN,UAAU;IACV,OAAO;IACP,MAAM;IACN,SAAS;IACT,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,MAAM;IACN,KAAK;IACL,MAAM;IACN,KAAK;IACL,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,UAAU;IACV,OAAO;IACP,KAAK;IACL,MAAM;CAIL,CAAC;AAIJ;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,WAAW;IACX,WAAW;IACX,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,mBAAmB;IACnB,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,cAAc;IACd,WAAW;IACX,QAAQ;IACR,aAAa;IACb,WAAW;IACX,aAAa;IACb,IAAI;IACJ,IAAI;IACJ,mBAAmB;IACnB,eAAe;IACf,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,YAAY;IACZ,YAAY;IACZ,cAAc;IACd,cAAc;IACd,aAAa;IACb,aAAa;IACb,MAAM;IACN,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,YAAY;IACZ,cAAc;IACd,QAAQ;IACR,qBAAqB;IACrB,GAAG;IACH,MAAM;IACN,MAAM;IACN,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,YAAY;IACZ,cAAc;IACd,QAAQ;IACR,kBAAkB;IAClB,mBAAmB;IACnB,gBAAgB;IAChB,iBAAiB;IACjB,gBAAgB;IAChB,cAAc;IACd,UAAU;IACV,aAAa;IACb,WAAW;IACX,SAAS;IACT,YAAY;IACZ,OAAO;IACP,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,IAAI;CACI,CAAC"}

package/dist/internal/index.d.mts

@@ -0,0 +1,7 @@
+export * from './as-constant.mjs';
+export * from './bind-value.mjs';
+export * from './dom-tables.mjs';
+export * from './is-view.mjs';
+export * from './mountable-tag.mjs';
+export * from './view-tag.mjs';
+//# sourceMappingURL=index.d.mts.map

package/dist/internal/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/internal/index.mts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/dist/internal/index.mjs

@@ -0,0 +1,7 @@
+export * from './as-constant.mjs';
+export * from './bind-value.mjs';
+export * from './dom-tables.mjs';
+export * from './is-view.mjs';
+export * from './mountable-tag.mjs';
+export * from './view-tag.mjs';
+//# sourceMappingURL=index.mjs.map

package/dist/internal/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/internal/index.mts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}

package/dist/internal/is-view.d.mts

@@ -0,0 +1,3 @@
+import type { Bindable, View } from '../constant/index.mjs';
+export declare const isView: <T>(bindable: Bindable<T>) => bindable is View<T>;
+//# sourceMappingURL=is-view.d.mts.map

package/dist/internal/is-view.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-view.d.mts","sourceRoot":"","sources":["../../src/internal/is-view.mts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAG5D,eAAO,MAAM,MAAM,GAAI,CAAC,YAAa,QAAQ,CAAC,CAAC,CAAC,KAAG,QAAQ,IAAI,IAAI,CAAC,CAAC,CACpB,CAAC"}

package/dist/internal/is-view.mjs

@@ -0,0 +1,4 @@
+import { hasKey, isRecord } from 'ts-data-forge';
+import { viewTag } from './view-tag.mjs';
+export const isView = (bindable) => isRecord(bindable) && hasKey(bindable, viewTag);
+//# sourceMappingURL=is-view.mjs.map

package/dist/internal/is-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-view.mjs","sourceRoot":"","sources":["../../src/internal/is-view.mts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAK,QAAqB,EAAuB,EAAE,CACvE,QAAQ,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC"}

package/dist/internal/mountable-tag.d.mts

@@ -0,0 +1,6 @@
+/**
+ * The key a {@link Mountable} carries, so that mounting a child can tell a
+ * description from a `Bindable` at run time.
+ */
+export declare const mountableTag: unique symbol;
+//# sourceMappingURL=mountable-tag.d.mts.map

package/dist/internal/mountable-tag.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mountable-tag.d.mts","sourceRoot":"","sources":["../../src/internal/mountable-tag.mts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,OAAO,MAA6C,CAAC"}

package/dist/internal/mountable-tag.mjs

@@ -0,0 +1,6 @@
+
+
+
+
+export const mountableTag = Symbol.for('synstate-dom/mountable');
+//# sourceMappingURL=mountable-tag.mjs.map

package/dist/internal/mountable-tag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mountable-tag.mjs","sourceRoot":"","sources":["../../src/internal/mountable-tag.mts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAkB,MAAM,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC"}

package/dist/internal/view-tag.d.mts

@@ -0,0 +1,7 @@
+/**
+ * The key a {@link View} carries, so that binding can tell it from a constant
+ * at run time. `Symbol.for` rather than `Symbol`, matching the mark synstate
+ * puts on its observables: two copies of the module still agree.
+ */
+export declare const viewTag: unique symbol;
+//# sourceMappingURL=view-tag.d.mts.map

package/dist/internal/view-tag.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-tag.d.mts","sourceRoot":"","sources":["../../src/internal/view-tag.mts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,OAAO,MAAwC,CAAC"}

package/dist/internal/view-tag.mjs

@@ -0,0 +1,7 @@
+
+
+
+
+
+export const viewTag = Symbol.for('synstate-dom/view');
+//# sourceMappingURL=view-tag.mjs.map

package/dist/internal/view-tag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-tag.mjs","sourceRoot":"","sources":["../../src/internal/view-tag.mts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAkB,MAAM,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/jsx/child.d.mts

@@ -0,0 +1,20 @@
+import type { Bindable } from '../constant/index.mjs';
+import type { Mountable, MountedNodes } from './mountable.mjs';
+/**
+ * What a JSX element accepts as a child. Text must be a `Bindable` like any
+ * other data: `<p>{constant('big')}</p>`, never `<p>big</p>` (SPEC.md 5.1).
+ */
+export type Child = Bindable<number | string> | Mountable | readonly Child[];
+/**
+ * Mounts a child in the current scope and returns its nodes in order: a
+ * description is mounted, a `Bindable` becomes a text node bound to it, and an
+ * array is flattened.
+ */
+export declare const mountChild: (child: Child) => readonly ChildNode[];
+export declare const toNodes: (nodes: MountedNodes) => readonly ChildNode[];
+/**
+ * Tells a child from any other value, one level deep: the elements of an
+ * array are checked as they are mounted.
+ */
+export declare const isChild: (value: unknown) => value is Child;
+//# sourceMappingURL=child.d.mts.map

package/dist/jsx/child.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"child.d.mts","sourceRoot":"","sources":["../../src/jsx/child.mts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/D;;;GAGG;AACH,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,GAAG,SAAS,KAAK,EAAE,CAAC;AAE7E;;;;GAIG;AACH,eAAO,MAAM,UAAU,UAAW,KAAK,KAAG,SAAS,SAAS,EAgB3D,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,YAAY,KAAG,SAAS,SAAS,EACf,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,KAAK,IAAI,KAK4B,CAAC"}

package/dist/jsx/child.mjs

@@ -0,0 +1,33 @@
+import { isObservable } from 'synstate';
+import { Arr, hasKey, isNumber, isRecord, isString } from 'ts-data-forge';
+import { bindValue, mountableTag, viewTag } from '../internal/index.mjs';
+
+
+
+
+
+export const mountChild = (child) => {
+    if (Arr.isArray(child)) {
+        return child.flatMap(mountChild);
+    }
+    if (isMountable(child)) {
+        return toNodes(child.mount());
+    }
+    const mut_text = document.createTextNode('');
+    bindValue(child, (value) => {
+        mut_text.data = value.toString();
+    });
+    return [mut_text];
+};
+export const toNodes = (nodes) => Arr.isArray(nodes) ? nodes : [nodes];
+
+
+
+
+export const isChild = (value) => Arr.isArray(value) ||
+    isString(value) ||
+    isNumber(value) ||
+    isObservable(value) ||
+    (isRecord(value) && (hasKey(value, mountableTag) || hasKey(value, viewTag)));
+const isMountable = (child) => isRecord(child) && hasKey(child, mountableTag);
+//# sourceMappingURL=child.mjs.map