dothtml 5.2.12 → 6.0.0-beta.10

package/build_module/helpers/render-css.d.ts

@@ -0,0 +1,2 @@
+import { IDotCss } from "dothtml-interfaces";
+export default function renderCss(styleCallback: string | ((css: any) => (string | IDotCss))): CSSStyleSheet;

package/build_module/helpers/render-css.js

@@ -0,0 +1,19 @@
+export default function renderCss(styleCallback) {
+    let sharedStyles = new CSSStyleSheet();
+    if (typeof styleCallback == "string") {
+        sharedStyles.replaceSync(styleCallback);
+    }
+    else {
+        let finalStylesheet = "";
+        let css = null;
+        let styles = styleCallback(css);
+        if (typeof styles == "string") {
+            finalStylesheet = styles;
+        }
+        else {
+        }
+        sharedStyles.replaceSync(finalStylesheet);
+    }
+    return sharedStyles;
+}
+//# sourceMappingURL=render-css.js.map

package/build_module/helpers/render-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-css.js","sourceRoot":"","sources":["../../src/helpers/render-css.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,aAAoD;IACrF,IAAI,YAAY,GAAG,IAAI,aAAa,EAAE,CAAC;IAEvC,IAAI,OAAO,aAAa,IAAI,QAAQ,EAAE;QACrC,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;KACxC;SACI;QACJ,IAAI,eAAe,GAAG,EAAE,CAAC;QACzB,IAAI,GAAG,GAAG,IAAI,CAAC;QACf,IAAI,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;QAEhC,IAAI,OAAO,MAAM,IAAI,QAAQ,EAAE;YAE9B,eAAe,GAAG,MAAM,CAAC;SACzB;aACI;SAGJ;QAED,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;KAC1C;IACD,OAAO,YAAY,CAAC;AACrB,CAAC"}

package/build_module/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare function removeNodesBetween(start: Node, end: Node): void;
+export declare function deepEqual(obj1: any, obj2: any, visited?: Map<any, any>): boolean;

package/build_module/helpers.js

@@ -0,0 +1,49 @@
+import { DOT_VDOM_PROP_NAME } from "./constants";
+export function removeNodesBetween(start, end) {
+    if (start.parentNode !== end.parentNode) {
+        throw new Error("Start and end nodes must have the same parent.");
+    }
+    let current = start.nextSibling;
+    while (current && current !== end) {
+        const next = current.nextSibling;
+        if (current[DOT_VDOM_PROP_NAME]) {
+            current[DOT_VDOM_PROP_NAME]._unrender();
+        }
+        else {
+            current.parentNode?.removeChild(current);
+        }
+        current = next;
+    }
+}
+export function deepEqual(obj1, obj2, visited = new Map()) {
+    if (obj1 === obj2) {
+        return true;
+    }
+    if (obj1 == null || obj2 == null || typeof obj1 !== 'object' || typeof obj2 !== 'object') {
+        return false;
+    }
+    if (visited.has(obj1)) {
+        return visited.get(obj1) === obj2;
+    }
+    visited.set(obj1, obj2);
+    if (Array.isArray(obj1) && Array.isArray(obj2)) {
+        if (obj1.length !== obj2.length) {
+            return false;
+        }
+    }
+    for (const prop in obj1) {
+        if (!obj2.hasOwnProperty(prop)) {
+            return false;
+        }
+        if (!deepEqual(obj1[prop], obj2[prop], visited)) {
+            return false;
+        }
+    }
+    for (const prop in obj2) {
+        if (!obj1.hasOwnProperty(prop)) {
+            return false;
+        }
+    }
+    return true;
+}
+//# sourceMappingURL=helpers.js.map

