dothtml 6.0.0-beta.45 → 6.0.0-beta.46

package/build_module/routing/router.js

@@ -0,0 +1,209 @@
+import dot from "../dot";
+import { currentPath, previousPath, navigate } from "./state";
+import { Vdom } from "../vdom-nodes/vdom";
+const beforeHooks = [];
+const afterHooks = [];
+const globalRoutes = dot.watch([]);
+export function setGlobalRoutes(routes) {
+    globalRoutes.value = routes;
+}
+export function getGlobalRoutes() {
+    return globalRoutes.value;
+}
+export function matchRoute(routes, path, basePath = "") {
+    const relativePath = path.startsWith(basePath) ? path.slice(basePath.length) : path;
+    const pathSegments = relativePath.split("/").filter(s => s !== "");
+    for (const route of routes) {
+        const routeSegments = route.path.split("/").filter(s => s !== "");
+        const params = {};
+        let match = true;
+        const hasMultiWildcard = routeSegments.indexOf("*") !== -1;
+        const isPrefixMatchAllowed = !!(route.children && route.children.length > 0);
+        if (!hasMultiWildcard && !isPrefixMatchAllowed && routeSegments.length !== pathSegments.length) {
+            continue;
+        }
+        if (routeSegments.length > pathSegments.length) {
+            continue;
+        }
+        for (let i = 0; i < routeSegments.length; i++) {
+            const rSeg = routeSegments[i];
+            const pSeg = pathSegments[i];
+            if (rSeg === "*") {
+                match = true;
+                break;
+            }
+            if (pSeg === undefined) {
+                match = false;
+                break;
+            }
+            if (rSeg === "+") {
+                continue;
+            }
+            if (rSeg.startsWith("{") && rSeg.endsWith("}")) {
+                const paramName = rSeg.slice(1, -1);
+                params[paramName] = pSeg;
+                continue;
+            }
+            if (rSeg.startsWith(":")) {
+                const paramName = rSeg.slice(1);
+                params[paramName] = pSeg;
+                continue;
+            }
+            if (rSeg !== pSeg) {
+                match = false;
+                break;
+            }
+        }
+        if (match) {
+            const matchedSegments = pathSegments.slice(0, routeSegments.length);
+            const matchedPath = (basePath.endsWith("/") ? basePath.slice(0, -1) : basePath) + "/" + matchedSegments.join("/");
+            return { route, params, matchedPath };
+        }
+    }
+    return null;
+}
+export const Router = dot.component(class {
+    constructor() {
+        this.resolvedComponent = dot.watch(null);
+        this.currentMatch = null;
+        this.lastPath = "";
+        this.subId = -1;
+        this.loaderCache = new Map();
+    }
+    static { this.props = {
+        routes: { type: Array, required: true },
+        notFound: { type: Object, default: null },
+        loading: { type: Object, default: null },
+        basePath: { type: String, default: "" }
+    }; }
+    mounting() {
+        this.subId = currentPath.subscribe(() => {
+            this._?.cvdom.requestUpdate();
+        });
+    }
+    unmounting() {
+        currentPath._detachBinding(this.subId);
+    }
+    build(dot) {
+        setGlobalRoutes(this.props.routes);
+        const path = currentPath.value;
+        const match = matchRoute(this.props.routes, path, this.props.basePath);
+        this.currentMatch = match;
+        const proceed = (comp) => {
+            if (!match)
+                return;
+            let title = match.route.title;
+            if (typeof title === "function") {
+                title = title(match.params);
+            }
+            if (title) {
+                document.title = title;
+            }
+            if (typeof comp === "function" && !comp.prototype?.build) {
+                if (this.loaderCache.has(comp)) {
+                    this.resolvedComponent.value = this.loaderCache.get(comp);
+                    afterHooks.forEach(h => h(path, previousPath.value));
+                    return;
+                }
+                const result = comp();
+                if (result instanceof Promise) {
+                    result.then(m => {
+                        const resolved = m.default || m;
+                        this.loaderCache.set(comp, resolved);
+                        this.resolvedComponent.value = resolved;
+                        this._?.cvdom.requestUpdate();
+                        afterHooks.forEach(h => h(path, previousPath.value));
+                    });
+                    this.resolvedComponent.value = this.props.loading || dot.div("Loading...");
+                    return;
+                }
+            }
+            this.resolvedComponent.value = comp;
+            afterHooks.forEach(h => h(path, previousPath.value));
+        };
+        if (!match) {
+            this.resolvedComponent.value = this.props.notFound || dot.div("404 - Not Found");
+        }
+        else if (match.route.redirect) {
+            const target = typeof match.route.redirect === "function"
+                ? match.route.redirect(match.params)
+                : match.route.redirect;
+            navigate(target, true);
+            return dot.div();
+        }
+        else {
+            const guards = [...beforeHooks];
+            if (match.route.beforeEnter) {
+                guards.push(match.route.beforeEnter);
+            }
+            const runGuards = async (index) => {
+                if (index >= guards.length) {
+                    proceed(match.route.component);
+                    return;
+                }
+                const guard = guards[index];
+                let nextCalled = false;
+                const handleNext = (nextVal) => {
+                    if (nextCalled)
+                        return;
+                    nextCalled = true;
+                    if (nextVal === false) {
+                        navigate(previousPath.value, true);
+                    }
+                    else if (typeof nextVal === "string") {
+                        navigate(nextVal, true);
+                    }
+                    else {
+                        runGuards(index + 1);
+                    }
+                };
+                const result = guard(path, previousPath.value, handleNext);
+                if (result instanceof Promise) {
+                    const asyncResult = await result;
+                    if (!nextCalled) {
+                        if (asyncResult === false || typeof asyncResult === "string") {
+                            handleNext(asyncResult);
+                        }
+                        else {
+                            handleNext();
+                        }
+                    }
+                }
+                else if (result !== undefined && !nextCalled) {
+                    handleNext(result);
+                }
+            };
+            runGuards(0);
+        }
+        const C = this.resolvedComponent.value;
+        if (!C)
+            return dot.div();
+        const currentMatch = this.currentMatch;
+        if (typeof C === "function" && C.prototype?.build) {
+            return dot.mount(new C(), {
+                routeParams: currentMatch?.params,
+                basePath: currentMatch?.matchedPath
+            });
+        }
+        if (typeof C === "object" && C.build) {
+            return dot.mount(C, {
+                routeParams: currentMatch?.params,
+                basePath: currentMatch?.matchedPath
+            });
+        }
+        if (C instanceof Vdom)
+            return C;
+        return dot.div(C);
+    }
+});
+Router.beforeEach = (guard) => {
+    beforeHooks.push(guard);
+};
+Router.afterEach = (hook) => {
+    afterHooks.push(hook);
+};
+Router.clearHooks = () => {
+    beforeHooks.length = 0;
+    afterHooks.length = 0;
+};
+//# sourceMappingURL=router.js.map

