treeloom 0.0.0-stage → 2.0.0

package/dist/inflate/jsonToDomItem.js

@@ -0,0 +1,30 @@
+"use strict";
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const setParentItemReferences_1 = __importDefault(require("../domItem/tree/setParentItemReferences"));
+const addDomItemProperties_1 = __importDefault(require("../domItem/objects/addDomItemProperties"));
+/**
+ * Convert DOM Item to JSON string.
+ * @param jsonString
+ */
+const jsonToDomItem = jsonString => {
+  const parsedJson = (0, setParentItemReferences_1.default)((0, addDomItemProperties_1.default)(JSON.parse(jsonString)));
+  if (parsedJson.nodeName === '#document') {
+    const root = parsedJson;
+    root.element = document;
+    root.head = root.children[0];
+    root.body = root.children[1];
+  }
+  return parsedJson;
+};
+exports.default = jsonToDomItem;

package/dist/inflate/jsonToDomItem.min.js

@@ -0,0 +1 @@
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const setParentItemReferences_1=__importDefault(require("../domItem/tree/setParentItemReferences")),addDomItemProperties_1=__importDefault(require("../domItem/objects/addDomItemProperties")),jsonToDomItem=e=>{const t=(0,setParentItemReferences_1.default)((0,addDomItemProperties_1.default)(JSON.parse(e)));if("#document"===t.nodeName){const e=t;e.element=document,e.head=e.children[0],e.body=e.children[1]}return t};exports.default=jsonToDomItem;

package/dist/main.d.ts

@@ -0,0 +1,2 @@
+declare const treeloom: any;
+export = treeloom;

package/dist/main.js

@@ -0,0 +1,24 @@
+"use strict";
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+/**
+ * All of the JSON DOM system functions for building and syncing a Virtual DOM (DomItem tree) to the real HTML DOM.
+ */
+const index_1 = __importDefault(require("./events/index"));
+const index_2 = __importDefault(require("./domItem/index"));
+const documentItem_1 = require("./domItem/objects/documentItem");
+const index_3 = __importDefault(require("./inflate/index"));
+const index_4 = __importDefault(require("./deflate/index"));
+const index_5 = __importDefault(require("./render/index"));
+const index_6 = __importDefault(require("./sync/index"));
+const index_7 = __importDefault(require("./diff/index"));
+// documentItem is a getter (see withDocumentItem), so loading treeloom never touches a real document
+const treeloom = (0, documentItem_1.withDocumentItem)(Object.assign({}, index_1.default, index_2.default, index_3.default, index_4.default, index_5.default, index_6.default, index_7.default));
+module.exports = treeloom;

package/dist/main.min.js

@@ -0,0 +1 @@
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};const index_1=__importDefault(require("./events/index")),index_2=__importDefault(require("./domItem/index")),documentItem_1=require("./domItem/objects/documentItem"),index_3=__importDefault(require("./inflate/index")),index_4=__importDefault(require("./deflate/index")),index_5=__importDefault(require("./render/index")),index_6=__importDefault(require("./sync/index")),index_7=__importDefault(require("./diff/index")),treeloom=(0,documentItem_1.withDocumentItem)(Object.assign({},index_1.default,index_2.default,index_3.default,index_4.default,index_5.default,index_6.default,index_7.default));module.exports=treeloom;

package/dist/render/generateElement.d.ts

@@ -0,0 +1,7 @@
+import type { DomItem } from '../domItem/types';
+/**
+ * Create an HTML element based on the provided attributes and return the element as an Object.
+ * @param domItem - The DomItem requiring matching HTML element property
+ */
+declare const generateElement: (domItem: DomItem) => DomItem;
+export default generateElement;

package/dist/render/generateElement.js

@@ -0,0 +1,41 @@
+"use strict";
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const updateElement_1 = __importDefault(require("./updateElement"));
+/**
+ * Create a new DOM Node based on name and data.
+ * @param nodeName
+ * @param data
+ */
+const makeElementType = (nodeName, data = null, is) => {
+  switch (nodeName) {
+    case '#text':
+      return document.createTextNode(data);
+    case '#comment':
+      return document.createComment(data);
+    default:
+      // A customized built-in element (<button is="fancy-button">) has to be given its name when it is created
+      return is ? document.createElement(nodeName, {
+        is
+      }) : document.createElement(nodeName);
+  }
+};
+/**
+ * Create an HTML element based on the provided attributes and return the element as an Object.
+ * @param domItem - The DomItem requiring matching HTML element property
+ */
+const generateElement = domItem => {
+  domItem.element = makeElementType(domItem.nodeName, domItem.nodeValue, typeof domItem.attributes.is === 'string' ? domItem.attributes.is : undefined);
+  return (0, updateElement_1.default)(domItem);
+};
+exports.default = generateElement;