package/build_module/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,UAAU,kBAAkB,CAAC,KAAW,EAAE,GAAS;IAExD,IAAI,KAAK,CAAC,UAAU,KAAK,GAAG,CAAC,UAAU,EAAE;QACxC,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;KAClE;IAED,IAAI,OAAO,GAAc,KAAK,CAAC,WAAW,CAAC;IAG3C,OAAO,OAAO,IAAI,OAAO,KAAK,GAAG,EAAE;QAClC,MAAM,IAAI,GAAc,OAAO,CAAC,WAAW,CAAC;QAG5C,IAAG,OAAO,CAAC,kBAAkB,CAAC,EAAC;YAC9B,OAAO,CAAC,kBAAkB,CAAC,CAAC,SAAS,EAAE,CAAC;SACxC;aACG;YACH,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;SACzC;QACD,OAAO,GAAG,IAAI,CAAC;KACf;AACF,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAS,EAAE,IAAS,EAAE,OAAO,GAAG,IAAI,GAAG,EAAE;IAC/D,IAAI,IAAI,KAAK,IAAI,EAAE;QACf,OAAO,IAAI,CAAC;KACf;IAED,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QACtF,OAAO,KAAK,CAAC;KAChB;IAGD,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACnB,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;KACrC;IACD,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAExB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAC5C,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE;YAC7B,OAAO,KAAK,CAAC;SAChB;KACJ;IAED,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;QACrB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;QACD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE;YAC7C,OAAO,KAAK,CAAC;SAChB;KACJ;IAED,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;QACrB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;YAC5B,OAAO,KAAK,CAAC;SAChB;KACJ;IAED,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/build_module/index.d.ts

@@ -0,0 +1,7 @@
+import dot from "./dot";
+declare global {
+    interface Window {
+        dot: typeof dot;
+    }
+}
+export { dot };

package/build_module/index.js

@@ -0,0 +1,5 @@
+import dot from "./dot";
+dot.version = "6.0.0";
+window.dot = dot;
+export { dot };
+//# sourceMappingURL=index.js.map

package/build_module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;AAUtB,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;AAEjB,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/build_module/reactive.d.ts

@@ -0,0 +1,37 @@
+import { IReactive } from "dothtml-interfaces";
+import ElementVdom from "./vdom-nodes/element-vdom";
+import { TextVdom } from "./vdom-nodes/text-vdom";
+import { HtmlVdom } from "./vdom-nodes/html-vdom";
+import { ConditionalVdom } from "./vdom-nodes/conditional-vdom";
+import CollectionVdom from "./vdom-nodes/collection-vdom";
+export default class Reactive<Ti = any, To = Ti> implements IReactive<Ti, To> {
+    _value: Ti;
+    private _cachedLastValue;
+    key: string;
+    observingTextNodes: Record<number, TextVdom>;
+    observingHtmlNodes: Record<number, HtmlVdom>;
+    observingAttributes: Record<number, {
+        element: ElementVdom;
+        attribute: string;
+    }>;
+    observingCollections: Record<number, {
+        collection: CollectionVdom;
+        key?: string;
+    }>;
+    observingConditionals: Record<number, ConditionalVdom>;
+    observingCallbacks: Record<number, (value: To) => void>;
+    constructor();
+    getValue(): To;
+    setValue(v: Ti): void;
+    private updater;
+    transformer?: (input: Ti) => To;
+    nextId: number;
+    subscribeText(node: TextVdom): number;
+    subscribeHtml(node: HtmlVdom): number;
+    subscribeAttr(node: ElementVdom, attributeName: string): number;
+    subscribeCollection(node: CollectionVdom): number;
+    subscribeCond(node: ConditionalVdom): number;
+    subscribeCallback(callback: (value: To) => void): number;
+    detachBinding(id: number): void;
+    updateObservers(): void;
+}

package/build_module/reactive.js