package/build_module/routing/router.js.map

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

package/build_module/routing/scroll-manager.d.ts

@@ -0,0 +1 @@
+export declare function initScrollManager(): void;

package/build_module/routing/scroll-manager.js

@@ -0,0 +1,33 @@
+import { currentPath, currentHash } from "./state";
+const scrollPositions = new Map();
+export function initScrollManager() {
+    if (typeof window === "undefined")
+        return;
+    window.addEventListener("scroll", () => {
+        scrollPositions.set(window.location.pathname, {
+            x: window.pageXOffset,
+            y: window.pageYOffset
+        });
+    }, { passive: true });
+    currentPath.subscribe((newPath) => {
+        setTimeout(() => {
+            const hash = currentHash.value;
+            if (hash && hash.startsWith("#")) {
+                const id = hash.substring(1);
+                const element = document.getElementById(id);
+                if (element) {
+                    element.scrollIntoView();
+                    return;
+                }
+            }
+            const savedPosition = scrollPositions.get(newPath);
+            if (savedPosition) {
+                window.scrollTo(savedPosition.x, savedPosition.y);
+            }
+            else {
+                window.scrollTo(0, 0);
+            }
+        }, 0);
+    });
+}
+//# sourceMappingURL=scroll-manager.js.map

package/build_module/routing/scroll-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-manager.js","sourceRoot":"","sources":["../../src/routing/scroll-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,eAAe,GAAG,IAAI,GAAG,EAAoC,CAAC;AAMpE,MAAM,UAAU,iBAAiB;IAChC,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IAM1C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;QACtC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE;YAC7C,CAAC,EAAE,MAAM,CAAC,WAAW;YACrB,CAAC,EAAE,MAAM,CAAC,WAAW;SACrB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAEtB,WAAW,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;QAEjC,UAAU,CAAC,GAAG,EAAE;YACf,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC;YAC/B,IAAI,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;gBACjC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;gBAC7B,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;gBAC5C,IAAI,OAAO,EAAE;oBACZ,OAAO,CAAC,cAAc,EAAE,CAAC;oBACzB,OAAO;iBACP;aACD;YAED,MAAM,aAAa,GAAG,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACnD,IAAI,aAAa,EAAE;gBAClB,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;aAClD;iBAAM;gBACN,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aACtB;QACF,CAAC,EAAE,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACJ,CAAC"}