package/dist/render/generateElement.min.js

@@ -0,0 +1 @@
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const updateElement_1=__importDefault(require("./updateElement")),makeElementType=(e,t=null,n)=>{switch(e){case"#text":return document.createTextNode(t);case"#comment":return document.createComment(t);default:return n?document.createElement(e,{is:n}):document.createElement(e)}},generateElement=e=>(e.element=makeElementType(e.nodeName,e.nodeValue,"string"==typeof e.attributes.is?e.attributes.is:void 0),(0,updateElement_1.default)(e));exports.default=generateElement;

package/dist/render/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    generateElement: (domItem: import("../domItem/types").DomItem) => import("../domItem/types").DomItem;
+    renderHtml: (item?: import("../domItem/types").DomItem | null, parent?: import("../domItem/types").DomItem, index?: number) => import("../domItem/types").DomItem;
+    updateChildNodes: (domItem: import("../domItem/types").DomItem) => import("../domItem/types").DomItem;
+    updateElement: (domItem: import("../domItem/types").DomItem) => import("../domItem/types").DomItem;
+    updateElements: (config: import("../domItem/types").DomItem) => import("../domItem/types").DomItem;
+};
+export default _default;

package/dist/render/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const generateElement_1 = __importDefault(require("./generateElement"));
+const renderHtml_1 = __importDefault(require("./renderHtml"));
+const updateChildNodes_1 = __importDefault(require("./updateChildNodes"));
+const updateElement_1 = __importDefault(require("./updateElement"));
+const updateElements_1 = __importDefault(require("./updateElements"));
+exports.default = {
+  generateElement: generateElement_1.default,
+  renderHtml: renderHtml_1.default,
+  updateChildNodes: updateChildNodes_1.default,
+  updateElement: updateElement_1.default,
+  updateElements: updateElements_1.default
+};

package/dist/render/index.min.js

@@ -0,0 +1 @@
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const generateElement_1=__importDefault(require("./generateElement")),renderHtml_1=__importDefault(require("./renderHtml")),updateChildNodes_1=__importDefault(require("./updateChildNodes")),updateElement_1=__importDefault(require("./updateElement")),updateElements_1=__importDefault(require("./updateElements"));exports.default={generateElement:generateElement_1.default,renderHtml:renderHtml_1.default,updateChildNodes:updateChildNodes_1.default,updateElement:updateElement_1.default,updateElements:updateElements_1.default};

package/dist/render/renderHtml.d.ts

@@ -0,0 +1,16 @@
+import type { DomItem } from '../domItem/types';
+/**
+ * This is a shortcut for syncing a Virtual DOM (DomItem tree) item onto the real HTML DOM: builds the real elements
+ * for it and its descendants, inserts them into parent's children (the document body by default), and binds their
+ * associated listeners.
+ * @param item - The DomItem that we want to render the element for
+ * @param parent - Where to insert item, when it does not already have a parent - defaults to the
+ * document body, so passing nothing keeps working exactly as before
+ * @param index - Where in parent's children to put item - defaults to the end (a plain append), so passing nothing
+ * keeps working exactly as before. To insert item among parent's already-rendered content (existing real HTML),
+ * parent's children must already reflect that content first - see {@link updateDomItems}, which captures the real
+ * DOM into items. Skipping that step and inserting anyway will make the next render remove the untracked content,
+ * since it is invisible to parent.children.
+ */
+declare const renderHtml: (item?: DomItem | null, parent?: DomItem, index?: number) => DomItem;
+export default renderHtml;

package/dist/render/renderHtml.js

