proto-table-wc 0.0.389 → 0.0.391

package/dist/cjs/demo-table_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0be3c3a3.js');
+const index = require('./index-52ab0f4a.js');
 
 const demoTableCss = ".detailWrapper{font-weight:100;font-size:13px;display:flex;flex-direction:column;justify-items:start;padding:5px;padding-left:30px}";
 
@@ -167,3 +167,5 @@ ProtoTable.style = protoTableCss;
 
 exports.demo_table = DemoTable;
 exports.proto_table = ProtoTable;
+
+//# sourceMappingURL=demo-table_2.cjs.entry.js.map

package/dist/cjs/demo-table_2.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"demo-table.proto-table.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,qIAAqI;;MCO7I,SAAS;EALtB;;IA4DE,WAAM,GAAG;MACP,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE;MAC/B,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE;MACtC,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE;MACxC,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,OAAO,EAAE;KAC7C,CAAC;IAEF,UAAK,GAAG,EAAE,CAAC;IACX,UAAK,GAAG,SAAS,CAAC;IAElB,kBAAa,GAAG,IAAI;MAClB,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC;MAE3B,QACEA,iBAAK,KAAK,EAAC,eAAe,IACxBA,sBAAO,IAAI,CAAC,MAAM,gBAAmB,EACrCA,oBACG,IAAI,CAAC,GAAG,CAAC,GAAG,KACXA,oBAAK,GAAG,CAAM,CACf,CAAC,CACC,CACD,EACN;KACH,CAAC;GAKH;EAlFC,iBAAiB;IACf,IAAI,CAAC,KAAK,GAAG;MACX;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC;OAC9B;MACD;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;OACrB;MACD;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;OAClB;MACD;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;OACxC;MACD;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;OACxB;MACD;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;OAC5B;KACF,CAAC;GACH;EAED,gBAAgB;IACd,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAEtC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;IACnB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;GACpC;EA2BD,MAAM;IACJ,OAAOA,yBAAa,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,GAAI,CAAC;GACtD;;;;ACzFH,MAAM,SAAS,GAAG;EAChB,MAAM,EAAE,wCAAwC;EAChD,IAAI,EAAE,0CAA0C;EAChD,MAAM,EAAE,yCAAyC;EACjD,OAAO,EAAE,yCAAyC;EAClD,MAAM,EAAE,6FAA6F;EACrG,UAAU,EAAE,yDAAyD;EACrE,YAAY,EAAE,+DAA+D;CAC9E;;ACRD,MAAM,aAAa,GAAG,+6BAA+6B;;ACGr8B,MAAM,WAAW,GAAG;EAClB,OAAO,EAAE,MAAM;EACf,MAAM,EAAE,MAAM;EACd,UAAU,EAAE,MAAM;EAClB,YAAY,EAAE,MAAM;CACrB,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAI;EACnB,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;AAC3B,CAAC,CAAC;MAMW,UAAU;;;IAQrB,cAAS,GAAG,CAAC,IAAI,EAAE,GAAG,GAAG,SAAS,EAAE,IAAI,GAAG,EAAE;MAC3C,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;MAC7B,QACEA,iBAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,KAAK,qBAAiB,OAAO,IACpFA,uBAAQ,QAAQ,CAAC,IAAI,CAAC,CAAS,EAC/BA,eAAG,IAAI,EAAE,GAAG,IACVA,kBAAM,CAAC,EAAE,IAAI,GAAI,CACf,EACJA,kBAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG,CAClC,EACN;KACH,CAAC;IAEF,oBAAe,GAAG,CAAC,KAAK,EAAE,GAAG;MAC3B,OAAO;QACL,IAAI,KAAK,KAAK,CAAC,EAAE;UACf,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,KAAK,GAAG,GAAG,SAAS,GAAG,GAAG,CAAC;SACzD;OACF,CAAC;KACH,CAAC;IAEF,oBAAe,GAAG,KAAK;;MAErB,OAAO;QACL,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;UACvB,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;YACrB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAChB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;WACvB;eAAM;YACL,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;WAC/B;SACF;aAAM;UACL,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;UAClB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;SACjB;OACF,CAAC;KACH,CAAC;IAEF,YAAO,GAAG,MAAM;MACd,OAAO,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,GAAG,UAAU,GAAG,YAAY,CAAC;KAC9E,CAAC;IAEF,WAAM,GAAG;MACP,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;MAC5C,QACEA,iBAAK,KAAK,EAAC,QAAQ,IAChB,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAEC,OAAK;QAC3B,MAAM,SAAS,GAAGA,OAAK,KAAK,IAAI,CAAC,IAAI,GAAG,iBAAiB,GAAG,YAAY,CAAC;QACzE,MAAM,IAAI,GAAG,OAAO,CAACA,OAAK,CAAC,CAAC;QAC5B,QACED,iBAAK,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,eAAe,CAACC,OAAK,CAAC,IACxD,SAAS,CAAC,IAAI,CAAC,EAChBD,sBAAO,KAAK,CAAQ,CAChB,EACN;OACH,CAAC,CACE,EACN;KACH,CAAC;IAEF,QAAG,GAAG,CAAC,IAAI,EAAE,GAAG;MACd,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;MACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,KAAK,GAAG,GAAG,cAAc,GAAG,KAAK,CAAC;MAChE,QACEA,iBAAK,KAAK,EAAC,cAAc,IACvBA,iBAAK,KAAK,EAAE,QAAQ,IACjB,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAEC,OAAK;QAC1B,MAAM,SAAS,GAAGA,OAAK,KAAK,IAAI,CAAC,IAAI,GAAG,WAAW,GAAG,MAAM,CAAC;QAC7D,QACED,iBAAK,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,eAAe,CAACC,OAAK,EAAE,GAAG,CAAC,IAC7DA,OAAK,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,KAAK,GAAG,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,EACpG,IAAI,CAAC,IAAI,CAAC,CACP,EACN;OACH,CAAC,CACE,EAEL,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,KAAK,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CACxD,EACN;KACH,CAAC;gBAvFa,EAAE;mBACC,SAAS;kBACV,EAAE;oBACC,SAAS;gBACb,SAAS;kBACP,CAAC;;EAoFnB,MAAM;IACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;IAC9B,QACED,iBAAK,KAAK,EAAC,OAAO,IACf,IAAI,CAAC,MAAM,EAAE,EACb,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAC9C,EACN;GACH;;;;;;;","names":["h","index"],"sources":["./src/components/demo-table/demo-table.css?tag=demo-table&encapsulation=shadow","./src/components/demo-table/demo-table.tsx","./src/components/proto-table/iconPaths.ts","./src/components/proto-table/proto-table.css?tag=proto-table","./src/components/proto-table/proto-table.tsx"],"sourcesContent":[".detailWrapper {\n  font-weight: 100;\n  font-size: 13px;\n  display: flex;\n  flex-direction: column;\n  justify-items: start;\n  padding: 5px;\n  padding-left: 30px;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'demo-table',\n  styleUrl: 'demo-table.css',\n  shadow: true,\n})\nexport class DemoTable {\n  componentWillLoad() {\n    this.items = [\n      {\n        date: '08/30/2020',\n        price: '$24,000',\n        market: '98%',\n        score: 'No Score',\n        tags: ['one', 'two', 'three'],\n      },\n      {\n        date: '08/31/2020',\n        price: '$24,000',\n        market: '99%',\n        score: 'No Score',\n        tags: ['uno', 'duo'],\n      },\n      {\n        date: '09/01/2020',\n        price: '$27,000',\n        market: '102%',\n        score: 'Platinum',\n      },\n      {\n        date: '09/02/2020',\n        price: '$27,423',\n        market: '104%',\n        score: 'Platinum',\n        tags: ['dog', 'cat', 'fish', 'hamster'],\n      },\n      {\n        date: '09/03/2020',\n        price: '$27,521',\n        market: '106%',\n        score: 'Platinum',\n        tags: ['4wd', 'sports'],\n      },\n      {\n        date: '09/04/2020',\n        price: '$27,687',\n        market: '107%',\n        score: 'Platinum',\n        tags: ['leather', 'chrome'],\n      },\n    ];\n  }\n\n  componentDidLoad() {\n    const { table, items, fields } = this;\n\n    table.data = items;\n    table.fields = fields;\n    table.details = this.renderDetails;\n  }\n\n  fields = [\n    { label: 'Date', prop: 'date' },\n    { label: 'List Price', prop: 'price' },\n    { label: '% of Market', prop: 'market' },\n    { label: 'ProfitTime Score', prop: 'score' },\n  ];\n\n  items = [];\n  table = undefined;\n\n  renderDetails = item => {\n    const { tags = [] } = item;\n\n    return (\n      <div class=\"detailWrapper\">\n        <span>{tags.length} details...</span>\n        <ul>\n          {tags.map(tag => (\n            <li>{tag}</li>\n          ))}\n        </ul>\n      </div>\n    );\n  };\n\n  render() {\n    return <proto-table ref={el => (this.table = el)} />;\n  }\n}\n","const iconPaths = {\n  'down': 'M12 15.4L6.6 10 8 8.6l4 4 4-4 1.4 1.4z',\n  'up': 'M16 15.4l-4-4-4 4L6.6 14 12 8.6l5.4 5.4z',\n  'left': 'M14 17.4L8.6 12 14 6.6 15.4 8l-4 4 4 4z',\n  'right': 'M10 17.4L8.6 16l4-4-4-4L10 6.6l5.4 5.4z',\n  'more': 'M12 14a2 2 0 100-4 2 2 0 000 4zm-6 0a2 2 0 100-4 2 2 0 000 4zm12 0a2 2 0 100-4 2 2 0 000 4z',\n  'arrow-up': 'M5.3 10.7l1.4 1.4L11 7.8V20h2V7.8l4.3 4.3 1.4-1.4L12 4z',\n  'arrow-down': 'M18.7 13.3l-1.4-1.4-4.3 4.3V4h-2v12.2l-4.3-4.3-1.4 1.4L12 20z',\n};\n\nexport { iconPaths };\nexport default iconPaths;\n",".table {\n  font-weight: 400;\n  font-size: 13px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  border: 1px solid var(--clrs-navy);\n  border-radius: 2px;\n}\n\n.table svg {\n  fill: var(--clrs-navy);\n}\n\n.header {\n  display: flex;\n}\n\n.headerCell {\n  flex-basis: 100%;\n  display: flex;\n  align-items: center;\n  justify-items: start;\n  border-right: 1px solid var(--clrs-navy);\n  border-bottom: 1px solid var(--clrs-navy);\n  padding: 5px;\n  cursor: pointer;\n}\n\n.headerCell svg g {\n  display: none;\n}\n\n.headerCell.sort svg g {\n  display: inline;\n}\n\n.headerCell:hover svg g {\n  display: inline;\n}\n\n.headerCell:hover {\n  background-color: var(--clrs-silver);\n}\n\n.headerCell:last-child {\n  border-right: none;\n}\n\n.cell {\n  flex-basis: 100%;\n  display: flex;\n  align-items: center;\n  justify-items: start;\n  padding: 5px;\n}\n\n.cell:first-child svg {\n  cursor: pointer;\n}\n\n.sort {\n  background-color: var(--cx-column-sort);\n}\n\n.row {\n  display: flex;\n  justify-items: stretch;\n  width: 100%;\n}\n\n.row.expanded {\n  background-color: var(--cx-row-expanded);\n}\n\n.row.expanded svg {\n  fill: var(--clrs-red);\n}\n\n.row:hover {\n  background-color: var(--cx-row-hover);\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport { iconPaths } from './iconPaths';\n\nconst iconAliases = {\n  'right': 'show',\n  'down': 'hide',\n  'arrow-up': 'sort',\n  'arrow-down': 'sort',\n};\n\nconst aliasFor = name => {\n  return iconAliases[name];\n};\n\n@Component({\n  tag: 'proto-table',\n  styleUrl: 'proto-table.css',\n})\nexport class ProtoTable {\n  @Prop() data = [];\n  @Prop() details = undefined;\n  @Prop() fields = [];\n  @State() expanded = undefined;\n  @State() sort = undefined;\n  @State() clicks = 0;\n\n  protoIcon = (name, hex = undefined, size = 24) => {\n    const path = iconPaths[name];\n    return (\n      <svg width={size} height={size} viewBox=\"0 0 24 24\" role=\"img\" aria-labelledby=\"title\">\n        <title>{aliasFor(name)}</title>\n        <g fill={hex}>\n          <path d={path} />\n        </g>\n        <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n      </svg>\n    );\n  };\n\n  handleCellClick = (index, row) => {\n    return () => {\n      if (index === 0) {\n        this.expanded = this.expanded === row ? undefined : row;\n      }\n    };\n  };\n\n  handleSortClick = index => {\n    // NOTE:  small state machine for dealing with sorting...\n    return () => {\n      if (this.sort === index) {\n        if (this.clicks === 2) {\n          this.clicks = 0;\n          this.sort = undefined;\n        } else {\n          this.clicks = this.clicks + 1;\n        }\n      } else {\n        this.sort = index;\n        this.clicks = 1;\n      }\n    };\n  };\n\n  iconFor = column => {\n    return this.sort === column && this.clicks === 2 ? 'arrow-up' : 'arrow-down';\n  };\n\n  header = () => {\n    const { fields, iconFor, protoIcon } = this;\n    return (\n      <div class=\"header\">\n        {fields.map(({ label }, index) => {\n          const cellClass = index === this.sort ? 'headerCell sort' : 'headerCell';\n          const ikon = iconFor(index);\n          return (\n            <div class={cellClass} onClick={this.handleSortClick(index)}>\n              {protoIcon(ikon)}\n              <span>{label}</span>\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  row = (data, row) => {\n    const { fields, protoIcon } = this;\n    const rowClass = this.expanded === row ? 'row expanded' : 'row';\n    return (\n      <div class=\"rowContainer\">\n        <div class={rowClass}>\n          {fields.map(({ prop }, index) => {\n            const cellClass = index === this.sort ? 'cell sort' : 'cell';\n            return (\n              <div class={cellClass} onClick={this.handleCellClick(index, row)}>\n                {index === 0 && this.details ? protoIcon(this.expanded === row ? 'down' : 'right') : protoIcon('pad')}\n                {data[prop]}\n              </div>\n            );\n          })}\n        </div>\n\n        {this.details && this.expanded === row && this.details(data)}\n      </div>\n    );\n  };\n\n  render() {\n    const items = this.data || [];\n    return (\n      <div class=\"table\">\n        {this.header()}\n        {items.map((item, index) => this.row(item, index))}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/{index-0be3c3a3.js → index-52ab0f4a.js}

@@ -138,6 +138,14 @@ const h = (nodeName, vnodeData, ...children) => {
     }
     return vnode;
 };
