gauge-page-header 0.0.358 → 0.0.360

package/dist/cjs/eswat2-io_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09323b0f.js');
+const index = require('./index-1fffb3a7.js');
 
 const eswat2IoCss = "a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";
 
@@ -120,3 +120,5 @@ GaugePageHeader.style = gaugePageHeaderCss;
 
 exports.eswat2_io = Eswat2Io;
 exports.gauge_page_header = GaugePageHeader;
+
+//# sourceMappingURL=eswat2-io_2.cjs.entry.js.map

package/dist/cjs/eswat2-io_2.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"eswat2-io.gauge-page-header.entry.cjs.js","mappings":"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","names":["h"],"sources":["./src/components/eswat2-io/eswat2-io.css?tag=eswat2-io&encapsulation=shadow","./src/components/eswat2-io/eswat2-io.tsx","./src/utils/copy-to-clipboard.ts","./src/components/gauge-page-header/gauge-page-header.css?tag=gauge-page-header&encapsulation=shadow","./src/components/gauge-page-header/gauge-page-header.tsx"],"sourcesContent":["a {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  color: var(--clrs-gray);\n}\n\n:hover {\n  fill: var(--clrs-navy);\n}\n","import { Component, h } from '@stencil/core';\n\nconst url = 'https://eswat2.dev';\nconst who = 'eswat2';\n\nconst pawIcon = ({ hex = 'currentColor', size = 24 }) => {\n  return (\n    <svg width={size} height={size} viewBox=\"0 0 24 24\">\n      <g fill={hex}>\n        <path\n          d=\"M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.5,7.67 10.85,9.25\n      9.67,9.43C8.5,9.61 7.24,8.32 6.87,6.54C6.5,4.77 7.17,3.19\n      8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61\n      14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83\n      15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79\n      5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08\n      3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77\n      18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11\n      21,7.6M19.33,18.38C19.37,19.32 18.65,20.36 17.79,20.75C16,21.57\n      13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96\n      4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.88,13.09 9.88,10.44\n      11.89,10.44C13.89,10.44 14.95,13.05 16.3,14.5C17.41,15.72 19.26,16.75\n      19.33,18.38Z\"\n        />\n      </g>\n      <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    </svg>\n  );\n};\n\n@Component({\n  tag: 'eswat2-io',\n  styleUrl: './eswat2-io.css',\n  shadow: true,\n})\nexport class Eswat2Io {\n  render() {\n    return (\n      <a href={url} aria-label={who} title={who}>\n        {pawIcon({})}\n      </a>\n    );\n  }\n}\n","const copyToClipboard = (text: string) => {\n  if (!navigator.clipboard) {\n    // Clipboard API not available\n    return;\n  }\n\n  try {\n    navigator.clipboard.writeText(text);\n  } catch (err) {\n    console.error('Failed to copy!', err);\n  }\n};\n\nexport { copyToClipboard };\nexport default copyToClipboard;\n",":host {\n  --clrs-navy: #001f3f;\n  --clrs-blue: #0074d9;\n  --clrs-aqua: #7fdbff;\n  --clrs-teal: #39cccc;\n  --clrs-olive: #3d9970;\n  --clrs-green: #2ecc40;\n  --clrs-lime: #01ff70;\n  --clrs-yellow: #ffdc00;\n  --clrs-orange: #ff851b;\n  --clrs-red: #ff4136;\n  --clrs-maroon: #85144b;\n  --clrs-fuchsia: #f012be;\n  --clrs-purple: #b10dc9;\n  --clrs-black: #111111;\n  --clrs-gray: #aaaaaa;\n  --clrs-silver: #dddddd;\n\n  --clrs-bada55: #bada55;\n  --clrs-slate: #708090;\n  --clrs-slate4: #4e5964;\n  --clrs-white: #ffffff;\n}\n\n.gauge-page-header {\n  padding: 0 5px;\n  /* Badges for Certified/Non Certified */\n  display: flex;\n  flex-direction: column;\n  color: var(--clrs-navy);\n}\n.gauge-page-header * {\n  font-family: 'Roboto';\n}\n.gauge-page-header .year-make-model-container {\n  height: 35px;\n  display: flex;\n  align-items: center;\n}\n.gauge-page-header #year-make-model-header {\n  font-size: 32px;\n  font-weight: 500;\n  margin-left: 0;\n}\n.gauge-page-header .vehicle-identifier-info-container {\n  height: 30px;\n  margin-bottom: 5px;\n  /*width: 1200px;*/\n}\n.gauge-page-header #vehicle-identifier-info-header {\n  font-weight: 400;\n  margin-top: 8px;\n}\n.gauge-page-header .vehicle-info-header-segment {\n  margin-right: 1em;\n}\n.gauge-page-header .vehicle-info-header-segment.capitalize {\n  text-transform: uppercase;\n}\n.gauge-page-header .vehicle-info-header-segment:not(:last-child):after {\n  padding-left: 1em;\n  content: '|';\n}\n.gauge-page-header .vehicle-info-segment {\n  float: left;\n  margin-right: 30px;\n  font-size: 14px;\n}\n.gauge-page-header .vehicle-data-container {\n  display: flex;\n  flex-direction: row;\n}\n.gauge-page-header .segment-heading {\n  color: var(--clrs-slate);\n  font-size: 14px;\n  font-weight: 400;\n  margin-bottom: 4px;\n}\n.gauge-page-header .segment-value {\n  margin-top: 0;\n  font-weight: 400;\n}\n.gauge-page-header .badge-set-container {\n  display: flex;\n  padding-left: 8px;\n}\n.gauge-page-header .badge {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 8px;\n  padding: 3px 10px;\n  font-size: 12px;\n  border-radius: 1em;\n  font-weight: 600;\n  border: solid 1px;\n  /* Badges for Certified / Not Certified  */\n  /* Badges for Retail/Wholesale */\n}\n.gauge-page-header .badge.certified {\n  background-color: #f9fffb;\n  border-color: #5ebb47;\n}\n.gauge-page-header .badge.certified [role='label'] {\n  color: #008629;\n}\n.gauge-page-header .badge.not-certified {\n  border-color: #46576f;\n}\n.gauge-page-header .badge.not-certified [role='label'] {\n  color: #46576f;\n}\n.gauge-page-header .badge.retail {\n  background-color: #f6fcff;\n  border-color: #0576b3;\n}\n.gauge-page-header .badge.retail [role='label'] {\n  color: #0576b3;\n}\n.gauge-page-header .badge.wholesale {\n  background-color: #f6fcff;\n  border-color: #0576b3;\n}\n.gauge-page-header .badge.wholesale [role='label'] {\n  color: #0576b3;\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { VehicleInfo } from '../../typings';\nimport { copyToClipboard } from '../../utils';\n\n@Component({\n  tag: 'gauge-page-header',\n  styleUrl: 'gauge-page-header.css',\n  shadow: true,\n})\nexport class GaugePageHeader {\n  @Prop() vehicleInfo: VehicleInfo;\n\n  yearMakeModel(): string {\n    const { ModelYear, Make, Model } = this.vehicleInfo || {\n      ModelYear: 2020,\n      Make: '-',\n      Model: '-',\n    };\n    return `${ModelYear} ${Make} ${Model}`;\n  }\n\n  isCertified(): boolean {\n    const { IsCertified } = this.vehicleInfo || { IsCertified: false };\n    return IsCertified;\n  }\n\n  isRetail(): boolean {\n    const { RetailWholesale } = this.vehicleInfo || { RetailWholesale: 'R' };\n    return RetailWholesale === 'R';\n  }\n\n  isNew(): boolean {\n    const { NewUsed } = this.vehicleInfo || { NewUsed: 'N' };\n    return NewUsed === 'N';\n  }\n\n  stockNumber(): string {\n    const { StockNumber } = this.vehicleInfo || { StockNumber: '-' };\n    return StockNumber;\n  }\n\n  vin(): string {\n    const { Vin } = this.vehicleInfo || { Vin: '-' };\n    return Vin;\n  }\n\n  daysInInventory(): string {\n    const { DaysInInventory } = this.vehicleInfo || { DaysInInventory: 0 };\n    return `${DaysInInventory} Days`;\n  }\n\n  mileage(): string {\n    const { Odometer } = this.vehicleInfo || { Odometer: 0 };\n    const label = Intl.NumberFormat().format(Odometer);\n    return `${label} mi`;\n  }\n\n  body(): string {\n    const { BodyDescription } = this.vehicleInfo || { BodyDescription: '-' };\n    return BodyDescription;\n  }\n\n  exteriorColor(): string {\n    const { ExteriorColor } = this.vehicleInfo || { ExteriorColor: '-' };\n    return ExteriorColor;\n  }\n\n  interiorColor(): string {\n    const { InteriorColor } = this.vehicleInfo || { InteriorColor: '-' };\n    return InteriorColor;\n  }\n\n  driveTrain(): string {\n    const { DriveTrainType } = this.vehicleInfo || { DriveTrainType: '-' };\n    return DriveTrainType;\n  }\n\n  engine(): string {\n    const { EngineDescription } = this.vehicleInfo || {\n      EngineDescription: '-',\n    };\n    return EngineDescription;\n  }\n\n  transmission(): string {\n    const { TransmissionDescription } = this.vehicleInfo || {\n      TransmissionDescription: '- ',\n    };\n    return TransmissionDescription;\n  }\n\n  render() {\n    var disposition = '';\n\n    if (!this.isNew()) {\n      disposition = this.isCertified() ? (\n        <span class=\"certified badge\">\n          <span role=\"label\">Certified</span>\n        </span>\n      ) : (\n        <span class=\"not-certified badge\">\n          <span role=\"label\">Not Certified</span>\n        </span>\n      );\n    }\n\n    return [\n      <div class=\"gauge-page-header\">\n        <eswat2-io />\n        <div\n          class=\"year-make-model-container\"\n          onClick={() => copyToClipboard(this.yearMakeModel())}\n          title=\"Click to Copy Year/Make/Model\"\n        >\n          <h1 id=\"year-make-model-header\">{this.yearMakeModel()}</h1>\n          <span class=\"badge-set-container\">\n            {disposition}\n\n            {this.isRetail() ? (\n              <span class=\"retail badge\">\n                <span role=\"label\">Retail</span>\n              </span>\n            ) : (\n              <span class=\"wholesale badge\">\n                <span role=\"label\">Wholesale</span>\n              </span>\n            )}\n          </span>\n        </div>\n        <div\n          class=\"vehicle-identifier-info-container\"\n          onClick={() => copyToClipboard(this.vin())}\n          title=\"Click to Copy VIN\"\n        >\n          <h4 id=\"vehicle-identifier-info-header\">\n            <span class=\"vehicle-info-header-segment capitalize\">\n              {this.stockNumber()}\n            </span>\n            <span class=\"vehicle-info-header-segment capitalize\">\n              {this.vin()}\n            </span>\n            <span class=\"vehicle-info-header-segment\">\n              {this.daysInInventory()}\n            </span>\n            <span class=\"vehicle-info-header-segment\">{this.mileage()}</span>\n          </h4>\n        </div>\n        <div class=\"vehicle-data-container\">\n          <div class=\"vehicle-info-segment\">\n            <h4 class=\"segment-heading\">Body</h4>\n            <p class=\"segment-value\">{this.body()}</p>\n          </div>\n          <div class=\"vehicle-info-segment\">\n            <h4 class=\"segment-heading\">Color</h4>\n            <p class=\"segment-value\">{this.exteriorColor()}</p>\n          </div>\n          <div class=\"vehicle-info-segment\">\n            <h4 class=\"segment-heading\">Int. Color</h4>\n            <p class=\"segment-value\">{this.interiorColor()}</p>\n          </div>\n          <div class=\"vehicle-info-segment\">\n            <h4 class=\"segment-heading\">Drive Train</h4>\n            <p class=\"segment-value\">{this.driveTrain()}</p>\n          </div>\n          <div class=\"vehicle-info-segment\">\n            <h4 class=\"segment-heading\">Engine</h4>\n            <p class=\"segment-value\">{this.engine()}</p>\n          </div>\n          <div class=\"vehicle-info-segment\">\n            <h4 class=\"segment-heading\">Transmission</h4>\n            <p class=\"segment-value\">{this.transmission()}</p>\n          </div>\n        </div>\n      </div>,\n    ];\n  }\n}\n"],"version":3}