@@ -0,0 +1,57 @@
+"use strict";
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const documentItem_1 = __importDefault(require("../domItem/objects/documentItem"));
+const insertChild_1 = __importDefault(require("../domItem/tree/insertChild"));
+const itemIdIndex_1 = require("../domItem/tree/itemIdIndex");
+const setParentItemReferences_1 = __importDefault(require("../domItem/tree/setParentItemReferences"));
+const updateChildNodes_1 = __importDefault(require("./updateChildNodes"));
+const updateElements_1 = __importDefault(require("./updateElements"));
+/**
+ * This is a shortcut for syncing a Virtual DOM (DomItem tree) item onto the real HTML DOM: builds the real elements
+ * for it and its descendants, inserts them into parent's children (the document body by default), and binds their
+ * associated listeners.
+ * @param item - The DomItem that we want to render the element for
+ * @param parent - Where to insert item, when it does not already have a parent - defaults to the
+ * document body, so passing nothing keeps working exactly as before
+ * @param index - Where in parent's children to put item - defaults to the end (a plain append), so passing nothing
+ * keeps working exactly as before. To insert item among parent's already-rendered content (existing real HTML),
+ * parent's children must already reflect that content first - see {@link updateDomItems}, which captures the real
+ * DOM into items. Skipping that step and inserting anyway will make the next render remove the untracked content,
+ * since it is invisible to parent.children.
+ */
+const renderHtml = (item = null, parent = (0, documentItem_1.default)().body, index = parent.children.length) => {
+  const itemToRender = item === null ? (0, documentItem_1.default)() : item;
+  // Every descendant needs its parentItem chain in place before anything below tries to walk up it (a listener
+  // being bound looks up its root via getTopParentItem) - set it first, rather than after rendering the subtree.
+  (0, setParentItemReferences_1.default)(itemToRender);
+  if (itemToRender.parentItem === null) {
+    // excluding when documentItem was passed in, insert the item into parent, and place its real element among
+    // parent's real children - scoped to just this positioning, not a resync of parent's whole existing subtree
+    // (updateElements(parent) would walk every sibling's attributes too, reverting anything about them - like a
+    // style change some other, unrelated script made directly on the real DOM - that parent's items don't track)
+    (0, insertChild_1.default)(parent, item, index);
+    (0, updateChildNodes_1.default)(parent);
+  }
+  // Register this subtree (root item included) in its own root's id index - unconditionally, since this is
+  // correct and idempotent whichever branch above ran: a freshly-attached subtree needs it for the first time,
+  // an already-attached one being re-rendered just gets its own (unchanged) entries re-set, and the document
+  // root's own very first render (parentItem is {}, not null, so the branch above never runs for it) registers
+  // the root's own already-built initial content. Does nothing at all when itemToRender is rendered into some
+  // arbitrary, never-rooted container rather than a real DomItemRoot - see registerItemIds.
+  (0, itemIdIndex_1.registerItemIds)(itemToRender);
+  // Render the elements and return either to original reference, or updated documentItem (whichever is available)
+  const updatedItem = (0, updateElements_1.default)(itemToRender);
+  return item ?? updatedItem;
+};
+exports.default = renderHtml;

package/dist/render/renderHtml.min.js

@@ -0,0 +1 @@
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const documentItem_1=__importDefault(require("../domItem/objects/documentItem")),insertChild_1=__importDefault(require("../domItem/tree/insertChild")),itemIdIndex_1=require("../domItem/tree/itemIdIndex"),setParentItemReferences_1=__importDefault(require("../domItem/tree/setParentItemReferences")),updateChildNodes_1=__importDefault(require("./updateChildNodes")),updateElements_1=__importDefault(require("./updateElements")),renderHtml=(e=null,t=(0,documentItem_1.default)().body,r=t.children.length)=>{const d=null===e?(0,documentItem_1.default)():e;(0,setParentItemReferences_1.default)(d),null===d.parentItem&&((0,insertChild_1.default)(t,e,r),(0,updateChildNodes_1.default)(t)),(0,itemIdIndex_1.registerItemIds)(d);const u=(0,updateElements_1.default)(d);return e??u};exports.default=renderHtml;

package/dist/render/updateChildNodes.d.ts

@@ -0,0 +1,7 @@
+import type { DomItem } from '../domItem/types';
+/**
+ * Update all the childNodes for this domItem element to mach domItem children.
+ * @param domItem
+ */
+declare const updateChildNodes: (domItem: DomItem) => DomItem;
+export default updateChildNodes;

package/dist/render/updateChildNodes.js