package/build_module/routing/state.d.ts

@@ -0,0 +1,7 @@
+export declare const currentPath: import("dothtml-interfaces").IWatcher<string>;
+export declare const previousPath: import("dothtml-interfaces").IWatcher<string>;
+export declare const currentSearch: import("dothtml-interfaces").IWatcher<string>;
+export declare const currentHash: import("dothtml-interfaces").IWatcher<string>;
+export declare function navigate(path: string, replace?: boolean): void;
+export declare function useQueryParams(): import("dothtml-interfaces").IWatcher<Record<string, string>>;
+export declare function useHash(): import("dothtml-interfaces").IWatcher<string>;

package/build_module/routing/state.js

@@ -0,0 +1,45 @@
+import dot from "../dot";
+export const currentPath = dot.watch(typeof window !== "undefined" ? window.location.pathname : "/");
+export const previousPath = dot.watch(typeof window !== "undefined" ? window.location.pathname : "/");
+export const currentSearch = dot.watch(typeof window !== "undefined" ? window.location.search : "");
+export const currentHash = dot.watch(typeof window !== "undefined" ? window.location.hash : "");
+export function navigate(path, replace = false) {
+    if (typeof window === "undefined")
+        return;
+    previousPath.value = window.location.pathname;
+    if (replace) {
+        window.history.replaceState({}, "", path);
+    }
+    else {
+        window.history.pushState({}, "", path);
+    }
+    currentPath.value = window.location.pathname;
+    currentSearch.value = window.location.search;
+    currentHash.value = window.location.hash;
+}
+export function useQueryParams() {
+    return dot.computed(() => {
+        const search = currentSearch.value;
+        const params = new URLSearchParams(search);
+        const result = {};
+        params.forEach((value, key) => {
+            result[key] = value;
+        });
+        return result;
+    });
+}
+export function useHash() {
+    return dot.computed(() => {
+        const hash = currentHash.value;
+        return hash.startsWith("#") ? hash.substring(1) : hash;
+    });
+}
+if (typeof window !== "undefined") {
+    window.addEventListener("popstate", () => {
+        previousPath.value = currentPath.value;
+        currentPath.value = window.location.pathname;
+        currentSearch.value = window.location.search;
+        currentHash.value = window.location.hash;
+    });
+}
+//# sourceMappingURL=state.js.map

package/build_module/routing/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/routing/state.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,QAAQ,CAAC;AAEzB,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACrG,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AACtG,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACpG,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAOhG,MAAM,UAAU,QAAQ,CAAC,IAAY,EAAE,UAAmB,KAAK;IAC9D,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IAE1C,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAE9C,IAAI,OAAO,EAAE;QACZ,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;KAC1C;SAAM;QACN,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;KACvC;IAED,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAC7C,aAAa,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;IAC7C,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC1C,CAAC;AAKD,MAAM,UAAU,cAAc;IAC7B,OAAO,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE;QACxB,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC;QACnC,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,MAAM,GAA2B,EAAE,CAAC;QAC1C,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YAC7B,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QACrB,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IACf,CAAC,CAAC,CAAC;AACJ,CAAC;AAKD,MAAM,UAAU,OAAO;IACtB,OAAO,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE;QACxB,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC;QAC/B,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACxD,CAAC,CAAC,CAAC;AACJ,CAAC;AAGD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;IAClC,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE;QACxC,YAAY,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;QACvC,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAC7C,aAAa,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC7C,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC1C,CAAC,CAAC,CAAC;CACH"}

