lunchboxjs 2.2.3 → 3.0.0

package/dist/lunchboxjs.js

@@ -1,5 +1,6 @@
-import * as p from "three";
-const Ae = [
+import { LitElement as $, html as O, css as V } from "lit";
+import * as d from "three";
+const B = [
   // ORDER MATTERS HERE!
   // Place the objects most likely to wrap other objects at the beginning of the list.
   // Main wrappers
@@ -85,25 +86,114 @@ const Ae = [
   "Color",
   // Loaders
   "TextureLoader"
-];
+], K = (i, e, t) => {
+  if (!e)
+    return;
+  const r = Array.isArray(e) ? e : e.match(/([^[.\]])+/g), s = r == null ? void 0 : r.reduce(
+    (n, o) => n && n[o],
+    i
+  );
+  return s === void 0 ? t : s;
+};
+function Y(i) {
+  if (!i)
+    return !1;
+  const e = i.constructor && i.constructor.toString().substring(0, 5) === "class";
+  if (i.prototype === void 0)
+    return e;
+  const t = i.prototype.constructor && i.prototype.constructor.toString && i.prototype.constructor.toString().substring(0, 5) === "class";
+  return e || t;
+}
+const Z = () => {
+  const i = "[object Number]", t = Object.prototype.toString;
+  function r(n) {
+    return !!n && typeof n == "object";
+  }
+  return function(o) {
+    return typeof o == "number" || r(o) && t.call(o) == i;
+  };
+}, X = Z(), Q = (i, e, t) => {
+  const r = Array.isArray(e) ? e : e.match(/([^[.\]])+/g);
+  r == null || r.reduce((s, n, o) => (s[n] === void 0 && (s[n] = {}), o === r.length - 1 && (s[n] = t), s[n]), i);
+}, q = "data-three-uuid", L = (i) => {
+  var t, r, s;
+  let e = i.parentNode;
+  for (; e && !(e != null && e.instance) && !((t = e == null ? void 0 : e.three) != null && t.scene); )
+    e = (e == null ? void 0 : e.parentNode) || (e == null ? void 0 : e.host) || ((s = (r = e.getRootNode) == null ? void 0 : r.call(e)) == null ? void 0 : s.host);
+  return e;
+};
+function b(i, e) {
+  return i ? i instanceof ShadowRoot ? b(i.host, e) : i instanceof HTMLElement && (typeof e == "string" && i.matches(e) || typeof e == "function" && e(i)) ? i : b(i.parentNode, e) : null;
+}
+const _ = (i, e, t) => {
+  var n, o;
+  const r = K(i, e);
+  if (X(t) && (r != null && r.setScalar))
+    r.setScalar(+t);
+  else if (r != null && r.set)
+    if (typeof t == "string") {
+      const a = t.split(","), h = a.every((c) => !c.match(/^[^\d,]+$/));
+      if ((n = t.toLowerCase().trim().match(/^#[\dabcdef]{3,6}$/)) != null && n.length)
+        if (t.length === 4) {
+          const c = [t[1], t[1], t[2], t[2], t[3], t[3]].join("");
+          r.set(+`0x${c}`);
+        } else
+          r.set(+`0x${t.slice(1)}`);
+      else
+        a != null && a.length && h ? r.set(...a.map((c) => +c)) : r.set(t);
+    } else {
+      const a = Array.isArray(t) ? t : [t];
+      r.set(...a);
+    }
+  else
+    Q(i, e, t);
+  const s = i;
+  typeof s.type == "string" && ((o = s.type) != null && o.toLowerCase().endsWith("material")) && (s.needsUpdate = !0);
+}, C = {
+  $scene: (i) => {
+    const e = i.closest("three-lunchbox");
+    return e == null ? void 0 : e.three.scene;
+  },
+  $camera: (i) => {
+    const e = i.closest("three-lunchbox");
+    return e == null ? void 0 : e.three.camera;
+  },
+  $renderer: (i) => {
+    const e = i.closest("three-lunchbox");
+    return e == null ? void 0 : e.three.renderer;
+  },
+  $domElement: (i) => {
+    var t;
+    const e = i.closest("three-lunchbox");
+    return (t = e == null ? void 0 : e.three.renderer) == null ? void 0 : t.domElement;
+  }
+}, v = (i, e) => {
+  var r;
+  if (typeof i != "string")
+    return i;
+  if (i === "")
+    return !0;
+  const t = (r = C[i]) == null ? void 0 : r.call(C, e);
+  return CSS.supports("color", i) ? new d.Color(i) : t ?? i;
+};
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const j = globalThis, Y = j.ShadowRoot && (j.ShadyCSS === void 0 || j.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, X = Symbol(), re = /* @__PURE__ */ new WeakMap();
-let be = class {
-  constructor(e, t, s) {
-    if (this._$cssResult$ = !0, s !== X)
+const g = globalThis, M = g.ShadowRoot && (g.ShadyCSS === void 0 || g.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, H = Symbol(), U = /* @__PURE__ */ new WeakMap();
+let ee = class {
+  constructor(e, t, r) {
+    if (this._$cssResult$ = !0, r !== H)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
   }
   get styleSheet() {
     let e = this.o;
     const t = this.t;
-    if (Y && e === void 0) {
-      const s = t !== void 0 && t.length === 1;
-      s && (e = re.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), s && re.set(t, e));
+    if (M && e === void 0) {
+      const r = t !== void 0 && t.length === 1;
+      r && (e = U.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), r && U.set(t, e));
     }
     return e;
   }
@@ -111,38 +201,29 @@ let be = class {
     return this.cssText;
   }
 };
-const Me = (i) => new be(typeof i == "string" ? i : i + "", void 0, X), Oe = (i, ...e) => {
-  const t = i.length === 1 ? i[0] : e.reduce((s, r, n) => s + ((o) => {
-    if (o._$cssResult$ === !0)
-      return o.cssText;
-    if (typeof o == "number")
-      return o;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(r) + i[n + 1], i[0]);
-  return new be(t, i, X);
-}, xe = (i, e) => {
-  if (Y)
+const te = (i) => new ee(typeof i == "string" ? i : i + "", void 0, H), re = (i, e) => {
+  if (M)
     i.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else
     for (const t of e) {
-      const s = document.createElement("style"), r = j.litNonce;
-      r !== void 0 && s.setAttribute("nonce", r), s.textContent = t.cssText, i.appendChild(s);
+      const r = document.createElement("style"), s = g.litNonce;
+      s !== void 0 && r.setAttribute("nonce", s), r.textContent = t.cssText, i.appendChild(r);
     }
-}, ie = Y ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((e) => {
+}, N = M ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((e) => {
   let t = "";
-  for (const s of e.cssRules)
-    t += s.cssText;
-  return Me(t);
+  for (const r of e.cssRules)
+    t += r.cssText;
+  return te(t);
 })(i) : i;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Re, defineProperty: Ne, getOwnPropertyDescriptor: Le, getOwnPropertyNames: Ue, getOwnPropertySymbols: He, getPrototypeOf: je } = Object, A = globalThis, ne = A.trustedTypes, De = ne ? ne.emptyScript : "", W = A.reactiveElementPolyfillSupport, O = (i, e) => i, k = { toAttribute(i, e) {
+const { is: se, defineProperty: ie, getOwnPropertyDescriptor: ne, getOwnPropertyNames: oe, getOwnPropertySymbols: ae, getPrototypeOf: he } = Object, p = globalThis, j = p.trustedTypes, ce = j ? j.emptyScript : "", S = p.reactiveElementPolyfillSupport, E = (i, e) => i, w = { toAttribute(i, e) {
   switch (e) {
     case Boolean:
-      i = i ? De : null;
+      i = i ? ce : null;
       break;
     case Object:
     case Array:
@@ -167,76 +248,76 @@ const { is: Re, defineProperty: Ne, getOwnPropertyDescriptor: Le, getOwnProperty
       }
   }
   return t;
-} }, Q = (i, e) => !Re(i, e), oe = { attribute: !0, type: String, converter: k, reflect: !1, useDefault: !1, hasChanged: Q };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), A.litPropertyMetadata ?? (A.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let S = class extends HTMLElement {
+} }, T = (i, e) => !se(i, e), D = { attribute: !0, type: String, converter: w, reflect: !1, useDefault: !1, hasChanged: T };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), p.litPropertyMetadata ?? (p.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class y extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, t = oe) {
+  static createProperty(e, t = D) {
     if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
-      const s = Symbol(), r = this.getPropertyDescriptor(e, s, t);
-      r !== void 0 && Ne(this.prototype, e, r);
+      const r = Symbol(), s = this.getPropertyDescriptor(e, r, t);
+      s !== void 0 && ie(this.prototype, e, s);
     }
   }
-  static getPropertyDescriptor(e, t, s) {
-    const { get: r, set: n } = Le(this.prototype, e) ?? { get() {
+  static getPropertyDescriptor(e, t, r) {
+    const { get: s, set: n } = ne(this.prototype, e) ?? { get() {
       return this[t];
     }, set(o) {
       this[t] = o;
     } };
-    return { get: r, set(o) {
-      const a = r == null ? void 0 : r.call(this);
-      n == null || n.call(this, o), this.requestUpdate(e, a, s);
+    return { get: s, set(o) {
+      const a = s == null ? void 0 : s.call(this);
+      n == null || n.call(this, o), this.requestUpdate(e, a, r);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? oe;
+    return this.elementProperties.get(e) ?? D;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(O("elementProperties")))
+    if (this.hasOwnProperty(E("elementProperties")))
       return;
-    const e = je(this);
+    const e = he(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(O("finalized")))
+    if (this.hasOwnProperty(E("finalized")))
       return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(O("properties"))) {
-      const t = this.properties, s = [...Ue(t), ...He(t)];
-      for (const r of s)
-        this.createProperty(r, t[r]);
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(E("properties"))) {
+      const t = this.properties, r = [...oe(t), ...ae(t)];
+      for (const s of r)
+        this.createProperty(s, t[s]);
     }
     const e = this[Symbol.metadata];
     if (e !== null) {
       const t = litPropertyMetadata.get(e);
       if (t !== void 0)
-        for (const [s, r] of t)
-          this.elementProperties.set(s, r);
+        for (const [r, s] of t)
+          this.elementProperties.set(r, s);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [t, s] of this.elementProperties) {
-      const r = this._$Eu(t, s);
-      r !== void 0 && this._$Eh.set(r, t);
+    for (const [t, r] of this.elementProperties) {
+      const s = this._$Eu(t, r);
+      s !== void 0 && this._$Eh.set(s, t);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
   static finalizeStyles(e) {
     const t = [];
     if (Array.isArray(e)) {
-      const s = new Set(e.flat(1 / 0).reverse());
-      for (const r of s)
-        t.unshift(ie(r));
+      const r = new Set(e.flat(1 / 0).reverse());
+      for (const s of r)
+        t.unshift(N(s));
     } else
-      e !== void 0 && t.push(ie(e));
+      e !== void 0 && t.push(N(e));
     return t;
   }
   static _$Eu(e, t) {
-    const s = t.attribute;
-    return s === !1 ? void 0 : typeof s == "string" ? s : typeof e == "string" ? e.toLowerCase() : void 0;
+    const r = t.attribute;
+    return r === !1 ? void 0 : typeof r == "string" ? r : typeof e == "string" ? e.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -255,19 +336,19 @@ let S = class extends HTMLElement {
   }
   _$E_() {
     const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
-    for (const s of t.keys())
-      this.hasOwnProperty(s) && (e.set(s, this[s]), delete this[s]);
+    for (const r of t.keys())
+      this.hasOwnProperty(r) && (e.set(r, this[r]), delete this[r]);
     e.size > 0 && (this._$Ep = e);
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return xe(e, this.constructor.elementStyles), e;
+    return re(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
     this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((t) => {
-      var s;
-      return (s = t.hostConnected) == null ? void 0 : s.call(t);
+      var r;
+      return (r = t.hostConnected) == null ? void 0 : r.call(t);
     });
   }
   enableUpdating(e) {
@@ -275,43 +356,43 @@ let S = class extends HTMLElement {
   disconnectedCallback() {
     var e;
     (e = this._$EO) == null || e.forEach((t) => {
-      var s;
-      return (s = t.hostDisconnected) == null ? void 0 : s.call(t);
+      var r;
+      return (r = t.hostDisconnected) == null ? void 0 : r.call(t);
     });
   }
-  attributeChangedCallback(e, t, s) {
-    this._$AK(e, s);
+  attributeChangedCallback(e, t, r) {
+    this._$AK(e, r);
   }
   _$ET(e, t) {
     var n;
-    const s = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, s);
-    if (r !== void 0 && s.reflect === !0) {
-      const o = (((n = s.converter) == null ? void 0 : n.toAttribute) !== void 0 ? s.converter : k).toAttribute(t, s.type);
-      this._$Em = e, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
+    const r = this.constructor.elementProperties.get(e), s = this.constructor._$Eu(e, r);
+    if (s !== void 0 && r.reflect === !0) {
+      const o = (((n = r.converter) == null ? void 0 : n.toAttribute) !== void 0 ? r.converter : w).toAttribute(t, r.type);
+      this._$Em = e, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
     }
   }
   _$AK(e, t) {
     var n, o;
-    const s = this.constructor, r = s._$Eh.get(e);
-    if (r !== void 0 && this._$Em !== r) {
-      const a = s.getPropertyOptions(r), h = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((n = a.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? a.converter : k;
-      this._$Em = r;
+    const r = this.constructor, s = r._$Eh.get(e);
+    if (s !== void 0 && this._$Em !== s) {
+      const a = r.getPropertyOptions(s), h = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((n = a.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? a.converter : w;
+      this._$Em = s;
       const c = h.fromAttribute(t, a.type);
-      this[r] = c ?? ((o = this._$Ej) == null ? void 0 : o.get(r)) ?? c, this._$Em = null;
+      this[s] = c ?? ((o = this._$Ej) == null ? void 0 : o.get(s)) ?? c, this._$Em = null;
     }
   }
-  requestUpdate(e, t, s, r = !1, n) {
+  requestUpdate(e, t, r, s = !1, n) {
     var o;
     if (e !== void 0) {
       const a = this.constructor;
-      if (r === !1 && (n = this[e]), s ?? (s = a.getPropertyOptions(e)), !((s.hasChanged ?? Q)(n, t) || s.useDefault && s.reflect && n === ((o = this._$Ej) == null ? void 0 : o.get(e)) && !this.hasAttribute(a._$Eu(e, s))))
+      if (s === !1 && (n = this[e]), r ?? (r = a.getPropertyOptions(e)), !((r.hasChanged ?? T)(n, t) || r.useDefault && r.reflect && n === ((o = this._$Ej) == null ? void 0 : o.get(e)) && !this.hasAttribute(a._$Eu(e, r))))
         return;
-      this.C(e, t, s);
+      this.C(e, t, r);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(e, t, { useDefault: s, reflect: r, wrapped: n }, o) {
-    s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, o ?? t ?? this[e]), n !== !0 || o !== void 0) || (this._$AL.has(e) || (this.hasUpdated || s || (t = void 0), this._$AL.set(e, t)), r === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
+  C(e, t, { useDefault: r, reflect: s, wrapped: n }, o) {
+    r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, o ?? t ?? this[e]), n !== !0 || o !== void 0) || (this._$AL.has(e) || (this.hasUpdated || r || (t = void 0), this._$AL.set(e, t)), s === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -327,7 +408,7 @@ let S = class extends HTMLElement {
     return this.performUpdate();
   }
   performUpdate() {
-    var s;
+    var r;
     if (!this.isUpdatePending)
       return;
     if (!this.hasUpdated) {
@@ -336,9 +417,9 @@ let S = class extends HTMLElement {
           this[n] = o;
         this._$Ep = void 0;
       }
-      const r = this.constructor.elementProperties;
-      if (r.size > 0)
-        for (const [n, o] of r) {
+      const s = this.constructor.elementProperties;
+      if (s.size > 0)
+        for (const [n, o] of s) {
           const { wrapped: a } = o, h = this[n];
           a !== !0 || this._$AL.has(n) || h === void 0 || this.C(n, void 0, o, h);
         }
@@ -346,12 +427,12 @@ let S = class extends HTMLElement {
     let e = !1;
     const t = this._$AL;
     try {
-      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (s = this._$EO) == null || s.forEach((r) => {
+      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (r = this._$EO) == null || r.forEach((s) => {
         var n;
-        return (n = r.hostUpdate) == null ? void 0 : n.call(r);
+        return (n = s.hostUpdate) == null ? void 0 : n.call(s);
       }), this.update(t)) : this._$EM();
-    } catch (r) {
-      throw e = !1, this._$EM(), r;
+    } catch (s) {
+      throw e = !1, this._$EM(), s;
     }
     e && this._$AE(t);
   }
@@ -359,9 +440,9 @@ let S = class extends HTMLElement {
   }
   _$AE(e) {
     var t;
-    (t = this._$EO) == null || t.forEach((s) => {
-      var r;
-      return (r = s.hostUpdated) == null ? void 0 : r.call(s);
+    (t = this._$EO) == null || t.forEach((r) => {
+      var s;
+      return (s = r.hostUpdated) == null ? void 0 : s.call(r);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
   }
   _$EM() {
@@ -383,395 +464,17 @@ let S = class extends HTMLElement {
   }
   firstUpdated(e) {
   }
-};
-S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[O("elementProperties")] = /* @__PURE__ */ new Map(), S[O("finalized")] = /* @__PURE__ */ new Map(), W == null || W({ ReactiveElement: S }), (A.reactiveElementVersions ?? (A.reactiveElementVersions = [])).push("2.1.2");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const x = globalThis, ae = (i) => i, I = x.trustedTypes, he = I ? I.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Ee = "$lit$", g = `lit$${Math.random().toFixed(9).slice(2)}$`, _e = "?" + g, ke = `<${_e}>`, C = document, R = () => C.createComment(""), N = (i) => i === null || typeof i != "object" && typeof i != "function", ee = Array.isArray, Ie = (i) => ee(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", q = `[ 	
-\f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ce = /-->/g, le = />/g, E = RegExp(`>|${q}(?:([^\\s"'>=/]+)(${q}*=${q}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), de = /'/g, ue = /"/g, ve = /^(?:script|style|textarea|title)$/i, Be = (i) => (e, ...t) => ({ _$litType$: i, strings: e, values: t }), te = Be(1), P = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), pe = /* @__PURE__ */ new WeakMap(), _ = C.createTreeWalker(C, 129);
-function we(i, e) {
-  if (!ee(i) || !i.hasOwnProperty("raw"))
-    throw Error("invalid template strings array");
-  return he !== void 0 ? he.createHTML(e) : e;
-}
-const Ge = (i, e) => {
-  const t = i.length - 1, s = [];
-  let r, n = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = M;
-  for (let a = 0; a < t; a++) {
-    const h = i[a];
-    let c, d, l = -1, m = 0;
-    for (; m < h.length && (o.lastIndex = m, d = o.exec(h), d !== null); )
-      m = o.lastIndex, o === M ? d[1] === "!--" ? o = ce : d[1] !== void 0 ? o = le : d[2] !== void 0 ? (ve.test(d[2]) && (r = RegExp("</" + d[2], "g")), o = E) : d[3] !== void 0 && (o = E) : o === E ? d[0] === ">" ? (o = r ?? M, l = -1) : d[1] === void 0 ? l = -2 : (l = o.lastIndex - d[2].length, c = d[1], o = d[3] === void 0 ? E : d[3] === '"' ? ue : de) : o === ue || o === de ? o = E : o === ce || o === le ? o = M : (o = E, r = void 0);
-    const $ = o === E && i[a + 1].startsWith("/>") ? " " : "";
-    n += o === M ? h + ke : l >= 0 ? (s.push(c), h.slice(0, l) + Ee + h.slice(l) + g + $) : h + g + (l === -2 ? a : $);
-  }
-  return [we(i, n + (i[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
-};
-class L {
-  constructor({ strings: e, _$litType$: t }, s) {
-    let r;
-    this.parts = [];
-    let n = 0, o = 0;
-    const a = e.length - 1, h = this.parts, [c, d] = Ge(e, t);
-    if (this.el = L.createElement(c, s), _.currentNode = this.el.content, t === 2 || t === 3) {
-      const l = this.el.content.firstChild;
-      l.replaceWith(...l.childNodes);
-    }
-    for (; (r = _.nextNode()) !== null && h.length < a; ) {
-      if (r.nodeType === 1) {
-        if (r.hasAttributes())
-          for (const l of r.getAttributeNames())
-            if (l.endsWith(Ee)) {
-              const m = d[o++], $ = r.getAttribute(l).split(g), H = /([.?@])?(.*)/.exec(m);
-              h.push({ type: 1, index: n, name: H[2], strings: $, ctor: H[1] === "." ? We : H[1] === "?" ? qe : H[1] === "@" ? Fe : z }), r.removeAttribute(l);
-            } else
-              l.startsWith(g) && (h.push({ type: 6, index: n }), r.removeAttribute(l));
-        if (ve.test(r.tagName)) {
-          const l = r.textContent.split(g), m = l.length - 1;
-          if (m > 0) {
-            r.textContent = I ? I.emptyScript : "";
-            for (let $ = 0; $ < m; $++)
-              r.append(l[$], R()), _.nextNode(), h.push({ type: 2, index: ++n });
-            r.append(l[m], R());
-          }
-        }
-      } else if (r.nodeType === 8)
-        if (r.data === _e)
-          h.push({ type: 2, index: n });
-        else {
-          let l = -1;
-          for (; (l = r.data.indexOf(g, l + 1)) !== -1; )
-            h.push({ type: 7, index: n }), l += g.length - 1;
-        }
-      n++;
-    }
-  }
-  static createElement(e, t) {
-    const s = C.createElement("template");
-    return s.innerHTML = e, s;
-  }
-}
-function T(i, e, t = i, s) {
-  var o, a;
-  if (e === P)
-    return e;
-  let r = s !== void 0 ? (o = t._$Co) == null ? void 0 : o[s] : t._$Cl;
-  const n = N(e) ? void 0 : e._$litDirective$;
-  return (r == null ? void 0 : r.constructor) !== n && ((a = r == null ? void 0 : r._$AO) == null || a.call(r, !1), n === void 0 ? r = void 0 : (r = new n(i), r._$AT(i, t, s)), s !== void 0 ? (t._$Co ?? (t._$Co = []))[s] = r : t._$Cl = r), r !== void 0 && (e = T(i, r._$AS(i, e.values), r, s)), e;
-}
-class ze {
-  constructor(e, t) {
-    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(e) {
-    const { el: { content: t }, parts: s } = this._$AD, r = ((e == null ? void 0 : e.creationScope) ?? C).importNode(t, !0);
-    _.currentNode = r;
-    let n = _.nextNode(), o = 0, a = 0, h = s[0];
-    for (; h !== void 0; ) {
-      if (o === h.index) {
-        let c;
-        h.type === 2 ? c = new U(n, n.nextSibling, this, e) : h.type === 1 ? c = new h.ctor(n, h.name, h.strings, this, e) : h.type === 6 && (c = new Ve(n, this, e)), this._$AV.push(c), h = s[++a];
-      }
-      o !== (h == null ? void 0 : h.index) && (n = _.nextNode(), o++);
-    }
-    return _.currentNode = C, r;
-  }
-  p(e) {
-    let t = 0;
-    for (const s of this._$AV)
-      s !== void 0 && (s.strings !== void 0 ? (s._$AI(e, s, t), t += s.strings.length - 2) : s._$AI(e[t])), t++;
-  }
-}
-class U {
-  get _$AU() {
-    var e;
-    return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
-  }
-  constructor(e, t, s, r) {
-    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = s, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;
-  }
-  get parentNode() {
-    let e = this._$AA.parentNode;
-    const t = this._$AM;
-    return t !== void 0 && (e == null ? void 0 : e.nodeType) === 11 && (e = t.parentNode), e;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(e, t = this) {
-    e = T(this, e, t), N(e) ? e === u || e == null || e === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : e !== this._$AH && e !== P && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Ie(e) ? this.k(e) : this._(e);
-  }
-  O(e) {
-    return this._$AA.parentNode.insertBefore(e, this._$AB);
-  }
-  T(e) {
-    this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
-  }
-  _(e) {
-    this._$AH !== u && N(this._$AH) ? this._$AA.nextSibling.data = e : this.T(C.createTextNode(e)), this._$AH = e;
-  }
-  $(e) {
-    var n;
-    const { values: t, _$litType$: s } = e, r = typeof s == "number" ? this._$AC(e) : (s.el === void 0 && (s.el = L.createElement(we(s.h, s.h[0]), this.options)), s);
-    if (((n = this._$AH) == null ? void 0 : n._$AD) === r)
-      this._$AH.p(t);
-    else {
-      const o = new ze(r, this), a = o.u(this.options);
-      o.p(t), this.T(a), this._$AH = o;
-    }
-  }
-  _$AC(e) {
-    let t = pe.get(e.strings);
-    return t === void 0 && pe.set(e.strings, t = new L(e)), t;
-  }
-  k(e) {
-    ee(this._$AH) || (this._$AH = [], this._$AR());
-    const t = this._$AH;
-    let s, r = 0;
-    for (const n of e)
-      r === t.length ? t.push(s = new U(this.O(R()), this.O(R()), this, this.options)) : s = t[r], s._$AI(n), r++;
-    r < t.length && (this._$AR(s && s._$AB.nextSibling, r), t.length = r);
-  }
-  _$AR(e = this._$AA.nextSibling, t) {
-    var s;
-    for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, t); e !== this._$AB; ) {
-      const r = ae(e).nextSibling;
-      ae(e).remove(), e = r;
-    }
-  }
-  setConnected(e) {
-    var t;
-    this._$AM === void 0 && (this._$Cv = e, (t = this._$AP) == null || t.call(this, e));
-  }
 }
-class z {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(e, t, s, r, n) {
-    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = e, this.name = t, this._$AM = r, this.options = n, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = u;
-  }
-  _$AI(e, t = this, s, r) {
-    const n = this.strings;
-    let o = !1;
-    if (n === void 0)
-      e = T(this, e, t, 0), o = !N(e) || e !== this._$AH && e !== P, o && (this._$AH = e);
-    else {
-      const a = e;
-      let h, c;
-      for (e = n[0], h = 0; h < n.length - 1; h++)
-        c = T(this, a[s + h], t, h), c === P && (c = this._$AH[h]), o || (o = !N(c) || c !== this._$AH[h]), c === u ? e = u : e !== u && (e += (c ?? "") + n[h + 1]), this._$AH[h] = c;
-    }
-    o && !r && this.j(e);
-  }
-  j(e) {
-    e === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
-  }
-}
-class We extends z {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(e) {
-    this.element[this.name] = e === u ? void 0 : e;
-  }
-}
-class qe extends z {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== u);
-  }
-}
-class Fe extends z {
-  constructor(e, t, s, r, n) {
-    super(e, t, s, r, n), this.type = 5;
-  }
-  _$AI(e, t = this) {
-    if ((e = T(this, e, t, 0) ?? u) === P)
-      return;
-    const s = this._$AH, r = e === u && s !== u || e.capture !== s.capture || e.once !== s.once || e.passive !== s.passive, n = e !== u && (s === u || r);
-    r && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, e), this._$AH = e;
-  }
-  handleEvent(e) {
-    var t;
-    typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
-  }
-}
-class Ve {
-  constructor(e, t, s) {
-    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = s;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(e) {
-    T(this, e);
-  }
-}
-const F = x.litHtmlPolyfillSupport;
-F == null || F(L, U), (x.litHtmlVersions ?? (x.litHtmlVersions = [])).push("3.3.2");
-const Je = (i, e, t) => {
-  const s = (t == null ? void 0 : t.renderBefore) ?? e;
-  let r = s._$litPart$;
-  if (r === void 0) {
-    const n = (t == null ? void 0 : t.renderBefore) ?? null;
-    s._$litPart$ = r = new U(e.insertBefore(R(), n), n, void 0, t ?? {});
-  }
-  return r._$AI(i), r;
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const v = globalThis;
-class w extends S {
-  constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
-  }
-  createRenderRoot() {
-    var t;
-    const e = super.createRenderRoot();
-    return (t = this.renderOptions).renderBefore ?? (t.renderBefore = e.firstChild), e;
-  }
-  update(e) {
-    const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Je(t, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    var e;
-    super.connectedCallback(), (e = this._$Do) == null || e.setConnected(!0);
-  }
-  disconnectedCallback() {
-    var e;
-    super.disconnectedCallback(), (e = this._$Do) == null || e.setConnected(!1);
-  }
-  render() {
-    return P;
-  }
-}
-var ge;
-w._$litElement$ = !0, w.finalized = !0, (ge = v.litElementHydrateSupport) == null || ge.call(v, { LitElement: w });
-const V = v.litElementPolyfillSupport;
-V == null || V({ LitElement: w });
-(v.litElementVersions ?? (v.litElementVersions = [])).push("4.2.2");
-const Ze = (i, e, t) => {
-  if (!e)
-    return;
-  const s = Array.isArray(e) ? e : e.match(/([^[.\]])+/g), r = s == null ? void 0 : s.reduce(
-    (n, o) => n && n[o],
-    i
-  );
-  return r === void 0 ? t : r;
-};
-function Ke(i) {
-  if (!i)
-    return !1;
-  const e = i.constructor && i.constructor.toString().substring(0, 5) === "class";
-  if (i.prototype === void 0)
-    return e;
-  const t = i.prototype.constructor && i.prototype.constructor.toString && i.prototype.constructor.toString().substring(0, 5) === "class";
-  return e || t;
-}
-const Ye = () => {
-  const i = "[object Number]", t = Object.prototype.toString;
-  function s(n) {
-    return !!n && typeof n == "object";
-  }
-  return function(o) {
-    return typeof o == "number" || s(o) && t.call(o) == i;
-  };
-}, Xe = Ye(), Qe = (i, e, t) => {
-  const s = Array.isArray(e) ? e : e.match(/([^[.\]])+/g);
-  s == null || s.reduce((r, n, o) => (r[n] === void 0 && (r[n] = {}), o === s.length - 1 && (r[n] = t), r[n]), i);
-}, Ce = "data-three-uuid", me = (i) => {
-  var t, s, r;
-  let e = i.parentNode;
-  for (; e && !(e != null && e.instance) && !((t = e == null ? void 0 : e.three) != null && t.scene); )
-    e = (e == null ? void 0 : e.parentNode) || (e == null ? void 0 : e.host) || ((r = (s = e.getRootNode) == null ? void 0 : s.call(e)) == null ? void 0 : r.host);
-  return e;
-};
-function D(i, e) {
-  return i ? i instanceof ShadowRoot ? D(i.host, e) : i instanceof HTMLElement && (typeof e == "string" && i.matches(e) || typeof e == "function" && e(i)) ? i : D(i.parentNode, e) : null;
-}
-const Z = (i, e, t) => {
-  var n, o;
-  const s = Ze(i, e);
-  if (Xe(t) && (s != null && s.setScalar))
-    s.setScalar(+t);
-  else if (s != null && s.set)
-    if (typeof t == "string") {
-      const a = t.split(","), h = a.every((c) => !c.match(/^[^\d,]+$/));
-      if ((n = t.toLowerCase().trim().match(/^#[\dabcdef]{3,6}$/)) != null && n.length)
-        if (t.length === 4) {
-          const c = [t[1], t[1], t[2], t[2], t[3], t[3]].join("");
-          s.set(+`0x${c}`);
-        } else
-          s.set(+`0x${t.slice(1)}`);
-      else
-        a != null && a.length && h ? s.set(...a.map((c) => +c)) : s.set(t);
-    } else {
-      const a = Array.isArray(t) ? t : [t];
-      s.set(...a);
-    }
-  else
-    Qe(i, e, t);
-  const r = i;
-  typeof r.type == "string" && ((o = r.type) != null && o.toLowerCase().endsWith("material")) && (r.needsUpdate = !0);
-}, J = {
-  $scene: (i) => {
-    const e = i.closest("three-lunchbox");
-    return e == null ? void 0 : e.three.scene;
-  },
-  $camera: (i) => {
-    const e = i.closest("three-lunchbox");
-    return e == null ? void 0 : e.three.camera;
-  },
-  $renderer: (i) => {
-    const e = i.closest("three-lunchbox");
-    return e == null ? void 0 : e.three.renderer;
-  },
-  $domElement: (i) => {
-    var t;
-    const e = i.closest("three-lunchbox");
-    return (t = e == null ? void 0 : e.three.renderer) == null ? void 0 : t.domElement;
-  }
-}, B = (i, e) => {
-  var s;
-  if (typeof i != "string")
-    return i;
-  if (i === "")
-    return !0;
-  const t = (s = J[i]) == null ? void 0 : s.call(J, e);
-  return CSS.supports("color", i) ? new p.Color(i) : t ?? i;
-};
+y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[E("elementProperties")] = /* @__PURE__ */ new Map(), y[E("finalized")] = /* @__PURE__ */ new Map(), S == null || S({ ReactiveElement: y }), (p.reactiveElementVersions ?? (p.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const et = { attribute: !0, type: String, converter: k, reflect: !1, hasChanged: Q }, tt = (i = et, e, t) => {
-  const { kind: s, metadata: r } = t;
-  let n = globalThis.litPropertyMetadata.get(r);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), s === "setter" && ((i = Object.create(i)).wrapped = !0), n.set(t.name, i), s === "accessor") {
+const de = { attribute: !0, type: String, converter: w, reflect: !1, hasChanged: T }, le = (i = de, e, t) => {
+  const { kind: r, metadata: s } = t;
+  let n = globalThis.litPropertyMetadata.get(s);
+  if (n === void 0 && globalThis.litPropertyMetadata.set(s, n = /* @__PURE__ */ new Map()), r === "setter" && ((i = Object.create(i)).wrapped = !0), n.set(t.name, i), r === "accessor") {
     const { name: o } = t;
     return { set(a) {
       const h = e.get.call(this);
@@ -780,19 +483,19 @@ const et = { attribute: !0, type: String, converter: k, reflect: !1, hasChanged:
       return a !== void 0 && this.C(o, void 0, i, a), a;
     } };
   }
-  if (s === "setter") {
+  if (r === "setter") {
     const { name: o } = t;
     return function(a) {
       const h = this[o];
       e.call(this, a), this.requestUpdate(o, h, i, !0, a);
     };
   }
-  throw Error("Unsupported decorator location: " + s);
+  throw Error("Unsupported decorator location: " + r);
 };
-function y(i) {
-  return (e, t) => typeof t == "object" ? tt(i, e, t) : ((s, r, n) => {
-    const o = r.hasOwnProperty(n);
-    return r.constructor.createProperty(n, s), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
+function u(i) {
+  return (e, t) => typeof t == "object" ? le(i, e, t) : ((r, s, n) => {
+    const o = s.hasOwnProperty(n);
+    return s.constructor.createProperty(n, r), o ? Object.getOwnPropertyDescriptor(s, n) : void 0;
   })(i, e, t);
 }
 /**
@@ -800,31 +503,31 @@ function y(i) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function st(i) {
-  return y({ ...i, state: !0, attribute: !1 });
+function ue(i) {
+  return u({ ...i, state: !0, attribute: !1 });
 }
-var rt = Object.defineProperty, Se = (i, e, t, s) => {
-  for (var r = void 0, n = i.length - 1, o; n >= 0; n--)
-    (o = i[n]) && (r = o(e, t, r) || r);
-  return r && rt(e, t, r), r;
+var pe = Object.defineProperty, z = (i, e, t, r) => {
+  for (var s = void 0, n = i.length - 1, o; n >= 0; n--)
+    (o = i[n]) && (s = o(e, t, s) || s);
+  return s && pe(e, t, s), s;
 };
-const K = "raycast", fe = [
-  K,
+const P = "raycast", k = [
+  P,
   "args",
   "data"
-], ye = (i) => i.split("-");
-class G extends w {
+], G = (i) => i.split("-");
+class A extends $ {
   constructor(e) {
     super(), this.classSource = e, this.instance = null, this.dispose = [], this.mutationObserver = null, this.tryAddOnce = !1, this.connected = !1;
   }
   observeAttributes() {
     this.mutationObserver = new MutationObserver((e) => {
       e.forEach((t) => {
-        var r;
-        if (!t.attributeName || (r = Object.getPrototypeOf(this).constructor.observedAttributes) != null && r.includes(t.attributeName))
+        var s;
+        if (!t.attributeName || (s = Object.getPrototypeOf(this).constructor.observedAttributes) != null && s.includes(t.attributeName))
           return;
-        const s = this.attributes.getNamedItem(t.attributeName);
-        s && this.updateProperty(s);
+        const r = this.attributes.getNamedItem(t.attributeName);
+        r && this.updateProperty(r);
       });
     }), this.mutationObserver.observe(this, {
       attributes: !0
@@ -835,7 +538,7 @@ class G extends w {
     return typeof e == "string" ? JSON.parse(e) : e;
   }
   createUnderlyingThreeObject() {
-    this.instance = new this.classSource(...this.parsedArgs().map((e) => B(e, this)));
+    this.instance = new this.classSource(...this.parsedArgs().map((e) => v(e, this)));
   }
   refreshAttributes() {
     this.getAttributeNames().forEach((e) => {
@@ -844,31 +547,31 @@ class G extends w {
     }), Array.from(this.attributes).forEach(this.updateProperty.bind(this));
   }
   async onUnderlyingThreeObjectReady() {
-    var s, r, n, o;
+    var r, s, n, o;
     const e = this.instance;
-    e.uuid && this.setAttribute(Ce, e.uuid);
-    let t = me(this);
+    e.uuid && this.setAttribute(q, e.uuid);
+    let t = L(this);
     for (; this != null && this.connected && !this.tryAddOnce && !t; )
-      await new Promise(requestAnimationFrame), t = me(this);
-    if (t && t.instance || (s = t == null ? void 0 : t.three) != null && s.scene) {
-      const a = this.instance, h = this.instance, c = t.instance, d = t.instance ?? ((r = t.three) == null ? void 0 : r.scene), l = this.instance;
+      await new Promise(requestAnimationFrame), t = L(this);
+    if (t && t.instance || (r = t == null ? void 0 : t.three) != null && r.scene) {
+      const a = this.instance, h = this.instance, c = t.instance, f = t.instance ?? ((s = t.three) == null ? void 0 : s.scene), J = this.instance;
       if ((n = a.type) != null && n.toLowerCase().includes("geometry") && c.geometry)
         c.geometry = a;
       else if ((o = h.type) != null && o.toLowerCase().includes("material") && c.material)
         c.material = h;
-      else if (d.add)
+      else if (f.add)
         try {
-          d.add(l), this.dispatchEvent(new CustomEvent("instanceadded", {
+          f.add(J), this.dispatchEvent(new CustomEvent("instanceadded", {
             detail: {
               instance: this.instance,
-              parent: d
+              parent: f
             }
           }));
         } catch {
-          throw new Error(`Error adding ${this.tagName} to ${d}`);
+          throw new Error(`Error adding ${this.tagName} to ${f}`);
         }
-      const m = this.getAttribute("attach");
-      m && this.executeAttach(m, this.instance);
+      const x = this.getAttribute("attach");
+      x && this.executeAttach(x, this.instance);
     }
   }
   connectedCallback() {
@@ -880,24 +583,24 @@ class G extends w {
   }
   /** Update an instance's property. When creating a `<mesh position-y="0.5">`, for example, this sets `mesh.position.y = 0.5`. */
   updateProperty(e) {
-    const { name: t, value: s } = e;
-    let r = t;
+    const { name: t, value: r } = e;
+    let s = t;
     Object.keys(this.instance ?? {}).forEach((a) => {
-      a.toLowerCase() === r && (r = a);
+      a.toLowerCase() === s && (s = a);
     });
-    const n = ye(r);
-    if (fe.includes(r) || fe.includes(n[0]))
+    const n = G(s);
+    if (k.includes(s) || k.includes(n[0]))
       return;
-    let o = B(s, this);
+    let o = v(r, this);
     try {
-      o = JSON.parse(s === "" ? "true" : s);
+      o = JSON.parse(r === "" ? "true" : r);
     } catch {
     }
-    this.instance && Z(this.instance, n, o);
+    this.instance && _(this.instance, n, o);
   }
   executeAttach(e, t) {
-    const s = this.parentElement;
-    s.instance && Z(s.instance, ye(e), t);
+    const r = this.parentElement;
+    r.instance && _(r.instance, G(e), t);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
@@ -909,40 +612,40 @@ class G extends w {
       var n, o;
       if (!t)
         return;
-      const s = t, r = t;
-      (n = s.dispose) == null || n.call(s), (o = r.removeFromParent) == null || o.call(r);
+      const r = t, s = t;
+      (n = r.dispose) == null || n.call(r), (o = s.removeFromParent) == null || o.call(s);
     });
   }
   /** Render */
   render() {
-    return te`<slot></slot>`;
+    return O`<slot></slot>`;
   }
   createRenderRoot() {
     return this;
   }
 }
-Se([
-  y({ type: Boolean, attribute: "try-add-once" })
-], G.prototype, "tryAddOnce");
-Se([
-  st()
-], G.prototype, "connected");
-const Pe = (i) => {
-  const e = typeof i == "string" ? p[i] : i;
-  if (!Ke(e))
+z([
+  u({ type: Boolean, attribute: "try-add-once" })
+], A.prototype, "tryAddOnce");
+z([
+  ue()
+], A.prototype, "connected");
+const F = (i) => {
+  const e = typeof i == "string" ? d[i] : i;
+  if (!Y(e))
     return null;
   const t = i.toString().toLowerCase().endsWith("loader");
-  class s extends G {
+  class r extends A {
     constructor() {
       super(e);
     }
   }
-  class r extends G {
+  class s extends A {
     constructor() {
       super(...arguments), this.loader = null;
     }
     createUnderlyingThreeObject() {
-      this.loader = new e(...this.parsedArgs().map((o) => B(o, this)));
+      this.loader = new e(...this.parsedArgs().map((o) => v(o, this)));
     }
     async onUnderlyingThreeObjectReady() {
       const o = this.getAttribute("src");
@@ -966,24 +669,24 @@ const Pe = (i) => {
       super.disconnectedCallback(), this.disposeThreeObjects.call(this, [this.loader]);
     }
   }
-  return t ? r : s;
+  return t ? s : r;
 };
-var it = Object.defineProperty, b = (i, e, t, s) => {
-  for (var r = void 0, n = i.length - 1, o; n >= 0; n--)
-    (o = i[n]) && (r = o(e, t, r) || r);
-  return r && it(e, t, r), r;
+var me = Object.defineProperty, m = (i, e, t, r) => {
+  for (var s = void 0, n = i.length - 1, o; n >= 0; n--)
+    (o = i[n]) && (s = o(e, t, s) || s);
+  return s && me(e, t, s), s;
 };
-const nt = "orthographic", $e = 1 / 0, se = class se extends w {
+const fe = "orthographic", I = 1 / 0, R = class R extends $ {
   constructor() {
-    super(), this.scratchV2 = new p.Vector2(), this.background = null, this.dpr = $e, this.headless = !1, this.manualRender = !1, this.dispatchBeforeRender = !1, this.dispatchAfterRender = !1, this.rendererArgs = [], this.cameraArgs = [], this.raycaster = new p.Raycaster(), this.raycastPool = [], this.frame = 1 / 0, this.three = this.createThree(), this.resizeObserver = new ResizeObserver((e) => {
-      e.forEach(({ target: t, contentRect: s }) => {
-        var r;
-        if (t === this && ((r = this.three.renderer) == null || r.setSize(s.width * this.dpr, s.height * this.dpr), this.three.camera)) {
-          const n = s.width / s.height;
+    super(), this.scratchV2 = new d.Vector2(), this.background = null, this.dpr = I, this.headless = !1, this.manualRender = !1, this.dispatchBeforeRender = !1, this.dispatchAfterRender = !1, this.rendererArgs = [], this.cameraArgs = [], this.raycaster = new d.Raycaster(), this.raycastPool = [], this.frame = 1 / 0, this.three = this.createThree(), this.resizeObserver = new ResizeObserver((e) => {
+      e.forEach(({ target: t, contentRect: r }) => {
+        var s;
+        if (t === this && ((s = this.three.renderer) == null || s.setSize(r.width * this.dpr, r.height * this.dpr), this.three.camera)) {
+          const n = r.width / r.height;
           if (this.three.camera.type.toLowerCase() === "perspectivecamera")
             this.three.camera.aspect = n, this.three.camera.updateProjectionMatrix();
           else if (this.three.camera.type.toLowerCase() === "orthographiccamera") {
-            const o = s.height / s.width, a = 10;
+            const o = r.height / r.width, a = 10;
             this.three.camera.top = o * a, this.three.camera.bottom = -o * a, this.three.camera.right = a, this.three.camera.left = -a, this.three.camera.updateProjectionMatrix();
           }
           this.manualRender || this.renderThree();
@@ -993,7 +696,7 @@ const nt = "orthographic", $e = 1 / 0, se = class se extends w {
   }
   /** Function called at startup when creating Lunchbox's default scene. */
   createDefaultScene() {
-    return new p.Scene();
+    return new d.Scene();
   }
   createThree() {
     return {
@@ -1004,47 +707,47 @@ const nt = "orthographic", $e = 1 / 0, se = class se extends w {
   }
   /** To run on start. */
   connectedCallback() {
-    if (super.connectedCallback(), this.dpr === $e && (this.dpr = window.devicePixelRatio), this.getAttribute(nt) !== null ? this.three.camera = new p.OrthographicCamera(...this.cameraArgs) : this.three.camera = new p.PerspectiveCamera(...this.cameraArgs.length ? this.cameraArgs : [75]), ["scene", "camera", "renderer"].forEach((e) => {
-      const t = this[e] ?? this.getAttribute(e) ?? {}, s = typeof t == "string" ? JSON.parse(t) : t;
-      Object.entries(s).forEach(([r, n]) => {
-        this.three[e] && Z(this.three[e], r.split("-"), B(n, this));
+    if (super.connectedCallback(), this.dpr === I && (this.dpr = window.devicePixelRatio), this.three.camera || (this.getAttribute(fe) !== null ? this.three.camera = new d.OrthographicCamera(...this.cameraArgs) : this.three.camera = new d.PerspectiveCamera(...this.cameraArgs.length ? this.cameraArgs : [75])), ["scene", "camera", "renderer"].forEach((e) => {
+      const t = this[e] ?? this.getAttribute(e) ?? {}, r = typeof t == "string" ? JSON.parse(t) : t;
+      Object.entries(r).forEach(([s, n]) => {
+        this.three[e] && _(this.three[e], s.split("-"), v(n, this));
       });
-    }), this.resizeObserver.observe(this), this.background !== null && (this.three.scene.background = new p.Color(this.background)), !this.headless) {
-      const e = new p.WebGLRenderer(...this.rendererArgs);
+    }), this.resizeObserver.observe(this), this.background !== null && (this.three.scene.background = new d.Color(this.background)), !this.three.renderer && !this.headless) {
+      const e = new d.WebGLRenderer(...this.rendererArgs);
       e.domElement.addEventListener("pointermove", this.onPointerMove.bind(this)), e.domElement.addEventListener("mousemove", this.onPointerMove.bind(this)), e.domElement.addEventListener("click", this.onClick.bind(this)), this.three.renderer = e;
     }
-    this.manualRender || this.updateLoop();
+    this.dispatchEvent(new CustomEvent("three-ready", { bubbles: !0, composed: !0, detail: { lunchbox: this } })), this.manualRender || this.updateLoop();
   }
   disconnectedCallback() {
-    var e, t, s, r;
-    (e = this.three.renderer) == null || e.domElement.removeEventListener("pointermove", this.onPointerMove.bind(this)), (t = this.three.renderer) == null || t.domElement.removeEventListener("mousemove", this.onPointerMove.bind(this)), (s = this.three.renderer) == null || s.domElement.removeEventListener("click", this.onClick.bind(this)), (r = this.three.renderer) == null || r.dispose(), this.resizeObserver.unobserve(this), cancelAnimationFrame(this.frame);
+    var e, t, r, s;
+    (e = this.three.renderer) == null || e.domElement.removeEventListener("pointermove", this.onPointerMove.bind(this)), (t = this.three.renderer) == null || t.domElement.removeEventListener("mousemove", this.onPointerMove.bind(this)), (r = this.three.renderer) == null || r.domElement.removeEventListener("click", this.onClick.bind(this)), (s = this.three.renderer) == null || s.dispose(), this.resizeObserver.unobserve(this), cancelAnimationFrame(this.frame);
   }
   handleDefaultSlotChange(e) {
     e.target.assignedElements().forEach((t) => {
-      const s = t;
-      s.instance instanceof p.Object3D && t.getAttributeNames().includes(K) && t.getAttributeNames().includes(K) && this.raycastPool.push(s.instance);
+      const r = t;
+      r.instance instanceof d.Object3D && t.getAttributeNames().includes(P) && t.getAttributeNames().includes(P) && this.raycastPool.push(r.instance);
     }), this.renderThree();
   }
   runRaycast(e) {
     var a, h;
     if (!this.raycastPool.length || !this.three.camera)
       return [];
-    const t = ((a = this.three.renderer) == null ? void 0 : a.domElement.width) ?? 0, s = ((h = this.three.renderer) == null ? void 0 : h.domElement.height) ?? 0, r = this.scratchV2.clone().set(
+    const t = ((a = this.three.renderer) == null ? void 0 : a.domElement.width) ?? 0, r = ((h = this.three.renderer) == null ? void 0 : h.domElement.height) ?? 0, s = this.scratchV2.clone().set(
       e.clientX / (t / this.dpr) * 2 - 1,
-      -(e.clientY / (s / this.dpr)) * 2 + 1
+      -(e.clientY / (r / this.dpr)) * 2 + 1
     );
-    return this.raycaster.setFromCamera(r, this.three.camera), this.raycaster.intersectObjects(this.raycastPool).map((c) => ({
+    return this.raycaster.setFromCamera(s, this.three.camera), this.raycaster.intersectObjects(this.raycastPool).map((c) => ({
       intersect: c,
       // TODO: cache result of this query selector somewhere?
-      element: this.querySelector(`[${Ce}="${c.object.uuid}"]`)
+      element: this.querySelector(`[${q}="${c.object.uuid}"]`)
     }));
   }
   // Pointer movement
   // ==================
   onPointerMove(e) {
-    this.runRaycast.bind(this)(e).forEach((s) => {
-      var r, n, o, a;
-      e.type === "pointermove" ? ((r = s.element) == null || r.dispatchEvent(new PointerEvent("pointermove")), (n = s.element) == null || n.dispatchEvent(new CustomEvent(at, { detail: s }))) : e.type === "mousemove" && ((o = s.element) == null || o.dispatchEvent(new MouseEvent("mousemove")), (a = s.element) == null || a.dispatchEvent(new CustomEvent(ht, { detail: s })));
+    this.runRaycast.bind(this)(e).forEach((r) => {
+      var s, n, o, a;
+      e.type === "pointermove" ? ((s = r.element) == null || s.dispatchEvent(new PointerEvent("pointermove")), (n = r.element) == null || n.dispatchEvent(new CustomEvent(Ee, { detail: r }))) : e.type === "mousemove" && ((o = r.element) == null || o.dispatchEvent(new MouseEvent("mousemove")), (a = r.element) == null || a.dispatchEvent(new CustomEvent(be, { detail: r })));
     });
   }
   // Click handling
@@ -1052,19 +755,19 @@ const nt = "orthographic", $e = 1 / 0, se = class se extends w {
   onClick(e) {
     let t = [];
     if (e instanceof TouchEvent) {
-      const s = e.touches[0];
-      t = this.runRaycast.bind(this)(s), t.forEach((r) => {
+      const r = e.touches[0];
+      t = this.runRaycast.bind(this)(r), t.forEach((s) => {
         var n;
-        (n = r.element) == null || n.dispatchEvent(new TouchEvent("touchstart"));
+        (n = s.element) == null || n.dispatchEvent(new TouchEvent("touchstart"));
       });
     } else
-      t = this.runRaycast.bind(this)(e), t.forEach((s) => {
-        var r;
-        (r = s.element) == null || r.dispatchEvent(new MouseEvent("click"));
+      t = this.runRaycast.bind(this)(e), t.forEach((r) => {
+        var s;
+        (s = r.element) == null || s.dispatchEvent(new MouseEvent("click"));
       });
-    t.forEach((s) => {
-      var r;
-      (r = s.element) == null || r.dispatchEvent(new CustomEvent(ct, { detail: s }));
+    t.forEach((r) => {
+      var s;
+      (s = r.element) == null || s.dispatchEvent(new CustomEvent(ge, { detail: r }));
     });
   }
   updateLoop() {
@@ -1072,21 +775,21 @@ const nt = "orthographic", $e = 1 / 0, se = class se extends w {
   }
   /** Render the 3D scene. Optional scene/camera overrides; defaults to the internal scene and camera. */
   renderThree(e, t) {
-    var s;
-    this.dispatchBeforeRender && this.dispatchEvent(new CustomEvent(lt, {})), this.three.camera && ((s = this.three.renderer) == null || s.render(
+    var r;
+    this.dispatchBeforeRender && this.dispatchEvent(new CustomEvent(ve, {})), this.three.camera && ((r = this.three.renderer) == null || r.render(
       e ?? this.three.scene,
       t ?? this.three.camera
-    ), this.dispatchAfterRender && this.dispatchEvent(new CustomEvent(dt, {})));
+    ), this.dispatchAfterRender && this.dispatchEvent(new CustomEvent(we, {})));
   }
   render() {
     var e;
-    return te`
+    return O`
       <slot @slotchange=${this.handleDefaultSlotChange}></slot>
       ${(e = this.three.renderer) == null ? void 0 : e.domElement}
     `;
   }
 };
-se.styles = Oe`
+R.styles = V`
     :host {
       width: 100%;
       height: 100%;
@@ -1100,49 +803,49 @@ se.styles = Oe`
       max-height: 100%;
     }
   `;
-let f = se;
-b([
-  y()
-], f.prototype, "background");
-b([
-  y()
-], f.prototype, "dpr");
-b([
-  y()
-], f.prototype, "headless");
-b([
-  y({
+let l = R;
+m([
+  u()
+], l.prototype, "background");
+m([
+  u()
+], l.prototype, "dpr");
+m([
+  u()
+], l.prototype, "headless");
+m([
+  u({
     attribute: "manual-render",
     type: Boolean
   })
-], f.prototype, "manualRender");
-b([
-  y({
+], l.prototype, "manualRender");
+m([
+  u({
     attribute: "dispatch-before-render",
     type: Boolean
   })
-], f.prototype, "dispatchBeforeRender");
-b([
-  y({
+], l.prototype, "dispatchBeforeRender");
+m([
+  u({
     attribute: "dispatch-after-render",
     type: Boolean
   })
-], f.prototype, "dispatchAfterRender");
-b([
-  y({
+], l.prototype, "dispatchAfterRender");
+m([
+  u({
     attribute: "renderer-args",
     type: Object
   })
-], f.prototype, "rendererArgs");
-b([
-  y({
+], l.prototype, "rendererArgs");
+m([
+  u({
     attribute: "camera-args",
     type: Object
   })
-], f.prototype, "cameraArgs");
-class ot extends w {
+], l.prototype, "cameraArgs");
+class ye extends $ {
   constructor() {
-    super(...arguments), this.parentLunchbox = null, this.frame = -1, this.scratchV3 = new p.Vector3(), this.scratchFrustum = new p.Frustum(), this.scratchMatrix4 = new p.Matrix4();
+    super(...arguments), this.parentLunchbox = null, this.frame = -1, this.scratchV3 = new d.Vector3(), this.scratchFrustum = new d.Frustum(), this.scratchMatrix4 = new d.Matrix4();
   }
   /** Try attaching the update function to pass the parent's position to children. */
   tryAttachUpdate() {
@@ -1152,28 +855,28 @@ class ot extends w {
       return !1;
     if (!e.isObject3D)
       throw new Error("html-anchor must be the child of an Object3D");
-    const t = D(this, (a) => {
+    const t = b(this, (a) => {
       var h;
       return !!((h = a == null ? void 0 : a.three) != null && h.renderer);
     });
     if (!t)
       return console.error("three-lunchbox parent required for html-anchor"), !1;
-    const s = t.three.camera;
-    if (!s)
+    const r = t.three.camera;
+    if (!r)
       return console.error("camera required for html-anchor"), !1;
-    const r = t.three.renderer;
-    if (!(r != null && r.domElement))
+    const s = t.three.renderer;
+    if (!(s != null && s.domElement))
       return console.error("renderer and DOM element required for html-anchor"), !1;
     const n = () => {
-      this.frame = requestAnimationFrame(n), s.updateMatrix(), s.updateMatrixWorld(), e.getWorldPosition(this.scratchV3);
+      this.frame = requestAnimationFrame(n), r.updateMatrix(), r.updateMatrixWorld(), e.getWorldPosition(this.scratchV3);
       const a = this.scratchV3.clone();
-      this.scratchV3.project(s), this.scratchV3.multiplyScalar(0.5).addScalar(0.5), this.scratchV3.y = 1 - this.scratchV3.y;
-      const h = this.scratchV3.clone().set(r.domElement.width, r.domElement.height, 1);
+      this.scratchV3.project(r), this.scratchV3.multiplyScalar(0.5).addScalar(0.5), this.scratchV3.y = 1 - this.scratchV3.y;
+      const h = this.scratchV3.clone().set(s.domElement.width, s.domElement.height, 1);
       h.divideScalar(devicePixelRatio), this.scratchV3.multiply(h);
-      const c = e.position.clone().distanceTo(s.getWorldPosition(this.scratchV3.clone()));
-      this.scratchFrustum.setFromProjectionMatrix(this.scratchMatrix4.clone().multiplyMatrices(s.projectionMatrix, s.matrixWorldInverse));
-      const d = this.scratchFrustum.containsPoint(a);
-      this.style.setProperty("--left", `${this.scratchV3.x}px`), this.style.setProperty("--top", `${this.scratchV3.y}px`), this.style.setProperty("--distance-from-camera", `${c}`), this.style.setProperty("--in-frustum", `${d ? 1 : 0}`), d ? this.classList.add("in-frustum") : this.classList.remove("in-frustum");
+      const c = e.position.clone().distanceTo(r.getWorldPosition(this.scratchV3.clone()));
+      this.scratchFrustum.setFromProjectionMatrix(this.scratchMatrix4.clone().multiplyMatrices(r.projectionMatrix, r.matrixWorldInverse));
+      const f = this.scratchFrustum.containsPoint(a);
+      this.style.setProperty("--left", `${this.scratchV3.x}px`), this.style.setProperty("--top", `${this.scratchV3.y}px`), this.style.setProperty("--distance-from-camera", `${c}`), this.style.setProperty("--in-frustum", `${f ? 1 : 0}`), f ? this.classList.add("in-frustum") : this.classList.remove("in-frustum");
     };
     return n(), !0;
   }
@@ -1193,59 +896,59 @@ class ot extends w {
     this.frame !== -1 && cancelAnimationFrame(this.frame);
   }
   render() {
-    return te`<slot></slot>`;
+    return O`<slot></slot>`;
   }
   createRenderRoot() {
     return this;
   }
 }
-const mt = ({
+const _e = ({
   prependList: i = []
 } = {}) => {
   Object.entries({
-    "three-lunchbox": f,
-    "html-anchor": ot
-  }).forEach(([t, s]) => {
-    customElements.get(t) || customElements.define(t, s);
-  }), [...i, ...Ae].forEach((t) => {
-    const s = Te(t);
-    if (customElements.get(s))
+    "three-lunchbox": l,
+    "html-anchor": ye
+  }).forEach(([t, r]) => {
+    customElements.get(t) || customElements.define(t, r);
+  }), [...i, ...B].forEach((t) => {
+    const r = W(t);
+    if (customElements.get(r))
       return;
-    const r = Pe(t);
-    r && customElements.define(s, r);
+    const s = F(t);
+    s && customElements.define(r, s);
   });
-}, ft = (i, e, t = window) => {
+}, Pe = (i, e, t = window) => {
   if (t.customElements.get(i)) {
     console.log(`${i} already registered as a custom element. Try a different name if registering is still required.`);
     return;
   }
-  const s = Pe(e);
-  if (s)
-    t.customElements.define(i, s);
+  const r = F(e);
+  if (r)
+    t.customElements.define(i, r);
   else
     throw new Error(`Could not extend ${i}. The second paramater must be a class.`);
-}, at = "threepointermove", ht = "threemousemove", ct = "threeclick", lt = "beforerender", dt = "afterrender", Te = (i) => {
+}, Ee = "threepointermove", be = "threemousemove", ge = "threeclick", ve = "beforerender", we = "afterrender", W = (i) => {
   let e = i.split(/\.?(?=[A-Z])/).join("-").toLowerCase().replace(/-g-l-/, "-gl-");
   return e.includes("-") || (e = `three-${e}`), e;
-}, yt = Ae.map(Te);
+}, $e = B.map(W);
 export {
-  dt as AFTER_RENDER_EVENT_NAME,
-  lt as BEFORE_RENDER_EVENT_NAME,
-  ot as HtmlAnchor,
-  ct as THREE_CLICK_EVENT_NAME,
-  ht as THREE_MOUSE_MOVE_EVENT_NAME,
-  at as THREE_POINTER_MOVE_EVENT_NAME,
-  Ce as THREE_UUID_ATTRIBUTE_NAME,
-  G as ThreeBase,
-  f as ThreeLunchbox,
-  Ae as autoComponents,
-  D as closestPassShadow,
-  ft as extend,
-  Ze as get,
-  me as getCandidateParent,
-  mt as initLunchbox,
-  Ke as isClass,
-  Xe as isNumber,
-  Qe as set,
-  yt as webComponentNames
+  we as AFTER_RENDER_EVENT_NAME,
+  ve as BEFORE_RENDER_EVENT_NAME,
+  ye as HtmlAnchor,
+  ge as THREE_CLICK_EVENT_NAME,
+  be as THREE_MOUSE_MOVE_EVENT_NAME,
+  Ee as THREE_POINTER_MOVE_EVENT_NAME,
+  q as THREE_UUID_ATTRIBUTE_NAME,
+  A as ThreeBase,
+  l as ThreeLunchbox,
+  B as autoComponents,
+  b as closestPassShadow,
+  Pe as extend,
+  K as get,
+  L as getCandidateParent,
+  _e as initLunchbox,
+  Y as isClass,
+  X as isNumber,
+  Q as set,
+  $e as webComponentNames
 };