@vertexvis/html-templates 0.12.0-canary.24

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 - Present Vertex Software, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,6 @@
+# Vertex JS HTML Templating Library
+
+![npm](https://img.shields.io/npm/v/@vertexvis/html-templates)
+![npm (scoped with tag)](https://img.shields.io/npm/v/@vertexvis/html-templates/canary)
+
+This project contains Vertex HTML templating libraries.

package/dist/binding.d.ts

@@ -0,0 +1,35 @@
+export interface Binding {
+    bind<T>(data: T): void;
+}
+export declare class CollectionBinding implements Binding {
+    private bindings;
+    constructor(bindings: Binding[]);
+    bind<T>(data: T): void;
+}
+export declare abstract class NodeBinding<N extends Node> implements Binding {
+    protected node: N;
+    protected expr: string;
+    protected constructor(node: N, expr: string);
+    abstract bind<T>(data: T): void;
+}
+export declare class TextNodeBinding extends NodeBinding<Node> {
+    constructor(node: Node, expr: string);
+    bind<T>(data: T): void;
+}
+export declare class AttributeBinding extends NodeBinding<Element> {
+    private attr;
+    constructor(node: Element, expr: string, attr: string);
+    bind<T>(data: T): void;
+}
+export declare class PropertyBinding extends NodeBinding<Element> {
+    private prop;
+    constructor(node: Element, expr: string, prop: string);
+    bind<T>(data: T): void;
+}
+export declare class EventHandlerBinding extends NodeBinding<Element> {
+    private eventName;
+    private disposable?;
+    constructor(node: Element, expr: string, eventName: string);
+    bind<T>(data: T): void;
+}
+export declare function generateBindings(node: Node): Binding[];

package/dist/bundle.cjs.js

@@ -0,0 +1,321 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+/**
+ * Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt
+ */
+/**
+ * Lower case as a function.
+ */
+function lowerCase(str) {
+    return str.toLowerCase();
+}
+
+// Support camel case ("camelCase" -> "camel Case" and "CAMELCase" -> "CAMEL Case").
+var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
+// Remove all non-word characters.
+var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
+/**
+ * Normalize the string into something other libraries can manipulate easier.
+ */
+function noCase(input, options) {
+    if (options === void 0) { options = {}; }
+    var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? " " : _d;
+    var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
+    var start = 0;
+    var end = result.length;
+    // Trim the delimiter from around the output string.
+    while (result.charAt(start) === "\0")
+        start++;
+    while (result.charAt(end - 1) === "\0")
+        end--;
+    // Transform each token independently.
+    return result.slice(start, end).split("\0").map(transform).join(delimiter);
+}
+/**
+ * Replace `re` in the input string with the replacement value.
+ */
+function replace(input, re, value) {
+    if (re instanceof RegExp)
+        return input.replace(re, value);
+    return re.reduce(function (input, re) { return input.replace(re, value); }, input);
+}
+
+function pascalCaseTransform(input, index) {
+    var firstChar = input.charAt(0);
+    var lowerChars = input.substr(1).toLowerCase();
+    if (index > 0 && firstChar >= "0" && firstChar <= "9") {
+        return "_" + firstChar + lowerChars;
+    }
+    return "" + firstChar.toUpperCase() + lowerChars;
+}
+function pascalCase(input, options) {
+    if (options === void 0) { options = {}; }
+    return noCase(input, tslib.__assign({ delimiter: "", transform: pascalCaseTransform }, options));
+}
+
+function camelCaseTransform(input, index) {
+    if (index === 0)
+        return input.toLowerCase();
+    return pascalCaseTransform(input, index);
+}
+function camelCase(input, options) {
+    if (options === void 0) { options = {}; }
+    return pascalCase(input, tslib.__assign({ transform: camelCaseTransform }, options));
+}
+
+const bindingRegEx = /{{(.+)}}/;
+class CollectionBinding {
+    constructor(bindings) {
+        this.bindings = bindings;
+    }
+    bind(data) {
+        this.bindings.forEach((binding) => binding.bind(data));
+    }
+}
+class NodeBinding {
+    constructor(node, expr) {
+        this.node = node;
+        this.expr = expr;
+    }
+}
+class TextNodeBinding extends NodeBinding {
+    constructor(node, expr) {
+        super(node, expr);
+    }
+    bind(data) {
+        const newContent = replaceBindingString(data, this.expr);
+        if (newContent !== this.node.textContent) {
+            this.node.textContent = newContent;
+        }
+    }
+}
+class AttributeBinding extends NodeBinding {
+    constructor(node, expr, attr) {
+        super(node, expr);
+        this.attr = attr;
+    }
+    bind(data) {
+        const newValue = replaceBindingString(data, this.expr);
+        const oldValue = this.node.getAttribute(this.attr);
+        if (oldValue !== newValue) {
+            this.node.setAttribute(this.attr, newValue);
+        }
+    }
+}
+class PropertyBinding extends NodeBinding {
+    constructor(node, expr, prop) {
+        super(node, expr);
+        this.prop = prop;
+    }
+    bind(data) {
+        const newValue = replaceBinding(data, this.expr);
+        /* eslint-disable @typescript-eslint/no-explicit-any */
+        const oldValue = this.node[this.prop];
+        if (oldValue !== newValue) {
+            this.node[this.prop] = newValue;
+        }
+        /* eslint-enable @typescript-eslint/no-explicit-any */
+    }
+}
+class EventHandlerBinding extends NodeBinding {
+    constructor(node, expr, eventName) {
+        super(node, expr);
+        this.eventName = eventName;
+    }
+    bind(data) {
+        var _a;
+        const path = extractBindingPath(this.expr);
+        if (path != null) {
+            (_a = this.disposable) === null || _a === void 0 ? void 0 : _a.dispose();
+            const listener = getBindableValue(data, path, true);
+            this.node.addEventListener(this.eventName, listener);
+            this.disposable = {
+                dispose: () => {
+                    this.node.removeEventListener(this.eventName, listener);
+                },
+            };
+        }
+    }
+}
+function generateBindings(node) {
+    const bindings = [];
+    if (node.nodeType === Node.ELEMENT_NODE) {
+        const el = node;
+        const bindableAttributes = getBindableAttributes(el);
+        bindableAttributes.forEach((attr) => {
+            if (attr.name.startsWith('event:')) {
+                const eventName = camelCase(attr.name.replace('event:', ''));
+                bindings.push(new EventHandlerBinding(el, attr.value, eventName));
+            }
+            else if (attr.name.startsWith('attr:')) {
+                bindings.push(new AttributeBinding(el, attr.value, attr.name.replace('attr:', '')));
+            }
+            else if (attr.name.startsWith('prop:')) {
+                const propName = camelCase(attr.name.replace('prop:', ''));
+                bindings.push(new PropertyBinding(el, attr.value, propName));
+            }
+        });
+    }
+    else if (node.nodeType === Node.TEXT_NODE &&
+        node.textContent != null &&
+        bindingRegEx.test(node.textContent)) {
+        bindings.push(new TextNodeBinding(node, node.textContent));
+    }
+    for (let i = 0; i < node.childNodes.length; i++) {
+        bindings.push(...generateBindings(node.childNodes[i]));
+    }
+    return bindings;
+}
+function getBindableAttributes(element) {
+    return Array.from(element.attributes).filter((attr) => bindingRegEx.test(attr.value));
+}
+function extractBindingPath(expr) {
+    const result = bindingRegEx.exec(expr);
+    return result != null ? result[1] : undefined;
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function replaceBindingString(data, expr) {
+    const path = extractBindingPath(expr);
+    if (path != null) {
+        const value = getBindableValue(data, path, true);
+        return expr.replace(`{{${path}}}`, value === null || value === void 0 ? void 0 : value.toString());
+    }
+    else {
+        return expr;
+    }
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function replaceBinding(data, expr) {
+    const path = extractBindingPath(expr);
+    if (path != null) {
+        const value = getBindableValue(data, path, true);
+        return value;
+    }
+    else {
+        return expr;
+    }
+}
+function getBindableValue(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+data, path, isHead = false
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+) {
+    const [head, ...tail] = path.split('.');
+    if (isHead && tail.length === 0) {
+        return data;
+    }
+    else if (isHead && tail.length > 0) {
+        return getBindableValue(data, tail.join('.'), false);
+    }
+    else {
+        const value = data[head];
+        if (tail.length > 0) {
+            return getBindableValue(value, tail.join('.'), false);
+        }
+        else {
+            return value;
+        }
+    }
+}
+
+class ElementPool {
+    constructor(container, elementFactory) {
+        this.container = container;
+        this.elementFactory = elementFactory;
+        this.instanceMap = new Map();
+        this.elements = [];
+    }
+    swapHeadToTail(count) {
+        const sliced = this.elements.splice(0, count);
+        this.elements.splice(this.elements.length, 0, ...sliced);
+        return this.elements.concat();
+    }
+    swapTailToHead(count) {
+        const sliced = this.elements.splice(-count, count);
+        this.elements.splice(0, 0, ...sliced);
+        return this.elements.concat();
+    }
+    updateElements(count) {
+        const diff = count - this.elements.length;
+        if (diff > 0) {
+            for (let i = 0; i < diff; i++) {
+                this.createElement();
+            }
+        }
+        else {
+            for (let i = 0; i < -diff; i++) {
+                this.deleteElement();
+            }
+        }
+        return this.elements.concat();
+    }
+    updateData(f) {
+        this.elements.forEach((el, i) => {
+            const instance = this.instanceMap.get(el);
+            const data = f(i);
+            instance === null || instance === void 0 ? void 0 : instance.bindings.bind(data);
+        });
+    }
+    updateElementFactory(elementFactory) {
+        this.elementFactory = elementFactory;
+        this.updateElements(0);
+    }
+    iterateElements(f) {
+        this.elements.forEach((el, i) => {
+            const instance = this.instanceMap.get(el);
+            if (instance == null) {
+                throw new Error('Binding not found for element.');
+            }
+            f(el, instance.bindings, i);
+        });
+    }
+    createElement() {
+        const instance = this.elementFactory();
+        this.elements.push(instance.element);
+        this.instanceMap.set(instance.element, instance);
+        this.container.append(instance.element);
+        return instance;
+    }
+    deleteElement() {
+        const element = this.elements.pop();
+        if (element != null) {
+            this.instanceMap.delete(element);
+            element.remove();
+        }
+    }
+}
+
+function append(container, element, data) {
+    const bindings = new CollectionBinding(generateBindings(element));
+    bindings.bind(data);
+    container.appendChild(element);
+    const created = container.lastElementChild;
+    if (created != null) {
+        return { element: created, bindings };
+    }
+    else {
+        throw new Error('Failed to append element');
+    }
+}
+function generateInstanceFromTemplate(template) {
+    const fragment = template.content.cloneNode(true);
+    const element = fragment.firstElementChild;
+    const bindings = new CollectionBinding(generateBindings(fragment));
+    return { element, bindings };
+}
+
+exports.AttributeBinding = AttributeBinding;
+exports.CollectionBinding = CollectionBinding;
+exports.ElementPool = ElementPool;
+exports.EventHandlerBinding = EventHandlerBinding;
+exports.NodeBinding = NodeBinding;
+exports.PropertyBinding = PropertyBinding;
+exports.TextNodeBinding = TextNodeBinding;
+exports.append = append;
+exports.generateBindings = generateBindings;
+exports.generateInstanceFromTemplate = generateInstanceFromTemplate;
+//# sourceMappingURL=bundle.cjs.js.map

package/dist/bundle.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle.cjs.js","sources":["../../../node_modules/lower-case/dist.es2015/index.js","../../../node_modules/no-case/dist.es2015/index.js","../../../node_modules/pascal-case/dist.es2015/index.js","../../../node_modules/camel-case/dist.es2015/index.js","../src/binding.ts","../src/element-pool.ts","../src/templates.ts"],"sourcesContent":["/**\n * Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt\n */\nvar SUPPORTED_LOCALE = {\n    tr: {\n        regexp: /\\u0130|\\u0049|\\u0049\\u0307/g,\n        map: {\n            İ: \"\\u0069\",\n            I: \"\\u0131\",\n            İ: \"\\u0069\",\n        },\n    },\n    az: {\n        regexp: /\\u0130/g,\n        map: {\n            İ: \"\\u0069\",\n            I: \"\\u0131\",\n            İ: \"\\u0069\",\n        },\n    },\n    lt: {\n        regexp: /\\u0049|\\u004A|\\u012E|\\u00CC|\\u00CD|\\u0128/g,\n        map: {\n            I: \"\\u0069\\u0307\",\n            J: \"\\u006A\\u0307\",\n            Į: \"\\u012F\\u0307\",\n            Ì: \"\\u0069\\u0307\\u0300\",\n            Í: \"\\u0069\\u0307\\u0301\",\n            Ĩ: \"\\u0069\\u0307\\u0303\",\n        },\n    },\n};\n/**\n * Localized lower case.\n */\nexport function localeLowerCase(str, locale) {\n    var lang = SUPPORTED_LOCALE[locale.toLowerCase()];\n    if (lang)\n        return lowerCase(str.replace(lang.regexp, function (m) { return lang.map[m]; }));\n    return lowerCase(str);\n}\n/**\n * Lower case as a function.\n */\nexport function lowerCase(str) {\n    return str.toLowerCase();\n}\n//# sourceMappingURL=index.js.map","import { lowerCase } from \"lower-case\";\n// Support camel case (\"camelCase\" -> \"camel Case\" and \"CAMELCase\" -> \"CAMEL Case\").\nvar DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];\n// Remove all non-word characters.\nvar DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;\n/**\n * Normalize the string into something other libraries can manipulate easier.\n */\nexport function noCase(input, options) {\n    if (options === void 0) { options = {}; }\n    var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? \" \" : _d;\n    var result = replace(replace(input, splitRegexp, \"$1\\0$2\"), stripRegexp, \"\\0\");\n    var start = 0;\n    var end = result.length;\n    // Trim the delimiter from around the output string.\n    while (result.charAt(start) === \"\\0\")\n        start++;\n    while (result.charAt(end - 1) === \"\\0\")\n        end--;\n    // Transform each token independently.\n    return result.slice(start, end).split(\"\\0\").map(transform).join(delimiter);\n}\n/**\n * Replace `re` in the input string with the replacement value.\n */\nfunction replace(input, re, value) {\n    if (re instanceof RegExp)\n        return input.replace(re, value);\n    return re.reduce(function (input, re) { return input.replace(re, value); }, input);\n}\n//# sourceMappingURL=index.js.map","import { __assign } from \"tslib\";\nimport { noCase } from \"no-case\";\nexport function pascalCaseTransform(input, index) {\n    var firstChar = input.charAt(0);\n    var lowerChars = input.substr(1).toLowerCase();\n    if (index > 0 && firstChar >= \"0\" && firstChar <= \"9\") {\n        return \"_\" + firstChar + lowerChars;\n    }\n    return \"\" + firstChar.toUpperCase() + lowerChars;\n}\nexport function pascalCaseTransformMerge(input) {\n    return input.charAt(0).toUpperCase() + input.slice(1).toLowerCase();\n}\nexport function pascalCase(input, options) {\n    if (options === void 0) { options = {}; }\n    return noCase(input, __assign({ delimiter: \"\", transform: pascalCaseTransform }, options));\n}\n//# sourceMappingURL=index.js.map","import { __assign } from \"tslib\";\nimport { pascalCase, pascalCaseTransform, pascalCaseTransformMerge, } from \"pascal-case\";\nexport function camelCaseTransform(input, index) {\n    if (index === 0)\n        return input.toLowerCase();\n    return pascalCaseTransform(input, index);\n}\nexport function camelCaseTransformMerge(input, index) {\n    if (index === 0)\n        return input.toLowerCase();\n    return pascalCaseTransformMerge(input);\n}\nexport function camelCase(input, options) {\n    if (options === void 0) { options = {}; }\n    return pascalCase(input, __assign({ transform: camelCaseTransform }, options));\n}\n//# sourceMappingURL=index.js.map","import { Disposable } from '@vertexvis/utils';\nimport { camelCase } from 'camel-case';\n\nconst bindingRegEx = /{{(.+)}}/;\n\nexport interface Binding {\n  bind<T>(data: T): void;\n}\n\nexport class CollectionBinding implements Binding {\n  public constructor(private bindings: Binding[]) {}\n\n  public bind<T>(data: T): void {\n    this.bindings.forEach((binding) => binding.bind(data));\n  }\n}\n\nexport abstract class NodeBinding<N extends Node> implements Binding {\n  protected constructor(protected node: N, protected expr: string) {}\n\n  public abstract bind<T>(data: T): void;\n}\n\nexport class TextNodeBinding extends NodeBinding<Node> {\n  public constructor(node: Node, expr: string) {\n    super(node, expr);\n  }\n\n  public bind<T>(data: T): void {\n    const newContent = replaceBindingString(data, this.expr);\n    if (newContent !== this.node.textContent) {\n      this.node.textContent = newContent;\n    }\n  }\n}\n\nexport class AttributeBinding extends NodeBinding<Element> {\n  public constructor(node: Element, expr: string, private attr: string) {\n    super(node, expr);\n  }\n\n  public bind<T>(data: T): void {\n    const newValue = replaceBindingString(data, this.expr);\n    const oldValue = this.node.getAttribute(this.attr);\n    if (oldValue !== newValue) {\n      this.node.setAttribute(this.attr, newValue);\n    }\n  }\n}\n\nexport class PropertyBinding extends NodeBinding<Element> {\n  public constructor(node: Element, expr: string, private prop: string) {\n    super(node, expr);\n  }\n\n  public bind<T>(data: T): void {\n    const newValue = replaceBinding(data, this.expr);\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n    const oldValue = (this.node as any)[this.prop];\n    if (oldValue !== newValue) {\n      (this.node as any)[this.prop] = newValue;\n    }\n    /* eslint-enable @typescript-eslint/no-explicit-any */\n  }\n}\n\nexport class EventHandlerBinding extends NodeBinding<Element> {\n  private disposable?: Disposable;\n\n  public constructor(node: Element, expr: string, private eventName: string) {\n    super(node, expr);\n  }\n\n  public bind<T>(data: T): void {\n    const path = extractBindingPath(this.expr);\n    if (path != null) {\n      this.disposable?.dispose();\n\n      const listener = getBindableValue(data, path, true);\n      this.node.addEventListener(this.eventName, listener);\n\n      this.disposable = {\n        dispose: () => {\n          this.node.removeEventListener(this.eventName, listener);\n        },\n      };\n    }\n  }\n}\n\nexport function generateBindings(node: Node): Binding[] {\n  const bindings: Binding[] = [];\n\n  if (node.nodeType === Node.ELEMENT_NODE) {\n    const el = node as HTMLElement;\n    const bindableAttributes = getBindableAttributes(el);\n\n    bindableAttributes.forEach((attr) => {\n      if (attr.name.startsWith('event:')) {\n        const eventName = camelCase(attr.name.replace('event:', ''));\n        bindings.push(new EventHandlerBinding(el, attr.value, eventName));\n      } else if (attr.name.startsWith('attr:')) {\n        bindings.push(\n          new AttributeBinding(el, attr.value, attr.name.replace('attr:', ''))\n        );\n      } else if (attr.name.startsWith('prop:')) {\n        const propName = camelCase(attr.name.replace('prop:', ''));\n        bindings.push(new PropertyBinding(el, attr.value, propName));\n      }\n    });\n  } else if (\n    node.nodeType === Node.TEXT_NODE &&\n    node.textContent != null &&\n    bindingRegEx.test(node.textContent)\n  ) {\n    bindings.push(new TextNodeBinding(node, node.textContent));\n  }\n\n  for (let i = 0; i < node.childNodes.length; i++) {\n    bindings.push(...generateBindings(node.childNodes[i]));\n  }\n\n  return bindings;\n}\n\nfunction getBindableAttributes(element: Element): Attr[] {\n  return Array.from(element.attributes).filter((attr) =>\n    bindingRegEx.test(attr.value)\n  );\n}\n\nfunction extractBindingPath(expr: string): string | undefined {\n  const result = bindingRegEx.exec(expr);\n  return result != null ? result[1] : undefined;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction replaceBindingString(data: Record<string, any>, expr: string): string {\n  const path = extractBindingPath(expr);\n  if (path != null) {\n    const value = getBindableValue(data, path, true);\n    return expr.replace(`{{${path}}}`, value?.toString());\n  } else {\n    return expr;\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction replaceBinding(data: Record<string, any>, expr: string): any {\n  const path = extractBindingPath(expr);\n  if (path != null) {\n    const value = getBindableValue(data, path, true);\n    return value;\n  } else {\n    return expr;\n  }\n}\n\nfunction getBindableValue(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data: Record<string, any>,\n  path: string,\n  isHead = false\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): any {\n  const [head, ...tail] = path.split('.');\n  if (isHead && tail.length === 0) {\n    return data;\n  } else if (isHead && tail.length > 0) {\n    return getBindableValue(data, tail.join('.'), false);\n  } else {\n    const value = data[head];\n    if (tail.length > 0) {\n      return getBindableValue(value, tail.join('.'), false);\n    } else {\n      return value;\n    }\n  }\n}\n","import { Binding } from './binding';\nimport { InstancedTemplate } from './templates';\n\nexport type ElementFactory = () => InstancedTemplate<HTMLElement>;\n\nexport class ElementPool {\n  private readonly elements: HTMLElement[];\n  private instanceMap = new Map<HTMLElement, InstancedTemplate<HTMLElement>>();\n\n  public constructor(\n    private container: Element,\n    private elementFactory: ElementFactory\n  ) {\n    this.elements = [];\n  }\n\n  public swapHeadToTail(count: number): HTMLElement[] {\n    const sliced = this.elements.splice(0, count);\n    this.elements.splice(this.elements.length, 0, ...sliced);\n    return this.elements.concat();\n  }\n\n  public swapTailToHead(count: number): HTMLElement[] {\n    const sliced = this.elements.splice(-count, count);\n    this.elements.splice(0, 0, ...sliced);\n    return this.elements.concat();\n  }\n\n  public updateElements(count: number): HTMLElement[] {\n    const diff = count - this.elements.length;\n\n    if (diff > 0) {\n      for (let i = 0; i < diff; i++) {\n        this.createElement();\n      }\n    } else {\n      for (let i = 0; i < -diff; i++) {\n        this.deleteElement();\n      }\n    }\n\n    return this.elements.concat();\n  }\n\n  public updateData<D>(f: (index: number) => D): void {\n    this.elements.forEach((el, i) => {\n      const instance = this.instanceMap.get(el);\n      const data = f(i);\n      instance?.bindings.bind(data);\n    });\n  }\n\n  public updateElementFactory(elementFactory: ElementFactory): void {\n    this.elementFactory = elementFactory;\n    this.updateElements(0);\n  }\n\n  public iterateElements(\n    f: (element: HTMLElement, binding: Binding, index: number) => void\n  ): void {\n    this.elements.forEach((el, i) => {\n      const instance = this.instanceMap.get(el);\n      if (instance == null) {\n        throw new Error('Binding not found for element.');\n      }\n      f(el, instance.bindings, i);\n    });\n  }\n\n  private createElement(): InstancedTemplate<HTMLElement> {\n    const instance = this.elementFactory();\n    this.elements.push(instance.element);\n    this.instanceMap.set(instance.element, instance);\n    this.container.append(instance.element);\n    return instance;\n  }\n\n  private deleteElement(): void {\n    const element = this.elements.pop();\n    if (element != null) {\n      this.instanceMap.delete(element);\n      element.remove();\n    }\n  }\n}\n","import { CollectionBinding, generateBindings } from './binding';\n\nexport interface InstancedTemplate<E extends Element> {\n  element: E;\n  bindings: CollectionBinding;\n}\n\nexport function append<E extends Element, D>(\n  container: Element,\n  element: E,\n  data: D\n): InstancedTemplate<E> {\n  const bindings = new CollectionBinding(generateBindings(element));\n  bindings.bind(data);\n  container.appendChild(element);\n  const created = container.lastElementChild as E;\n  if (created != null) {\n    return { element: created, bindings };\n  } else {\n    throw new Error('Failed to append element');\n  }\n}\n\nexport function generateInstanceFromTemplate(\n  template: HTMLTemplateElement\n): InstancedTemplate<HTMLElement> {\n  const fragment = template.content.cloneNode(true) as HTMLElement;\n  const element = fragment.firstElementChild as HTMLElement;\n  const bindings = new CollectionBinding(generateBindings(fragment));\n  return { element, bindings };\n}\n"],"names":["__assign"],"mappings":"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"}

package/dist/bundle.esm.js

@@ -0,0 +1,308 @@
+import { __assign } from 'tslib';
+
+/**
+ * Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt
+ */
+/**
+ * Lower case as a function.
+ */
+function lowerCase(str) {
+    return str.toLowerCase();
+}
+
+// Support camel case ("camelCase" -> "camel Case" and "CAMELCase" -> "CAMEL Case").
+var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
+// Remove all non-word characters.
+var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
+/**
+ * Normalize the string into something other libraries can manipulate easier.
+ */
+function noCase(input, options) {
+    if (options === void 0) { options = {}; }
+    var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? " " : _d;
+    var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
+    var start = 0;
+    var end = result.length;
+    // Trim the delimiter from around the output string.
+    while (result.charAt(start) === "\0")
+        start++;
+    while (result.charAt(end - 1) === "\0")
+        end--;
+    // Transform each token independently.
+    return result.slice(start, end).split("\0").map(transform).join(delimiter);
+}
+/**
+ * Replace `re` in the input string with the replacement value.
+ */
+function replace(input, re, value) {
+    if (re instanceof RegExp)
+        return input.replace(re, value);
+    return re.reduce(function (input, re) { return input.replace(re, value); }, input);
+}
+
+function pascalCaseTransform(input, index) {
+    var firstChar = input.charAt(0);
+    var lowerChars = input.substr(1).toLowerCase();
+    if (index > 0 && firstChar >= "0" && firstChar <= "9") {
+        return "_" + firstChar + lowerChars;
+    }
+    return "" + firstChar.toUpperCase() + lowerChars;
+}
+function pascalCase(input, options) {
+    if (options === void 0) { options = {}; }
+    return noCase(input, __assign({ delimiter: "", transform: pascalCaseTransform }, options));
+}
+
+function camelCaseTransform(input, index) {
+    if (index === 0)
+        return input.toLowerCase();
+    return pascalCaseTransform(input, index);
+}
+function camelCase(input, options) {
+    if (options === void 0) { options = {}; }
+    return pascalCase(input, __assign({ transform: camelCaseTransform }, options));
+}
+
+const bindingRegEx = /{{(.+)}}/;
+class CollectionBinding {
+    constructor(bindings) {
+        this.bindings = bindings;
+    }
+    bind(data) {
+        this.bindings.forEach((binding) => binding.bind(data));
+    }
+}
+class NodeBinding {
+    constructor(node, expr) {
+        this.node = node;
+        this.expr = expr;
+    }
+}
+class TextNodeBinding extends NodeBinding {
+    constructor(node, expr) {
+        super(node, expr);
+    }
+    bind(data) {
+        const newContent = replaceBindingString(data, this.expr);
+        if (newContent !== this.node.textContent) {
+            this.node.textContent = newContent;
+        }
+    }
+}
+class AttributeBinding extends NodeBinding {
+    constructor(node, expr, attr) {
+        super(node, expr);
+        this.attr = attr;
+    }
+    bind(data) {
+        const newValue = replaceBindingString(data, this.expr);
+        const oldValue = this.node.getAttribute(this.attr);
+        if (oldValue !== newValue) {
+            this.node.setAttribute(this.attr, newValue);
+        }
+    }
+}
+class PropertyBinding extends NodeBinding {
+    constructor(node, expr, prop) {
+        super(node, expr);
+        this.prop = prop;
+    }
+    bind(data) {
+        const newValue = replaceBinding(data, this.expr);
+        /* eslint-disable @typescript-eslint/no-explicit-any */
+        const oldValue = this.node[this.prop];
+        if (oldValue !== newValue) {
+            this.node[this.prop] = newValue;
+        }
+        /* eslint-enable @typescript-eslint/no-explicit-any */
+    }
+}
+class EventHandlerBinding extends NodeBinding {
+    constructor(node, expr, eventName) {
+        super(node, expr);
+        this.eventName = eventName;
+    }
+    bind(data) {
+        var _a;
+        const path = extractBindingPath(this.expr);
+        if (path != null) {
+            (_a = this.disposable) === null || _a === void 0 ? void 0 : _a.dispose();
+            const listener = getBindableValue(data, path, true);
+            this.node.addEventListener(this.eventName, listener);
+            this.disposable = {
+                dispose: () => {
+                    this.node.removeEventListener(this.eventName, listener);
+                },
+            };
+        }
+    }
+}
+function generateBindings(node) {
+    const bindings = [];
+    if (node.nodeType === Node.ELEMENT_NODE) {
+        const el = node;
+        const bindableAttributes = getBindableAttributes(el);
+        bindableAttributes.forEach((attr) => {
+            if (attr.name.startsWith('event:')) {
+                const eventName = camelCase(attr.name.replace('event:', ''));
+                bindings.push(new EventHandlerBinding(el, attr.value, eventName));
+            }
+            else if (attr.name.startsWith('attr:')) {
+                bindings.push(new AttributeBinding(el, attr.value, attr.name.replace('attr:', '')));
+            }
+            else if (attr.name.startsWith('prop:')) {
+                const propName = camelCase(attr.name.replace('prop:', ''));
+                bindings.push(new PropertyBinding(el, attr.value, propName));
+            }
+        });
+    }
+    else if (node.nodeType === Node.TEXT_NODE &&
+        node.textContent != null &&
+        bindingRegEx.test(node.textContent)) {
+        bindings.push(new TextNodeBinding(node, node.textContent));
+    }
+    for (let i = 0; i < node.childNodes.length; i++) {
+        bindings.push(...generateBindings(node.childNodes[i]));
+    }
+    return bindings;
+}
+function getBindableAttributes(element) {
+    return Array.from(element.attributes).filter((attr) => bindingRegEx.test(attr.value));
+}
+function extractBindingPath(expr) {
+    const result = bindingRegEx.exec(expr);
+    return result != null ? result[1] : undefined;
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function replaceBindingString(data, expr) {
+    const path = extractBindingPath(expr);
+    if (path != null) {
+        const value = getBindableValue(data, path, true);
+        return expr.replace(`{{${path}}}`, value === null || value === void 0 ? void 0 : value.toString());
+    }
+    else {
+        return expr;
+    }
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function replaceBinding(data, expr) {
+    const path = extractBindingPath(expr);
+    if (path != null) {
+        const value = getBindableValue(data, path, true);
+        return value;
+    }
+    else {
+        return expr;
+    }
+}
+function getBindableValue(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+data, path, isHead = false
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+) {
+    const [head, ...tail] = path.split('.');
+    if (isHead && tail.length === 0) {
+        return data;
+    }
+    else if (isHead && tail.length > 0) {
+        return getBindableValue(data, tail.join('.'), false);
+    }
+    else {
+        const value = data[head];
+        if (tail.length > 0) {
+            return getBindableValue(value, tail.join('.'), false);
+        }
+        else {
+            return value;
+        }
+    }
+}
+
+class ElementPool {
+    constructor(container, elementFactory) {
+        this.container = container;
+        this.elementFactory = elementFactory;
+        this.instanceMap = new Map();
+        this.elements = [];
+    }
+    swapHeadToTail(count) {
+        const sliced = this.elements.splice(0, count);
+        this.elements.splice(this.elements.length, 0, ...sliced);
+        return this.elements.concat();
+    }
+    swapTailToHead(count) {
+        const sliced = this.elements.splice(-count, count);
+        this.elements.splice(0, 0, ...sliced);
+        return this.elements.concat();
+    }
+    updateElements(count) {
+        const diff = count - this.elements.length;
+        if (diff > 0) {
+            for (let i = 0; i < diff; i++) {
+                this.createElement();
+            }
+        }
+        else {
+            for (let i = 0; i < -diff; i++) {
+                this.deleteElement();
+            }
+        }
+        return this.elements.concat();
+    }
+    updateData(f) {
+        this.elements.forEach((el, i) => {
+            const instance = this.instanceMap.get(el);
+            const data = f(i);
+            instance === null || instance === void 0 ? void 0 : instance.bindings.bind(data);
+        });
+    }
+    updateElementFactory(elementFactory) {
+        this.elementFactory = elementFactory;
+        this.updateElements(0);
+    }
+    iterateElements(f) {
+        this.elements.forEach((el, i) => {
+            const instance = this.instanceMap.get(el);
+            if (instance == null) {
+                throw new Error('Binding not found for element.');
+            }
+            f(el, instance.bindings, i);
+        });
+    }
+    createElement() {
+        const instance = this.elementFactory();
+        this.elements.push(instance.element);
+        this.instanceMap.set(instance.element, instance);
+        this.container.append(instance.element);
+        return instance;
+    }
+    deleteElement() {
+        const element = this.elements.pop();
+        if (element != null) {
+            this.instanceMap.delete(element);
+            element.remove();
+        }
+    }
+}
+
+function append(container, element, data) {
+    const bindings = new CollectionBinding(generateBindings(element));
+    bindings.bind(data);
+    container.appendChild(element);
+    const created = container.lastElementChild;
+    if (created != null) {
+        return { element: created, bindings };
+    }
+    else {
+        throw new Error('Failed to append element');
+    }
+}
+function generateInstanceFromTemplate(template) {
+    const fragment = template.content.cloneNode(true);
+    const element = fragment.firstElementChild;
+    const bindings = new CollectionBinding(generateBindings(fragment));
+    return { element, bindings };
+}
+
+export { AttributeBinding, CollectionBinding, ElementPool, EventHandlerBinding, NodeBinding, PropertyBinding, TextNodeBinding, append, generateBindings, generateInstanceFromTemplate };
+//# sourceMappingURL=bundle.esm.js.map

package/dist/bundle.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle.esm.js","sources":["../../../node_modules/lower-case/dist.es2015/index.js","../../../node_modules/no-case/dist.es2015/index.js","../../../node_modules/pascal-case/dist.es2015/index.js","../../../node_modules/camel-case/dist.es2015/index.js","../src/binding.ts","../src/element-pool.ts","../src/templates.ts"],"sourcesContent":["/**\n * Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt\n */\nvar SUPPORTED_LOCALE = {\n    tr: {\n        regexp: /\\u0130|\\u0049|\\u0049\\u0307/g,\n        map: {\n            İ: \"\\u0069\",\n            I: \"\\u0131\",\n            İ: \"\\u0069\",\n        },\n    },\n    az: {\n        regexp: /\\u0130/g,\n        map: {\n            İ: \"\\u0069\",\n            I: \"\\u0131\",\n            İ: \"\\u0069\",\n        },\n    },\n    lt: {\n        regexp: /\\u0049|\\u004A|\\u012E|\\u00CC|\\u00CD|\\u0128/g,\n        map: {\n            I: \"\\u0069\\u0307\",\n            J: \"\\u006A\\u0307\",\n            Į: \"\\u012F\\u0307\",\n            Ì: \"\\u0069\\u0307\\u0300\",\n            Í: \"\\u0069\\u0307\\u0301\",\n            Ĩ: \"\\u0069\\u0307\\u0303\",\n        },\n    },\n};\n/**\n * Localized lower case.\n */\nexport function localeLowerCase(str, locale) {\n    var lang = SUPPORTED_LOCALE[locale.toLowerCase()];\n    if (lang)\n        return lowerCase(str.replace(lang.regexp, function (m) { return lang.map[m]; }));\n    return lowerCase(str);\n}\n/**\n * Lower case as a function.\n */\nexport function lowerCase(str) {\n    return str.toLowerCase();\n}\n//# sourceMappingURL=index.js.map","import { lowerCase } from \"lower-case\";\n// Support camel case (\"camelCase\" -> \"camel Case\" and \"CAMELCase\" -> \"CAMEL Case\").\nvar DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];\n// Remove all non-word characters.\nvar DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;\n/**\n * Normalize the string into something other libraries can manipulate easier.\n */\nexport function noCase(input, options) {\n    if (options === void 0) { options = {}; }\n    var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? \" \" : _d;\n    var result = replace(replace(input, splitRegexp, \"$1\\0$2\"), stripRegexp, \"\\0\");\n    var start = 0;\n    var end = result.length;\n    // Trim the delimiter from around the output string.\n    while (result.charAt(start) === \"\\0\")\n        start++;\n    while (result.charAt(end - 1) === \"\\0\")\n        end--;\n    // Transform each token independently.\n    return result.slice(start, end).split(\"\\0\").map(transform).join(delimiter);\n}\n/**\n * Replace `re` in the input string with the replacement value.\n */\nfunction replace(input, re, value) {\n    if (re instanceof RegExp)\n        return input.replace(re, value);\n    return re.reduce(function (input, re) { return input.replace(re, value); }, input);\n}\n//# sourceMappingURL=index.js.map","import { __assign } from \"tslib\";\nimport { noCase } from \"no-case\";\nexport function pascalCaseTransform(input, index) {\n    var firstChar = input.charAt(0);\n    var lowerChars = input.substr(1).toLowerCase();\n    if (index > 0 && firstChar >= \"0\" && firstChar <= \"9\") {\n        return \"_\" + firstChar + lowerChars;\n    }\n    return \"\" + firstChar.toUpperCase() + lowerChars;\n}\nexport function pascalCaseTransformMerge(input) {\n    return input.charAt(0).toUpperCase() + input.slice(1).toLowerCase();\n}\nexport function pascalCase(input, options) {\n    if (options === void 0) { options = {}; }\n    return noCase(input, __assign({ delimiter: \"\", transform: pascalCaseTransform }, options));\n}\n//# sourceMappingURL=index.js.map","import { __assign } from \"tslib\";\nimport { pascalCase, pascalCaseTransform, pascalCaseTransformMerge, } from \"pascal-case\";\nexport function camelCaseTransform(input, index) {\n    if (index === 0)\n        return input.toLowerCase();\n    return pascalCaseTransform(input, index);\n}\nexport function camelCaseTransformMerge(input, index) {\n    if (index === 0)\n        return input.toLowerCase();\n    return pascalCaseTransformMerge(input);\n}\nexport function camelCase(input, options) {\n    if (options === void 0) { options = {}; }\n    return pascalCase(input, __assign({ transform: camelCaseTransform }, options));\n}\n//# sourceMappingURL=index.js.map","import { Disposable } from '@vertexvis/utils';\nimport { camelCase } from 'camel-case';\n\nconst bindingRegEx = /{{(.+)}}/;\n\nexport interface Binding {\n  bind<T>(data: T): void;\n}\n\nexport class CollectionBinding implements Binding {\n  public constructor(private bindings: Binding[]) {}\n\n  public bind<T>(data: T): void {\n    this.bindings.forEach((binding) => binding.bind(data));\n  }\n}\n\nexport abstract class NodeBinding<N extends Node> implements Binding {\n  protected constructor(protected node: N, protected expr: string) {}\n\n  public abstract bind<T>(data: T): void;\n}\n\nexport class TextNodeBinding extends NodeBinding<Node> {\n  public constructor(node: Node, expr: string) {\n    super(node, expr);\n  }\n\n  public bind<T>(data: T): void {\n    const newContent = replaceBindingString(data, this.expr);\n    if (newContent !== this.node.textContent) {\n      this.node.textContent = newContent;\n    }\n  }\n}\n\nexport class AttributeBinding extends NodeBinding<Element> {\n  public constructor(node: Element, expr: string, private attr: string) {\n    super(node, expr);\n  }\n\n  public bind<T>(data: T): void {\n    const newValue = replaceBindingString(data, this.expr);\n    const oldValue = this.node.getAttribute(this.attr);\n    if (oldValue !== newValue) {\n      this.node.setAttribute(this.attr, newValue);\n    }\n  }\n}\n\nexport class PropertyBinding extends NodeBinding<Element> {\n  public constructor(node: Element, expr: string, private prop: string) {\n    super(node, expr);\n  }\n\n  public bind<T>(data: T): void {\n    const newValue = replaceBinding(data, this.expr);\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n    const oldValue = (this.node as any)[this.prop];\n    if (oldValue !== newValue) {\n      (this.node as any)[this.prop] = newValue;\n    }\n    /* eslint-enable @typescript-eslint/no-explicit-any */\n  }\n}\n\nexport class EventHandlerBinding extends NodeBinding<Element> {\n  private disposable?: Disposable;\n\n  public constructor(node: Element, expr: string, private eventName: string) {\n    super(node, expr);\n  }\n\n  public bind<T>(data: T): void {\n    const path = extractBindingPath(this.expr);\n    if (path != null) {\n      this.disposable?.dispose();\n\n      const listener = getBindableValue(data, path, true);\n      this.node.addEventListener(this.eventName, listener);\n\n      this.disposable = {\n        dispose: () => {\n          this.node.removeEventListener(this.eventName, listener);\n        },\n      };\n    }\n  }\n}\n\nexport function generateBindings(node: Node): Binding[] {\n  const bindings: Binding[] = [];\n\n  if (node.nodeType === Node.ELEMENT_NODE) {\n    const el = node as HTMLElement;\n    const bindableAttributes = getBindableAttributes(el);\n\n    bindableAttributes.forEach((attr) => {\n      if (attr.name.startsWith('event:')) {\n        const eventName = camelCase(attr.name.replace('event:', ''));\n        bindings.push(new EventHandlerBinding(el, attr.value, eventName));\n      } else if (attr.name.startsWith('attr:')) {\n        bindings.push(\n          new AttributeBinding(el, attr.value, attr.name.replace('attr:', ''))\n        );\n      } else if (attr.name.startsWith('prop:')) {\n        const propName = camelCase(attr.name.replace('prop:', ''));\n        bindings.push(new PropertyBinding(el, attr.value, propName));\n      }\n    });\n  } else if (\n    node.nodeType === Node.TEXT_NODE &&\n    node.textContent != null &&\n    bindingRegEx.test(node.textContent)\n  ) {\n    bindings.push(new TextNodeBinding(node, node.textContent));\n  }\n\n  for (let i = 0; i < node.childNodes.length; i++) {\n    bindings.push(...generateBindings(node.childNodes[i]));\n  }\n\n  return bindings;\n}\n\nfunction getBindableAttributes(element: Element): Attr[] {\n  return Array.from(element.attributes).filter((attr) =>\n    bindingRegEx.test(attr.value)\n  );\n}\n\nfunction extractBindingPath(expr: string): string | undefined {\n  const result = bindingRegEx.exec(expr);\n  return result != null ? result[1] : undefined;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction replaceBindingString(data: Record<string, any>, expr: string): string {\n  const path = extractBindingPath(expr);\n  if (path != null) {\n    const value = getBindableValue(data, path, true);\n    return expr.replace(`{{${path}}}`, value?.toString());\n  } else {\n    return expr;\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction replaceBinding(data: Record<string, any>, expr: string): any {\n  const path = extractBindingPath(expr);\n  if (path != null) {\n    const value = getBindableValue(data, path, true);\n    return value;\n  } else {\n    return expr;\n  }\n}\n\nfunction getBindableValue(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data: Record<string, any>,\n  path: string,\n  isHead = false\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): any {\n  const [head, ...tail] = path.split('.');\n  if (isHead && tail.length === 0) {\n    return data;\n  } else if (isHead && tail.length > 0) {\n    return getBindableValue(data, tail.join('.'), false);\n  } else {\n    const value = data[head];\n    if (tail.length > 0) {\n      return getBindableValue(value, tail.join('.'), false);\n    } else {\n      return value;\n    }\n  }\n}\n","import { Binding } from './binding';\nimport { InstancedTemplate } from './templates';\n\nexport type ElementFactory = () => InstancedTemplate<HTMLElement>;\n\nexport class ElementPool {\n  private readonly elements: HTMLElement[];\n  private instanceMap = new Map<HTMLElement, InstancedTemplate<HTMLElement>>();\n\n  public constructor(\n    private container: Element,\n    private elementFactory: ElementFactory\n  ) {\n    this.elements = [];\n  }\n\n  public swapHeadToTail(count: number): HTMLElement[] {\n    const sliced = this.elements.splice(0, count);\n    this.elements.splice(this.elements.length, 0, ...sliced);\n    return this.elements.concat();\n  }\n\n  public swapTailToHead(count: number): HTMLElement[] {\n    const sliced = this.elements.splice(-count, count);\n    this.elements.splice(0, 0, ...sliced);\n    return this.elements.concat();\n  }\n\n  public updateElements(count: number): HTMLElement[] {\n    const diff = count - this.elements.length;\n\n    if (diff > 0) {\n      for (let i = 0; i < diff; i++) {\n        this.createElement();\n      }\n    } else {\n      for (let i = 0; i < -diff; i++) {\n        this.deleteElement();\n      }\n    }\n\n    return this.elements.concat();\n  }\n\n  public updateData<D>(f: (index: number) => D): void {\n    this.elements.forEach((el, i) => {\n      const instance = this.instanceMap.get(el);\n      const data = f(i);\n      instance?.bindings.bind(data);\n    });\n  }\n\n  public updateElementFactory(elementFactory: ElementFactory): void {\n    this.elementFactory = elementFactory;\n    this.updateElements(0);\n  }\n\n  public iterateElements(\n    f: (element: HTMLElement, binding: Binding, index: number) => void\n  ): void {\n    this.elements.forEach((el, i) => {\n      const instance = this.instanceMap.get(el);\n      if (instance == null) {\n        throw new Error('Binding not found for element.');\n      }\n      f(el, instance.bindings, i);\n    });\n  }\n\n  private createElement(): InstancedTemplate<HTMLElement> {\n    const instance = this.elementFactory();\n    this.elements.push(instance.element);\n    this.instanceMap.set(instance.element, instance);\n    this.container.append(instance.element);\n    return instance;\n  }\n\n  private deleteElement(): void {\n    const element = this.elements.pop();\n    if (element != null) {\n      this.instanceMap.delete(element);\n      element.remove();\n    }\n  }\n}\n","import { CollectionBinding, generateBindings } from './binding';\n\nexport interface InstancedTemplate<E extends Element> {\n  element: E;\n  bindings: CollectionBinding;\n}\n\nexport function append<E extends Element, D>(\n  container: Element,\n  element: E,\n  data: D\n): InstancedTemplate<E> {\n  const bindings = new CollectionBinding(generateBindings(element));\n  bindings.bind(data);\n  container.appendChild(element);\n  const created = container.lastElementChild as E;\n  if (created != null) {\n    return { element: created, bindings };\n  } else {\n    throw new Error('Failed to append element');\n  }\n}\n\nexport function generateInstanceFromTemplate(\n  template: HTMLTemplateElement\n): InstancedTemplate<HTMLElement> {\n  const fragment = template.content.cloneNode(true) as HTMLElement;\n  const element = fragment.firstElementChild as HTMLElement;\n  const bindings = new CollectionBinding(generateBindings(fragment));\n  return { element, bindings };\n}\n"],"names":[],"mappings":"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"}

package/dist/element-pool.d.ts

@@ -0,0 +1,18 @@
+import { Binding } from './binding';
+import { InstancedTemplate } from './templates';
+export declare type ElementFactory = () => InstancedTemplate<HTMLElement>;
+export declare class ElementPool {
+    private container;
+    private elementFactory;
+    private readonly elements;
+    private instanceMap;
+    constructor(container: Element, elementFactory: ElementFactory);
+    swapHeadToTail(count: number): HTMLElement[];
+    swapTailToHead(count: number): HTMLElement[];
+    updateElements(count: number): HTMLElement[];
+    updateData<D>(f: (index: number) => D): void;
+    updateElementFactory(elementFactory: ElementFactory): void;
+    iterateElements(f: (element: HTMLElement, binding: Binding, index: number) => void): void;
+    private createElement;
+    private deleteElement;
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './binding';
+export * from './element-pool';
+export * from './templates';

package/dist/templates.d.ts

@@ -0,0 +1,7 @@
+import { CollectionBinding } from './binding';
+export interface InstancedTemplate<E extends Element> {
+    element: E;
+    bindings: CollectionBinding;
+}
+export declare function append<E extends Element, D>(container: Element, element: E, data: D): InstancedTemplate<E>;
+export declare function generateInstanceFromTemplate(template: HTMLTemplateElement): InstancedTemplate<HTMLElement>;

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@vertexvis/html-templates",
+  "version": "0.12.0-canary.24",
+  "description": "HTML templating library for Viewer SDK.",
+  "license": "MIT",
+  "author": "Vertex Developers <support@vertexvis.com> (https://developer.vertexvis.com)",
+  "homepage": "https://github.com/Vertexvis/vertex-web-sdk#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Vertexvis/vertex-web-sdk.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Vertexvis/vertex-web-sdk/issues"
+  },
+  "main": "./dist/bundle.cjs.js",
+  "module": "./dist/bundle.esm.js",
+  "typings": "./dist/index.d.ts",
+  "browser": "./dist/browser.esm.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist/*",
+    "!dist/**/__tests__"
+  ],
+  "scripts": {
+    "clean": "rm -fr ./dist && mkdir ./dist",
+    "prebuild": "yarn clean",
+    "build": "rollup --config ./rollup.config.js",
+    "format": "yarn lint --fix",
+    "lint": "eslint --ext .ts,.tsx,.js,.jsx --ignore-path ../../.gitignore .",
+    "start": "jest --watch",
+    "test": "jest",
+    "test:coverage": "yarn test --coverage"
+  },
+  "dependencies": {
+    "@vertexvis/utils": "^0.12.0-canary.24"
+  },
+  "devDependencies": {
+    "@types/jest": "^26.0.20",
+    "@types/lodash.isequal": "^4.5.5",
+    "@types/uuid": "^8.3.0",
+    "@vertexvis/eslint-config-vertexvis-typescript": "^0.4.1",
+    "@vertexvis/jest-config-vertexvis": "^0.5.3",
+    "@vertexwebsdk/build": "^0.12.0-canary.24",
+    "eslint": "^7.20.0",
+    "jest": "^26.6.3",
+    "rollup": "^2.58.0",
+    "ts-jest": "^26.5.2",
+    "tslib": "^2.1.0",
+    "typescript": "^4.4.4"
+  },
+  "peerDependencies": {
+    "tslib": ">=2.1.0"
+  },
+  "gitHead": "5e3514d77b124400fe7d051ca5da0b2e77743fe8"
+}