+/**
+ * A utility function for creating a virtual DOM node from a tag and some
+ * possible text content.
+ *
+ * @param tag the tag for this element
+ * @param text possible text content for the node
+ * @returns a newly-minted virtual DOM node
+ */
 const newVNode = (tag, text) => {
     const vnode = {
         $flags$: 0,
@@ -152,6 +160,12 @@ const newVNode = (tag, text) => {
     return vnode;
 };
 const Host = {};
+/**
+ * Check whether a given node is a Host node or not
+ *
+ * @param node the virtual DOM node to check
+ * @returns whether it's a Host node or not
+ */
 const isHost = (node) => node && node.$tag$ === Host;
 /**
  * Parse a new property value for a given property type.
@@ -232,6 +246,7 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
             }
             if (!appliedStyles.has(scopeId)) {
                 {
+                    // TODO(STENCIL-659): Remove code implementing the CSS variable shim
                     {
                         styleElm = doc.createElement('style');
                         styleElm.innerHTML = style;
@@ -260,6 +275,7 @@ const attachStyles = (hostRef) => {
     const flags = cmpMeta.$flags$;
     const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
     const scopeId = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
+    // TODO(STENCIL-662): Remove code related to deprecated shadowDomShim field
     if (flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {
         // only required when we're NOT using native shadow dom (slot)
         // or this browser doesn't support native shadow dom
@@ -462,6 +478,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     }
     return elm;
 };
+/**
+ * Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
+ * add them to the DOM in the appropriate place.
+ *
+ * @param parentElm the DOM node which should be used as a parent for the new
+ * DOM nodes
+ * @param before a child of the `parentElm` which the new children should be
+ * inserted before (optional)
+ * @param parentVNode the parent virtual DOM node
+ * @param vnodes the new child virtual DOM nodes to produce DOM nodes for
+ * @param startIdx the index in the child virtual DOM nodes at which to start
+ * creating DOM nodes (inclusive)
+ * @param endIdx the index in the child virtual DOM nodes at which to stop
+ * creating DOM nodes (inclusive)
+ */
 const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
     let containerElm = (parentElm);
     let childNode;
@@ -478,6 +509,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
         }
     }
 };
