@e280/sly 0.2.5 → 0.3.0-2

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

@@ -1,18 +0,0 @@
-import { ViewFn } from "../../types.js";
-import { AttrValue } from "../../../dom/types.js";
-/** the information we need to render a view. */
-export declare class NakedContext<Props extends any[]> {
-    props: Props;
-    attrs: Map<string, AttrValue>;
-    constructor(props: Props);
-}
-/** controls the rendering of view context into an element. */
-export declare class NakedCapsule<Props extends any[]> {
-    #private;
-    private viewFn;
-    private settings;
-    constructor(host: HTMLElement, viewFn: ViewFn<Props>, settings: ShadowRootInit);
-    update(context: NakedContext<Props>): HTMLElement;
-    disconnected(): void;
-    reconnected(): void;
-}

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

@@ -1,57 +0,0 @@
-import { debounce } from "@e280/stz";
-import { dom } from "../../../dom/dom.js";
-import { Reactor } from "../../../base/utils/reactor.js";
-import { attrSet } from "../../../dom/attrs/parts/attr-fns.js";
-import { AttrWatcher } from "../../../base/utils/attr-watcher.js";
-import { _disconnect, _reconnect, _wrap, Use } from "../../../base/use.js";
-/** the information we need to render a view. */
-export class NakedContext {
-    props;
-    attrs = new Map();
-    constructor(props) {
-        this.props = props;
-    }
-}
-/** controls the rendering of view context into an element. */
-export class NakedCapsule {
-    viewFn;
-    settings;
-    #element;
-    #reactor = new Reactor();
-    #use;
-    #shadow;
-    #context;
-    #attrWatcher;
-    constructor(host, viewFn, settings) {
-        this.viewFn = viewFn;
-        this.settings = settings;
-        this.#element = host;
-        this.#shadow = this.#element.attachShadow(this.settings);
-        this.#use = new Use(this.#element, this.#shadow, this.#renderNow, this.#renderDebounced);
-        this.#attrWatcher = new AttrWatcher(this.#element, () => this.#renderDebounced());
-    }
-    update(context) {
-        this.#context = context;
-        this.#renderNow();
-        return this.#element;
-    }
-    #renderNow = () => {
-        this.#use[_wrap](() => {
-            const content = this.#reactor.effect(() => this.viewFn(this.#use)(...this.#context.props), () => this.#renderDebounced());
-            attrSet.entries(this.#element, this.#context.attrs);
-            dom.render(this.#shadow, content);
-            this.#attrWatcher.start();
-        });
-    };
-    #renderDebounced = debounce(0, this.#renderNow);
-    disconnected() {
-        this.#use[_disconnect]();
-        this.#reactor.clear();
-        this.#attrWatcher.stop();
-    }
-    reconnected() {
-        this.#use[_reconnect]();
-        this.#attrWatcher.start();
-    }
-}
-//# sourceMappingURL=naked.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"naked.js","sourceRoot":"","sources":["../../../../s/view/utils/parts/naked.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAA;AAElC,OAAO,EAAC,GAAG,EAAC,MAAM,qBAAqB,CAAA;AAEvC,OAAO,EAAC,OAAO,EAAC,MAAM,gCAAgC,CAAA;AACtD,OAAO,EAAC,OAAO,EAAC,MAAM,sCAAsC,CAAA;AAC5D,OAAO,EAAC,WAAW,EAAC,MAAM,qCAAqC,CAAA;AAC/D,OAAO,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAC,MAAM,sBAAsB,CAAA;AAExE,gDAAgD;AAChD,MAAM,OAAO,YAAY;IAEL;IADnB,KAAK,GAAG,IAAI,GAAG,EAAqB,CAAA;IACpC,YAAmB,KAAY;QAAZ,UAAK,GAAL,KAAK,CAAO;IAAG,CAAC;CACnC;AAED,8DAA8D;AAC9D,MAAM,OAAO,YAAY;IAWd;IACA;IAXV,QAAQ,CAAa;IACrB,QAAQ,GAAG,IAAI,OAAO,EAAE,CAAA;IAExB,IAAI,CAAK;IACT,OAAO,CAAY;IACnB,QAAQ,CAAsB;IAC9B,YAAY,CAAa;IAEzB,YACE,IAAiB,EACT,MAAqB,EACrB,QAAwB;QADxB,WAAM,GAAN,MAAM,CAAe;QACrB,aAAQ,GAAR,QAAQ,CAAgB;QAEjC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;QACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACxD,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,CAClB,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,UAAU,EACf,IAAI,CAAC,gBAAgB,CACrB,CAAA;QACD,IAAI,CAAC,YAAY,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAA;IAClF,CAAC;IAED,MAAM,CAAC,OAA4B;QAClC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAA;QACvB,IAAI,CAAC,UAAU,EAAE,CAAA;QACjB,OAAO,IAAI,CAAC,QAAQ,CAAA;IACrB,CAAC;IAED,UAAU,GAAG,GAAG,EAAE;QACjB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;YACrB,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CACnC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EACpD,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAC7B,CAAA;YACD,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;YACnD,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;YACjC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAA;QAC1B,CAAC,CAAC,CAAA;IACH,CAAC,CAAA;IAED,gBAAgB,GAAG,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAA;IAE/C,YAAY;QACX,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;IAED,WAAW;QACV,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAA;QACvB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAA;IAC1B,CAAC;CACD"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"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;IAE1B,MAAM,CAAC,QAAQ;QACd,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;IACF,CAAC;IAED,MAAM,CAAC,IAAI;QACV,IAAI,CAAC,QAAQ,EAAE,CAAA;QACf,OAAO,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAY,CAAA;IACrD,CAAC"}

package/x/view/view.d.ts

@@ -1,11 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}