@e280/sly 0.2.0-2 → 0.2.0-21

package/x/base/element.d.ts

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

@@ -0,0 +1,52 @@
+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());
+    /** 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](() => {
+            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.#attrWatcher.start();
+        this.#mountCount++;
+    }
+    disconnectedCallback() {
+        this.#use[_disconnect]();
+        this.#reactor.clear();
+        this.#attrWatcher.stop();
+    }
+}
+//# sourceMappingURL=element.js.map

package/x/base/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../s/base/element.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAA;AAGlC,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;IAEzD,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,GAAG,CAAC,MAAM,CACT,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;QACxB,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAA;QACzB,IAAI,CAAC,WAAW,EAAE,CAAA;IACnB,CAAC;IAED,oBAAoB;QACnB,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

@@ -0,0 +1,3 @@
+export * from "./css-reset.js";
+export * from "./element.js";
+export * from "./use.js";

package/x/base/index.js

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

package/x/base/index.js.map

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

package/x/{views → base}/use.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup } from "lit";
 import { SignalOptions } from "@e280/strata/signals";
 import { Op } from "../ops/op.js";
-import { AttrSpec } from "./attributes.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;
@@ -11,6 +11,7 @@ export declare class Use {
     shadow: ShadowRoot;
     renderNow: () => void;
     render: () => Promise<void>;
+    readonly attrs: UseAttrs;
     [_wrap]<R>(fn: () => R): R;
     [_disconnect](): void;
     [_reconnect](): void;
@@ -21,21 +22,20 @@ export declare class Use {
     styles(...styles: CSSResultGroup[]): void;
     /** alias for 'styles' */
     css(...styles: CSSResultGroup[]): void;
-    attrs<A extends AttrSpec>(spec: A): import("./attributes.js").AttrTypes<A>;
     once<V>(fn: () => V): V;
     mount(fn: () => () => void): void;
     life<V>(fn: () => [result: V, dispose: () => void]): V;
     wake<V>(fn: () => V): V;
     op: {
         <V>(f: () => Promise<V>): Op<V>;
-        fn: <V>(f: () => Promise<V>) => Op<V>;
+        load: <V>(f: () => Promise<V>) => Op<V>;
         promise<V>(p: Promise<V>): Op<V>;
     };
     signal: {
         <V>(value: V, options?: Partial<SignalOptions>): import("@e280/strata/signals").SignalFn<V>;
-        derive<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").DeriveFn<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>;
     };
-    derive<V>(formula: () => V, options?: Partial<SignalOptions>): import("@e280/strata/signals").DeriveFn<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>;
 }

package/x/{views → base}/use.js

@@ -2,8 +2,8 @@ import { defer, MapG } from "@e280/stz";
 import { signal } from "@e280/strata/signals";
 import { Op } from "../ops/op.js";
 import { Mounts } from "./utils/mounts.js";
+import { UseAttrs } from "./utils/use-attrs.js";
 import { applyStyles } from "./utils/apply-styles.js";
-import { attributes, onAttrChange } from "./attributes.js";
 export const _wrap = Symbol();
 export const _disconnect = Symbol();
 export const _reconnect = Symbol();
