maquette 4.1.3 → 4.1.4

package/dist/cache.d.ts

@@ -1,8 +1,8 @@
 import { CalculationCache } from "./interfaces";
 /**
- * Creates a [[CalculationCache]] object, useful for caching [[VNode]] trees.
- * In practice, caching of [[VNode]] trees is not needed, because achieving 60 frames per second is almost never a problem.
- * For more information, see [[CalculationCache]].
+ * Creates a {@link CalculationCache} object, useful for caching {@link VNode} trees.
+ * In practice, caching of {@link VNode} trees is not needed, because achieving 60 frames per second is almost never a problem.
+ * For more information, see {@link CalculationCache}.
  *
  * @param <Result> The type of the value that is cached.
  */

package/dist/cache.js

@@ -1,7 +1,7 @@
 /**
- * Creates a [[CalculationCache]] object, useful for caching [[VNode]] trees.
- * In practice, caching of [[VNode]] trees is not needed, because achieving 60 frames per second is almost never a problem.
- * For more information, see [[CalculationCache]].
+ * Creates a {@link CalculationCache} object, useful for caching {@link VNode} trees.
+ * In practice, caching of {@link VNode} trees is not needed, because achieving 60 frames per second is almost never a problem.
+ * For more information, see {@link CalculationCache}.
  *
  * @param <Result> The type of the value that is cached.
  */

package/dist/cache.js.map

@@ -1 +1 @@
-{"version":3,"file":"cache.js","sourceRoot":"","sources":["../src/cache.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,CAAC,IAAI,WAAW,GAAG;IACvB,IAAI,YAAmC,CAAC;IACxC,IAAI,aAAiC,CAAC;IAEtC,OAAO;QACL,UAAU,EAAE;YACV,aAAa,GAAG,SAAS,CAAC;YAC1B,YAAY,GAAG,SAAS,CAAC;QAC3B,CAAC;QAED,MAAM,EAAE,UAAC,MAAiB,EAAE,WAAyB;YACnD,IAAI,YAAY,EAAE,CAAC;gBACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBACvC,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;wBAClC,aAAa,GAAG,SAAS,CAAC;oBAC5B,CAAC;gBACH,CAAC;YACH,CAAC;YACD,IAAI,CAAC,aAAa,EAAE,CAAC;gBACnB,aAAa,GAAG,WAAW,EAAE,CAAC;gBAC9B,YAAY,GAAG,MAAM,CAAC;YACxB,CAAC;YACD,OAAO,aAAa,CAAC;QACvB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { CalculationCache } from \"./interfaces\";\n\n/**\n * Creates a [[CalculationCache]] object, useful for caching [[VNode]] trees.\n * In practice, caching of [[VNode]] trees is not needed, because achieving 60 frames per second is almost never a problem.\n * For more information, see [[CalculationCache]].\n *\n * @param <Result> The type of the value that is cached.\n */\nexport let createCache = <Result,>(): CalculationCache<Result> => {\n  let cachedInputs: unknown[] | undefined;\n  let cachedOutcome: Result | undefined;\n\n  return {\n    invalidate: () => {\n      cachedOutcome = undefined;\n      cachedInputs = undefined;\n    },\n\n    result: (inputs: unknown[], calculation: () => Result) => {\n      if (cachedInputs) {\n        for (let i = 0; i < inputs.length; i++) {\n          if (cachedInputs[i] !== inputs[i]) {\n            cachedOutcome = undefined;\n          }\n        }\n      }\n      if (!cachedOutcome) {\n        cachedOutcome = calculation();\n        cachedInputs = inputs;\n      }\n      return cachedOutcome;\n    },\n  };\n};\n"]}
+{"version":3,"file":"cache.js","sourceRoot":"","sources":["../src/cache.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,CAAC,IAAI,WAAW,GAAG;IACvB,IAAI,YAAmC,CAAC;IACxC,IAAI,aAAiC,CAAC;IAEtC,OAAO;QACL,UAAU,EAAE;YACV,aAAa,GAAG,SAAS,CAAC;YAC1B,YAAY,GAAG,SAAS,CAAC;QAC3B,CAAC;QAED,MAAM,EAAE,UAAC,MAAiB,EAAE,WAAyB;YACnD,IAAI,YAAY,EAAE,CAAC;gBACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBACvC,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;wBAClC,aAAa,GAAG,SAAS,CAAC;oBAC5B,CAAC;gBACH,CAAC;YACH,CAAC;YACD,IAAI,CAAC,aAAa,EAAE,CAAC;gBACnB,aAAa,GAAG,WAAW,EAAE,CAAC;gBAC9B,YAAY,GAAG,MAAM,CAAC;YACxB,CAAC;YACD,OAAO,aAAa,CAAC;QACvB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { CalculationCache } from \"./interfaces\";\n\n/**\n * Creates a {@link CalculationCache} object, useful for caching {@link VNode} trees.\n * In practice, caching of {@link VNode} trees is not needed, because achieving 60 frames per second is almost never a problem.\n * For more information, see {@link CalculationCache}.\n *\n * @param <Result> The type of the value that is cached.\n */\nexport let createCache = <Result>(): CalculationCache<Result> => {\n  let cachedInputs: unknown[] | undefined;\n  let cachedOutcome: Result | undefined;\n\n  return {\n    invalidate: () => {\n      cachedOutcome = undefined;\n      cachedInputs = undefined;\n    },\n\n    result: (inputs: unknown[], calculation: () => Result) => {\n      if (cachedInputs) {\n        for (let i = 0; i < inputs.length; i++) {\n          if (cachedInputs[i] !== inputs[i]) {\n            cachedOutcome = undefined;\n          }\n        }\n      }\n      if (!cachedOutcome) {\n        cachedOutcome = calculation();\n        cachedInputs = inputs;\n      }\n      return cachedOutcome;\n    },\n  };\n};\n"]}

package/dist/dom.d.ts