@@ -0,0 +1,120 @@
+const TEXT_OFFSET = 0;
+const HTML_OFFSET = 1;
+const ATTR_OFFSET = 2;
+const COND_OFFSET = 3;
+const ARRAY_OFFSET = 4;
+const CB_OFFSET = 5;
+const CATEGORIES = CB_OFFSET + 1;
+export default class Reactive {
+    constructor() {
+        this.observingTextNodes = {};
+        this.observingHtmlNodes = {};
+        this.observingAttributes = {};
+        this.observingCollections = {};
+        this.observingConditionals = {};
+        this.observingCallbacks = {};
+        this.nextId = 1;
+    }
+    getValue() {
+        return this.transformer ? this.transformer(this._value) : this._value;
+    }
+    setValue(v) {
+        this._value = v;
+        let newValue = this.getValue();
+        if (this._cachedLastValue != newValue) {
+            this._cachedLastValue = newValue;
+            this.updater(newValue);
+        }
+    }
+    updater(value) {
+        for (let o in this.observingTextNodes) {
+            let n = this.observingTextNodes[o];
+            n.textNode.textContent = value ?? "";
+        }
+        for (let o in this.observingHtmlNodes) {
+            let n = this.observingHtmlNodes[o];
+            n.updateHtml(value);
+        }
+        for (let o in this.observingAttributes) {
+            let a = this.observingAttributes[o];
+            a.element.setAttr(a.attribute, this);
+        }
+        for (let o in this.observingCollections) {
+            let c = this.observingCollections[o];
+            c.collection.updateList();
+        }
+        for (let o in this.observingConditionals) {
+            let a = this.observingConditionals[o];
+            a.updateConditions();
+        }
+        for (let o in this.observingCallbacks) {
+            let cb = this.observingCallbacks[o];
+            cb(value);
+        }
+    }
+    subscribeText(node) {
+        let id = TEXT_OFFSET + CATEGORIES * this.nextId++;
+        this.observingTextNodes[id] = node;
+        return id;
+    }
+    subscribeHtml(node) {
+        let id = HTML_OFFSET + CATEGORIES * this.nextId++;
+        this.observingHtmlNodes[id] = node;
+        return id;
+    }
+    subscribeAttr(node, attributeName) {
+        let id = ATTR_OFFSET + CATEGORIES * this.nextId++;
+        this.observingAttributes[id] = { element: node, attribute: attributeName };
+        return id;
+    }
+    subscribeCollection(node) {
+        let id = ARRAY_OFFSET + CATEGORIES * this.nextId++;
+        this.observingCollections[id] = { collection: node, key: null };
+        return id;
+    }
+    subscribeCond(node) {
+        let id = COND_OFFSET + CATEGORIES * this.nextId++;
+        this.observingConditionals[id] = node;
+        return id;
+    }
+    subscribeCallback(callback) {
+        let id = CB_OFFSET + CATEGORIES * this.nextId++;
+        this.observingCallbacks[id] = callback;
+        return id;
+    }
+    detachBinding(id) {
+        let category = id % CATEGORIES;
+        switch (category) {
+            case TEXT_OFFSET: {
+                delete this.observingTextNodes[id];
+                break;
+            }
+            case ATTR_OFFSET: {
+                delete this.observingAttributes[id];
+                break;
+            }
+            case HTML_OFFSET: {
+                delete this.observingHtmlNodes[id];
+                break;
+            }
+            case ARRAY_OFFSET: {
+                delete this.observingCollections[id];
+                break;
+            }
+            case COND_OFFSET: {
+                delete this.observingConditionals[id];
+                break;
+            }
+            case CB_OFFSET: {
+                delete this.observingCallbacks[id];
+                break;
+            }
+        }
+    }
+    updateObservers() {
+        let updatedValue = this.getValue();
+        this._cachedLastValue = updatedValue;
+        this.updater(updatedValue);
+    }
+}
+//# sourceMappingURL=reactive.js.map

package/build_module/reactive.js.map

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

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/vdom-nodes/collection-vdom.d.ts

@@ -0,0 +1,24 @@
+import Reactive from "../reactive";
+import { Vdom } from "./vdom";
+import { ObservableCollection } from "./vdom-types";
+type DatumMap = {
+    vdom: Vdom;
+    value: any;
+    keyValue: any;
+    afterNode: Node;
+    observableIndex: Reactive<number>;
+};
+export default class CollectionVdom extends Vdom {
+    value: ObservableCollection;
+    renderCallback: (x: any, i: number | string | Reactive, k: string) => Vdom;
+    startNode: Node;
+    endNode: Node;
+    observerId: number;
+    mappedItems: Array<DatumMap>;
+    constructor(value: ObservableCollection, renderCallback: (x: any, i: number | string, k: string) => Vdom);
+    _render(target: HTMLElement): void;
+    _unrender(): void;
+    private removeItem;
+    updateList(): void;
+}
+export {};

package/build_module/vdom-nodes/collection-vdom.js