package/dist/cjs/gauge-page-header.cjs.js

@@ -2,16 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09323b0f.js');
+const index = require('./index-1fffb3a7.js');
 
 /*
- Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v3.0.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('gauge-page-header.cjs.js', document.baseURI).href));
     const opts = {};
+    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
     if (importMeta !== '') {
         opts.resourcesUrl = new URL('.', importMeta).href;
+        // TODO(STENCIL-661): Remove code related to the dynamic import shim
+        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
     }
     return index.promiseResolve(opts);
 };
@@ -21,3 +24,5 @@ patchBrowser().then(options => {
 });
 
 exports.setNonce = index.setNonce;
+
+//# sourceMappingURL=gauge-page-header.cjs.js.map

package/dist/cjs/gauge-page-header.cjs.js.map

@@ -0,0 +1 @@
+{"file":"gauge-page-header.cjs.js","mappings":";;;;;;AAAA;AACA;AACA;AAiBA,MAAM,YAAY,GAAG,MAAM;AAkC3B,IAAI,MAAM,UAAU,GAAG,mNAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAyD,EAAE,CAAC;AAgB1E;AACA,IAAI,IAAuB,UAAU,KAAK,EAAE,EAAE;AAC9C,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D;AACA;AACA,KAaK;AACL,IAAI,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACtFD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","bootstrapLazy"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.0.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/cjs/{index-09323b0f.js → index-1fffb3a7.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
@@ -456,6 +472,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;
@@ -472,6 +503,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])) {
@@ -663,7 +707,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
@@ -733,6 +778,18 @@ const patch = (oldVNode, newVNode) => {
         elm.data = text;
     }
 };
+/**
+ * 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);
@@ -1276,3 +1333,5 @@ exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
+
+//# sourceMappingURL=index-1fffb3a7.js.map