@@ -12,6 +12,7 @@ export class Use {
     shadow;
     renderNow;
     render;
+    attrs;
     #runs = 0;
     #position = 0;
     #values = new MapG();
@@ -38,6 +39,7 @@ export class Use {
         this.shadow = shadow;
         this.renderNow = renderNow;
         this.render = render;
+        this.attrs = new UseAttrs(this);
     }
     get renderCount() {
         return this.#runs;
@@ -55,10 +57,6 @@ export class Use {
     css(...styles) {
         return this.styles(...styles);
     }
-    attrs(spec) {
-        this.mount(() => onAttrChange(this.element, this.render));
-        return this.once(() => attributes(this.element, spec));
-    }
     once(fn) {
         return this.#values.guarantee(this.#position++, fn);
     }
@@ -80,9 +78,9 @@ export class Use {
     op = (() => {
         const that = this;
         function op(f) {
-            return that.once(() => Op.fn(f));
+            return that.once(() => Op.load(f));
         }
-        op.fn = op;
+        op.load = op;
         op.promise = (p) => this.once(() => Op.promise(p));
         return op;
     })();
@@ -91,16 +89,16 @@ export class Use {
         function sig(value, options) {
             return that.once(() => signal(value, options));
         }
-        sig.derive = function derive(formula, options) {
-            return that.once(() => signal.derive(formula, 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;
     })();
-    derive(formula, options) {
-        return this.once(() => signal.derive(formula, options));
+    derived(formula, options) {
+        return this.once(() => signal.derived(formula, options));
     }
     lazy(formula, options) {
         return this.once(() => signal.lazy(formula, options));

package/x/base/use.js.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"apply-styles.js","sourceRoot":"","sources":["../../../s/base/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/base/utils/attr-watcher.d.ts

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

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

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

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

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

package/x/base/utils/reactor.js

@@ -0,0 +1,25 @@
+import { MapG } from "@e280/stz";
+import { tracker } from "@e280/strata";
+export class Reactor {
+    #map = new MapG();
+    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

@@ -0,0 +1 @@
+{"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/use-attrs.d.ts

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

package/x/base/utils/use-attrs.js

@@ -0,0 +1,19 @@
+import { dom } from "../../dom/dom.js";
+export class UseAttrs {
+    #use;
+    #attrs;
+    constructor(use) {
+        this.#use = use;
+        this.#attrs = dom.attrs(use.element);
+    }
+    get strings() { return this.#attrs.strings; }
+    get numbers() { return this.#attrs.numbers; }
+    get booleans() { return this.#attrs.booleans; }
+    spec(spec) {
+        return this.#use.once(() => this.#attrs.spec(spec));
+    }
+    on(fn) {
+        return this.#use.mount(() => this.#attrs.on(fn));
+    }
+}
+//# sourceMappingURL=use-attrs.js.map

package/x/base/utils/use-attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-attrs.js","sourceRoot":"","sources":["../../../s/base/utils/use-attrs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,MAAM,OAAO,QAAQ;IACpB,IAAI,CAAK;IACT,MAAM,CAAO;IAEb,YAAY,GAAQ;QACnB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAA;QACf,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IACrC,CAAC;IAED,IAAI,OAAO,KAAK,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAA,CAAC,CAAC;IAC5C,IAAI,OAAO,KAAK,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAA,CAAC,CAAC;IAC5C,IAAI,QAAQ,KAAK,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAA,CAAC,CAAC;IAE9C,IAAI,CAAqB,IAAO;QAC/B,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACpD,CAAC;IAED,EAAE,CAAC,EAAc;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACjD,CAAC;CACD"}

package/x/demo/demo.bundle.js

@@ -1,7 +1,11 @@
 import { dom } from "../dom/dom.js";
-import { DemoView } from "./views/demo.js";
-import { CounterView } from "./views/counter.js";
-dom.in(".demo").render(DemoView());
-dom.register({ DemoCounter: CounterView.component(1) });
+import { CounterComponent } from "./views/counter.js";
+import { DemoComponent } from "./views/demo.js";
+import { FastcountElement } from "./views/fastcount.js";
+dom.register({
+    DemoComponent,
+    CounterComponent,
+    FastcountElement,
+});
 console.log("🦝 sly");
 //# sourceMappingURL=demo.bundle.js.map

package/x/demo/demo.bundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"demo.bundle.js","sourceRoot":"","sources":["../../s/demo/demo.bundle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAA;AACjC,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAE9C,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAA;AAClC,GAAG,CAAC,QAAQ,CAAC,EAAC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAC,CAAC,CAAA;AAErD,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"demo.bundle.js","sourceRoot":"","sources":["../../s/demo/demo.bundle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAA;AACjC,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAErD,GAAG,CAAC,QAAQ,CAAC;IACZ,aAAa;IACb,gBAAgB;IAChB,gBAAgB;CAChB,CAAC,CAAA;AAEF,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA"}