@@ -0,0 +1,56 @@
+"use strict";
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const updateElement_1 = __importDefault(require("./updateElement"));
+/**
+ * Update all the childNodes for this domItem element to mach domItem children.
+ * @param domItem
+ */
+const updateChildNodes = domItem => {
+  if (!domItem.element) {
+    domItem = (0, updateElement_1.default)(domItem);
+  }
+  if (!domItem.children || !domItem.children.length) {
+    domItem.children = [];
+    return domItem;
+  }
+  const element = domItem.element;
+  const previousChildNodes = Array.from(element.childNodes);
+  domItem.children.map((child, index) => {
+    const existing = previousChildNodes.find(childNode => childNode === child.element);
+    let childNode = existing ?? child.element;
+    if (!childNode) {
+      childNode = (0, updateElement_1.default)(child).element;
+    }
+    if (!previousChildNodes[index]) {
+      element.appendChild(childNode);
+      return childNode;
+    }
+    if (childNode !== previousChildNodes[index]) {
+      element.replaceChild(childNode, previousChildNodes[index]);
+    }
+    return childNode;
+  }).forEach((childNode, index) => {
+    domItem.children[index].element = childNode;
+  });
+  if (element.childNodes.length > domItem.children.length) {
+    const maxLength = domItem.children.length;
+    let nodeToRemove = element.childNodes[maxLength];
+    while (nodeToRemove) {
+      element.removeChild(nodeToRemove);
+      nodeToRemove = element.childNodes[maxLength];
+    }
+  }
+  return domItem;
+};
+exports.default = updateChildNodes;

package/dist/render/updateChildNodes.min.js

@@ -0,0 +1 @@
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const updateElement_1=__importDefault(require("./updateElement")),updateChildNodes=e=>{if(e.element||(e=(0,updateElement_1.default)(e)),!e.children||!e.children.length)return e.children=[],e;const t=e.element,l=Array.from(t.childNodes);if(e.children.map((e,d)=>{const n=l.find(t=>t===e.element);let r=n??e.element;return r||(r=(0,updateElement_1.default)(e).element),l[d]?(r!==l[d]&&t.replaceChild(r,l[d]),r):(t.appendChild(r),r)}).forEach((t,l)=>{e.children[l].element=t}),t.childNodes.length>e.children.length){const l=e.children.length;let d=t.childNodes[l];for(;d;)t.removeChild(d),d=t.childNodes[l]}return e};exports.default=updateChildNodes;

package/dist/render/updateElement.d.ts

@@ -0,0 +1,14 @@
+import type { DomItem } from '../domItem/types';
+/**
+ * Update a single objects.DomItem element with the provided attributes / style / elementProperties.
+ *
+ * Safe to call standalone (not just through {@link updateElements}/{@link renderHtml}): whenever this ends up
+ * (re)generating domItem.element - because it had none yet, or because nodeName changed - it also re-attaches
+ * domItem's direct children onto that element via {@link updateChildNodes}, so a bare call never orphans an
+ * existing child subtree. The plain attribute/style patch path below doesn't touch domItem.element itself, so it
+ * doesn't need to.
+ * @param domItem - The DomItem having domItem changes to be applied to its
+ * element
+ */
+declare const updateElement: (domItem: DomItem) => DomItem;
+export default updateElement;

package/dist/render/updateElement.js