@@ -0,0 +1,154 @@
+import { deepEqual } from "../helpers";
+import Reactive from "../reactive";
+import { TextVdom } from "./text-vdom";
+import { Vdom } from "./vdom";
+export default class CollectionVdom extends Vdom {
+    constructor(value, renderCallback) {
+        super();
+        this.observerId = 0;
+        this.mappedItems = [];
+        this.value = value;
+        this.renderCallback = renderCallback;
+    }
+    _render(target) {
+        if (this.value instanceof Reactive) {
+            this.observerId = this.value.subscribeCollection(this);
+        }
+        this.startNode = target.ownerDocument.createTextNode("");
+        this.endNode = target.ownerDocument.createTextNode("");
+        target.appendChild(this.startNode);
+        target.appendChild(this.endNode);
+        this.updateList();
+    }
+    _unrender() {
+        if (this.observerId && this.value instanceof Reactive) {
+            this.value.detachBinding(this.observerId);
+            this.observerId = null;
+        }
+        for (let i = 0; i < this.mappedItems.length; i++) {
+            let I = this.mappedItems[i];
+            I.vdom._unrender();
+            I.afterNode.parentElement.removeChild(I.afterNode);
+        }
+        this.mappedItems.length = 0;
+        this.startNode.parentElement.removeChild(this.startNode);
+        this.endNode.parentElement.removeChild(this.endNode);
+        this.startNode = null;
+        this.endNode = null;
+    }
+    removeItem(item) {
+        item.vdom._unrender();
+        item.afterNode.parentElement.removeChild(item.afterNode);
+    }
+    updateList() {
+        let key = null;
+        let mappedData;
+        {
+            let unmappedCollection = null;
+            if (this.value instanceof Reactive) {
+                unmappedCollection = this.value.getValue();
+                key = this.value.key ?? null;
+            }
+            else {
+                unmappedCollection = this.value;
+            }
+            if (unmappedCollection instanceof Array) {
+                mappedData = unmappedCollection.map((v, i) => {
+                    let kv = !!key ? v[key] : null;
+                    return {
+                        vdom: null,
+                        value: v,
+                        keyValue: kv,
+                        afterNode: null,
+                        observableIndex: new Reactive()
+                    };
+                });
+            }
+            else {
+                mappedData = [];
+                for (let k in unmappedCollection) {
+                    let v = unmappedCollection[k];
+                    let kv = !!key ? v[key] : k;
+                    mappedData.push({
+                        vdom: null,
+                        value: v,
+                        keyValue: kv,
+                        afterNode: null,
+                        observableIndex: new Reactive()
+                    });
+                }
+            }
+        }
+        {
+            let oi = 0;
+            let ns = 0;
+            let ni = 0;
+            while (oi < this.mappedItems.length) {
+                let existing = this.mappedItems[oi];
+                let candidate = mappedData[ni];
+                if (!candidate) {
+                    this.removeItem(existing);
+                    this.mappedItems.splice(oi, 1);
+                    ni = ns;
+                    continue;
+                }
+                else if ((candidate == existing) || (key && candidate.keyValue == existing.keyValue)) {
+                    ns++;
+                    oi++;
+                    ni = ns;
+                    continue;
+                }
+                else {
+                    ni++;
+                }
+            }
+        }
+        {
+            let oi = 0;
+            let ni = 0;
+            let afterTarget = this.startNode;
+            while (ni < mappedData.length) {
+                let existing = this.mappedItems[oi];
+                let candidate = mappedData[ni];
+                if (existing && ((candidate == existing) || (key && candidate.keyValue == existing.keyValue))) {
+                    if (!deepEqual(existing.value, candidate.value)) {
+                        existing.vdom._unrender();
+                        existing.vdom = this.renderCallback(candidate.value, this.value instanceof Reactive ? existing.observableIndex : ni, candidate.keyValue);
+                        existing.value = candidate.value;
+                        existing.vdom._renderBefore(existing.afterNode);
+                    }
+                    else {
+                        existing.observableIndex.setValue(ni);
+                    }
+                    afterTarget = existing.afterNode;
+                    ni++;
+                    oi++;
+                    continue;
+                }
+                else {
+                    let beforeTarget = afterTarget.ownerDocument.createTextNode("");
+                    let ns = afterTarget.parentElement.nextSibling;
+                    if (ns) {
+                        this.startNode.parentElement.insertBefore(beforeTarget, ns);
+                    }
+                    else {
+                        this.startNode.parentElement.appendChild(beforeTarget);
+                    }
+                    candidate.afterNode = beforeTarget;
+                    candidate.observableIndex._value = ni;
+                    let content = this.renderCallback(candidate.value, this.value instanceof Reactive ? candidate.observableIndex : ni, candidate.keyValue);
+                    if (content instanceof Vdom) {
+                        candidate.vdom = content;
+                    }
+                    else {
+                        candidate.vdom = new TextVdom(content);
+                    }
+                    candidate.vdom._renderBefore(candidate.afterNode);
+                    this.mappedItems.splice(ni, 0, candidate);
+                    ni++;
+                }
+            }
+        }
+    }
+}
+//# sourceMappingURL=collection-vdom.js.map

