proto-daisy-db 0.0.212 → 0.0.213

package/dist/cjs/{index-d20555ca.js → index-2bb3a8dd.js}

@@ -405,7 +405,11 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                         elm[memberName] = newValue;
                     }
                 }
-                catch (e) { }
+                catch (e) {
+                    /**
+                     * in case someone tries to set a read-only property, e.g. "namespaceURI", we just ignore it
+                     */
+                }
             }
             if (newValue == null || newValue === false) {
                 if (newValue !== false || elm.getAttribute(memberName) === '') {
@@ -424,6 +428,11 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     }
 };
 const parseClassListRegex = /\s/;
+/**
+ * Parsed a string of classnames into an array
+ * @param value className string, e.g. "foo bar baz"
+ * @returns list of classes, e.g. ["foo", "bar", "baz"]
+ */
 const parseClassList = (value) => (!value ? [] : value.split(parseClassListRegex));
 const CAPTURE_EVENT_SUFFIX = 'Capture';
 const CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + '$');
@@ -1122,10 +1131,10 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
  */
 const proxyComponent = (Cstr, cmpMeta, flags) => {
     var _a;
+    const prototype = Cstr.prototype;
     if (cmpMeta.$members$) {
         // It's better to have a const than two Object.entries()
         const members = Object.entries(cmpMeta.$members$);
-        const prototype = Cstr.prototype;
         members.map(([memberName, [memberFlags]]) => {
             if ((memberFlags & 31 /* MEMBER_FLAGS.Prop */ ||
                     ((flags & 2 /* PROXY_FLAGS.proxyState */) && memberFlags & 32 /* MEMBER_FLAGS.State */))) {
@@ -1148,6 +1157,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
             const attrNameToPropName = new Map();
             prototype.attributeChangedCallback = function (attrName, oldValue, newValue) {
                 plt.jmp(() => {
+                    var _a;
                     const propName = attrNameToPropName.get(attrName);
                     //  In a web component lifecycle the attributeChangedCallback runs prior to connectedCallback
                     //  in the case where an attribute was set inline.
@@ -1203,11 +1213,12 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                         // 1. The instance is ready
                         // 2. The watchers are ready
                         // 3. The value has changed
-                        if (!(flags & 8 /* HOST_FLAGS.isConstructingInstance */) &&
+                        if (flags &&
+                            !(flags & 8 /* HOST_FLAGS.isConstructingInstance */) &&
                             flags & 128 /* HOST_FLAGS.isWatchReady */ &&
                             newValue !== oldValue) {
                             const instance = hostRef.$lazyInstance$ ;
-                            const entry = cmpMeta.$watchers$[attrName];
+                            const entry = (_a = cmpMeta.$watchers$) === null || _a === void 0 ? void 0 : _a[attrName];
                             entry === null || entry === void 0 ? void 0 : entry.forEach((callbackName) => {
                                 if (instance[callbackName] != null) {
                                     instance[callbackName].call(instance, newValue, oldValue, attrName);

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d20555ca.js');
+const index = require('./index-2bb3a8dd.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-d20555ca.js');
+const index = require('./index-2bb3a8dd.js');
 
 /*
- Stencil Client Patch Browser v4.7.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.8.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,154 +2,154 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d20555ca.js');
+const index = require('./index-2bb3a8dd.js');
 
 const KEY = 'proto-daisy-db:app-data';
 const promisedParseJSON = (json) => {
-  return new Promise((resolve, reject) => {
-    try {
-      resolve(JSON.parse(json));
-    }
-    catch (e) {
-      reject(e);
-    }
-  });
+    return new Promise((resolve, reject) => {
+        try {
+            resolve(JSON.parse(json));
+        }
+        catch (e) {
+            reject(e);
+        }
+    });
 };
 // localStorage implementation... [ generic storage ]
 const bag = {
-  get: () => {
-    const json = localStorage.getItem(KEY);
-    return promisedParseJSON(json);
-  },
-  store: (data) => {
-    // NOTE:  this assumes you're passing REAL data, not a proxy...
-    const json = JSON.stringify(data);
-    localStorage.setItem(KEY, json);
-  },
+    get: () => {
+        const json = localStorage.getItem(KEY);
+        return promisedParseJSON(json);
+    },
+    store: (data) => {
+        // NOTE:  this assumes you're passing REAL data, not a proxy...
+        const json = JSON.stringify(data);
+        localStorage.setItem(KEY, json);
+    },
 };
 
 const protoDaisyDbCss = "";
 
 const ProtoDaisyDB = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.emitter = undefined;
-  }
-  componentDidLoad() {
-    if (this.emitter && window[this.emitter]) {
-      const emitter = window[this.emitter];
-      emitter.on('app-data:get', _e => {
-        console.log('app-data:get');
-        bag
-          .get()
-          .then(value => {
-          emitter.emit('app-data:value', value);
-        })
-          .catch(reason => {
-          console.log(reason);
-        });
-      });
-      emitter.on('app-data:store', e => {
-        console.log('app-data:store', e);
-        bag.store(e);
-      });
-      const data = { ready: true };
-      emitter.emit('proto-daisy-db', data);
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.emitter = undefined;
+    }
+    componentDidLoad() {
+        if (this.emitter && window[this.emitter]) {
+            const emitter = window[this.emitter];
+            emitter.on('app-data:get', _e => {
+                console.log('app-data:get');
+                bag
+                    .get()
+                    .then(value => {
+                    emitter.emit('app-data:value', value);
+                })
+                    .catch(reason => {
+                    console.log(reason);
+                });
+            });
+            emitter.on('app-data:store', e => {
+                console.log('app-data:store', e);
+                bag.store(e);
+            });
+            const data = { ready: true };
+            emitter.emit('proto-daisy-db', data);
+        }
+    }
+    render() {
+        return index.h("div", null);
     }
-  }
-  render() {
-    return index.h("div", null);
-  }
 };
 ProtoDaisyDB.style = protoDaisyDbCss;
 
 const protoFauxKeysCss = "";
 
 const ProtoFauxKeys = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.data = undefined;
-  }
-  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)))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.data = undefined;
+    }
+    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)))));
+    }
 };
 ProtoFauxKeys.style = protoFauxKeysCss;
 
 const protoFauxStampCss = "";
 
 const ProtoFauxStamp = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.data = undefined;
-  }
-  render() {
-    const stamp = this.data ? this.data['stamp'] : '';
-    return (index.h("div", { class: "flex" }, index.h("span", null, stamp)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.data = undefined;
+    }
+    render() {
+        const stamp = this.data ? this.data['stamp'] : '';
+        return (index.h("div", { class: "flex" }, index.h("span", null, stamp)));
+    }
 };
 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;}::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,\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    'Segoe UI',\n    Roboto,\n    'Helvetica Neue',\n    Arial,\n    'Noto Sans',\n    sans-serif,\n    'Apple Color Emoji',\n    'Segoe UI Emoji',\n    'Segoe UI Symbol',\n    '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 ProtoFauxTrigger = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.emitter = undefined;
-    this.data = undefined;
-  }
-  componentDidLoad() {
-    if (this.emitter && window[this.emitter]) {
-      const emitter = window[this.emitter];
-      emitter.on('app-data:value', e => {
-        this.data = e;
-      });
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.emitter = undefined;
+        this.data = undefined;
+    }
+    componentDidLoad() {
+        if (this.emitter && window[this.emitter]) {
+            const emitter = window[this.emitter];
+            emitter.on('app-data:value', e => {
+                this.data = e;
+            });
+        }
     }
-  }
-  emitData() {
-    if (this.emitter && window[this.emitter]) {
-      const emitter = window[this.emitter];
-      const login = true;
-      const stamp = Date.now();
-      const theme = 'dark';
-      const dealers = [];
-      const data = { login, stamp, theme, dealers };
-      this.data = undefined;
-      emitter.emit('app-data:store', data);
+    emitData() {
+        if (this.emitter && window[this.emitter]) {
+            const emitter = window[this.emitter];
+            const login = true;
+            const stamp = Date.now();
+            const theme = 'dark';
+            const dealers = [];
+            const data = { login, stamp, theme, dealers };
+            this.data = undefined;
+            emitter.emit('app-data:store', data);
+        }
     }
-  }
-  fetchData() {
-    if (this.emitter && window[this.emitter]) {
-      const emitter = window[this.emitter];
-      emitter.emit('app-data:get', 42);
+    fetchData() {
+        if (this.emitter && window[this.emitter]) {
+            const emitter = window[this.emitter];
+            emitter.emit('app-data:get', 42);
+        }
+    }
+    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 })));
     }
-  }
-  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 })));
-  }
 };
 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;
-      });
+    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)));
     }
-  }
-  render() {
-    return (index.h("div", null, index.h("span", { class: "text-xs italic" }, this.eventType)));
-  }
 };
 ProtoFauxType.style = protoFauxTypeCss;
 

package/dist/collection/collection-manifest.json

@@ -8,7 +8,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.7.2",
+    "version": "4.8.0",
     "typescriptVersion": "5.2.2"
   },
   "collections": [],

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

@@ -1,66 +1,66 @@
 import { h } from "@stencil/core";
 import { bag } from "../../utils";
 export class ProtoDaisyDB {
-  constructor() {
-    this.emitter = undefined;
-  }
-  componentDidLoad() {
-    if (this.emitter && window[this.emitter]) {
-      const emitter = window[this.emitter];
-      emitter.on('app-data:get', _e => {
-        console.log('app-data:get');
-        bag
-          .get()
-          .then(value => {
-          emitter.emit('app-data:value', value);
-        })
-          .catch(reason => {
-          console.log(reason);
-        });
-      });
-      emitter.on('app-data:store', e => {
-        console.log('app-data:store', e);
-        bag.store(e);
-      });
-      const data = { ready: true };
-      emitter.emit('proto-daisy-db', data);
+    constructor() {
+        this.emitter = undefined;
+    }
+    componentDidLoad() {
+        if (this.emitter && window[this.emitter]) {
+            const emitter = window[this.emitter];
+            emitter.on('app-data:get', _e => {
+                console.log('app-data:get');
+                bag
+                    .get()
+                    .then(value => {
+                    emitter.emit('app-data:value', value);
+                })
+                    .catch(reason => {
+                    console.log(reason);
+                });
+            });
+            emitter.on('app-data:store', e => {
+                console.log('app-data:store', e);
+                bag.store(e);
+            });
+            const data = { ready: true };
+            emitter.emit('proto-daisy-db', data);
+        }
+    }
+    render() {
+        return h("div", null);
+    }
+    static get is() { return "proto-daisy-db"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["proto-daisy-db.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["proto-daisy-db.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"
+            }
+        };
     }
-  }
-  render() {
-    return h("div", null);
-  }
-  static get is() { return "proto-daisy-db"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["proto-daisy-db.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["proto-daisy-db.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"
-      }
-    };
-  }
 }

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

@@ -1,41 +1,41 @@
 import { h } from "@stencil/core";
 export class ProtoFauxKeys {
-  constructor() {
-    this.data = undefined;
-  }
-  render() {
-    const keys = this.data ? Object.keys(this.data) : [];
-    return (h("div", { class: "flex flex-col" }, keys.map(key => (h("span", null, key)))));
-  }
-  static get is() { return "proto-faux-keys"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["proto-faux-keys.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["proto-faux-keys.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "data": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "object",
-          "resolved": "object",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "undefined"
-      }
-    };
-  }
+    constructor() {
+        this.data = undefined;
+    }
+    render() {
+        const keys = this.data ? Object.keys(this.data) : [];
+        return (h("div", { class: "flex flex-col" }, keys.map(key => (h("span", null, key)))));
+    }
+    static get is() { return "proto-faux-keys"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["proto-faux-keys.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["proto-faux-keys.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "data": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "object",
+                    "resolved": "object",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "undefined"
+            }
+        };
+    }
 }

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

@@ -1,41 +1,41 @@
 import { h } from "@stencil/core";
 export class ProtoFauxStamp {
-  constructor() {
-    this.data = undefined;
-  }
-  render() {
-    const stamp = this.data ? this.data['stamp'] : '';
-    return (h("div", { class: "flex" }, h("span", null, stamp)));
-  }
-  static get is() { return "proto-faux-stamp"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["proto-faux-stamp.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["proto-faux-stamp.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "data": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "object",
-          "resolved": "object",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "undefined"
-      }
-    };
-  }
+    constructor() {
+        this.data = undefined;
+    }
+    render() {
+        const stamp = this.data ? this.data['stamp'] : '';
+        return (h("div", { class: "flex" }, h("span", null, stamp)));
+    }
+    static get is() { return "proto-faux-stamp"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["proto-faux-stamp.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["proto-faux-stamp.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "data": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "object",
+                    "resolved": "object",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "undefined"
+            }
+        };
+    }
 }