proto-daisy-db 0.0.2 → 0.0.3

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["proto-daisy-db_4.cjs",[[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]}]]]], options);
+  return index.bootstrapLazy([["proto-daisy-db_5.cjs",[[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"]}]]]], options);
   });
 };
 

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

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["proto-daisy-db_4.cjs",[[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]}]]]], options);
+  return index.bootstrapLazy([["proto-daisy-db_5.cjs",[[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"]}]]]], options);
 });

package/dist/cjs/{proto-daisy-db_4.cjs.entry.js → proto-daisy-db_5.cjs.entry.js}

@@ -91,7 +91,7 @@ const ProtoFauxStamp = class {
 };
 ProtoFauxStamp.style = protoFauxStampCss;
 
-const protoFauxTriggerCss = "*,::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;}::-webkit-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;}::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;}.mt-4{margin-top:1rem}.mt-2{margin-top:0.5rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.content-center{align-content:center}.gap-2{gap:0.5rem}.font-sans{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-xs{font-size:0.75rem;line-height:1rem}.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 protoFauxTriggerCss = "*,::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;}::-webkit-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;}::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;padding:0.5rem}.mt-4{margin-top:1rem}.mt-2{margin-top:0.5rem}.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-navy{background-color:var(--clrs-navy, #001f3f)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.font-sans{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-xs{font-size:0.75rem;line-height:1rem}.italic{font-style:italic}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.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 ProtoFauxTrigger = class {
   constructor(hostRef) {
@@ -126,12 +126,35 @@ 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", { onClick: () => this.emitData() }, "Save"), index.h("button", { onClick: () => this.fetchData() }, "Fetch")), index.h("proto-faux-stamp", { class: "mt-4 text-xs", data: this.data }), index.h("proto-faux-keys", { class: "mt-2", data: this.data })));
+    return (index.h("div", { class: "flex flex-col font-sans text-clrs-navy" }, 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-red 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 })));
   }
 };
 ProtoFauxTrigger.style = protoFauxTriggerCss;
 
+const protoFauxTypeCss = "proto-faux-type{}";
+
+const ProtoFauxType = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.emitter = undefined;
+    this.eventType = undefined;
+  }
+  componentDidLoad() {
+    if (this.emitter && window[this.emitter]) {
+      const emitter = window[this.emitter];
+      emitter.on('*', (type, _e) => {
+        this.eventType = type;
+      });
+    }
+  }
+  render() {
+    return (index.h("div", null, index.h("span", { class: "text-xs italic" }, this.eventType)));
+  }
+};
+ProtoFauxType.style = protoFauxTypeCss;
+
 exports.proto_daisy_db = ProtoDaisyDB;
 exports.proto_faux_keys = ProtoFauxKeys;
 exports.proto_faux_stamp = ProtoFauxStamp;
 exports.proto_faux_trigger = ProtoFauxTrigger;
+exports.proto_faux_type = ProtoFauxType;

package/dist/collection/collection-manifest.json

@@ -3,7 +3,8 @@
     "./components/proto-daisy-db/proto-daisy-db.js",
     "./components/proto-faux-keys/proto-faux-keys.js",
     "./components/proto-faux-stamp/proto-faux-stamp.js",
-    "./components/proto-faux-trigger/proto-faux-trigger.js"
+    "./components/proto-faux-trigger/proto-faux-trigger.js",
+    "./components/proto-faux-type/proto-faux-type.js"
   ],
   "compiler": {
     "name": "@stencil/core",

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

@@ -141,6 +141,13 @@
   --tw-backdrop-sepia: ;
 }
 
+.btn {
+  border-radius: 0.375rem;
+  border-width: 1px;
+  border-style: solid;
+  padding: 0.5rem;
+}
+
 .mt-4 {
   margin-top: 1rem;
 }
@@ -169,6 +176,14 @@
   gap: 0.5rem;
 }
 
