proto-daisy-db 0.0.243 → 0.0.244

package/dist/cjs/{index-7e1f587b.js → index-62eb5279.js}

@@ -101,6 +101,7 @@ function queryNonceMetaTagContent(doc) {
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
     let child = null;
+    let key = null;
     let simple = false;
     let lastSimple = false;
     const vNodeChildren = [];
@@ -128,6 +129,9 @@ const h = (nodeName, vnodeData, ...children) => {
     };
     walk(children);
     if (vnodeData) {
+        if (vnodeData.key) {
+            key = vnodeData.key;
+        }
         // normalize class / className attributes
         {
             const classData = vnodeData.className || vnodeData.class;
@@ -146,6 +150,9 @@ const h = (nodeName, vnodeData, ...children) => {
     if (vNodeChildren.length > 0) {
         vnode.$children$ = vNodeChildren;
     }
+    {
+        vnode.$key$ = key;
+    }
     return vnode;
 };
 /**
@@ -167,6 +174,9 @@ const newVNode = (tag, text) => {
     {
         vnode.$attrs$ = null;
     }
+    {
+        vnode.$key$ = null;
+    }
     return vnode;
 };
 const Host = {};
@@ -339,6 +349,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
             classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
         }
+        else if (memberName === 'key')
+            ;
         else if ((!isProp ) &&
             memberName[0] === 'o' &&
             memberName[1] === 'n') {
@@ -633,6 +645,8 @@ const removeVnodes = (vnodes, startIdx, endIdx) => {
 const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = false) => {
     let oldStartIdx = 0;
     let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
     let oldEndIdx = oldCh.length - 1;
     let oldStartVnode = oldCh[0];
     let oldEndVnode = oldCh[oldEndIdx];
@@ -640,6 +654,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
     let newStartVnode = newCh[0];
     let newEndVnode = newCh[newEndIdx];
     let node;
+    let elmToMove;
     while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
         if (oldStartVnode == null) {
             // VNode might have been moved left
@@ -706,7 +721,41 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
             newStartVnode = newCh[++newStartIdx];
         }
         else {
+            // Here we do some checks to match up old and new nodes based on the
+            // `$key$` attribute, which is set by putting a `key="my-key"` attribute
+            // in the JSX for a DOM element in the implementation of a Stencil
+            // component.
+            //
+            // First we check to see if there are any nodes in the array of old
+            // children which have the same key as the first node in the new
+            // children.
+            idxInOld = -1;
             {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if (idxInOld >= 0) {
+                // We found a node in the old children which matches up with the first
+                // node in the new children! So let's deal with that
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    // the tag doesn't match so we'll need a new DOM element
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld);
+                }
+                else {
+                    patch(elmToMove, newStartVnode, isInitialRender);
+                    // invalidate the matching old node so that we won't try to update it
+                    // again later on
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
                 // We either didn't find an element in the old children that matches
                 // the key of the first new child OR the build is not using `key`
                 // attributes at all. In either case we need to create a new element
@@ -756,6 +805,14 @@ const isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
     // compare if two vnode to see if they're "technically" the same
     // need to have the same element tag, and same key to be the same
     if (leftVNode.$tag$ === rightVNode.$tag$) {
+        // this will be set if JSX tags in the build have `key` attrs set on them
+        // we only want to check this if we're not on the first render since on
+        // first render `leftVNode.$key$` will always be `null`, so we can be led
+        // astray and, for instance, accidentally delete a DOM node that we want to
+        // keep around.
+        if (!isInitialRender) {
+            return leftVNode.$key$ === rightVNode.$key$;
+        }
         return true;
     }
     return false;
@@ -1517,8 +1574,19 @@ const setNonce = (nonce) => (plt.$nonce$ = nonce);
 /**
  * A WeakMap mapping runtime component references to their corresponding host reference
  * instances.
+ *
+ * **Note**: If we're in an HMR context we need to store a reference to this
+ * value on `window` in order to maintain the mapping of {@link d.RuntimeRef}
+ * to {@link d.HostRef} across HMR updates.
+ *
+ * This is necessary because when HMR updates for a component are processed by
+ * the browser-side dev server client the JS bundle for that component is
+ * re-fetched. Since the module containing {@link hostRefs} is included in
+ * that bundle, if we do not store a reference to it the new iteration of the
+ * component will not have access to the previous hostRef map, leading to a
+ * bug where the new version of the component cannot properly initialize.
  */
-const hostRefs = /*@__PURE__*/ new WeakMap();
+const hostRefs = new WeakMap();
 /**
  * Given a {@link d.RuntimeRef} retrieve the corresponding {@link d.HostRef}
  *

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e1f587b.js');
+const index = require('./index-62eb5279.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/proto-daisy-db.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e1f587b.js');
+const index = require('./index-62eb5279.js');
 
 /*
- Stencil Client Patch Browser v4.11.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.12.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('proto-daisy-db.cjs.js', document.baseURI).href));

package/dist/cjs/proto-daisy-db_5.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e1f587b.js');
+const index = require('./index-62eb5279.js');
 
 const KEY = 'proto-daisy-db:app-data';
 const promisedParseJSON = (json) => {
@@ -59,7 +59,7 @@ const ProtoDaisyDB = class {
         }
     }
     render() {
-        return index.h("div", null);
+        return index.h("div", { key: '35e42fc3a7d518f3bc0211bc5f2c8221fd9bcc81' });
     }
 };
 ProtoDaisyDB.style = ProtoDaisyDbStyle0;
@@ -74,7 +74,7 @@ const ProtoFauxKeys = class {
     }
     render() {
         const keys = this.data ? Object.keys(this.data) : [];
-        return (index.h("div", { class: "flex flex-col" }, keys.map(key => (index.h("span", null, key)))));
+        return (index.h("div", { key: 'a423b82d951a69b266dd3d508a8dc11326a8008b', class: "flex flex-col" }, keys.map(key => (index.h("span", null, key)))));
     }
 };
 ProtoFauxKeys.style = ProtoFauxKeysStyle0;
@@ -89,7 +89,7 @@ const ProtoFauxStamp = class {
     }
     render() {
         const stamp = this.data ? this.data['stamp'] : '';
-        return (index.h("div", { class: "flex" }, index.h("span", null, stamp)));
+        return (index.h("div", { key: 'f4837fa667d5d6e57086b09d1bc91719035442be', class: "flex" }, index.h("span", { key: 'a70fa27ba603ead243b5d262922082141420e0ac' }, stamp)));
     }
 };
 ProtoFauxStamp.style = ProtoFauxStampStyle0;
@@ -130,7 +130,7 @@ const ProtoFauxTrigger = class {
         }
     }
     render() {
-        return (index.h("div", { class: "flex flex-col font-sans" }, index.h("div", { class: "flex flex-row content-center gap-2" }, index.h("button", { class: "btn bg-clrs-navy text-clrs-white", onClick: () => this.emitData() }, "Save"), index.h("button", { class: "btn bg-clrs-blue text-clrs-white", onClick: () => this.fetchData() }, "Fetch")), index.h("proto-faux-type", { class: "mt-4", emitter: this.emitter }), index.h("proto-faux-stamp", { class: "mt-2 text-xs", data: this.data }), index.h("proto-faux-keys", { class: "mt-2", data: this.data })));
+        return (index.h("div", { key: '47a9f4c68160b18fceedba61f54a7be29c75325a', class: "flex flex-col font-sans" }, index.h("div", { key: '334f34a36a896139cf4cc01f66bbf0d09bd89505', class: "flex flex-row content-center gap-2" }, index.h("button", { key: '784f07b93d4cd4a0287e6dd172bc73ab8e3c49e5', class: "btn bg-clrs-navy text-clrs-white", onClick: () => this.emitData() }, "Save"), index.h("button", { key: '8526e3216eb0a725ea22b288ac0cb3c503405ee4', class: "btn bg-clrs-blue text-clrs-white", onClick: () => this.fetchData() }, "Fetch")), index.h("proto-faux-type", { key: '3033b83816b2997c790fb8df1e1d90f387f62afa', class: "mt-4", emitter: this.emitter }), index.h("proto-faux-stamp", { key: '811eef59cdcdfa2edb318ee5facf7ae0bc497c82', class: "mt-2 text-xs", data: this.data }), index.h("proto-faux-keys", { key: 'ed39e233d92c46f801841240d32d783ee6b0f0fd', class: "mt-2", data: this.data })));
     }
 };
 ProtoFauxTrigger.style = ProtoFauxTriggerStyle0;
@@ -153,7 +153,7 @@ const ProtoFauxType = class {
         }
     }
     render() {
-        return (index.h("div", null, index.h("span", { class: "text-xs italic" }, this.eventType)));
+        return (index.h("div", { key: 'd441f639241a54d1ef8ae9c26a4560b5266457df' }, index.h("span", { key: 'a192c0ce3af5f94d72856ca851300537fd00f31f', class: "text-xs italic" }, this.eventType)));
     }
 };
 ProtoFauxType.style = ProtoFauxTypeStyle0;

package/dist/collection/collection-manifest.json

@@ -8,7 +8,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.11.0",
+    "version": "4.12.0",
     "typescriptVersion": "5.3.3"
   },
   "collections": [],

package/dist/collection/components/proto-daisy-db/proto-daisy-db.js

@@ -27,7 +27,7 @@ export class ProtoDaisyDB {
         }
     }
     render() {
-        return h("div", null);
+        return h("div", { key: '35e42fc3a7d518f3bc0211bc5f2c8221fd9bcc81' });
     }
     static get is() { return "proto-daisy-db"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/proto-faux-keys/proto-faux-keys.js

@@ -5,7 +5,7 @@ export class ProtoFauxKeys {
     }
     render() {
         const keys = this.data ? Object.keys(this.data) : [];
-        return (h("div", { class: "flex flex-col" }, keys.map(key => (h("span", null, key)))));
+        return (h("div", { key: 'a423b82d951a69b266dd3d508a8dc11326a8008b', class: "flex flex-col" }, keys.map(key => (h("span", null, key)))));
     }
     static get is() { return "proto-faux-keys"; }
     static get originalStyleUrls() {

package/dist/collection/components/proto-faux-stamp/proto-faux-stamp.js

@@ -5,7 +5,7 @@ export class ProtoFauxStamp {
     }
     render() {
         const stamp = this.data ? this.data['stamp'] : '';
-        return (h("div", { class: "flex" }, h("span", null, stamp)));
+        return (h("div", { key: 'f4837fa667d5d6e57086b09d1bc91719035442be', class: "flex" }, h("span", { key: 'a70fa27ba603ead243b5d262922082141420e0ac' }, stamp)));
     }
     static get is() { return "proto-faux-stamp"; }
     static get originalStyleUrls() {

package/dist/collection/components/proto-faux-trigger/proto-faux-trigger.js

@@ -31,7 +31,7 @@ export class ProtoFauxTrigger {
         }
     }
     render() {
-        return (h("div", { class: "flex flex-col font-sans" }, h("div", { class: "flex flex-row content-center gap-2" }, h("button", { class: "btn bg-clrs-navy text-clrs-white", onClick: () => this.emitData() }, "Save"), h("button", { class: "btn bg-clrs-blue text-clrs-white", onClick: () => this.fetchData() }, "Fetch")), h("proto-faux-type", { class: "mt-4", emitter: this.emitter }), h("proto-faux-stamp", { class: "mt-2 text-xs", data: this.data }), h("proto-faux-keys", { class: "mt-2", data: this.data })));
+        return (h("div", { key: '47a9f4c68160b18fceedba61f54a7be29c75325a', class: "flex flex-col font-sans" }, h("div", { key: '334f34a36a896139cf4cc01f66bbf0d09bd89505', class: "flex flex-row content-center gap-2" }, h("button", { key: '784f07b93d4cd4a0287e6dd172bc73ab8e3c49e5', class: "btn bg-clrs-navy text-clrs-white", onClick: () => this.emitData() }, "Save"), h("button", { key: '8526e3216eb0a725ea22b288ac0cb3c503405ee4', class: "btn bg-clrs-blue text-clrs-white", onClick: () => this.fetchData() }, "Fetch")), h("proto-faux-type", { key: '3033b83816b2997c790fb8df1e1d90f387f62afa', class: "mt-4", emitter: this.emitter }), h("proto-faux-stamp", { key: '811eef59cdcdfa2edb318ee5facf7ae0bc497c82', class: "mt-2 text-xs", data: this.data }), h("proto-faux-keys", { key: 'ed39e233d92c46f801841240d32d783ee6b0f0fd', class: "mt-2", data: this.data })));
     }
     static get is() { return "proto-faux-trigger"; }
     static get originalStyleUrls() {

package/dist/collection/components/proto-faux-type/proto-faux-type.js

@@ -13,7 +13,7 @@ export class ProtoFauxType {
         }
     }
     render() {
-        return (h("div", null, h("span", { class: "text-xs italic" }, this.eventType)));
+        return (h("div", { key: 'd441f639241a54d1ef8ae9c26a4560b5266457df' }, h("span", { key: 'a192c0ce3af5f94d72856ca851300537fd00f31f', class: "text-xs italic" }, this.eventType)));
     }
     static get is() { return "proto-faux-type"; }
     static get originalStyleUrls() {

package/dist/components/proto-daisy-db.js

@@ -57,7 +57,7 @@ const ProtoDaisyDB = /*@__PURE__*/ proxyCustomElement(class ProtoDaisyDB extends
         }
     }
     render() {
-        return h("div", null);
+        return h("div", { key: '35e42fc3a7d518f3bc0211bc5f2c8221fd9bcc81' });
     }
     static get style() { return ProtoDaisyDbStyle0; }
 }, [1, "proto-daisy-db", {

package/dist/components/proto-faux-keys2.js

@@ -11,7 +11,7 @@ const ProtoFauxKeys = /*@__PURE__*/ proxyCustomElement(class ProtoFauxKeys exten
     }
     render() {
         const keys = this.data ? Object.keys(this.data) : [];
-        return (h("div", { class: "flex flex-col" }, keys.map(key => (h("span", null, key)))));
+        return (h("div", { key: 'a423b82d951a69b266dd3d508a8dc11326a8008b', class: "flex flex-col" }, keys.map(key => (h("span", null, key)))));
     }
     static get style() { return ProtoFauxKeysStyle0; }
 }, [0, "proto-faux-keys", {

package/dist/components/proto-faux-stamp2.js

@@ -11,7 +11,7 @@ const ProtoFauxStamp = /*@__PURE__*/ proxyCustomElement(class ProtoFauxStamp ext
     }
     render() {
         const stamp = this.data ? this.data['stamp'] : '';
-        return (h("div", { class: "flex" }, h("span", null, stamp)));
+        return (h("div", { key: 'f4837fa667d5d6e57086b09d1bc91719035442be', class: "flex" }, h("span", { key: 'a70fa27ba603ead243b5d262922082141420e0ac' }, stamp)));
     }
     static get style() { return ProtoFauxStampStyle0; }
 }, [0, "proto-faux-stamp", {

package/dist/components/proto-faux-trigger.js

@@ -40,7 +40,7 @@ const ProtoFauxTrigger$1 = /*@__PURE__*/ proxyCustomElement(class ProtoFauxTrigg
         }
     }
     render() {
-        return (h("div", { class: "flex flex-col font-sans" }, h("div", { class: "flex flex-row content-center gap-2" }, h("button", { class: "btn bg-clrs-navy text-clrs-white", onClick: () => this.emitData() }, "Save"), h("button", { class: "btn bg-clrs-blue text-clrs-white", onClick: () => this.fetchData() }, "Fetch")), h("proto-faux-type", { class: "mt-4", emitter: this.emitter }), h("proto-faux-stamp", { class: "mt-2 text-xs", data: this.data }), h("proto-faux-keys", { class: "mt-2", data: this.data })));
+        return (h("div", { key: '47a9f4c68160b18fceedba61f54a7be29c75325a', class: "flex flex-col font-sans" }, h("div", { key: '334f34a36a896139cf4cc01f66bbf0d09bd89505', class: "flex flex-row content-center gap-2" }, h("button", { key: '784f07b93d4cd4a0287e6dd172bc73ab8e3c49e5', class: "btn bg-clrs-navy text-clrs-white", onClick: () => this.emitData() }, "Save"), h("button", { key: '8526e3216eb0a725ea22b288ac0cb3c503405ee4', class: "btn bg-clrs-blue text-clrs-white", onClick: () => this.fetchData() }, "Fetch")), h("proto-faux-type", { key: '3033b83816b2997c790fb8df1e1d90f387f62afa', class: "mt-4", emitter: this.emitter }), h("proto-faux-stamp", { key: '811eef59cdcdfa2edb318ee5facf7ae0bc497c82', class: "mt-2 text-xs", data: this.data }), h("proto-faux-keys", { key: 'ed39e233d92c46f801841240d32d783ee6b0f0fd', class: "mt-2", data: this.data })));
     }
     static get style() { return ProtoFauxTriggerStyle0; }
 }, [0, "proto-faux-trigger", {

package/dist/components/proto-faux-type2.js

@@ -19,7 +19,7 @@ const ProtoFauxType = /*@__PURE__*/ proxyCustomElement(class ProtoFauxType exten
         }
     }
     render() {
-        return (h("div", null, h("span", { class: "text-xs italic" }, this.eventType)));
+        return (h("div", { key: 'd441f639241a54d1ef8ae9c26a4560b5266457df' }, h("span", { key: 'a192c0ce3af5f94d72856ca851300537fd00f31f', class: "text-xs italic" }, this.eventType)));
     }
     static get style() { return ProtoFauxTypeStyle0; }
 }, [0, "proto-faux-type", {

package/dist/esm/{index-153e6a9f.js → index-244c1ee8.js}

@@ -79,6 +79,7 @@ function queryNonceMetaTagContent(doc) {
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
     let child = null;
+    let key = null;
     let simple = false;
     let lastSimple = false;
     const vNodeChildren = [];
@@ -106,6 +107,9 @@ const h = (nodeName, vnodeData, ...children) => {
     };
     walk(children);
     if (vnodeData) {
+        if (vnodeData.key) {
+            key = vnodeData.key;
+        }
         // normalize class / className attributes
         {
             const classData = vnodeData.className || vnodeData.class;
@@ -124,6 +128,9 @@ const h = (nodeName, vnodeData, ...children) => {
     if (vNodeChildren.length > 0) {
         vnode.$children$ = vNodeChildren;
     }
+    {
+        vnode.$key$ = key;
+    }
     return vnode;
 };
 /**
@@ -145,6 +152,9 @@ const newVNode = (tag, text) => {
     {
         vnode.$attrs$ = null;
     }
+    {
+        vnode.$key$ = null;
+    }
     return vnode;
 };
 const Host = {};
@@ -317,6 +327,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
             classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
         }
+        else if (memberName === 'key')
+            ;
         else if ((!isProp ) &&
             memberName[0] === 'o' &&
             memberName[1] === 'n') {
@@ -611,6 +623,8 @@ const removeVnodes = (vnodes, startIdx, endIdx) => {
 const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = false) => {
     let oldStartIdx = 0;
     let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
     let oldEndIdx = oldCh.length - 1;
     let oldStartVnode = oldCh[0];
     let oldEndVnode = oldCh[oldEndIdx];
@@ -618,6 +632,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
     let newStartVnode = newCh[0];
     let newEndVnode = newCh[newEndIdx];
     let node;
+    let elmToMove;
     while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
         if (oldStartVnode == null) {
             // VNode might have been moved left
@@ -684,7 +699,41 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
             newStartVnode = newCh[++newStartIdx];
         }
         else {
+            // Here we do some checks to match up old and new nodes based on the
+            // `$key$` attribute, which is set by putting a `key="my-key"` attribute
+            // in the JSX for a DOM element in the implementation of a Stencil
+            // component.
+            //
+            // First we check to see if there are any nodes in the array of old
+            // children which have the same key as the first node in the new
+            // children.
+            idxInOld = -1;
             {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if (idxInOld >= 0) {
+                // We found a node in the old children which matches up with the first
+                // node in the new children! So let's deal with that
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    // the tag doesn't match so we'll need a new DOM element
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld);
+                }
+                else {
+                    patch(elmToMove, newStartVnode, isInitialRender);
+                    // invalidate the matching old node so that we won't try to update it
+                    // again later on
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
                 // We either didn't find an element in the old children that matches
                 // the key of the first new child OR the build is not using `key`
                 // attributes at all. In either case we need to create a new element
@@ -734,6 +783,14 @@ const isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
     // compare if two vnode to see if they're "technically" the same
     // need to have the same element tag, and same key to be the same
     if (leftVNode.$tag$ === rightVNode.$tag$) {
+        // this will be set if JSX tags in the build have `key` attrs set on them
+        // we only want to check this if we're not on the first render since on
+        // first render `leftVNode.$key$` will always be `null`, so we can be led
+        // astray and, for instance, accidentally delete a DOM node that we want to
+        // keep around.
+        if (!isInitialRender) {
+            return leftVNode.$key$ === rightVNode.$key$;
+        }
         return true;
     }
     return false;
@@ -1495,8 +1552,19 @@ const setNonce = (nonce) => (plt.$nonce$ = nonce);
 /**
  * A WeakMap mapping runtime component references to their corresponding host reference
  * instances.
+ *
+ * **Note**: If we're in an HMR context we need to store a reference to this
+ * value on `window` in order to maintain the mapping of {@link d.RuntimeRef}
+ * to {@link d.HostRef} across HMR updates.
+ *
+ * This is necessary because when HMR updates for a component are processed by
+ * the browser-side dev server client the JS bundle for that component is
+ * re-fetched. Since the module containing {@link hostRefs} is included in
+ * that bundle, if we do not store a reference to it the new iteration of the
+ * component will not have access to the previous hostRef map, leading to a
+ * bug where the new version of the component cannot properly initialize.
  */
-const hostRefs = /*@__PURE__*/ new WeakMap();
+const hostRefs = new WeakMap();
 /**
  * Given a {@link d.RuntimeRef} retrieve the corresponding {@link d.HostRef}
  *

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-153e6a9f.js';
-export { s as setNonce } from './index-153e6a9f.js';
+import { b as bootstrapLazy } from './index-244c1ee8.js';
+export { s as setNonce } from './index-244c1ee8.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/esm/proto-daisy-db.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-153e6a9f.js';
-export { s as setNonce } from './index-153e6a9f.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-244c1ee8.js';
+export { s as setNonce } from './index-244c1ee8.js';
 
 /*
- Stencil Client Patch Browser v4.11.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;

package/dist/esm/proto-daisy-db_5.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-153e6a9f.js';
+import { r as registerInstance, h } from './index-244c1ee8.js';
 
 const KEY = 'proto-daisy-db:app-data';
 const promisedParseJSON = (json) => {
@@ -55,7 +55,7 @@ const ProtoDaisyDB = class {
         }
     }
     render() {
-        return h("div", null);
+        return h("div", { key: '35e42fc3a7d518f3bc0211bc5f2c8221fd9bcc81' });
     }
 };
 ProtoDaisyDB.style = ProtoDaisyDbStyle0;
@@ -70,7 +70,7 @@ const ProtoFauxKeys = class {
     }
     render() {
         const keys = this.data ? Object.keys(this.data) : [];
-        return (h("div", { class: "flex flex-col" }, keys.map(key => (h("span", null, key)))));
+        return (h("div", { key: 'a423b82d951a69b266dd3d508a8dc11326a8008b', class: "flex flex-col" }, keys.map(key => (h("span", null, key)))));
     }
 };
 ProtoFauxKeys.style = ProtoFauxKeysStyle0;
@@ -85,7 +85,7 @@ const ProtoFauxStamp = class {
     }
     render() {
         const stamp = this.data ? this.data['stamp'] : '';
-        return (h("div", { class: "flex" }, h("span", null, stamp)));
+        return (h("div", { key: 'f4837fa667d5d6e57086b09d1bc91719035442be', class: "flex" }, h("span", { key: 'a70fa27ba603ead243b5d262922082141420e0ac' }, stamp)));
     }
 };
 ProtoFauxStamp.style = ProtoFauxStampStyle0;
@@ -126,7 +126,7 @@ const ProtoFauxTrigger = class {
         }
     }
     render() {
-        return (h("div", { class: "flex flex-col font-sans" }, h("div", { class: "flex flex-row content-center gap-2" }, h("button", { class: "btn bg-clrs-navy text-clrs-white", onClick: () => this.emitData() }, "Save"), h("button", { class: "btn bg-clrs-blue text-clrs-white", onClick: () => this.fetchData() }, "Fetch")), h("proto-faux-type", { class: "mt-4", emitter: this.emitter }), h("proto-faux-stamp", { class: "mt-2 text-xs", data: this.data }), h("proto-faux-keys", { class: "mt-2", data: this.data })));
+        return (h("div", { key: '47a9f4c68160b18fceedba61f54a7be29c75325a', class: "flex flex-col font-sans" }, h("div", { key: '334f34a36a896139cf4cc01f66bbf0d09bd89505', class: "flex flex-row content-center gap-2" }, h("button", { key: '784f07b93d4cd4a0287e6dd172bc73ab8e3c49e5', class: "btn bg-clrs-navy text-clrs-white", onClick: () => this.emitData() }, "Save"), h("button", { key: '8526e3216eb0a725ea22b288ac0cb3c503405ee4', class: "btn bg-clrs-blue text-clrs-white", onClick: () => this.fetchData() }, "Fetch")), h("proto-faux-type", { key: '3033b83816b2997c790fb8df1e1d90f387f62afa', class: "mt-4", emitter: this.emitter }), h("proto-faux-stamp", { key: '811eef59cdcdfa2edb318ee5facf7ae0bc497c82', class: "mt-2 text-xs", data: this.data }), h("proto-faux-keys", { key: 'ed39e233d92c46f801841240d32d783ee6b0f0fd', class: "mt-2", data: this.data })));
     }
 };
 ProtoFauxTrigger.style = ProtoFauxTriggerStyle0;
@@ -149,7 +149,7 @@ const ProtoFauxType = class {
         }
     }
     render() {
-        return (h("div", null, h("span", { class: "text-xs italic" }, this.eventType)));
+        return (h("div", { key: 'd441f639241a54d1ef8ae9c26a4560b5266457df' }, h("span", { key: 'a192c0ce3af5f94d72856ca851300537fd00f31f', class: "text-xs italic" }, this.eventType)));
     }
 };
 ProtoFauxType.style = ProtoFauxTypeStyle0;

package/dist/proto-daisy-db/p-0f37c5de.entry.js

@@ -0,0 +1 @@
+import{r as t,h as a}from"./p-fb620590.js";const s="proto-daisy-db:app-data",o=class{constructor(a){t(this,a),this.emitter=void 0}componentDidLoad(){if(this.emitter&&window[this.emitter]){const t=window[this.emitter];t.on("app-data:get",(()=>{var a;console.log("app-data:get"),(a=localStorage.getItem(s),new Promise(((t,s)=>{try{t(JSON.parse(a))}catch(t){s(t)}}))).then((a=>{t.emit("app-data:value",a)})).catch((t=>{console.log(t)}))})),t.on("app-data:store",(t=>{console.log("app-data:store",t),(t=>{const a=JSON.stringify(t);localStorage.setItem(s,a)})(t)})),t.emit("proto-daisy-db",{ready:!0})}}render(){return a("div",{key:"35e42fc3a7d518f3bc0211bc5f2c8221fd9bcc81"})}};o.style="";const e=class{constructor(a){t(this,a),this.data=void 0}render(){const t=this.data?Object.keys(this.data):[];return a("div",{key:"a423b82d951a69b266dd3d508a8dc11326a8008b",class:"flex flex-col"},t.map((t=>a("span",null,t))))}};e.style="";const r=class{constructor(a){t(this,a),this.data=void 0}render(){return a("div",{key:"f4837fa667d5d6e57086b09d1bc91719035442be",class:"flex"},a("span",{key:"a70fa27ba603ead243b5d262922082141420e0ac"},this.data?this.data.stamp:""))}};r.style="";const i=class{constructor(a){t(this,a),this.emitter=void 0,this.data=void 0}componentDidLoad(){this.emitter&&window[this.emitter]&&window[this.emitter].on("app-data:value",(t=>{this.data=t}))}emitData(){if(this.emitter&&window[this.emitter]){const t=window[this.emitter],a={login:!0,stamp:Date.now(),theme:"dark",dealers:[]};this.data=void 0,t.emit("app-data:store",a)}}fetchData(){this.emitter&&window[this.emitter]&&window[this.emitter].emit("app-data:get",42)}render(){return a("div",{key:"47a9f4c68160b18fceedba61f54a7be29c75325a",class:"flex flex-col font-sans"},a("div",{key:"334f34a36a896139cf4cc01f66bbf0d09bd89505",class:"flex flex-row content-center gap-2"},a("button",{key:"784f07b93d4cd4a0287e6dd172bc73ab8e3c49e5",class:"btn bg-clrs-navy text-clrs-white",onClick:()=>this.emitData()},"Save"),a("button",{key:"8526e3216eb0a725ea22b288ac0cb3c503405ee4",class:"btn bg-clrs-blue text-clrs-white",onClick:()=>this.fetchData()},"Fetch")),a("proto-faux-type",{key:"3033b83816b2997c790fb8df1e1d90f387f62afa",class:"mt-4",emitter:this.emitter}),a("proto-faux-stamp",{key:"811eef59cdcdfa2edb318ee5facf7ae0bc497c82",class:"mt-2 text-xs",data:this.data}),a("proto-faux-keys",{key:"ed39e233d92c46f801841240d32d783ee6b0f0fd",class:"mt-2",data:this.data}))}};i.style="*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.btn{border-radius:0.375rem;border-width:1px;border-style:solid;border-color:var(--clrs-aqua, #7fdbff);padding:0.5rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.content-center{align-content:center}.gap-2{gap:0.5rem}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.bg-clrs-navy{background-color:var(--clrs-navy, #001f3f)}.font-sans{font-family:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-xs{font-size:0.75rem;line-height:1rem}.italic{font-style:italic}.text-clrs-white{color:var(--clrs-white, #ffffff)}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),\n    0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";const c=class{constructor(a){t(this,a),this.emitter=void 0,this.eventType=void 0}componentDidLoad(){this.emitter&&window[this.emitter]&&window[this.emitter].on("*",(t=>{this.eventType=t}))}render(){return a("div",{key:"d441f639241a54d1ef8ae9c26a4560b5266457df"},a("span",{key:"a192c0ce3af5f94d72856ca851300537fd00f31f",class:"text-xs italic"},this.eventType))}};c.style="proto-faux-type{}";export{o as proto_daisy_db,e as proto_faux_keys,r as proto_faux_stamp,i as proto_faux_trigger,c as proto_faux_type}

package/dist/proto-daisy-db/p-fb620590.js

@@ -0,0 +1,2 @@
+let e,n,t=!1;const l="slot-fb{display:contents}slot-fb[hidden]{display:none}",o={},s=e=>"object"==(e=typeof e)||"function"===e;function i(e){var n,t,l;return null!==(l=null===(t=null===(n=e.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const c=(e,n,...t)=>{let l=null,o=null,i=!1,c=!1;const u=[],f=n=>{for(let t=0;t<n.length;t++)l=n[t],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!s(l))&&(l+=""),i&&c?u[u.length-1].t+=l:u.push(i?r(null,l):l),c=i)};if(f(t),n){n.key&&(o=n.key);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}const a=r(e,null);return a.l=n,u.length>0&&(a.o=u),a.i=o,a},r=(e,n)=>({u:0,p:e,t:n,$:null,o:null,l:null,i:null}),u={},f=new WeakMap,a=e=>"sc-"+e.h,d=(e,n,t,l,o,i)=>{if(t!==l){let c=H(e,n),r=n.toLowerCase();if("class"===n){const n=e.classList,o=p(t),s=p(l);n.remove(...o.filter((e=>e&&!s.includes(e)))),n.add(...s.filter((e=>e&&!o.includes(e))))}else if("key"===n);else if(c||"o"!==n[0]||"n"!==n[1]){const r=s(l);if((c||r&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[n]=l;else{const o=null==l?"":l;"list"===n?c=!1:null!=t&&e[n]==o||(e[n]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(n)||e.removeAttribute(n):(!c||4&i||o)&&!r&&e.setAttribute(n,l=!0===l?"":l)}else if(n="-"===n[2]?n.slice(3):H(G,r)?r.slice(2):r[2]+n.slice(3),t||l){const o=n.endsWith($);n=n.replace(h,""),t&&J.rel(e,n,t,o),l&&J.ael(e,n,l,o)}}},y=/\s/,p=e=>e?e.split(y):[],$="Capture",h=RegExp($+"$"),v=(e,n,t,l)=>{const s=11===n.$.nodeType&&n.$.host?n.$.host:n.$,i=e&&e.l||o,c=n.l||o;for(l in i)l in c||d(s,l,i[l],void 0,t,n.u);for(l in c)d(s,l,i[l],c[l],t,n.u)},m=(t,l,o)=>{const s=l.o[o];let i,c,r=0;if(null!==s.t)i=s.$=I.createTextNode(s.t);else if(i=s.$=I.createElement(s.p),v(null,s,!1),null!=e&&i["s-si"]!==e&&i.classList.add(i["s-si"]=e),s.o)for(r=0;r<s.o.length;++r)c=m(t,s,r),c&&i.appendChild(c);return i["s-hn"]=n,i},b=(e,t,l,o,s,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=m(null,l,s),c&&(o[s].$=c,r.insertBefore(c,t)))},w=(e,n,t)=>{for(let l=n;l<=t;++l){const n=e[l];if(n){const e=n.$;e&&e.remove()}}},S=(e,n,t=!1)=>e.p===n.p&&(!!t||e.i===n.i),g=(e,n,t=!1)=>{const l=n.$=e.$,o=e.o,s=n.o,i=n.t;null===i?(v(e,n,!1),null!==o&&null!==s?((e,n,t,l,o=!1)=>{let s,i,c=0,r=0,u=0,f=0,a=n.length-1,d=n[0],y=n[a],p=l.length-1,$=l[0],h=l[p];for(;c<=a&&r<=p;)if(null==d)d=n[++c];else if(null==y)y=n[--a];else if(null==$)$=l[++r];else if(null==h)h=l[--p];else if(S(d,$,o))g(d,$,o),d=n[++c],$=l[++r];else if(S(y,h,o))g(y,h,o),y=n[--a],h=l[--p];else if(S(d,h,o))g(d,h,o),e.insertBefore(d.$,y.$.nextSibling),d=n[++c],h=l[--p];else if(S(y,$,o))g(y,$,o),e.insertBefore(y.$,d.$),y=n[--a],$=l[++r];else{for(u=-1,f=c;f<=a;++f)if(n[f]&&null!==n[f].i&&n[f].i===$.i){u=f;break}u>=0?(i=n[u],i.p!==$.p?s=m(n&&n[r],t,u):(g(i,$,o),n[u]=void 0,s=i.$),$=l[++r]):(s=m(n&&n[r],t,r),$=l[++r]),s&&d.$.parentNode.insertBefore(s,d.$)}c>a?b(e,null==l[p+1]?null:l[p+1].$,t,l,r,p):r>p&&w(n,c,a)})(l,o,n,s,t):null!==s?(null!==e.t&&(l.textContent=""),b(l,null,n,s,0,s.length-1)):null!==o&&w(o,0,o.length-1)):e.t!==i&&(l.data=i)},j=(e,n)=>{n&&!e.v&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.v=n)))},k=(e,n)=>{if(e.u|=16,!(4&e.u))return j(e,e.m),le((()=>M(e,n)));e.u|=512},M=(e,n)=>{const t=e.S;return O(void 0,(()=>P(e,t,n)))},O=(e,n)=>C(e)?e.then(n):n(),C=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,P=async(e,n,t)=>{var o;const s=e.$hostElement$,c=s["s-rc"];t&&(e=>{const n=e.j,t=e.$hostElement$,o=n.u,s=((e,n)=>{var t;const o=a(n),s=B.get(o);if(e=11===e.nodeType?e:I,s)if("string"==typeof s){let c,r=f.get(e=e.head||e);if(r||f.set(e,r=new Set),!r.has(o)){{c=I.createElement("style"),c.innerHTML=s;const n=null!==(t=J.k)&&void 0!==t?t:i(I);null!=n&&c.setAttribute("nonce",n),e.insertBefore(c,e.querySelector("link"))}4&n.u&&(c.innerHTML+=l),r&&r.add(o)}}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return o})(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&o&&(t["s-sc"]=s,t.classList.add(s+"-h"))})(e);x(e,n,s,t),c&&(c.map((e=>e())),s["s-rc"]=void 0);{const n=null!==(o=s["s-p"])&&void 0!==o?o:[],t=()=>E(e);0===n.length?t():(Promise.all(n).then(t),e.u|=4,n.length=0)}},x=(t,l,o,s)=>{try{l=l.render(),t.u&=-17,t.u|=2,((t,l,o=!1)=>{const s=t.$hostElement$,i=t.M||r(null,null),f=(e=>e&&e.p===u)(l)?l:c(null,null,l);if(n=s.tagName,o&&f.l)for(const e of Object.keys(f.l))s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(f.l[e]=s[e]);f.p=null,f.u|=4,t.M=f,f.$=i.$=s.shadowRoot||s,e=s["s-sc"],g(i,f,o)})(t,l,s)}catch(e){V(e,t.$hostElement$)}return null},E=e=>{const n=e.$hostElement$,t=e.S,l=e.m;64&e.u||(e.u|=64,N(n),L(t,"componentDidLoad"),e.O(n),l||A()),e.v&&(e.v(),e.v=void 0),512&e.u&&te((()=>k(e,!1))),e.u&=-517},A=()=>{N(I.documentElement),te((()=>(e=>{const n=J.ce("appload",{detail:{namespace:"proto-daisy-db"}});return e.dispatchEvent(n),n})(G)))},L=(e,n,t)=>{if(e&&e[n])try{return e[n](t)}catch(e){V(e)}},N=e=>e.classList.add("hydrated"),R=(e,n,t)=>{var l;const o=e.prototype;if(n.C){const i=Object.entries(n.C);if(i.map((([e,[l]])=>{(31&l||2&t&&32&l)&&Object.defineProperty(o,e,{get(){return((e,n)=>q(this).P.get(n))(0,e)},set(t){((e,n,t,l)=>{const o=q(e),i=o.P.get(n),c=o.u,r=o.S;t=((e,n)=>null==e||s(e)?e:1&n?e+"":e)(t,l.C[n][0]),8&c&&void 0!==i||t===i||Number.isNaN(i)&&Number.isNaN(t)||(o.P.set(n,t),r&&2==(18&c)&&k(o,!1))})(this,e,t,n)},configurable:!0,enumerable:!0})})),1&t){const t=new Map;o.attributeChangedCallback=function(e,l,s){J.jmp((()=>{var i;const c=t.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(o.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const t=q(this),o=null==t?void 0:t.u;if(o&&!(8&o)&&128&o&&s!==l){const o=t.S,c=null===(i=n.A)||void 0===i?void 0:i[e];null==c||c.forEach((n=>{null!=o[n]&&o[n].call(o,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=n.A)&&void 0!==l?l:{}),...i.filter((([e,n])=>15&n[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))]))}}return e},T=(e,n={})=>{var t;const o=[],s=n.exclude||[],c=G.customElements,r=I.head,u=r.querySelector("meta[charset]"),f=I.createElement("style"),d=[];let y,p=!0;Object.assign(J,n),J.L=new URL(n.resourcesUrl||"./",I.baseURI).href;let $=!1;if(e.map((e=>{e[1].map((n=>{const t={u:n[0],h:n[1],C:n[2],N:n[3]};4&t.u&&($=!0),t.C=n[2];const l=t.h,i=class extends HTMLElement{constructor(e){super(e),F(e=this,t),1&t.u&&e.attachShadow({mode:"open"})}connectedCallback(){y&&(clearTimeout(y),y=null),p?d.push(this):J.jmp((()=>(e=>{if(0==(1&J.u)){const n=q(e),t=n.j,l=()=>{};if(1&n.u)(null==n?void 0:n.S)||(null==n?void 0:n.R)&&n.R.then((()=>{}));else{n.u|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){j(n,n.m=t);break}}t.C&&Object.entries(t.C).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t)=>{let l;if(0==(32&n.u)){n.u|=32;{if(l=z(t),l.then){const e=()=>{};l=await l,e()}l.isProxied||(R(l,t,2),l.isProxied=!0);const e=()=>{};n.u|=8;try{new l(n)}catch(e){V(e)}n.u&=-9,e()}if(l.style){let e=l.style;const n=a(t);if(!B.has(n)){const l=()=>{};((e,n,t)=>{let l=B.get(e);Q&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,B.set(e,l)})(n,e,!!(1&t.u)),l()}}}const o=n.m,s=()=>k(n,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()})(0,n,t)}l()}})(this)))}disconnectedCallback(){J.jmp((()=>(async()=>{if(0==(1&J.u)){const e=q(this);(null==e?void 0:e.S)||(null==e?void 0:e.R)&&e.R.then((()=>{}))}})()))}componentOnReady(){return q(this).R}};t.T=e[0],s.includes(l)||c.get(l)||(o.push(l),c.define(l,R(i,t,1)))}))})),$&&(f.innerHTML+=l),f.innerHTML+=o+"{visibility:hidden}.hydrated{visibility:inherit}",f.innerHTML.length){f.setAttribute("data-styles","");const e=null!==(t=J.k)&&void 0!==t?t:i(I);null!=e&&f.setAttribute("nonce",e),r.insertBefore(f,u?u.nextSibling:r.firstChild)}p=!1,d.length?d.map((e=>e.connectedCallback())):J.jmp((()=>y=setTimeout(A,30)))},U=e=>J.k=e,W=new WeakMap,q=e=>W.get(e),D=(e,n)=>W.set(n.S=e,n),F=(e,n)=>{const t={u:0,$hostElement$:e,j:n,P:new Map};return t.R=new Promise((e=>t.O=e)),e["s-p"]=[],e["s-rc"]=[],W.set(e,t)},H=(e,n)=>n in e,V=(e,n)=>(0,console.error)(e,n),_=new Map,z=e=>{const n=e.h.replace(/-/g,"_"),t=e.T,l=_.get(t);return l?l[n]:import(`./${t}.entry.js`).then((e=>(_.set(t,e),e[n])),V)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},B=new Map,G="undefined"!=typeof window?window:{},I=G.document||{head:{}},J={u:0,L:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,l)=>e.addEventListener(n,t,l),rel:(e,n,t,l)=>e.removeEventListener(n,t,l),ce:(e,n)=>new CustomEvent(e,n)},K=e=>Promise.resolve(e),Q=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),X=[],Y=[],Z=(e,n)=>l=>{e.push(l),t||(t=!0,n&&4&J.u?te(ne):J.raf(ne))},ee=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){V(e)}e.length=0},ne=()=>{ee(X),ee(Y),(t=X.length>0)&&J.raf(ne)},te=e=>K().then(e),le=Z(Y,!0);export{T as b,c as h,K as p,D as r,U as s}

package/dist/proto-daisy-db/proto-daisy-db.esm.js

@@ -1 +1 @@
-import{p as t,b as e}from"./p-f71127fc.js";export{s as setNonce}from"./p-f71127fc.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),t(o)})().then((t=>e([["p-8e9b406e",[[0,"proto-faux-trigger",{emitter:[1],data:[1040]}],[1,"proto-daisy-db",{emitter:[1]}],[0,"proto-faux-keys",{data:[16]}],[0,"proto-faux-stamp",{data:[16]}],[0,"proto-faux-type",{emitter:[1],eventType:[1025,"event-type"]}]]]],t)));
+import{p as t,b as e}from"./p-fb620590.js";export{s as setNonce}from"./p-fb620590.js";(()=>{const e=import.meta.url,o={};return""!==e&&(o.resourcesUrl=new URL(".",e).href),t(o)})().then((t=>e([["p-0f37c5de",[[0,"proto-faux-trigger",{emitter:[1],data:[1040]}],[1,"proto-daisy-db",{emitter:[1]}],[0,"proto-faux-keys",{data:[16]}],[0,"proto-faux-stamp",{data:[16]}],[0,"proto-faux-type",{emitter:[1],eventType:[1025,"event-type"]}]]]],t)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "proto-daisy-db",
-  "version": "0.0.243",
+  "version": "0.0.244",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -27,7 +27,7 @@
     "format": "prettier --write src"
   },
   "dependencies": {
-    "@stencil/core": "4.11.0",
+    "@stencil/core": "4.12.0",
     "mitt": "3.0.1"
   },
   "devDependencies": {

package/dist/proto-daisy-db/p-8e9b406e.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s}from"./p-f71127fc.js";const o="proto-daisy-db:app-data",r=class{constructor(s){t(this,s),this.emitter=void 0}componentDidLoad(){if(this.emitter&&window[this.emitter]){const t=window[this.emitter];t.on("app-data:get",(()=>{var s;console.log("app-data:get"),(s=localStorage.getItem(o),new Promise(((t,o)=>{try{t(JSON.parse(s))}catch(t){o(t)}}))).then((s=>{t.emit("app-data:value",s)})).catch((t=>{console.log(t)}))})),t.on("app-data:store",(t=>{console.log("app-data:store",t),(t=>{const s=JSON.stringify(t);localStorage.setItem(o,s)})(t)})),t.emit("proto-daisy-db",{ready:!0})}}render(){return s("div",null)}};r.style="";const a=class{constructor(s){t(this,s),this.data=void 0}render(){const t=this.data?Object.keys(this.data):[];return s("div",{class:"flex flex-col"},t.map((t=>s("span",null,t))))}};a.style="";const e=class{constructor(s){t(this,s),this.data=void 0}render(){return s("div",{class:"flex"},s("span",null,this.data?this.data.stamp:""))}};e.style="";const i=class{constructor(s){t(this,s),this.emitter=void 0,this.data=void 0}componentDidLoad(){this.emitter&&window[this.emitter]&&window[this.emitter].on("app-data:value",(t=>{this.data=t}))}emitData(){if(this.emitter&&window[this.emitter]){const t=window[this.emitter],s={login:!0,stamp:Date.now(),theme:"dark",dealers:[]};this.data=void 0,t.emit("app-data:store",s)}}fetchData(){this.emitter&&window[this.emitter]&&window[this.emitter].emit("app-data:get",42)}render(){return s("div",{class:"flex flex-col font-sans"},s("div",{class:"flex flex-row content-center gap-2"},s("button",{class:"btn bg-clrs-navy text-clrs-white",onClick:()=>this.emitData()},"Save"),s("button",{class:"btn bg-clrs-blue text-clrs-white",onClick:()=>this.fetchData()},"Fetch")),s("proto-faux-type",{class:"mt-4",emitter:this.emitter}),s("proto-faux-stamp",{class:"mt-2 text-xs",data:this.data}),s("proto-faux-keys",{class:"mt-2",data:this.data}))}};i.style="*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.btn{border-radius:0.375rem;border-width:1px;border-style:solid;border-color:var(--clrs-aqua, #7fdbff);padding:0.5rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.content-center{align-content:center}.gap-2{gap:0.5rem}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.bg-clrs-navy{background-color:var(--clrs-navy, #001f3f)}.font-sans{font-family:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-xs{font-size:0.75rem;line-height:1rem}.italic{font-style:italic}.text-clrs-white{color:var(--clrs-white, #ffffff)}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),\n    0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";const n=class{constructor(s){t(this,s),this.emitter=void 0,this.eventType=void 0}componentDidLoad(){this.emitter&&window[this.emitter]&&window[this.emitter].on("*",(t=>{this.eventType=t}))}render(){return s("div",null,s("span",{class:"text-xs italic"},this.eventType))}};n.style="proto-faux-type{}";export{r as proto_daisy_db,a as proto_faux_keys,e as proto_faux_stamp,i as proto_faux_trigger,n as proto_faux_type}

package/dist/proto-daisy-db/p-f71127fc.js

@@ -1,2 +0,0 @@
-let n,t,e=!1;const l="slot-fb{display:contents}slot-fb[hidden]{display:none}",o={},s=n=>"object"==(n=typeof n)||"function"===n;function i(n){var t,e,l;return null!==(l=null===(e=null===(t=n.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===e?void 0:e.getAttribute("content"))&&void 0!==l?l:void 0}const c=(n,t,...e)=>{let l=null,o=!1,i=!1;const c=[],u=t=>{for(let e=0;e<t.length;e++)l=t[e],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof n&&!s(l))&&(l+=""),o&&i?c[c.length-1].t+=l:c.push(o?r(null,l):l),i=o)};if(u(e),t){const n=t.className||t.class;n&&(t.class="object"!=typeof n?n:Object.keys(n).filter((t=>n[t])).join(" "))}const a=r(n,null);return a.l=t,c.length>0&&(a.o=c),a},r=(n,t)=>({i:0,u:n,t,p:null,o:null,l:null}),u={},a=new WeakMap,f=n=>"sc-"+n.h,d=(n,t,e,l,o,i)=>{if(e!==l){let c=H(n,t),r=t.toLowerCase();if("class"===t){const t=n.classList,o=p(e),s=p(l);t.remove(...o.filter((n=>n&&!s.includes(n)))),t.add(...s.filter((n=>n&&!o.includes(n))))}else if(c||"o"!==t[0]||"n"!==t[1]){const r=s(l);if((c||r&&null!==l)&&!o)try{if(n.tagName.includes("-"))n[t]=l;else{const o=null==l?"":l;"list"===t?c=!1:null!=e&&n[t]==o||(n[t]=o)}}catch(n){}null==l||!1===l?!1===l&&""!==n.getAttribute(t)||n.removeAttribute(t):(!c||4&i||o)&&!r&&n.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):H(G,r)?r.slice(2):r[2]+t.slice(3),e||l){const o=t.endsWith(h);t=t.replace($,""),e&&J.rel(n,t,e,o),l&&J.ael(n,t,l,o)}}},y=/\s/,p=n=>n?n.split(y):[],h="Capture",$=RegExp(h+"$"),m=(n,t,e,l)=>{const s=11===t.p.nodeType&&t.p.host?t.p.host:t.p,i=n&&n.l||o,c=t.l||o;for(l in i)l in c||d(s,l,i[l],void 0,e,t.i);for(l in c)d(s,l,i[l],c[l],e,t.i)},v=(e,l,o)=>{const s=l.o[o];let i,c,r=0;if(null!==s.t)i=s.p=I.createTextNode(s.t);else if(i=s.p=I.createElement(s.u),m(null,s,!1),null!=n&&i["s-si"]!==n&&i.classList.add(i["s-si"]=n),s.o)for(r=0;r<s.o.length;++r)c=v(e,s,r),c&&i.appendChild(c);return i["s-hn"]=t,i},b=(n,e,l,o,s,i)=>{let c,r=n;for(r.shadowRoot&&r.tagName===t&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=v(null,l,s),c&&(o[s].p=c,r.insertBefore(c,e)))},w=(n,t,e)=>{for(let l=t;l<=e;++l){const t=n[l];if(t){const n=t.p;n&&n.remove()}}},S=(n,t)=>n.u===t.u,g=(n,t,e=!1)=>{const l=t.p=n.p,o=n.o,s=t.o,i=t.t;null===i?(m(n,t,!1),null!==o&&null!==s?((n,t,e,l,o=!1)=>{let s,i=0,c=0,r=t.length-1,u=t[0],a=t[r],f=l.length-1,d=l[0],y=l[f];for(;i<=r&&c<=f;)null==u?u=t[++i]:null==a?a=t[--r]:null==d?d=l[++c]:null==y?y=l[--f]:S(u,d)?(g(u,d,o),u=t[++i],d=l[++c]):S(a,y)?(g(a,y,o),a=t[--r],y=l[--f]):S(u,y)?(g(u,y,o),n.insertBefore(u.p,a.p.nextSibling),u=t[++i],y=l[--f]):S(a,d)?(g(a,d,o),n.insertBefore(a.p,u.p),a=t[--r],d=l[++c]):(s=v(t&&t[c],e,c),d=l[++c],s&&u.p.parentNode.insertBefore(s,u.p));i>r?b(n,null==l[f+1]?null:l[f+1].p,e,l,c,f):c>f&&w(t,i,r)})(l,o,t,s,e):null!==s?(null!==n.t&&(l.textContent=""),b(l,null,t,s,0,s.length-1)):null!==o&&w(o,0,o.length-1)):n.t!==i&&(l.data=i)},j=(n,t)=>{t&&!n.$&&t["s-p"]&&t["s-p"].push(new Promise((t=>n.$=t)))},M=(n,t)=>{if(n.i|=16,!(4&n.i))return j(n,n.m),ln((()=>O(n,t)));n.i|=512},O=(n,t)=>{const e=n.v;return k(void 0,(()=>P(n,e,t)))},k=(n,t)=>C(n)?n.then(t):t(),C=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,P=async(n,t,e)=>{var o;const s=n.$hostElement$,c=s["s-rc"];e&&(n=>{const t=n.S,e=n.$hostElement$,o=t.i,s=((n,t)=>{var e;const o=f(t),s=B.get(o);if(n=11===n.nodeType?n:I,s)if("string"==typeof s){let c,r=a.get(n=n.head||n);if(r||a.set(n,r=new Set),!r.has(o)){{c=I.createElement("style"),c.innerHTML=s;const t=null!==(e=J.j)&&void 0!==e?e:i(I);null!=t&&c.setAttribute("nonce",t),n.insertBefore(c,n.querySelector("link"))}4&t.i&&(c.innerHTML+=l),r&&r.add(o)}}else n.adoptedStyleSheets.includes(s)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,s]);return o})(e.shadowRoot?e.shadowRoot:e.getRootNode(),t);10&o&&(e["s-sc"]=s,e.classList.add(s+"-h"))})(n);x(n,t,s,e),c&&(c.map((n=>n())),s["s-rc"]=void 0);{const t=null!==(o=s["s-p"])&&void 0!==o?o:[],e=()=>E(n);0===t.length?e():(Promise.all(t).then(e),n.i|=4,t.length=0)}},x=(e,l,o,s)=>{try{l=l.render(),e.i&=-17,e.i|=2,((e,l,o=!1)=>{const s=e.$hostElement$,i=e.M||r(null,null),a=(n=>n&&n.u===u)(l)?l:c(null,null,l);if(t=s.tagName,o&&a.l)for(const n of Object.keys(a.l))s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(a.l[n]=s[n]);a.u=null,a.i|=4,e.M=a,a.p=i.p=s.shadowRoot||s,n=s["s-sc"],g(i,a,o)})(e,l,s)}catch(n){V(n,e.$hostElement$)}return null},E=n=>{const t=n.$hostElement$,e=n.v,l=n.m;64&n.i||(n.i|=64,N(t),L(e,"componentDidLoad"),n.O(t),l||A()),n.$&&(n.$(),n.$=void 0),512&n.i&&en((()=>M(n,!1))),n.i&=-517},A=()=>{N(I.documentElement),en((()=>(n=>{const t=J.ce("appload",{detail:{namespace:"proto-daisy-db"}});return n.dispatchEvent(t),t})(G)))},L=(n,t,e)=>{if(n&&n[t])try{return n[t](e)}catch(n){V(n)}},N=n=>n.classList.add("hydrated"),R=(n,t,e)=>{var l;const o=n.prototype;if(t.k){const i=Object.entries(t.k);if(i.map((([n,[l]])=>{(31&l||2&e&&32&l)&&Object.defineProperty(o,n,{get(){return((n,t)=>q(this).C.get(t))(0,n)},set(e){((n,t,e,l)=>{const o=q(n),i=o.C.get(t),c=o.i,r=o.v;e=((n,t)=>null==n||s(n)?n:1&t?n+"":n)(e,l.k[t][0]),8&c&&void 0!==i||e===i||Number.isNaN(i)&&Number.isNaN(e)||(o.C.set(t,e),r&&2==(18&c)&&M(o,!1))})(this,n,e,t)},configurable:!0,enumerable:!0})})),1&e){const e=new Map;o.attributeChangedCallback=function(n,l,s){J.jmp((()=>{var i;const c=e.get(n);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(o.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const e=q(this),o=null==e?void 0:e.i;if(o&&!(8&o)&&128&o&&s!==l){const o=e.v,c=null===(i=t.P)||void 0===i?void 0:i[n];null==c||c.forEach((t=>{null!=o[t]&&o[t].call(o,s,l,n)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},n.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=t.P)&&void 0!==l?l:{}),...i.filter((([n,t])=>15&t[0])).map((([n,t])=>{const l=t[1]||n;return e.set(l,n),l}))]))}}return n},T=(n,t={})=>{var e;const o=[],s=t.exclude||[],c=G.customElements,r=I.head,u=r.querySelector("meta[charset]"),a=I.createElement("style"),d=[];let y,p=!0;Object.assign(J,t),J.A=new URL(t.resourcesUrl||"./",I.baseURI).href;let h=!1;if(n.map((n=>{n[1].map((t=>{const e={i:t[0],h:t[1],k:t[2],L:t[3]};4&e.i&&(h=!0),e.k=t[2];const l=e.h,i=class extends HTMLElement{constructor(n){super(n),F(n=this,e),1&e.i&&n.attachShadow({mode:"open"})}connectedCallback(){y&&(clearTimeout(y),y=null),p?d.push(this):J.jmp((()=>(n=>{if(0==(1&J.i)){const t=q(n),e=t.S,l=()=>{};if(1&t.i)(null==t?void 0:t.v)||(null==t?void 0:t.N)&&t.N.then((()=>{}));else{t.i|=1;{let e=n;for(;e=e.parentNode||e.host;)if(e["s-p"]){j(t,t.m=e);break}}e.k&&Object.entries(e.k).map((([t,[e]])=>{if(31&e&&n.hasOwnProperty(t)){const e=n[t];delete n[t],n[t]=e}})),(async(n,t,e)=>{let l;if(0==(32&t.i)){t.i|=32;{if(l=z(e),l.then){const n=()=>{};l=await l,n()}l.isProxied||(R(l,e,2),l.isProxied=!0);const n=()=>{};t.i|=8;try{new l(t)}catch(n){V(n)}t.i&=-9,n()}if(l.style){let n=l.style;const t=f(e);if(!B.has(t)){const l=()=>{};((n,t,e)=>{let l=B.get(n);Q&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,B.set(n,l)})(t,n,!!(1&e.i)),l()}}}const o=t.m,s=()=>M(t,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()})(0,t,e)}l()}})(this)))}disconnectedCallback(){J.jmp((()=>(async()=>{if(0==(1&J.i)){const n=q(this);(null==n?void 0:n.v)||(null==n?void 0:n.N)&&n.N.then((()=>{}))}})()))}componentOnReady(){return q(this).N}};e.R=n[0],s.includes(l)||c.get(l)||(o.push(l),c.define(l,R(i,e,1)))}))})),h&&(a.innerHTML+=l),a.innerHTML+=o+"{visibility:hidden}.hydrated{visibility:inherit}",a.innerHTML.length){a.setAttribute("data-styles","");const n=null!==(e=J.j)&&void 0!==e?e:i(I);null!=n&&a.setAttribute("nonce",n),r.insertBefore(a,u?u.nextSibling:r.firstChild)}p=!1,d.length?d.map((n=>n.connectedCallback())):J.jmp((()=>y=setTimeout(A,30)))},U=n=>J.j=n,W=new WeakMap,q=n=>W.get(n),D=(n,t)=>W.set(t.v=n,t),F=(n,t)=>{const e={i:0,$hostElement$:n,S:t,C:new Map};return e.N=new Promise((n=>e.O=n)),n["s-p"]=[],n["s-rc"]=[],W.set(n,e)},H=(n,t)=>t in n,V=(n,t)=>(0,console.error)(n,t),_=new Map,z=n=>{const t=n.h.replace(/-/g,"_"),e=n.R,l=_.get(e);return l?l[t]:import(`./${e}.entry.js`).then((n=>(_.set(e,n),n[t])),V)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},B=new Map,G="undefined"!=typeof window?window:{},I=G.document||{head:{}},J={i:0,A:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,t,e,l)=>n.addEventListener(t,e,l),rel:(n,t,e,l)=>n.removeEventListener(t,e,l),ce:(n,t)=>new CustomEvent(n,t)},K=n=>Promise.resolve(n),Q=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(n){}return!1})(),X=[],Y=[],Z=(n,t)=>l=>{n.push(l),e||(e=!0,t&&4&J.i?en(tn):J.raf(tn))},nn=n=>{for(let t=0;t<n.length;t++)try{n[t](performance.now())}catch(n){V(n)}n.length=0},tn=()=>{nn(X),nn(Y),(e=X.length>0)&&J.raf(tn)},en=n=>K().then(n),ln=Z(Y,!0);export{T as b,c as h,K as p,D as r,U as s}