+/**
+ * Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
+ * This can be used to, for instance, clean up after a list of children which
+ * should no longer be shown.
+ *
+ * This function also handles some of Stencil's slot relocation logic.
+ *
+ * @param vnodes a list of virtual DOM nodes to remove
+ * @param startIdx the index at which to start removing nodes (inclusive)
+ * @param endIdx the index at which to stop removing nodes (inclusive)
+ * @param vnode a VNode
+ * @param elm an element
+ */
 const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
     for (; startIdx <= endIdx; ++startIdx) {
         if ((vnode = vnodes[startIdx])) {
@@ -670,7 +714,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
  *
  * So, in other words, if `key` attrs are not set on VNodes which may be
  * changing order within a `children` array or something along those lines then
- * we could obtain a false positive and then have to do needless re-rendering.
+ * we could obtain a false negative and then have to do needless re-rendering
+ * (i.e. we'd say two VNodes aren't equal when in fact they should be).
  *
  * @param leftVNode the first VNode to check
  * @param rightVNode the second VNode to check
@@ -746,6 +791,18 @@ const callNodeRefs = (vNode) => {
         vNode.$children$ && vNode.$children$.map(callNodeRefs);
     }
 };
+/**
+ * The main entry point for Stencil's virtual DOM-based rendering engine
+ *
+ * Given a {@link d.HostRef} container and some virtual DOM nodes, this
+ * function will handle creating a virtual DOM tree with a single root, patching
+ * the current virtual DOM tree onto an old one (if any), dealing with slot
+ * relocation, and reflecting attributes.
+ *
+ * @param hostRef data needed to root and render the virtual DOM tree, such as
+ * the DOM node into which it should be rendered.
+ * @param renderFnResults the virtual DOM nodes to be rendered
+ */
 const renderVdom = (hostRef, renderFnResults) => {
     const hostElm = hostRef.$hostElement$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
@@ -1372,3 +1429,5 @@ exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
+
+//# sourceMappingURL=index-52ab0f4a.js.map