package/build_module/v-dom-node.js

@@ -0,0 +1 @@
+//# sourceMappingURL=v-dom-node.js.map

package/build_module/v-dom-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v-dom-node.js","sourceRoot":"","sources":["../src/v-dom-node.ts"],"names":[],"mappings":""}

package/build_module/v-meta-nodes/attribute-v-node.js

@@ -0,0 +1,53 @@
+import Binding from "../reactivity/binding";
+import Watcher from "../reactivity/watcher";
+import VMetaNode from "./v-meta-node";
+export default class AttributeVNode extends VMetaNode {
+    constructor(attrName, attrValue) {
+        super();
+        this.observables = {};
+        this.attr = attrName;
+        this.value = attrValue;
+    }
+    render(target) {
+        this.target = target;
+        {
+            for (let k in this.value) {
+                let v = this.value[k];
+                if (v instanceof Watcher)
+                    v = v.bind();
+                if (v && v instanceof Binding) {
+                    let id = v._subscribe(this);
+                    this.observables[id] = v;
+                }
+            }
+        }
+        {
+            this.update();
+        }
+    }
+    update() {
+        if (!this.target)
+            return;
+        let tokens = [];
+        for (let k in this.value) {
+            let v = this.value[k];
+            if (v) {
+                if (v instanceof Watcher)
+                    v = v.bind();
+                if (!(v instanceof Binding) || v._get()) {
+                    tokens.push(k);
+                }
+            }
+        }
+        this.target.setAttribute(this.attr, tokens.join(" "));
+    }
+    unrender() {
+        this.target = null;
+        for (let o in this.observables) {
+            let v = this.observables[o];
+            v._unsubscribe(Number(o));
+        }
+        this.observables = {};
+    }
+}
+//# sourceMappingURL=attribute-v-node.js.map

package/build_module/v-meta-nodes/attribute-v-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attribute-v-node.js","sourceRoot":"","sources":["../../src/v-meta-nodes/attribute-v-node.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,SAAS,MAAM,eAAe,CAAC;AAMtC,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS;IAQpD,YAAY,QAAQ,EAAE,SAAS;QAC9B,KAAK,EAAE,CAAC;QAHT,gBAAW,GAA4B,EAAE,CAAC;QAIzC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACxB,CAAC;IAED,MAAM,CAAC,MAAmB;QACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB;YACC,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAC;gBACvB,IAAI,CAAC,GAAI,IAAI,CAAC,KAAa,CAAC,CAAC,CAAC,CAAC;gBAE/B,IAAG,CAAC,YAAY,OAAO;oBAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;gBAEtC,IAAG,CAAC,IAAI,CAAC,YAAY,OAAO,EAAC;oBAC5B,IAAI,EAAE,GAAG,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBAC5B,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;iBACzB;aACD;SACD;QAED;YACC,IAAI,CAAC,MAAM,EAAE,CAAC;SACd;IACF,CAAC;IAED,MAAM;QACL,IAAG,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QAExB,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,EAAC;YACvB,IAAI,CAAC,GAAI,IAAI,CAAC,KAAa,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAG,CAAC,EAAC;gBACJ,IAAG,CAAC,YAAY,OAAO;oBAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;gBACtC,IAAG,CAAC,CAAC,CAAC,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAC;oBACtC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBACf;aACD;SACD;QACD,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,QAAQ;QACP,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QAEnB,KAAI,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,EAAC;YAC7B,IAAI,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YAC5B,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1B;QAED,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACvB,CAAC;CACD"}

package/build_module/v-meta-nodes/style-v-node.d.ts