@@ -0,0 +1,110 @@
+"use strict";
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+require("core-js/modules/es.array.includes.js");
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const bindListeners_1 = __importDefault(require("../events/functions/bindListeners"));
+const deactivateListeners_1 = __importDefault(require("../events/functions/deactivateListeners"));
+const domItemChanges_1 = __importDefault(require("../diff/domItemChanges"));
+const si_funciona_1 = __importDefault(require("si-funciona"));
+const generateElement_1 = __importDefault(require("./generateElement"));
+const updateChildNodes_1 = __importDefault(require("./updateChildNodes"));
+/**
+ * Update a single objects.DomItem element with the provided attributes / style / elementProperties.
+ *
+ * Safe to call standalone (not just through {@link updateElements}/{@link renderHtml}): whenever this ends up
+ * (re)generating domItem.element - because it had none yet, or because nodeName changed - it also re-attaches
+ * domItem's direct children onto that element via {@link updateChildNodes}, so a bare call never orphans an
+ * existing child subtree. The plain attribute/style patch path below doesn't touch domItem.element itself, so it
+ * doesn't need to.
+ * @param domItem - The DomItem having domItem changes to be applied to its
+ * element
+ */
+const updateElement = domItem => {
+  if (!domItem.element) {
+    return (0, updateChildNodes_1.default)((0, generateElement_1.default)((0, deactivateListeners_1.default)(domItem)));
+  }
+  const changes = (0, domItemChanges_1.default)(domItem);
+  // From here on the item has an element (an element which is missing was generated above)
+  const element = domItem.element;
+  const properties = element;
+  if (changes.removed.nodeName || changes.added.nodeName) {
+    // if the nodeName has changed then remove the element and create a new one
+    element.remove();
+    return (0, updateChildNodes_1.default)((0, generateElement_1.default)((0, deactivateListeners_1.default)(domItem)));
+  }
+  for (const dotKey in changes.removed) {
+    const value = changes.removed[dotKey];
+    if (!dotKey.includes('.')) {
+      if (dotKey in element) {
+        delete properties[dotKey];
+        continue;
+      }
+      element.removeAttribute(dotKey);
+      continue;
+    }
+    const baseKey = si_funciona_1.default.strBefore(dotKey, '.');
+    if (baseKey !== 'class' && baseKey !== 'style') {
+      throw new Error('Unhandled dotKey: ' + dotKey);
+    }
+    if (baseKey === 'class') {
+      element.classList.remove(value);
+      continue;
+    }
+    // The key is usually already kebab-case here (domItemChanges normalizes it), but not always - see the fix
+    // notes on the matching line below. kabobCase on an already-kebab string is a harmless no-op.
+    element.style.removeProperty(si_funciona_1.default.kabobCase(si_funciona_1.default.strAfter(dotKey, '.')));
+  }
+  for (const dotKey in changes.added) {
+    const value = changes.added[dotKey];
+    if (dotKey === 'className') {
+      element.className = value;
+      continue;
+    }
+    if (dotKey === 'style') {
+      // Update all styles based on incoming style object
+      // setProperty wants CSS names (background-color), but the style object is written in camelCase (backgroundColor)
+      for (const style in value) {
+        element.style.setProperty(si_funciona_1.default.kabobCase(style), value[style]);
+      }
+      continue;
+    }
+    if (!dotKey.includes('.')) {
+      if (dotKey in element && dotKey !== 'form') {
+        // Some things can be assigned directly, but 'form' attribute cannot
+        properties[dotKey] = value;
+        continue;
+      }
+      element.setAttribute(dotKey, value);
+      continue;
+    }
+    const baseKey = si_funciona_1.default.strBefore(dotKey, '.');
+    if (baseKey !== 'class' && baseKey !== 'style') {
+      throw new Error('Unhandled dotKey: ' + dotKey);
+    }
+    if (baseKey === 'class' && (/\s/.test(value) || !value)) {
+      // Skip this empty class name
+      continue;
+    }
+    if (baseKey === 'class') {
+      element.classList.add(value);
+      continue;
+    }
+    // domItemChanges is expected to hand this key through already kebab-cased, but a style property which was
+    // already assigned on the element (changed, not newly added) can come back through as its original camelCase
+    // form; CSSOM silently ignores setProperty with an invalid (camelCase) name, so the style is dropped with no
+    // error. kabobCase here is a harmless no-op when the key is already kebab, and a real fix when it is not.
+    element.style.setProperty(si_funciona_1.default.kabobCase(si_funciona_1.default.strAfter(dotKey, '.')), value);
+  }
+  return (0, bindListeners_1.default)(domItem);
+};
+exports.default = updateElement;

package/dist/render/updateElement.min.js