@@ -5,55 +5,55 @@ import { Projection, ProjectionOptions, VNode } from "./interfaces";
 export declare let applyDefaultProjectionOptions: (projectorOptions?: ProjectionOptions) => ProjectionOptions;
 export declare let dom: {
     /**
-     * Creates a real DOM tree from `vnode`. The [[Projection]] object returned will contain the resulting DOM Node in
-     * its [[Projection.domNode|domNode]] property.
-     * This is a low-level method. Users will typically use a [[Projector]] instead.
-     * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function. NOTE: [[VNode]]
+     * Creates a real DOM tree from `vnode`. The {@link Projection} object returned will contain the resulting DOM Node in
+     * its {@link Projection.domNode | domNode} property.
+     * This is a low-level method. Users will typically use a {@link Projector} instead.
+     * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function. NOTE: {@link VNode}
      * objects may only be rendered once.
      * @param projectionOptions - Options to be used to create and update the projection.
-     * @returns The [[Projection]] which also contains the DOM Node that was created.
+     * @returns The {@link Projection} which also contains the DOM Node that was created.
      */
     create: (vnode: VNode, projectionOptions?: ProjectionOptions) => Projection;
     /**
-     * Appends a new child node to the DOM which is generated from a [[VNode]].
-     * This is a low-level method. Users will typically use a [[Projector]] instead.
+     * Appends a new child node to the DOM which is generated from a {@link VNode}.
+     * This is a low-level method. Users will typically use a {@link Projector} instead.
      * @param parentNode - The parent node for the new child node.
-     * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function. NOTE: [[VNode]]
+     * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function. NOTE: {@link VNode}
      * objects may only be rendered once.
-     * @param projectionOptions - Options to be used to create and update the [[Projection]].
-     * @returns The [[Projection]] that was created.
+     * @param projectionOptions - Options to be used to create and update the {@link Projection}.
+     * @returns The {@link Projection} that was created.
      */
     append: (parentNode: Element, vnode: VNode, projectionOptions?: ProjectionOptions) => Projection;
     /**
-     * Inserts a new DOM node which is generated from a [[VNode]].
-     * This is a low-level method. Users wil typically use a [[Projector]] instead.
+     * Inserts a new DOM node which is generated from a {@link VNode}.
+     * This is a low-level method. Users wil typically use a {@link Projector} instead.
      * @param beforeNode - The node that the DOM Node is inserted before.
-     * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function.
-     * NOTE: [[VNode]] objects may only be rendered once.
-     * @param projectionOptions - Options to be used to create and update the projection, see [[createProjector]].
-     * @returns The [[Projection]] that was created.
+     * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function.
+     * NOTE: {@link VNode} objects may only be rendered once.
+     * @param projectionOptions - Options to be used to create and update the projection, see {@link createProjector}.
+     * @returns The {@link Projection} that was created.
      */
     insertBefore: (beforeNode: Element, vnode: VNode, projectionOptions?: ProjectionOptions) => Projection;
     /**
-     * Merges a new DOM node which is generated from a [[VNode]] with an existing DOM Node.
+     * Merges a new DOM node which is generated from a {@link VNode} with an existing DOM Node.
      * This means that the virtual DOM and the real DOM will have one overlapping element.
-     * Therefore the selector for the root [[VNode]] will be ignored, but its properties and children will be applied to the Element provided.
-     * This is a low-level method. Users wil typically use a [[Projector]] instead.
+     * Therefore the selector for the root {@link VNode} will be ignored, but its properties and children will be applied to the Element provided.
+     * This is a low-level method. Users wil typically use a {@link Projector} instead.
      * @param element - The existing element to adopt as the root of the new virtual DOM. Existing attributes and child nodes are preserved.
-     * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function. NOTE: [[VNode]] objects
+     * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function. NOTE: {@link VNode} objects
      * may only be rendered once.
-     * @param projectionOptions - Options to be used to create and update the projection, see [[createProjector]].
-     * @returns The [[Projection]] that was created.
+     * @param projectionOptions - Options to be used to create and update the projection, see {@link createProjector}.
+     * @returns The {@link Projection} that was created.
      */
     merge: (element: Element, vnode: VNode, projectionOptions?: ProjectionOptions) => Projection;
     /**
-     * Replaces an existing DOM node with a node generated from a [[VNode]].
-     * This is a low-level method. Users will typically use a [[Projector]] instead.
-     * @param element - The node for the [[VNode]] to replace.
-     * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function. NOTE: [[VNode]]
+     * Replaces an existing DOM node with a node generated from a {@link VNode}.
+     * This is a low-level method. Users will typically use a {@link Projector} instead.
+     * @param element - The node for the {@link VNode} to replace.
+     * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function. NOTE: {@link VNode}
      * objects may only be rendered once.
-     * @param projectionOptions - Options to be used to create and update the [[Projection]].
-     * @returns The [[Projection]] that was created.
+     * @param projectionOptions - Options to be used to create and update the {@link Projection}.
+     * @returns The {@link Projection} that was created.
      */
     replace: (element: Element, vnode: VNode, projectionOptions?: ProjectionOptions) => Projection;
 };

package/dist/dom.js