package/build_module/vdom-nodes/collection-vdom.js.map

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

package/build_module/vdom-nodes/component-vdom.d.ts

@@ -0,0 +1,14 @@
+import { IComponent } from "dothtml-interfaces";
+import { Vdom } from "./vdom";
+import { ContainerVdom } from "./container-vdom";
+export declare class ComponentVdom extends Vdom {
+    component: IComponent;
+    shadowEl: HTMLElement;
+    childShadowVdom: ContainerVdom;
+    sharedStyles: CSSStyleSheet;
+    constructor(component: IComponent);
+    private setupCustomElement;
+    _render(node: HTMLElement): void;
+    _unrender(): void;
+    toString(): string;
+}

package/build_module/vdom-nodes/component-vdom.js

@@ -0,0 +1,61 @@
+import { Vdom } from "./vdom";
+export class ComponentVdom extends Vdom {
+    constructor(component) {
+        super();
+        this.component = component;
+        this.component.creating && this.component.creating();
+        this.childShadowVdom = this.component.build && this.component.build(...component._._meta.args);
+        this.component.built && this.component.built();
+    }
+    setupCustomElement(component, document) {
+        let cvdom = this;
+        let customElementConstructor = document.defaultView.customElements.get(component._._meta.tagName);
+        if (customElementConstructor == undefined) {
+            customElementConstructor = class extends HTMLElement {
+                set component(value) {
+                    this._component = value;
+                    this._renderComponent();
+                }
+                _renderComponent() {
+                    if (cvdom instanceof Vdom) {
+                        let shadow = this.attachShadow({ mode: 'open' });
+                        this._component._._meta.shadowRoot = shadow;
+                        cvdom.childShadowVdom._render(shadow);
+                    }
+                    else {
+                        throw new Error("Component build function returned invalid object.");
+                    }
+                }
+            };
+            document.defaultView.customElements.define(component._._meta.tagName, customElementConstructor);
+        }
+    }
+    _render(node) {
+        if (!this.component._)
+            throw new Error("Invalid component. Ensure components are created through the component factory or through decoration.");
+        if (this.component._?._meta?.isRendered)
+            throw new Error("Individual component instances cannot be rendered twice at once.");
+        if (!this.component._._meta)
+            this.component._._meta = {};
+        this.component._._meta.isRendered = true;
+        let document = node.ownerDocument;
+        this.setupCustomElement(this.component, document);
+        this.shadowEl = document.createElement(this.component._._meta.tagName);
+        this.shadowEl["component"] = this.component;
+        this.component._.restyle && this.component._.restyle();
+        node.appendChild(this.shadowEl);
+    }
+    _unrender() {
+        this.component.deleting && this.component.deleting();
+        this.childShadowVdom._unrender();
+        this.childShadowVdom = null;
+        this.shadowEl.remove();
+        this.shadowEl = null;
+        this.component._._meta.isRendered = false;
+        this.component.deleted && this.component.deleted();
+    }
+    toString() {
+        return `<${this.component._._meta.tagName}></${this.component._._meta.tagName}>`;
+    }
+}
+//# sourceMappingURL=component-vdom.js.map

package/build_module/vdom-nodes/component-vdom.js.map

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

package/build_module/vdom-nodes/conditional-vdom.d.ts

@@ -0,0 +1,14 @@
+import Reactive from "../reactive";
+import { ContainerVdom } from "./container-vdom";
+import { Vdom } from "./vdom";
+import { ConditionalNodeItem } from "./vdom-types";
+export declare class ConditionalVdom extends Vdom {
+    private conditions;
+    private sealed;
+    private renderedIndex;
+    addCondition(condition: Reactive | boolean, vNode: ContainerVdom, seal?: boolean): void;
+    addAnchor(C: ConditionalNodeItem, node: HTMLElement): void;
+    _render(node: HTMLElement): void;
+    _unrender(): void;
+    updateConditions(): void;
+}