@@ -0,0 +1 @@
+"use strict";require("core-js/modules/es.array.includes.js");var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const bindListeners_1=__importDefault(require("../events/functions/bindListeners")),deactivateListeners_1=__importDefault(require("../events/functions/deactivateListeners")),domItemChanges_1=__importDefault(require("../diff/domItemChanges")),si_funciona_1=__importDefault(require("si-funciona")),generateElement_1=__importDefault(require("./generateElement")),updateChildNodes_1=__importDefault(require("./updateChildNodes")),updateElement=e=>{if(!e.element)return(0,updateChildNodes_1.default)((0,generateElement_1.default)((0,deactivateListeners_1.default)(e)));const t=(0,domItemChanges_1.default)(e),s=e.element,n=s;if(t.removed.nodeName||t.added.nodeName)return s.remove(),(0,updateChildNodes_1.default)((0,generateElement_1.default)((0,deactivateListeners_1.default)(e)));for(const e in t.removed){const i=t.removed[e];if(!e.includes(".")){if(e in s){delete n[e];continue}s.removeAttribute(e);continue}const r=si_funciona_1.default.strBefore(e,".");if("class"!==r&&"style"!==r)throw new Error("Unhandled dotKey: "+e);"class"!==r?s.style.removeProperty(si_funciona_1.default.kabobCase(si_funciona_1.default.strAfter(e,"."))):s.classList.remove(i)}for(const e in t.added){const i=t.added[e];if("className"===e){s.className=i;continue}if("style"===e){for(const e in i)s.style.setProperty(si_funciona_1.default.kabobCase(e),i[e]);continue}if(!e.includes(".")){if(e in s&&"form"!==e){n[e]=i;continue}s.setAttribute(e,i);continue}const r=si_funciona_1.default.strBefore(e,".");if("class"!==r&&"style"!==r)throw new Error("Unhandled dotKey: "+e);("class"!==r||!/\s/.test(i)&&i)&&("class"!==r?s.style.setProperty(si_funciona_1.default.kabobCase(si_funciona_1.default.strAfter(e,".")),i):s.classList.add(i))}return(0,bindListeners_1.default)(e)};exports.default=updateElement;

package/dist/render/updateElements.d.ts

@@ -0,0 +1,9 @@
+import type { DomItem } from '../domItem/types';
+/**
+ * Generate HTML element data for each object in the matrix
+ * WARNING: This is a recursive function.
+ * @param config - The DomItem having child DomItems with config changes to be
+ * applied
+ */
+declare const updateElements: (config: DomItem) => DomItem;
+export default updateElements;

package/dist/render/updateElements.js

@@ -0,0 +1,33 @@
+"use strict";
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const updateChildNodes_1 = __importDefault(require("./updateChildNodes"));
+const updateElement_1 = __importDefault(require("./updateElement"));
+/**
+ * Generate HTML element data for each object in the matrix
+ * WARNING: This is a recursive function.
+ * @param config - The DomItem having child DomItems with config changes to be
+ * applied
+ */
+const updateElements = config => {
+  if (config.nodeName === '#document') {
+    for (const child of config.children) {
+      updateElements(child);
+    }
+    return config;
+  }
+  const domItem = (0, updateChildNodes_1.default)((0, updateElement_1.default)(config));
+  domItem.children.forEach(updateElements);
+  return domItem;
+};
+exports.default = updateElements;

package/dist/render/updateElements.min.js

@@ -0,0 +1 @@
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const updateChildNodes_1=__importDefault(require("./updateChildNodes")),updateElement_1=__importDefault(require("./updateElement")),updateElements=e=>{if("#document"===e.nodeName){for(const t of e.children)updateElements(t);return e}const t=(0,updateChildNodes_1.default)((0,updateElement_1.default)(e));return t.children.forEach(updateElements),t};exports.default=updateElements;

package/dist/renderOnly.d.ts

@@ -0,0 +1,2 @@
+declare const treeloomRenderOnly: any;
+export = treeloomRenderOnly;

package/dist/renderOnly.js

@@ -0,0 +1,27 @@
+"use strict";
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+/**
+ * The render-only subset of treeloom: build and sync a Virtual DOM (DomItem tree) to the real
+ * HTML DOM, and forward fired events elsewhere (see events/objects/setForwardEvents) instead of
+ * running local business logic - a consumer that never needs to run that logic locally never
+ * needs to go the other way (DOM back to JSON) either, so this excludes deflate, the one part of
+ * the full build with no other internal code path depending on it.
+ */
+const index_1 = __importDefault(require("./events/index"));
+const index_2 = __importDefault(require("./domItem/index"));
+const documentItem_1 = require("./domItem/objects/documentItem");
+const index_3 = __importDefault(require("./inflate/index"));
+const index_4 = __importDefault(require("./render/index"));
+const index_5 = __importDefault(require("./sync/index"));
+const index_6 = __importDefault(require("./diff/index"));
+// documentItem is a getter (see withDocumentItem), so loading treeloom never touches a real document
+const treeloomRenderOnly = (0, documentItem_1.withDocumentItem)(Object.assign({}, index_1.default, index_2.default, index_3.default, index_4.default, index_5.default, index_6.default));
+module.exports = treeloomRenderOnly;