@@ -19,13 +19,13 @@ export var applyDefaultProjectionOptions = function (projectorOptions) {
 };
 export var dom = {
     /**
-     * Creates a real DOM tree from `vnode`. The [[Projection]] object returned will contain the resulting DOM Node in
-     * its [[Projection.domNode|domNode]] property.
-     * This is a low-level method. Users will typically use a [[Projector]] instead.
-     * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function. NOTE: [[VNode]]
+     * Creates a real DOM tree from `vnode`. The {@link Projection} object returned will contain the resulting DOM Node in
+     * its {@link Projection.domNode | domNode} property.
+     * This is a low-level method. Users will typically use a {@link Projector} instead.
+     * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function. NOTE: {@link VNode}
      * objects may only be rendered once.
      * @param projectionOptions - Options to be used to create and update the projection.
-     * @returns The [[Projection]] which also contains the DOM Node that was created.
+     * @returns The {@link Projection} which also contains the DOM Node that was created.
      */
     create: function (vnode, projectionOptions) {
         projectionOptions = applyDefaultProjectionOptions(projectionOptions);
@@ -33,13 +33,13 @@ export var dom = {
         return createProjection(vnode, projectionOptions);
     },
     /**
-     * Appends a new child node to the DOM which is generated from a [[VNode]].
-     * This is a low-level method. Users will typically use a [[Projector]] instead.
+     * Appends a new child node to the DOM which is generated from a {@link VNode}.
+     * This is a low-level method. Users will typically use a {@link Projector} instead.
      * @param parentNode - The parent node for the new child node.
-     * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function. NOTE: [[VNode]]
+     * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function. NOTE: {@link VNode}
      * objects may only be rendered once.
-     * @param projectionOptions - Options to be used to create and update the [[Projection]].
-     * @returns The [[Projection]] that was created.
+     * @param projectionOptions - Options to be used to create and update the {@link Projection}.
+     * @returns The {@link Projection} that was created.
      */
     append: function (parentNode, vnode, projectionOptions) {
         projectionOptions = applyDefaultProjectionOptions(projectionOptions);
@@ -47,13 +47,13 @@ export var dom = {
         return createProjection(vnode, projectionOptions);
     },
     /**
-     * Inserts a new DOM node which is generated from a [[VNode]].
-     * This is a low-level method. Users wil typically use a [[Projector]] instead.
+     * Inserts a new DOM node which is generated from a {@link VNode}.
+     * This is a low-level method. Users wil typically use a {@link Projector} instead.
      * @param beforeNode - The node that the DOM Node is inserted before.
-     * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function.
-     * NOTE: [[VNode]] objects may only be rendered once.
-     * @param projectionOptions - Options to be used to create and update the projection, see [[createProjector]].
-     * @returns The [[Projection]] that was created.
+     * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function.
+     * NOTE: {@link VNode} objects may only be rendered once.
+     * @param projectionOptions - Options to be used to create and update the projection, see {@link createProjector}.
+     * @returns The {@link Projection} that was created.
      */
     insertBefore: function (beforeNode, vnode, projectionOptions) {
         projectionOptions = applyDefaultProjectionOptions(projectionOptions);
@@ -61,15 +61,15 @@ export var dom = {
         return createProjection(vnode, projectionOptions);
     },
     /**
-     * Merges a new DOM node which is generated from a [[VNode]] with an existing DOM Node.
+     * Merges a new DOM node which is generated from a {@link VNode} with an existing DOM Node.
      * This means that the virtual DOM and the real DOM will have one overlapping element.
-     * Therefore the selector for the root [[VNode]] will be ignored, but its properties and children will be applied to the Element provided.
-     * This is a low-level method. Users wil typically use a [[Projector]] instead.
+     * Therefore the selector for the root {@link VNode} will be ignored, but its properties and children will be applied to the Element provided.
+     * This is a low-level method. Users wil typically use a {@link Projector} instead.
      * @param element - The existing element to adopt as the root of the new virtual DOM. Existing attributes and child nodes are preserved.
-     * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function. NOTE: [[VNode]] objects
+     * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function. NOTE: {@link VNode} objects
      * may only be rendered once.
-     * @param projectionOptions - Options to be used to create and update the projection, see [[createProjector]].
-     * @returns The [[Projection]] that was created.
+     * @param projectionOptions - Options to be used to create and update the projection, see {@link createProjector}.
+     * @returns The {@link Projection} that was created.
      */
     merge: function (element, vnode, projectionOptions) {
         projectionOptions = applyDefaultProjectionOptions(projectionOptions);
@@ -78,13 +78,13 @@ export var dom = {
         return createProjection(vnode, projectionOptions);
     },
     /**
-     * Replaces an existing DOM node with a node generated from a [[VNode]].
-     * This is a low-level method. Users will typically use a [[Projector]] instead.
-     * @param element - The node for the [[VNode]] to replace.
-     * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function. NOTE: [[VNode]]
+     * Replaces an existing DOM node with a node generated from a {@link VNode}.
+     * This is a low-level method. Users will typically use a {@link Projector} instead.
+     * @param element - The node for the {@link VNode} to replace.
+     * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function. NOTE: {@link VNode}
      * objects may only be rendered once.
-     * @param projectionOptions - Options to be used to create and update the [[Projection]].
-     * @returns The [[Projection]] that was created.
+     * @param projectionOptions - Options to be used to create and update the {@link Projection}.
+     * @returns The {@link Projection} that was created.
      */
     replace: function (element, vnode, projectionOptions) {
         projectionOptions = applyDefaultProjectionOptions(projectionOptions);

package/dist/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAE9F,IAAM,0BAA0B,GAAsB;IACpD,SAAS,EAAE,SAAS;IACpB,iBAAiB,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAClC,uBAAuB,EAAE,SAAS;IAClC,YAAY,EAAE,UAAC,OAAoB,EAAE,SAAiB,EAAE,KAAa;QACnE,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;YAChC,8CAA8C;YAC9C,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC9C,CAAC;aAAM,CAAC;YACN,iEAAiE;YAChE,OAAO,CAAC,KAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;QAC5C,CAAC;IACH,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,IAAI,6BAA6B,GAAG,UACzC,gBAAoC;IAEpC,OAAO,MAAM,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,IAAI,GAAG,GAAG;IACf;;;;;;;;OAQG;IACH,MAAM,EAAE,UAAC,KAAY,EAAE,iBAAqC;QAC1D,iBAAiB,GAAG,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;QACrE,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC;QAC9E,OAAO,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IACpD,CAAC;IAED;;;;;;;;OAQG;IACH,MAAM,EAAE,UACN,UAAmB,EACnB,KAAY,EACZ,iBAAqC;QAErC,iBAAiB,GAAG,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;QACrE,SAAS,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC;QAC3D,OAAO,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IACpD,CAAC;IAED;;;;;;;;OAQG;IACH,YAAY,EAAE,UACZ,UAAmB,EACnB,KAAY,EACZ,iBAAqC;QAErC,iBAAiB,GAAG,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;QACrE,SAAS,CAAC,KAAK,EAAE,UAAU,CAAC,UAAW,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC;QACxE,OAAO,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IACpD,CAAC;IAED;;;;;;;;;;OAUG;IACH,KAAK,EAAE,UAAC,OAAgB,EAAE,KAAY,EAAE,iBAAqC;QAC3E,iBAAiB,GAAG,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;QACrE,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QACxB,yBAAyB,CAAC,OAAO,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC;QAC7D,OAAO,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IACpD,CAAC;IAED;;;;;;;;OAQG;IACH,OAAO,EAAE,UAAC,OAAgB,EAAE,KAAY,EAAE,iBAAqC;QAC7E,iBAAiB,GAAG,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;QACrE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,UAAW,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAClE,OAAO,CAAC,UAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACzC,OAAO,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IACpD,CAAC;CACF,CAAC","sourcesContent":["/**\n * Contains simple low-level utility functions to manipulate the real DOM.\n */\nimport { Projection, ProjectionOptions, VNode } from \"./interfaces\";\nimport { createDom, createProjection, extend, initPropertiesAndChildren } from \"./projection\";\n\nconst DEFAULT_PROJECTION_OPTIONS: ProjectionOptions = {\n  namespace: undefined,\n  performanceLogger: () => undefined,\n  eventHandlerInterceptor: undefined,\n  styleApplyer: (domNode: HTMLElement, styleName: string, value: string) => {\n    if (styleName.charAt(0) === \"-\") {\n      // CSS variables must be set using setProperty\n      domNode.style.setProperty(styleName, value);\n    } else {\n      // properties like 'backgroundColor' must be set as a js-property\n      (domNode.style as any)[styleName] = value;\n    }\n  },\n};\n\nexport let applyDefaultProjectionOptions = (\n  projectorOptions?: ProjectionOptions\n): ProjectionOptions => {\n  return extend(DEFAULT_PROJECTION_OPTIONS, projectorOptions);\n};\n\nexport let dom = {\n  /**\n   * Creates a real DOM tree from `vnode`. The [[Projection]] object returned will contain the resulting DOM Node in\n   * its [[Projection.domNode|domNode]] property.\n   * This is a low-level method. Users will typically use a [[Projector]] instead.\n   * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function. NOTE: [[VNode]]\n   * objects may only be rendered once.\n   * @param projectionOptions - Options to be used to create and update the projection.\n   * @returns The [[Projection]] which also contains the DOM Node that was created.\n   */\n  create: (vnode: VNode, projectionOptions?: ProjectionOptions): Projection => {\n    projectionOptions = applyDefaultProjectionOptions(projectionOptions);\n    createDom(vnode, document.createElement(\"div\"), undefined, projectionOptions);\n    return createProjection(vnode, projectionOptions);\n  },\n\n  /**\n   * Appends a new child node to the DOM which is generated from a [[VNode]].\n   * This is a low-level method. Users will typically use a [[Projector]] instead.\n   * @param parentNode - The parent node for the new child node.\n   * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function. NOTE: [[VNode]]\n   * objects may only be rendered once.\n   * @param projectionOptions - Options to be used to create and update the [[Projection]].\n   * @returns The [[Projection]] that was created.\n   */\n  append: (\n    parentNode: Element,\n    vnode: VNode,\n    projectionOptions?: ProjectionOptions\n  ): Projection => {\n    projectionOptions = applyDefaultProjectionOptions(projectionOptions);\n    createDom(vnode, parentNode, undefined, projectionOptions);\n    return createProjection(vnode, projectionOptions);\n  },\n\n  /**\n   * Inserts a new DOM node which is generated from a [[VNode]].\n   * This is a low-level method. Users wil typically use a [[Projector]] instead.\n   * @param beforeNode - The node that the DOM Node is inserted before.\n   * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function.\n   * NOTE: [[VNode]] objects may only be rendered once.\n   * @param projectionOptions - Options to be used to create and update the projection, see [[createProjector]].\n   * @returns The [[Projection]] that was created.\n   */\n  insertBefore: (\n    beforeNode: Element,\n    vnode: VNode,\n    projectionOptions?: ProjectionOptions\n  ): Projection => {\n    projectionOptions = applyDefaultProjectionOptions(projectionOptions);\n    createDom(vnode, beforeNode.parentNode!, beforeNode, projectionOptions);\n    return createProjection(vnode, projectionOptions);\n  },\n\n  /**\n   * Merges a new DOM node which is generated from a [[VNode]] with an existing DOM Node.\n   * This means that the virtual DOM and the real DOM will have one overlapping element.\n   * Therefore the selector for the root [[VNode]] will be ignored, but its properties and children will be applied to the Element provided.\n   * This is a low-level method. Users wil typically use a [[Projector]] instead.\n   * @param element - The existing element to adopt as the root of the new virtual DOM. Existing attributes and child nodes are preserved.\n   * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function. NOTE: [[VNode]] objects\n   * may only be rendered once.\n   * @param projectionOptions - Options to be used to create and update the projection, see [[createProjector]].\n   * @returns The [[Projection]] that was created.\n   */\n  merge: (element: Element, vnode: VNode, projectionOptions?: ProjectionOptions): Projection => {\n    projectionOptions = applyDefaultProjectionOptions(projectionOptions);\n    vnode.domNode = element;\n    initPropertiesAndChildren(element, vnode, projectionOptions);\n    return createProjection(vnode, projectionOptions);\n  },\n\n  /**\n   * Replaces an existing DOM node with a node generated from a [[VNode]].\n   * This is a low-level method. Users will typically use a [[Projector]] instead.\n   * @param element - The node for the [[VNode]] to replace.\n   * @param vnode - The root of the virtual DOM tree that was created using the [[h]] function. NOTE: [[VNode]]\n   * objects may only be rendered once.\n   * @param projectionOptions - Options to be used to create and update the [[Projection]].\n   * @returns The [[Projection]] that was created.\n   */\n  replace: (element: Element, vnode: VNode, projectionOptions?: ProjectionOptions): Projection => {\n    projectionOptions = applyDefaultProjectionOptions(projectionOptions);\n    createDom(vnode, element.parentNode!, element, projectionOptions);\n    element.parentNode!.removeChild(element);\n    return createProjection(vnode, projectionOptions);\n  },\n};\n"]}
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AAE9F,IAAM,0BAA0B,GAAsB;IACpD,SAAS,EAAE,SAAS;IACpB,iBAAiB,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAClC,uBAAuB,EAAE,SAAS;IAClC,YAAY,EAAE,UAAC,OAAoB,EAAE,SAAiB,EAAE,KAAa;QACnE,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;YAChC,8CAA8C;YAC9C,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC9C,CAAC;aAAM,CAAC;YACN,iEAAiE;YAChE,OAAO,CAAC,KAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;QAC5C,CAAC;IACH,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,IAAI,6BAA6B,GAAG,UACzC,gBAAoC;IAEpC,OAAO,MAAM,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,IAAI,GAAG,GAAG;IACf;;;;;;;;OAQG;IACH,MAAM,EAAE,UAAC,KAAY,EAAE,iBAAqC;QAC1D,iBAAiB,GAAG,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;QACrE,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC;QAC9E,OAAO,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IACpD,CAAC;IAED;;;;;;;;OAQG;IACH,MAAM,EAAE,UACN,UAAmB,EACnB,KAAY,EACZ,iBAAqC;QAErC,iBAAiB,GAAG,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;QACrE,SAAS,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC;QAC3D,OAAO,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IACpD,CAAC;IAED;;;;;;;;OAQG;IACH,YAAY,EAAE,UACZ,UAAmB,EACnB,KAAY,EACZ,iBAAqC;QAErC,iBAAiB,GAAG,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;QACrE,SAAS,CAAC,KAAK,EAAE,UAAU,CAAC,UAAW,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC;QACxE,OAAO,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IACpD,CAAC;IAED;;;;;;;;;;OAUG;IACH,KAAK,EAAE,UAAC,OAAgB,EAAE,KAAY,EAAE,iBAAqC;QAC3E,iBAAiB,GAAG,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;QACrE,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QACxB,yBAAyB,CAAC,OAAO,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC;QAC7D,OAAO,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IACpD,CAAC;IAED;;;;;;;;OAQG;IACH,OAAO,EAAE,UAAC,OAAgB,EAAE,KAAY,EAAE,iBAAqC;QAC7E,iBAAiB,GAAG,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;QACrE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,UAAW,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAClE,OAAO,CAAC,UAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACzC,OAAO,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IACpD,CAAC;CACF,CAAC","sourcesContent":["/**\n * Contains simple low-level utility functions to manipulate the real DOM.\n */\nimport { Projection, ProjectionOptions, VNode } from \"./interfaces\";\nimport { createDom, createProjection, extend, initPropertiesAndChildren } from \"./projection\";\n\nconst DEFAULT_PROJECTION_OPTIONS: ProjectionOptions = {\n  namespace: undefined,\n  performanceLogger: () => undefined,\n  eventHandlerInterceptor: undefined,\n  styleApplyer: (domNode: HTMLElement, styleName: string, value: string) => {\n    if (styleName.charAt(0) === \"-\") {\n      // CSS variables must be set using setProperty\n      domNode.style.setProperty(styleName, value);\n    } else {\n      // properties like 'backgroundColor' must be set as a js-property\n      (domNode.style as any)[styleName] = value;\n    }\n  },\n};\n\nexport let applyDefaultProjectionOptions = (\n  projectorOptions?: ProjectionOptions\n): ProjectionOptions => {\n  return extend(DEFAULT_PROJECTION_OPTIONS, projectorOptions);\n};\n\nexport let dom = {\n  /**\n   * Creates a real DOM tree from `vnode`. The {@link Projection} object returned will contain the resulting DOM Node in\n   * its {@link Projection.domNode | domNode} property.\n   * This is a low-level method. Users will typically use a {@link Projector} instead.\n   * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function. NOTE: {@link VNode}\n   * objects may only be rendered once.\n   * @param projectionOptions - Options to be used to create and update the projection.\n   * @returns The {@link Projection} which also contains the DOM Node that was created.\n   */\n  create: (vnode: VNode, projectionOptions?: ProjectionOptions): Projection => {\n    projectionOptions = applyDefaultProjectionOptions(projectionOptions);\n    createDom(vnode, document.createElement(\"div\"), undefined, projectionOptions);\n    return createProjection(vnode, projectionOptions);\n  },\n\n  /**\n   * Appends a new child node to the DOM which is generated from a {@link VNode}.\n   * This is a low-level method. Users will typically use a {@link Projector} instead.\n   * @param parentNode - The parent node for the new child node.\n   * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function. NOTE: {@link VNode}\n   * objects may only be rendered once.\n   * @param projectionOptions - Options to be used to create and update the {@link Projection}.\n   * @returns The {@link Projection} that was created.\n   */\n  append: (\n    parentNode: Element,\n    vnode: VNode,\n    projectionOptions?: ProjectionOptions\n  ): Projection => {\n    projectionOptions = applyDefaultProjectionOptions(projectionOptions);\n    createDom(vnode, parentNode, undefined, projectionOptions);\n    return createProjection(vnode, projectionOptions);\n  },\n\n  /**\n   * Inserts a new DOM node which is generated from a {@link VNode}.\n   * This is a low-level method. Users wil typically use a {@link Projector} instead.\n   * @param beforeNode - The node that the DOM Node is inserted before.\n   * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function.\n   * NOTE: {@link VNode} objects may only be rendered once.\n   * @param projectionOptions - Options to be used to create and update the projection, see {@link createProjector}.\n   * @returns The {@link Projection} that was created.\n   */\n  insertBefore: (\n    beforeNode: Element,\n    vnode: VNode,\n    projectionOptions?: ProjectionOptions\n  ): Projection => {\n    projectionOptions = applyDefaultProjectionOptions(projectionOptions);\n    createDom(vnode, beforeNode.parentNode!, beforeNode, projectionOptions);\n    return createProjection(vnode, projectionOptions);\n  },\n\n  /**\n   * Merges a new DOM node which is generated from a {@link VNode} with an existing DOM Node.\n   * This means that the virtual DOM and the real DOM will have one overlapping element.\n   * Therefore the selector for the root {@link VNode} will be ignored, but its properties and children will be applied to the Element provided.\n   * This is a low-level method. Users wil typically use a {@link Projector} instead.\n   * @param element - The existing element to adopt as the root of the new virtual DOM. Existing attributes and child nodes are preserved.\n   * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function. NOTE: {@link VNode} objects\n   * may only be rendered once.\n   * @param projectionOptions - Options to be used to create and update the projection, see {@link createProjector}.\n   * @returns The {@link Projection} that was created.\n   */\n  merge: (element: Element, vnode: VNode, projectionOptions?: ProjectionOptions): Projection => {\n    projectionOptions = applyDefaultProjectionOptions(projectionOptions);\n    vnode.domNode = element;\n    initPropertiesAndChildren(element, vnode, projectionOptions);\n    return createProjection(vnode, projectionOptions);\n  },\n\n  /**\n   * Replaces an existing DOM node with a node generated from a {@link VNode}.\n   * This is a low-level method. Users will typically use a {@link Projector} instead.\n   * @param element - The node for the {@link VNode} to replace.\n   * @param vnode - The root of the virtual DOM tree that was created using the {@link h} function. NOTE: {@link VNode}\n   * objects may only be rendered once.\n   * @param projectionOptions - Options to be used to create and update the {@link Projection}.\n   * @returns The {@link Projection} that was created.\n   */\n  replace: (element: Element, vnode: VNode, projectionOptions?: ProjectionOptions): Projection => {\n    projectionOptions = applyDefaultProjectionOptions(projectionOptions);\n    createDom(vnode, element.parentNode!, element, projectionOptions);\n    element.parentNode!.removeChild(element);\n    return createProjection(vnode, projectionOptions);\n  },\n};\n"]}

package/dist/h.d.ts

@@ -8,7 +8,7 @@ import { VNode, VNodeChild, VNodeProperties } from "./interfaces";
  *                    It is formatted as follows: `tagname.cssclass1.cssclass2#id`.
  * @param properties  An object literal containing properties that will be placed on the DOM node.
  * @param children    Virtual DOM nodes and strings to add as child nodes.
- *                    `children` may contain [[VNode]]s, `string`s, nested arrays, `null` and `undefined`.
+ *                    `children` may contain {@link VNode}s, `string`s, nested arrays, `null` and `undefined`.
  *                    Nested arrays are flattened, `null` and `undefined` are removed.
  *
  * @returns           A VNode object, used to render a real DOM later.
@@ -24,7 +24,7 @@ export declare function h(selector: string, properties?: VNodeProperties, childr
  * @param selector    Contains the tagName, id and fixed css classnames in CSS selector format.
  *                    It is formatted as follows: `tagname.cssclass1.cssclass2#id`.
  * @param children    Virtual DOM nodes and strings to add as child nodes.
- *                    `children` may contain [[VNode]]s, `string`s, nested arrays, `null` and `undefined`.
+ *                    `children` may contain {@link VNode}s, `string`s, nested arrays, `null` and `undefined`.
  *                    Nested arrays are flattened, `null` and `undefined` are removed.
  *
  * @returns           A VNode object, used to render a real DOM later.

package/dist/h.js.map

@@ -1 +1 @@
-{"version":3,"file":"h.js","sourceRoot":"","sources":["../src/h.ts"],"names":[],"mappings":"AAEA,IAAI,WAAW,GAAG,UAAC,IAAY;IAC7B,OAAO;QACL,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE;QACrB,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,cAAc,GAAG,UAAC,cAAsB,EAAE,UAAwB,EAAE,IAAa;IACnF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,QAAM,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,QAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5D,IAAI,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QACzB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YACxB,cAAc,CAAC,cAAc,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;gBAC1D,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;oBAC7B,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC3B,CAAC;gBACD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;QACH,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAwCF,MAAM,UAAU,CAAC,CACf,QAAgB,EAChB,UAA4B,EAC5B,QAA8B;IAE9B,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;QAC9B,QAAQ,GAAG,UAAU,CAAC;QACtB,UAAU,GAAG,SAAS,CAAC;IACzB,CAAC;SAAM,IACL,CAAC,UAAU,IAAI,CAAC,OAAQ,UAAkB,KAAK,QAAQ,IAAI,UAAU,CAAC,aAAa,CAAC,CAAC;QACrF,CAAC,QAAQ,IAAI,CAAC,OAAQ,QAAgB,KAAK,QAAQ,IAAK,QAAgB,CAAC,aAAa,CAAC,CAAC,EACxF,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;IACrD,CAAC;IACD,IAAI,IAAwB,CAAC;IAC7B,IAAI,iBAAsC,CAAC;IAC3C,yEAAyE;IACzE,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE,CAAC;QACzE,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,iBAAiB,GAAG,EAAE,CAAC;QACvB,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC;QACtD,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACnC,iBAAiB,GAAG,SAAS,CAAC;QAChC,CAAC;IACH,CAAC;IACD,OAAO;QACL,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE,iBAAiB;QAC3B,IAAI,EAAE,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QACpC,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC","sourcesContent":["import { VNode, VNodeChild, VNodeProperties } from \"./interfaces\";\n\nlet toTextVNode = (data: string): VNode => {\n  return {\n    vnodeSelector: \"\",\n    properties: undefined,\n    children: undefined,\n    text: data.toString(),\n    domNode: null,\n  };\n};\n\nlet appendChildren = (parentSelector: string, insertions: VNodeChild[], main: VNode[]) => {\n  for (let i = 0, length = insertions.length; i < length; i++) {\n    let item = insertions[i];\n    if (Array.isArray(item)) {\n      appendChildren(parentSelector, item, main);\n    } else {\n      if (item !== null && item !== undefined && item !== false) {\n        if (typeof item === \"string\") {\n          item = toTextVNode(item);\n        }\n        main.push(item);\n      }\n    }\n  }\n};\n\n/**\n * The `h` function is used to create a virtual DOM node.\n * This function is largely inspired by the mercuryjs and mithril frameworks.\n * The `h` stands for (virtual) hyperscript.\n *\n * @param selector    Contains the tagName, id and fixed css classnames in CSS selector format.\n *                    It is formatted as follows: `tagname.cssclass1.cssclass2#id`.\n * @param properties  An object literal containing properties that will be placed on the DOM node.\n * @param children    Virtual DOM nodes and strings to add as child nodes.\n *                    `children` may contain [[VNode]]s, `string`s, nested arrays, `null` and `undefined`.\n *                    Nested arrays are flattened, `null` and `undefined` are removed.\n *\n * @returns           A VNode object, used to render a real DOM later.\n *\n * NOTE: There are {@link http://maquettejs.org/docs/rules.html two basic rules} you should be aware of when updating the virtual DOM.\n */\nexport function h(\n  selector: string,\n  properties?: VNodeProperties,\n  children?: VNodeChild[] | null\n): VNode;\n/**\n * The `h` function is used to create a virtual DOM node.\n * This function is largely inspired by the mercuryjs and mithril frameworks.\n * The `h` stands for (virtual) hyperscript.\n *\n * @param selector    Contains the tagName, id and fixed css classnames in CSS selector format.\n *                    It is formatted as follows: `tagname.cssclass1.cssclass2#id`.\n * @param children    Virtual DOM nodes and strings to add as child nodes.\n *                    `children` may contain [[VNode]]s, `string`s, nested arrays, `null` and `undefined`.\n *                    Nested arrays are flattened, `null` and `undefined` are removed.\n *\n * @returns           A VNode object, used to render a real DOM later.\n *\n * NOTE: There are {@link http://maquettejs.org/docs/rules.html two basic rules} you should be aware of when updating the virtual DOM.\n */\nexport function h(selector: string, children: VNodeChild[]): VNode;\n\nexport function h(\n  selector: string,\n  properties?: VNodeProperties,\n  children?: VNodeChild[] | null\n): VNode {\n  if (Array.isArray(properties)) {\n    children = properties;\n    properties = undefined;\n  } else if (\n    (properties && (typeof (properties as any) === \"string\" || properties.vnodeSelector)) ||\n    (children && (typeof (children as any) === \"string\" || (children as any).vnodeSelector))\n  ) {\n    throw new Error(\"h called with invalid arguments\");\n  }\n  let text: string | undefined;\n  let flattenedChildren: VNode[] | undefined;\n  // Recognize a common special case where there is only a single text node\n  if (children && children.length === 1 && typeof children[0] === \"string\") {\n    text = children[0];\n  } else if (children) {\n    flattenedChildren = [];\n    appendChildren(selector, children, flattenedChildren);\n    if (flattenedChildren.length === 0) {\n      flattenedChildren = undefined;\n    }\n  }\n  return {\n    vnodeSelector: selector,\n    properties: properties,\n    children: flattenedChildren,\n    text: text === \"\" ? undefined : text,\n    domNode: null,\n  };\n}\n"]}
+{"version":3,"file":"h.js","sourceRoot":"","sources":["../src/h.ts"],"names":[],"mappings":"AAEA,IAAI,WAAW,GAAG,UAAC,IAAY;IAC7B,OAAO;QACL,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE;QACrB,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,cAAc,GAAG,UAAC,cAAsB,EAAE,UAAwB,EAAE,IAAa;IACnF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,QAAM,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,GAAG,QAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5D,IAAI,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QACzB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YACxB,cAAc,CAAC,cAAc,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;gBAC1D,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;oBAC7B,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC3B,CAAC;gBACD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;QACH,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAwCF,MAAM,UAAU,CAAC,CACf,QAAgB,EAChB,UAA4B,EAC5B,QAA8B;IAE9B,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;QAC9B,QAAQ,GAAG,UAAU,CAAC;QACtB,UAAU,GAAG,SAAS,CAAC;IACzB,CAAC;SAAM,IACL,CAAC,UAAU,IAAI,CAAC,OAAQ,UAAkB,KAAK,QAAQ,IAAI,UAAU,CAAC,aAAa,CAAC,CAAC;QACrF,CAAC,QAAQ,IAAI,CAAC,OAAQ,QAAgB,KAAK,QAAQ,IAAK,QAAgB,CAAC,aAAa,CAAC,CAAC,EACxF,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;IACrD,CAAC;IACD,IAAI,IAAwB,CAAC;IAC7B,IAAI,iBAAsC,CAAC;IAC3C,yEAAyE;IACzE,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE,CAAC;QACzE,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,iBAAiB,GAAG,EAAE,CAAC;QACvB,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,CAAC,CAAC;QACtD,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACnC,iBAAiB,GAAG,SAAS,CAAC;QAChC,CAAC;IACH,CAAC;IACD,OAAO;QACL,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE,iBAAiB;QAC3B,IAAI,EAAE,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QACpC,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC","sourcesContent":["import { VNode, VNodeChild, VNodeProperties } from \"./interfaces\";\n\nlet toTextVNode = (data: string): VNode => {\n  return {\n    vnodeSelector: \"\",\n    properties: undefined,\n    children: undefined,\n    text: data.toString(),\n    domNode: null,\n  };\n};\n\nlet appendChildren = (parentSelector: string, insertions: VNodeChild[], main: VNode[]) => {\n  for (let i = 0, length = insertions.length; i < length; i++) {\n    let item = insertions[i];\n    if (Array.isArray(item)) {\n      appendChildren(parentSelector, item, main);\n    } else {\n      if (item !== null && item !== undefined && item !== false) {\n        if (typeof item === \"string\") {\n          item = toTextVNode(item);\n        }\n        main.push(item);\n      }\n    }\n  }\n};\n\n/**\n * The `h` function is used to create a virtual DOM node.\n * This function is largely inspired by the mercuryjs and mithril frameworks.\n * The `h` stands for (virtual) hyperscript.\n *\n * @param selector    Contains the tagName, id and fixed css classnames in CSS selector format.\n *                    It is formatted as follows: `tagname.cssclass1.cssclass2#id`.\n * @param properties  An object literal containing properties that will be placed on the DOM node.\n * @param children    Virtual DOM nodes and strings to add as child nodes.\n *                    `children` may contain {@link VNode}s, `string`s, nested arrays, `null` and `undefined`.\n *                    Nested arrays are flattened, `null` and `undefined` are removed.\n *\n * @returns           A VNode object, used to render a real DOM later.\n *\n * NOTE: There are {@link http://maquettejs.org/docs/rules.html two basic rules} you should be aware of when updating the virtual DOM.\n */\nexport function h(\n  selector: string,\n  properties?: VNodeProperties,\n  children?: VNodeChild[] | null\n): VNode;\n/**\n * The `h` function is used to create a virtual DOM node.\n * This function is largely inspired by the mercuryjs and mithril frameworks.\n * The `h` stands for (virtual) hyperscript.\n *\n * @param selector    Contains the tagName, id and fixed css classnames in CSS selector format.\n *                    It is formatted as follows: `tagname.cssclass1.cssclass2#id`.\n * @param children    Virtual DOM nodes and strings to add as child nodes.\n *                    `children` may contain {@link VNode}s, `string`s, nested arrays, `null` and `undefined`.\n *                    Nested arrays are flattened, `null` and `undefined` are removed.\n *\n * @returns           A VNode object, used to render a real DOM later.\n *\n * NOTE: There are {@link http://maquettejs.org/docs/rules.html two basic rules} you should be aware of when updating the virtual DOM.\n */\nexport function h(selector: string, children: VNodeChild[]): VNode;\n\nexport function h(\n  selector: string,\n  properties?: VNodeProperties,\n  children?: VNodeChild[] | null\n): VNode {\n  if (Array.isArray(properties)) {\n    children = properties;\n    properties = undefined;\n  } else if (\n    (properties && (typeof (properties as any) === \"string\" || properties.vnodeSelector)) ||\n    (children && (typeof (children as any) === \"string\" || (children as any).vnodeSelector))\n  ) {\n    throw new Error(\"h called with invalid arguments\");\n  }\n  let text: string | undefined;\n  let flattenedChildren: VNode[] | undefined;\n  // Recognize a common special case where there is only a single text node\n  if (children && children.length === 1 && typeof children[0] === \"string\") {\n    text = children[0];\n  } else if (children) {\n    flattenedChildren = [];\n    appendChildren(selector, children, flattenedChildren);\n    if (flattenedChildren.length === 0) {\n      flattenedChildren = undefined;\n    }\n  }\n  return {\n    vnodeSelector: selector,\n    properties: properties,\n    children: flattenedChildren,\n    text: text === \"\" ? undefined : text,\n    domNode: null,\n  };\n}\n"]}

package/dist/index.d.ts

@@ -1,11 +1,16 @@
 /**
  * Welcome to the API documentation of the **maquette** library.
  *
- * [[https://maquettejs.org/|To the maquette homepage]]
+ * Maquette is a minimalistic virtual DOM library that provides a simple and efficient way to build
+ * interactive web applications. To get started, use {@link createProjector} to create a projector
+ * that manages the rendering lifecycle, and use the {@link h} function to create virtual DOM nodes.
+ *
+ * {@link https://maquettejs.org/ | ← Back to the maquette homepage}
+ * @module
  */
-export * from "./interfaces";
+export { createCache } from "./cache";
 export { dom } from "./dom";
 export { h } from "./h";
-export { createProjector } from "./projector";
-export { createCache } from "./cache";
+export * from "./interfaces";
 export { createMapping } from "./mapping";
+export { createProjector } from "./projector";

package/dist/index.js

@@ -2,12 +2,17 @@
 /**
  * Welcome to the API documentation of the **maquette** library.
  *
- * [[https://maquettejs.org/|To the maquette homepage]]
+ * Maquette is a minimalistic virtual DOM library that provides a simple and efficient way to build
+ * interactive web applications. To get started, use {@link createProjector} to create a projector
+ * that manages the rendering lifecycle, and use the {@link h} function to create virtual DOM nodes.
+ *
+ * {@link https://maquettejs.org/ | ← Back to the maquette homepage}
+ * @module
  */
-export * from "./interfaces";
+export { createCache } from "./cache";
 export { dom } from "./dom";
 export { h } from "./h";
-export { createProjector } from "./projector";
-export { createCache } from "./cache";
+export * from "./interfaces";
 export { createMapping } from "./mapping";
+export { createProjector } from "./projector";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E;;;;GAIG;AACH,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC","sourcesContent":["// Comment that is displayed in the API documentation for the maquette module:\n/**\n * Welcome to the API documentation of the **maquette** library.\n *\n * [[https://maquettejs.org/|To the maquette homepage]]\n */\nexport * from \"./interfaces\";\nexport { dom } from \"./dom\";\nexport { h } from \"./h\";\nexport { createProjector } from \"./projector\";\nexport { createCache } from \"./cache\";\nexport { createMapping } from \"./mapping\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E;;;;;;;;;GASG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC","sourcesContent":["// Comment that is displayed in the API documentation for the maquette module:\n/**\n * Welcome to the API documentation of the **maquette** library.\n *\n * Maquette is a minimalistic virtual DOM library that provides a simple and efficient way to build\n * interactive web applications. To get started, use {@link createProjector} to create a projector\n * that manages the rendering lifecycle, and use the {@link h} function to create virtual DOM nodes.\n *\n * {@link https://maquettejs.org/ | ← Back to the maquette homepage}\n * @module\n */\nexport { createCache } from \"./cache\";\nexport { dom } from \"./dom\";\nexport { h } from \"./h\";\nexport * from \"./interfaces\";\nexport { createMapping } from \"./mapping\";\nexport { createProjector } from \"./projector\";\n"]}