@@ -0,0 +1,26 @@
+import { IDotCss } from "dothtml-interfaces";
+import VMetaNode from "./v-meta-node";
+import BaseVStyle from "../v-style-nodes/base-v-style";
+export default class StyleVNode extends VMetaNode {
+    target: HTMLElement | string;
+    document: Document;
+    shadowRoot: ShadowRoot;
+    styleSource: IDotCss | BaseVStyle;
+    private styleElement;
+    private observables;
+    private observableIds;
+    private isQueued;
+    private updateSubscription;
+    constructor(styleSource: IDotCss | BaseVStyle);
+    private extractObservables;
+    private processValue;
+    private tryExtractObservable;
+    render(target: HTMLElement | string, document?: Document, shadowRoot?: ShadowRoot): void;
+    update(): void;
+    private applyStyles;
+    private applySingleStyle;
+    private getStyleString;
+    private formatSingleStyle;
+    unrender(): void;
+    toString(): string;
+}

package/build_module/v-meta-nodes/style-v-node.js

@@ -0,0 +1,231 @@
+import cssProps from "../css/css-props";
+import VMetaNode from "./v-meta-node";
+import CssFunctionBuilderVStyle from "../v-style-nodes/css-function-builder-v-style";
+import FilterVStyle from "../v-style-nodes/filter-v-style";
+import TransformVStyle from "../v-style-nodes/transform-v-style";
+import { formatCssLength } from "../css/format-css-type";
+import Binding from "../reactivity/binding";
+import BaseVStyle from "../v-style-nodes/base-v-style";
+import { scheduler } from "../reactivity/scheduler";
+import { Priority } from "../reactivity/priority";
+import Watcher from "../reactivity/watcher";
+export default class StyleVNode extends VMetaNode {
+    constructor(styleSource) {
+        super();
+        this.observables = [];
+        this.observableIds = [];
+        this.isQueued = false;
+        this.updateSubscription = {
+            active: true,
+            update: () => {
+                this.isQueued = false;
+                this.applyStyles();
+            }
+        };
+        this.styleSource = styleSource;
+        if (this.styleSource instanceof BaseVStyle) {
+            this.styleSource._setOnUpdate(() => this.update());
+        }
+        this.extractObservables();
+    }
+    extractObservables() {
+        const source = this.styleSource instanceof BaseVStyle ? this.styleSource.getProps() : this.styleSource;
+        if (Array.isArray(source)) {
+            for (let i = 0; i < source.length; i++) {
+                let p = source[i];
+                this.processValue(p.prop, p.value, (newVal) => p.value = newVal);
+            }
+        }
+        else {
+            for (let prop in source) {
+                this.processValue(prop, source[prop], (newVal) => source[prop] = newVal);
+            }
+        }
+    }
+    processValue(prop, value, setter) {
+        if (!this.tryExtractObservable(value)) {
+            if (typeof value === "object" && value !== null && !(value instanceof CssFunctionBuilderVStyle)) {
+                let builder;
+                switch (prop) {
+                    case "filter": {
+                        builder = new FilterVStyle(prop);
+                        break;
+                    }
+                    case "transform": {
+                        builder = new TransformVStyle(prop);
+                        break;
+                    }
+                }
+                if (builder) {
+                    let funcArray = Array.isArray(value) ? value : [value];
+                    for (let funcValue of funcArray) {
+                        for (let k in funcValue) {
+                            let v = funcValue[k];
+                            this.tryExtractObservable(v);
+                            if (Array.isArray(v)) {
+                                for (let w of v) {
+                                    this.tryExtractObservable(w);
+                                }
+                            }
+                            if (typeof builder[k] === "function") {
+                                if (Array.isArray(v)) {
+                                    builder[k](...v);
+                                }
+                                else {
+                                    builder[k](v);
+                                }
+                            }
+                        }
+                    }
+                    setter(builder);
+                }
+            }
+        }
+    }
+    tryExtractObservable(value) {
+        if (value instanceof Binding || value instanceof Watcher) {
+            if (this.observables.indexOf(value) === -1) {
+                this.observables.push(value);
+                if (this.target) {
+                    let id = value.subscribe(() => this.update());
+                    this.observableIds.push(id);
+                }
+            }
+            return true;
+        }
+        return false;
+    }
+    render(target, document = window.document, shadowRoot) {
+        this.target = target;
+        this.document = document;
+        this.shadowRoot = shadowRoot;
+        for (let observable of this.observables) {
+            let id = observable.subscribe(() => this.update());
+            this.observableIds.push(id);
+        }
+        if (typeof target === "string") {
+            this.styleElement = this.document.createElement("style");
+            if (this.shadowRoot) {
+                this.shadowRoot.appendChild(this.styleElement);
+            }
+            else {
+                this.document.head.appendChild(this.styleElement);
+            }
+        }
+        this.applyStyles();
+    }
+    update() {
+        if (!this.isQueued) {
+            this.isQueued = true;
+            scheduler.enqueue(this.updateSubscription, Priority.Normal);
+        }
+    }
+    applyStyles() {
+        if (!this.target)
+            return;
+        if (typeof this.target === "string") {
+            if (this.styleElement) {
+                this.styleElement.textContent = `${this.target} { ${this.getStyleString()} }`;
+            }
+        }
+        else {
+            this.extractObservables();
+            const source = this.styleSource instanceof BaseVStyle ? this.styleSource.getProps() : this.styleSource;
+            if (Array.isArray(source)) {
+                for (const p of source) {
+                    const value = p.value instanceof Binding ? p.value._get() : (p.value instanceof Watcher ? p.value.value : p.value);
+                    this.applySingleStyle(p.prop, value);
+                }
+            }
+            else {
+                for (let prop in source) {
+                    const value = source[prop] instanceof Binding ? source[prop]._get() : (source[prop] instanceof Watcher ? source[prop].value : source[prop]);
+                    this.applySingleStyle(prop, value);
+                }
+            }
+        }
+    }
+    applySingleStyle(prop, value) {
+        let cssValue;
+        if (value instanceof CssFunctionBuilderVStyle) {
+            cssValue = value.toString();
+        }
+        else {
+            cssValue = value;
+        }
+        let cssProp = prop;
+        let cssUnit = undefined;
+        const registeredProp = cssProps[prop];
+        if (registeredProp) {
+            cssProp = registeredProp.cssName;
+            cssUnit = registeredProp.unit;
+            if (registeredProp.type === "length" && typeof cssValue === "number") {
+                cssValue = formatCssLength(cssValue, cssUnit);
+            }
+        }
+        if (this.target instanceof HTMLElement) {
+            this.target.style.setProperty(cssProp, `${cssValue}`);
+        }
+    }
+    getStyleString() {
+        let styles = "";
+        const source = this.styleSource instanceof BaseVStyle ? this.styleSource.getProps() : this.styleSource;
+        if (Array.isArray(source)) {
+            for (const p of source) {
+                styles += this.formatSingleStyle(p.prop, p.value);
+            }
+        }
+        else {
+            for (let prop in source) {
+                styles += this.formatSingleStyle(prop, source[prop]);
+            }
+        }
+        return styles;
+    }
+    formatSingleStyle(prop, value) {
+        let cssValue = value instanceof Binding ? value._get() : (value instanceof Watcher ? value.value : value);
+        if (cssValue instanceof CssFunctionBuilderVStyle) {
+            cssValue = cssValue.toString();
+        }
+        let cssProp = prop;
+        let cssUnit = undefined;
+        const registeredProp = cssProps[prop];
+        if (registeredProp) {
+            cssProp = registeredProp.cssName;
+            cssUnit = registeredProp.unit;
+            if (registeredProp.type === "length" && typeof cssValue === "number") {
+                cssValue = formatCssLength(cssValue, cssUnit);
+            }
+        }
+        return `${cssProp}: ${cssValue}; `;
+    }
+    unrender() {
+        for (let i = 0; i < this.observableIds.length; i++) {
+            let id = this.observableIds[i];
+            let observable = this.observables[i];
+            if (observable instanceof Binding) {
+                observable._unsubscribe(id);
+            }
+            else {
+                observable._detachBinding(id);
+            }
+        }
+        this.observableIds = [];
+        this.observables = [];
+        if (this.styleElement) {
+            this.styleElement.remove();
+            this.styleElement = null;
+        }
+        this.target = null;
+        this.updateSubscription.active = false;
+    }
+    toString() {
+        if (typeof this.target === "string") {
+            return `${this.target} { ${this.getStyleString()} }`;
+        }
+        else {
+            return this.getStyleString();
+        }
+    }
+}
+//# sourceMappingURL=style-v-node.js.map