package/dist/renderOnly.min.js

@@ -0,0 +1 @@
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};const index_1=__importDefault(require("./events/index")),index_2=__importDefault(require("./domItem/index")),documentItem_1=require("./domItem/objects/documentItem"),index_3=__importDefault(require("./inflate/index")),index_4=__importDefault(require("./render/index")),index_5=__importDefault(require("./sync/index")),index_6=__importDefault(require("./diff/index")),treeloomRenderOnly=(0,documentItem_1.withDocumentItem)(Object.assign({},index_1.default,index_2.default,index_3.default,index_4.default,index_5.default,index_6.default));module.exports=treeloomRenderOnly;

package/dist/sync/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    updateChildren: (domItem: import("../domItem/types").DomItem) => import("../domItem/types").DomItem;
+    updateDomItem: (config: import("../domItem/types").DomItem) => import("../domItem/types").DomItem;
+    updateDomItems: (config: import("../domItem/types").DomItem) => import("../domItem/types").DomItem;
+};
+export default _default;

package/dist/sync/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const updateChildren_1 = __importDefault(require("./updateChildren"));
+const updateDomItem_1 = __importDefault(require("./updateDomItem"));
+const updateDomItems_1 = __importDefault(require("./updateDomItems"));
+exports.default = {
+  updateChildren: updateChildren_1.default,
+  updateDomItem: updateDomItem_1.default,
+  updateDomItems: updateDomItems_1.default
+};

package/dist/sync/index.min.js

@@ -0,0 +1 @@
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const updateChildren_1=__importDefault(require("./updateChildren")),updateDomItem_1=__importDefault(require("./updateDomItem")),updateDomItems_1=__importDefault(require("./updateDomItems"));exports.default={updateChildren:updateChildren_1.default,updateDomItem:updateDomItem_1.default,updateDomItems:updateDomItems_1.default};

package/dist/sync/updateChildren.d.ts

@@ -0,0 +1,7 @@
+import type { DomItem } from '../domItem/types';
+/**
+ * Update all the children for this domItem to match the domItem element childNodes.
+ * @param domItem
+ */
+declare const updateChildren: (domItem: DomItem) => DomItem;
+export default updateChildren;

package/dist/sync/updateChildren.js

@@ -0,0 +1,38 @@
+"use strict";
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const createDomItem_1 = __importDefault(require("../domItem/objects/createDomItem"));
+/**
+ * Update all the children for this domItem to match the domItem element childNodes.
+ * @param domItem
+ */
+const updateChildren = domItem => {
+  if (!domItem.element) {
+    domItem.children = [];
+    return domItem;
+  }
+  const previousChildren = domItem.children;
+  domItem.children = [];
+  domItem.element.childNodes.forEach((childNode, index) => {
+    const existing = previousChildren.find(child => child.element === childNode);
+    const child = existing ?? (0, createDomItem_1.default)({
+      nodeName: childNode.nodeName.toLowerCase(),
+      nodeValue: childNode.nodeValue,
+      element: childNode
+    });
+    domItem.children[index] = child;
+    child.parentItem = domItem;
+  });
+  return domItem;
+};
+exports.default = updateChildren;

package/dist/sync/updateChildren.min.js

@@ -0,0 +1 @@
+"use strict";var __importDefault=function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const createDomItem_1=__importDefault(require("../domItem/objects/createDomItem")),updateChildren=e=>{if(!e.element)return e.children=[],e;const t=e.children;return e.children=[],e.element.childNodes.forEach((r,n)=>{const o=t.find(e=>e.element===r),d=o??(0,createDomItem_1.default)({nodeName:r.nodeName.toLowerCase(),nodeValue:r.nodeValue,element:r});e.children[n]=d,d.parentItem=e}),e};exports.default=updateChildren;

package/dist/sync/updateDomItem.d.ts

@@ -0,0 +1,8 @@
+import type { DomItem } from '../domItem/types';
+/**
+ * Update a single objects.DomItem element with the provided attributes / style / elementProperties
+ * @param config - The DomItem having config changes to be applied to its
+ * element
+ */
+declare const updateDomItem: (config: DomItem) => DomItem;
+export default updateDomItem;