+.bg-clrs-navy {
+  background-color: var(--clrs-navy, #001f3f);
+}
+
+.bg-clrs-red {
+  background-color: var(--clrs-red, #ff4136);
+}
+
 .font-sans {
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
     'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
@@ -180,6 +195,18 @@
   line-height: 1rem;
 }
 
+.italic {
+  font-style: italic;
+}
+
+.text-clrs-navy {
+  color: var(--clrs-navy, #001f3f);
+}
+
+.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),

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

@@ -31,11 +31,12 @@ export class ProtoFauxTrigger {
     }
   }
   render() {
-    return (h("div", { class: "flex flex-col font-sans" },
+    return (h("div", { class: "flex flex-col font-sans text-clrs-navy" },
       h("div", { class: "flex flex-row content-center gap-2" },
-        h("button", { onClick: () => this.emitData() }, "Save"),
-        h("button", { onClick: () => this.fetchData() }, "Fetch")),
-      h("proto-faux-stamp", { class: "mt-4 text-xs", data: this.data }),
+        h("button", { class: "btn bg-clrs-navy text-clrs-white", onClick: () => this.emitData() }, "Save"),
+        h("button", { class: "btn bg-clrs-red 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 })));
   }
   static get is() { return "proto-faux-trigger"; }

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

@@ -0,0 +1,3 @@
+proto-faux-type {
+  /* Component styles go here */
+}

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

@@ -0,0 +1,64 @@
+import { Component, h, Prop } from '@stencil/core';
+export class ProtoFauxType {
+  constructor() {
+    this.emitter = undefined;
+    this.eventType = undefined;
+  }
+  componentDidLoad() {
+    if (this.emitter && window[this.emitter]) {
+      const emitter = window[this.emitter];
+      emitter.on('*', (type, _e) => {
+        this.eventType = type;
+      });
+    }
+  }
+  render() {
+    return (h("div", null,
+      h("span", { class: "text-xs italic" }, this.eventType)));
+  }
+  static get is() { return "proto-faux-type"; }
+  static get originalStyleUrls() { return {
+    "$": ["proto-faux-type.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["proto-faux-type.css"]
+  }; }
+  static get properties() { return {
+    "emitter": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "emitter",
+      "reflect": false,
+      "defaultValue": "undefined"
+    },
+    "eventType": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "event-type",
+      "reflect": false,
+      "defaultValue": "undefined"
+    }
+  }; }
+}

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ export { ProtoDaisyDB as ProtoDaisyDb } from '../types/components/proto-daisy-db
 export { ProtoFauxKeys as ProtoFauxKeys } from '../types/components/proto-faux-keys/proto-faux-keys';
 export { ProtoFauxStamp as ProtoFauxStamp } from '../types/components/proto-faux-stamp/proto-faux-stamp';
 export { ProtoFauxTrigger as ProtoFauxTrigger } from '../types/components/proto-faux-trigger/proto-faux-trigger';
+export { ProtoFauxType as ProtoFauxType } from '../types/components/proto-faux-type/proto-faux-type';
 
 /**
  * Used to manually set the base path where assets can be found.

package/dist/components/index.js

@@ -3,3 +3,4 @@ export { ProtoDaisyDb, defineCustomElement as defineCustomElementProtoDaisyDb }
 export { ProtoFauxKeys, defineCustomElement as defineCustomElementProtoFauxKeys } from './proto-faux-keys.js';
 export { ProtoFauxStamp, defineCustomElement as defineCustomElementProtoFauxStamp } from './proto-faux-stamp.js';
 export { ProtoFauxTrigger, defineCustomElement as defineCustomElementProtoFauxTrigger } from './proto-faux-trigger.js';
+export { ProtoFauxType, defineCustomElement as defineCustomElementProtoFauxType } from './proto-faux-type.js';

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

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './proto-faux-keys2.js';
-import { d as defineCustomElement$2 } from './proto-faux-stamp2.js';
+import { d as defineCustomElement$4 } from './proto-faux-keys2.js';
+import { d as defineCustomElement$3 } from './proto-faux-stamp2.js';
+import { d as defineCustomElement$2 } from './proto-faux-type2.js';
 
-const protoFauxTriggerCss = "*,::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;}::-webkit-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;}::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;}.mt-4{margin-top:1rem}.mt-2{margin-top:0.5rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.content-center{align-content:center}.gap-2{gap:0.5rem}.font-sans{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-xs{font-size:0.75rem;line-height:1rem}.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 protoFauxTriggerCss = "*,::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;}::-webkit-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;}::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;padding:0.5rem}.mt-4{margin-top:1rem}.mt-2{margin-top:0.5rem}.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-navy{background-color:var(--clrs-navy, #001f3f)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.font-sans{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-xs{font-size:0.75rem;line-height:1rem}.italic{font-style:italic}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.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 ProtoFauxTrigger$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -38,7 +39,7 @@ const ProtoFauxTrigger$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     }
   }
   render() {
-    return (h("div", { class: "flex flex-col font-sans" }, h("div", { class: "flex flex-row content-center gap-2" }, h("button", { onClick: () => this.emitData() }, "Save"), h("button", { onClick: () => this.fetchData() }, "Fetch")), h("proto-faux-stamp", { class: "mt-4 text-xs", data: this.data }), h("proto-faux-keys", { class: "mt-2", data: this.data })));
+    return (h("div", { class: "flex flex-col font-sans text-clrs-navy" }, 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-red 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 })));
   }
   static get style() { return protoFauxTriggerCss; }
 }, [0, "proto-faux-trigger", {
@@ -49,7 +50,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["proto-faux-trigger", "proto-faux-keys", "proto-faux-stamp"];
+  const components = ["proto-faux-trigger", "proto-faux-keys", "proto-faux-stamp", "proto-faux-type"];
   components.forEach(tagName => { switch (tagName) {
     case "proto-faux-trigger":
       if (!customElements.get(tagName)) {
@@ -58,10 +59,15 @@ function defineCustomElement$1() {
       break;
     case "proto-faux-keys":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "proto-faux-stamp":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "proto-faux-type":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

package/dist/components/proto-faux-type.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ProtoFauxType extends Components.ProtoFauxType, HTMLElement {}
+export const ProtoFauxType: {
+  prototype: ProtoFauxType;
+  new (): ProtoFauxType;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,6 @@
+import { P as ProtoFauxType$1, d as defineCustomElement$1 } from './proto-faux-type2.js';
+
+const ProtoFauxType = ProtoFauxType$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ProtoFauxType, defineCustomElement };

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

@@ -0,0 +1,42 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const protoFauxTypeCss = "proto-faux-type{}";
+
+const ProtoFauxType = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.emitter = undefined;
+    this.eventType = undefined;
+  }
+  componentDidLoad() {
+    if (this.emitter && window[this.emitter]) {
+      const emitter = window[this.emitter];
+      emitter.on('*', (type, _e) => {
+        this.eventType = type;
+      });
+    }
+  }
+  render() {
+    return (h("div", null, h("span", { class: "text-xs italic" }, this.eventType)));
+  }
+  static get style() { return protoFauxTypeCss; }
+}, [0, "proto-faux-type", {
+    "emitter": [1],
+    "eventType": [1025, "event-type"]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["proto-faux-type"];
+  components.forEach(tagName => { switch (tagName) {
+    case "proto-faux-type":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ProtoFauxType);
+      }
+      break;
+  } });
+}
+
+export { ProtoFauxType as P, defineCustomElement as d };

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["proto-daisy-db_4",[[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]}]]]], options);
+  return bootstrapLazy([["proto-daisy-db_5",[[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"]}]]]], options);
   });
 };
 

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

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["proto-daisy-db_4",[[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]}]]]], options);
+  return bootstrapLazy([["proto-daisy-db_5",[[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"]}]]]], options);
 });

package/dist/esm/{proto-daisy-db_4.entry.js → proto-daisy-db_5.entry.js}

@@ -87,7 +87,7 @@ const ProtoFauxStamp = class {
 };
 ProtoFauxStamp.style = protoFauxStampCss;
 
-const protoFauxTriggerCss = "*,::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;}::-webkit-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;}::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;}.mt-4{margin-top:1rem}.mt-2{margin-top:0.5rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.content-center{align-content:center}.gap-2{gap:0.5rem}.font-sans{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-xs{font-size:0.75rem;line-height:1rem}.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 protoFauxTriggerCss = "*,::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;}::-webkit-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;}::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;padding:0.5rem}.mt-4{margin-top:1rem}.mt-2{margin-top:0.5rem}.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-navy{background-color:var(--clrs-navy, #001f3f)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.font-sans{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-xs{font-size:0.75rem;line-height:1rem}.italic{font-style:italic}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.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 ProtoFauxTrigger = class {
   constructor(hostRef) {
@@ -122,9 +122,31 @@ 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", { onClick: () => this.emitData() }, "Save"), h("button", { onClick: () => this.fetchData() }, "Fetch")), h("proto-faux-stamp", { class: "mt-4 text-xs", data: this.data }), h("proto-faux-keys", { class: "mt-2", data: this.data })));
+    return (h("div", { class: "flex flex-col font-sans text-clrs-navy" }, 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-red 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 })));
   }
 };
 ProtoFauxTrigger.style = protoFauxTriggerCss;
 
-export { ProtoDaisyDB as proto_daisy_db, ProtoFauxKeys as proto_faux_keys, ProtoFauxStamp as proto_faux_stamp, ProtoFauxTrigger as proto_faux_trigger };
+const protoFauxTypeCss = "proto-faux-type{}";
+
+const ProtoFauxType = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.emitter = undefined;
+    this.eventType = undefined;
+  }
+  componentDidLoad() {
+    if (this.emitter && window[this.emitter]) {
+      const emitter = window[this.emitter];
+      emitter.on('*', (type, _e) => {
+        this.eventType = type;
+      });
+    }
+  }
+  render() {
+    return (h("div", null, h("span", { class: "text-xs italic" }, this.eventType)));
+  }
+};
+ProtoFauxType.style = protoFauxTypeCss;
+
+export { ProtoDaisyDB as proto_daisy_db, ProtoFauxKeys as proto_faux_keys, ProtoFauxStamp as proto_faux_stamp, ProtoFauxTrigger as proto_faux_trigger, ProtoFauxType as proto_faux_type };

package/dist/proto-daisy-db/p-68b9faef.entry.js

@@ -0,0 +1 @@
+import{r as t,h as s}from"./p-39bf50a0.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 text-clrs-navy"},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-red 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;}::-webkit-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;}::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;padding:0.5rem}.mt-4{margin-top:1rem}.mt-2{margin-top:0.5rem}.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-navy{background-color:var(--clrs-navy, #001f3f)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.font-sans{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-xs{font-size:0.75rem;line-height:1rem}.italic{font-style:italic}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.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/proto-daisy-db.esm.js

@@ -1 +1 @@
-import{p as t,b as a}from"./p-39bf50a0.js";(()=>{const a=import.meta.url,r={};return""!==a&&(r.resourcesUrl=new URL(".",a).href),t(r)})().then((t=>a([["p-05fdda3d",[[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]}]]]],t)));
+import{p as t,b as e}from"./p-39bf50a0.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),t(a)})().then((t=>e([["p-68b9faef",[[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/dist/types/components/proto-faux-type/proto-faux-type.d.ts

@@ -0,0 +1,6 @@
+export declare class ProtoFauxType {
+  emitter: string;
+  eventType: string;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -19,6 +19,10 @@ export namespace Components {
         "data": object;
         "emitter": string;
     }
+    interface ProtoFauxType {
+        "emitter": string;
+        "eventType": string;
+    }
 }
 declare global {
     interface HTMLProtoDaisyDbElement extends Components.ProtoDaisyDb, HTMLStencilElement {
@@ -45,11 +49,18 @@ declare global {
         prototype: HTMLProtoFauxTriggerElement;
         new (): HTMLProtoFauxTriggerElement;
     };
+    interface HTMLProtoFauxTypeElement extends Components.ProtoFauxType, HTMLStencilElement {
+    }
+    var HTMLProtoFauxTypeElement: {
+        prototype: HTMLProtoFauxTypeElement;
+        new (): HTMLProtoFauxTypeElement;
+    };
     interface HTMLElementTagNameMap {
         "proto-daisy-db": HTMLProtoDaisyDbElement;
         "proto-faux-keys": HTMLProtoFauxKeysElement;
         "proto-faux-stamp": HTMLProtoFauxStampElement;
         "proto-faux-trigger": HTMLProtoFauxTriggerElement;
+        "proto-faux-type": HTMLProtoFauxTypeElement;
     }
 }
 declare namespace LocalJSX {
@@ -66,11 +77,16 @@ declare namespace LocalJSX {
         "data"?: object;
         "emitter"?: string;
     }
+    interface ProtoFauxType {
+        "emitter"?: string;
+        "eventType"?: string;
+    }
     interface IntrinsicElements {
         "proto-daisy-db": ProtoDaisyDb;
         "proto-faux-keys": ProtoFauxKeys;
         "proto-faux-stamp": ProtoFauxStamp;
         "proto-faux-trigger": ProtoFauxTrigger;
+        "proto-faux-type": ProtoFauxType;
     }
 }
 export { LocalJSX as JSX };
@@ -81,6 +97,7 @@ declare module "@stencil/core" {
             "proto-faux-keys": LocalJSX.ProtoFauxKeys & JSXBase.HTMLAttributes<HTMLProtoFauxKeysElement>;
             "proto-faux-stamp": LocalJSX.ProtoFauxStamp & JSXBase.HTMLAttributes<HTMLProtoFauxStampElement>;
             "proto-faux-trigger": LocalJSX.ProtoFauxTrigger & JSXBase.HTMLAttributes<HTMLProtoFauxTriggerElement>;
+            "proto-faux-type": LocalJSX.ProtoFauxType & JSXBase.HTMLAttributes<HTMLProtoFauxTypeElement>;
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "proto-daisy-db",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/proto-daisy-db/p-05fdda3d.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o}from"./p-39bf50a0.js";const s="proto-daisy-db:app-data",a=class{constructor(o){t(this,o),this.emitter=void 0}componentDidLoad(){if(this.emitter&&window[this.emitter]){const t=window[this.emitter];t.on("app-data:get",(()=>{var o;console.log("app-data:get"),(o=localStorage.getItem(s),new Promise(((t,s)=>{try{t(JSON.parse(o))}catch(t){s(t)}}))).then((o=>{t.emit("app-data:value",o)})).catch((t=>{console.log(t)}))})),t.on("app-data:store",(t=>{console.log("app-data:store",t),(t=>{const o=JSON.stringify(t);localStorage.setItem(s,o)})(t)})),t.emit("proto-daisy-db",{ready:!0})}}render(){return o("div",null)}};a.style="";const e=class{constructor(o){t(this,o),this.data=void 0}render(){const t=this.data?Object.keys(this.data):[];return o("div",{class:"flex flex-col"},t.map((t=>o("span",null,t))))}};e.style="";const r=class{constructor(o){t(this,o),this.data=void 0}render(){return o("div",{class:"flex"},o("span",null,this.data?this.data.stamp:""))}};r.style="";const i=class{constructor(o){t(this,o),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],o={login:!0,stamp:Date.now(),theme:"dark",dealers:[]};this.data=void 0,t.emit("app-data:store",o)}}fetchData(){this.emitter&&window[this.emitter]&&window[this.emitter].emit("app-data:get",42)}render(){return o("div",{class:"flex flex-col font-sans"},o("div",{class:"flex flex-row content-center gap-2"},o("button",{onClick:()=>this.emitData()},"Save"),o("button",{onClick:()=>this.fetchData()},"Fetch")),o("proto-faux-stamp",{class:"mt-4 text-xs",data:this.data}),o("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;}::-webkit-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;}::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;}.mt-4{margin-top:1rem}.mt-2{margin-top:0.5rem}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.content-center{align-content:center}.gap-2{gap:0.5rem}.font-sans{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-xs{font-size:0.75rem;line-height:1rem}.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)}";export{a as proto_daisy_db,e as proto_faux_keys,r as proto_faux_stamp,i as proto_faux_trigger}