lunchboxjs 2.1.17 → 2.2.0

package/dist/lunchboxjs.js

@@ -1,5 +1,5 @@
 import * as p from "three";
-const At = [
+const Ae = [
   // ORDER MATTERS HERE!
   // Place the objects most likely to wrap other objects at the beginning of the list.
   // Main wrappers
@@ -91,237 +91,237 @@ const At = [
  * 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(), rt = /* @__PURE__ */ new WeakMap();
-let Et = class {
-  constructor(t, e, s) {
+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)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = e;
+    this.cssText = e, this.t = t;
   }
   get styleSheet() {
-    let t = this.o;
-    const e = this.t;
-    if (Y && t === void 0) {
-      const s = e !== void 0 && e.length === 1;
-      s && (t = rt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && rt.set(e, t));
+    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));
     }
-    return t;
+    return e;
   }
   toString() {
     return this.cssText;
   }
 };
-const Tt = (i) => new Et(typeof i == "string" ? i : i + "", void 0, X), Ot = (i, ...t) => {
-  const e = i.length === 1 ? i[0] : t.reduce((s, r, n) => s + ((o) => {
+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 Et(e, i, X);
-}, xt = (i, t) => {
+  return new be(t, i, X);
+}, xe = (i, e) => {
   if (Y)
-    i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+    i.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else
-    for (const e of t) {
+    for (const t of e) {
       const s = document.createElement("style"), r = j.litNonce;
-      r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
+      r !== void 0 && s.setAttribute("nonce", r), s.textContent = t.cssText, i.appendChild(s);
     }
-}, it = Y ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
-  let e = "";
-  for (const s of t.cssRules)
-    e += s.cssText;
-  return Tt(e);
+}, ie = Y ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((e) => {
+  let t = "";
+  for (const s of e.cssRules)
+    t += s.cssText;
+  return Me(t);
 })(i) : i;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Rt, defineProperty: Nt, getOwnPropertyDescriptor: Lt, getOwnPropertyNames: Ut, getOwnPropertySymbols: Ht, getPrototypeOf: jt } = Object, A = globalThis, nt = A.trustedTypes, Dt = nt ? nt.emptyScript : "", W = A.reactiveElementPolyfillSupport, O = (i, t) => i, k = { toAttribute(i, t) {
-  switch (t) {
+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) {
+  switch (e) {
     case Boolean:
-      i = i ? Dt : null;
+      i = i ? De : null;
       break;
     case Object:
     case Array:
       i = i == null ? i : JSON.stringify(i);
   }
   return i;
-}, fromAttribute(i, t) {
-  let e = i;
-  switch (t) {
+}, fromAttribute(i, e) {
+  let t = i;
+  switch (e) {
     case Boolean:
-      e = i !== null;
+      t = i !== null;
       break;
     case Number:
-      e = i === null ? null : Number(i);
+      t = i === null ? null : Number(i);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(i);
+        t = JSON.parse(i);
       } catch {
-        e = null;
+        t = null;
       }
   }
-  return e;
-} }, Q = (i, t) => !Rt(i, t), ot = { attribute: !0, type: String, converter: k, reflect: !1, useDefault: !1, hasChanged: Q };
+  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 {
-  static addInitializer(t) {
-    this._$Ei(), (this.l ?? (this.l = [])).push(t);
+  static addInitializer(e) {
+    this._$Ei(), (this.l ?? (this.l = [])).push(e);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = ot) {
-    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
-      const s = Symbol(), r = this.getPropertyDescriptor(t, s, e);
-      r !== void 0 && Nt(this.prototype, t, r);
+  static createProperty(e, t = oe) {
+    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);
     }
   }
-  static getPropertyDescriptor(t, e, s) {
-    const { get: r, set: n } = Lt(this.prototype, t) ?? { get() {
-      return this[e];
+  static getPropertyDescriptor(e, t, s) {
+    const { get: r, set: n } = Le(this.prototype, e) ?? { get() {
+      return this[t];
     }, set(o) {
-      this[e] = 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(t, a, s);
+      n == null || n.call(this, o), this.requestUpdate(e, a, s);
     }, configurable: !0, enumerable: !0 };
   }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? ot;
+  static getPropertyOptions(e) {
+    return this.elementProperties.get(e) ?? oe;
   }
   static _$Ei() {
     if (this.hasOwnProperty(O("elementProperties")))
       return;
-    const t = jt(this);
-    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+    const e = je(this);
+    e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(O("finalized")))
       return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(O("properties"))) {
-      const e = this.properties, s = [...Ut(e), ...Ht(e)];
+      const t = this.properties, s = [...Ue(t), ...He(t)];
       for (const r of s)
-        this.createProperty(r, e[r]);
+        this.createProperty(r, t[r]);
     }
-    const t = this[Symbol.metadata];
-    if (t !== null) {
-      const e = litPropertyMetadata.get(t);
-      if (e !== void 0)
-        for (const [s, r] of e)
+    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);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, s] of this.elementProperties) {
-      const r = this._$Eu(e, s);
-      r !== void 0 && this._$Eh.set(r, e);
+    for (const [t, s] of this.elementProperties) {
+      const r = this._$Eu(t, s);
+      r !== void 0 && this._$Eh.set(r, t);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
-  static finalizeStyles(t) {
-    const e = [];
-    if (Array.isArray(t)) {
-      const s = new Set(t.flat(1 / 0).reverse());
+  static finalizeStyles(e) {
+    const t = [];
+    if (Array.isArray(e)) {
+      const s = new Set(e.flat(1 / 0).reverse());
       for (const r of s)
-        e.unshift(it(r));
+        t.unshift(ie(r));
     } else
-      t !== void 0 && e.push(it(t));
-    return e;
+      e !== void 0 && t.push(ie(e));
+    return t;
   }
-  static _$Eu(t, e) {
-    const s = e.attribute;
-    return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
+  static _$Eu(e, t) {
+    const s = t.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : typeof e == "string" ? e.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
   }
   _$Ev() {
-    var t;
-    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
-  }
-  addController(t) {
     var e;
-    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
+    this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (e = this.constructor.l) == null || e.forEach((t) => t(this));
   }
-  removeController(t) {
-    var e;
-    (e = this._$EO) == null || e.delete(t);
+  addController(e) {
+    var t;
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(e), this.renderRoot !== void 0 && this.isConnected && ((t = e.hostConnected) == null || t.call(e));
+  }
+  removeController(e) {
+    var t;
+    (t = this._$EO) == null || t.delete(e);
   }
   _$E_() {
-    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const s of e.keys())
-      this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
-    t.size > 0 && (this._$Ep = t);
+    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]);
+    e.size > 0 && (this._$Ep = e);
   }
   createRenderRoot() {
-    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return xt(t, this.constructor.elementStyles), t;
+    const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return xe(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
-    var t;
-    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
+    var e;
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((t) => {
       var s;
-      return (s = e.hostConnected) == null ? void 0 : s.call(e);
+      return (s = t.hostConnected) == null ? void 0 : s.call(t);
     });
   }
-  enableUpdating(t) {
+  enableUpdating(e) {
   }
   disconnectedCallback() {
-    var t;
-    (t = this._$EO) == null || t.forEach((e) => {
+    var e;
+    (e = this._$EO) == null || e.forEach((t) => {
       var s;
-      return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
+      return (s = t.hostDisconnected) == null ? void 0 : s.call(t);
     });
   }
-  attributeChangedCallback(t, e, s) {
-    this._$AK(t, s);
+  attributeChangedCallback(e, t, s) {
+    this._$AK(e, s);
   }
-  _$ET(t, e) {
+  _$ET(e, t) {
     var n;
-    const s = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, s);
+    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(e, s.type);
-      this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
+      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;
     }
   }
-  _$AK(t, e) {
+  _$AK(e, t) {
     var n, o;
-    const s = this.constructor, r = s._$Eh.get(t);
+    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 c = h.fromAttribute(e, a.type);
+      const c = h.fromAttribute(t, a.type);
       this[r] = c ?? ((o = this._$Ej) == null ? void 0 : o.get(r)) ?? c, this._$Em = null;
     }
   }
-  requestUpdate(t, e, s, r = !1, n) {
+  requestUpdate(e, t, s, r = !1, n) {
     var o;
-    if (t !== void 0) {
+    if (e !== void 0) {
       const a = this.constructor;
-      if (r === !1 && (n = this[t]), s ?? (s = a.getPropertyOptions(t)), !((s.hasChanged ?? Q)(n, e) || s.useDefault && s.reflect && n === ((o = this._$Ej) == null ? void 0 : o.get(t)) && !this.hasAttribute(a._$Eu(t, s))))
+      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))))
         return;
-      this.C(t, e, s);
+      this.C(e, t, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, e, { useDefault: s, reflect: r, wrapped: n }, o) {
-    s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, o ?? e ?? this[t]), n !== !0 || o !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
+  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));
   }
   async _$EP() {
     this.isUpdatePending = !0;
     try {
       await this._$ES;
-    } catch (e) {
-      Promise.reject(e);
+    } catch (t) {
+      Promise.reject(t);
     }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
+    const e = this.scheduleUpdate();
+    return e != null && await e, !this.isUpdatePending;
   }
   scheduleUpdate() {
     return this.performUpdate();
@@ -343,26 +343,26 @@ let S = class extends HTMLElement {
           a !== !0 || this._$AL.has(n) || h === void 0 || this.C(n, void 0, o, h);
         }
     }
-    let t = !1;
-    const e = this._$AL;
+    let e = !1;
+    const t = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((r) => {
+      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (s = this._$EO) == null || s.forEach((r) => {
         var n;
         return (n = r.hostUpdate) == null ? void 0 : n.call(r);
-      }), this.update(e)) : this._$EM();
+      }), this.update(t)) : this._$EM();
     } catch (r) {
-      throw t = !1, this._$EM(), r;
+      throw e = !1, this._$EM(), r;
     }
-    t && this._$AE(e);
+    e && this._$AE(t);
   }
-  willUpdate(t) {
+  willUpdate(e) {
   }
-  _$AE(t) {
-    var e;
-    (e = this._$EO) == null || e.forEach((s) => {
+  _$AE(e) {
+    var t;
+    (t = this._$EO) == null || t.forEach((s) => {
       var r;
       return (r = s.hostUpdated) == null ? void 0 : r.call(s);
-    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
   }
   _$EM() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
@@ -373,15 +373,15 @@ let S = class extends HTMLElement {
   getUpdateComplete() {
     return this._$ES;
   }
-  shouldUpdate(t) {
+  shouldUpdate(e) {
     return !0;
   }
-  update(t) {
-    this._$Eq && (this._$Eq = this._$Eq.forEach((e) => this._$ET(e, this[e]))), this._$EM();
+  update(e) {
+    this._$Eq && (this._$Eq = this._$Eq.forEach((t) => this._$ET(t, this[t]))), this._$EM();
   }
-  updated(t) {
+  updated(e) {
   }
-  firstUpdated(t) {
+  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");
@@ -390,34 +390,34 @@ S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[O("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const x = globalThis, at = (i) => i, I = x.trustedTypes, ht = I ? I.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, bt = "$lit$", g = `lit$${Math.random().toFixed(9).slice(2)}$`, _t = "?" + g, kt = `<${_t}>`, C = document, R = () => C.createComment(""), N = (i) => i === null || typeof i != "object" && typeof i != "function", tt = Array.isArray, It = (i) => tt(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", q = `[ 	
-\f\r]`, T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ct = /-->/g, lt = />/g, b = RegExp(`>|${q}(?:([^\\s"'>=/]+)(${q}*=${q}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), dt = /'/g, ut = /"/g, vt = /^(?:script|style|textarea|title)$/i, Bt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), et = Bt(1), P = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), pt = /* @__PURE__ */ new WeakMap(), _ = C.createTreeWalker(C, 129);
-function wt(i, t) {
-  if (!tt(i) || !i.hasOwnProperty("raw"))
+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 ht !== void 0 ? ht.createHTML(t) : t;
+  return he !== void 0 ? he.createHTML(e) : e;
 }
-const Gt = (i, t) => {
-  const e = i.length - 1, s = [];
-  let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = T;
-  for (let a = 0; a < e; a++) {
+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 === T ? d[1] === "!--" ? o = ct : d[1] !== void 0 ? o = lt : d[2] !== void 0 ? (vt.test(d[2]) && (r = RegExp("</" + d[2], "g")), o = b) : d[3] !== void 0 && (o = b) : o === b ? d[0] === ">" ? (o = r ?? T, l = -1) : d[1] === void 0 ? l = -2 : (l = o.lastIndex - d[2].length, c = d[1], o = d[3] === void 0 ? b : d[3] === '"' ? ut : dt) : o === ut || o === dt ? o = b : o === ct || o === lt ? o = T : (o = b, r = void 0);
-    const $ = o === b && i[a + 1].startsWith("/>") ? " " : "";
-    n += o === T ? h + kt : l >= 0 ? (s.push(c), h.slice(0, l) + bt + h.slice(l) + g + $) : h + g + (l === -2 ? a : $);
+      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 [wt(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+  return [we(i, n + (i[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), s];
 };
 class L {
-  constructor({ strings: t, _$litType$: e }, s) {
+  constructor({ strings: e, _$litType$: t }, s) {
     let r;
     this.parts = [];
     let n = 0, o = 0;
-    const a = t.length - 1, h = this.parts, [c, d] = Gt(t, e);
-    if (this.el = L.createElement(c, s), _.currentNode = this.el.content, e === 2 || e === 3) {
+    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);
     }
@@ -425,12 +425,12 @@ class L {
       if (r.nodeType === 1) {
         if (r.hasAttributes())
           for (const l of r.getAttributeNames())
-            if (l.endsWith(bt)) {
+            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] === "." ? Wt : H[1] === "?" ? qt : H[1] === "@" ? Ft : z }), r.removeAttribute(l);
+              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 (vt.test(r.tagName)) {
+        if (ve.test(r.tagName)) {
           const l = r.textContent.split(g), m = l.length - 1;
           if (m > 0) {
             r.textContent = I ? I.emptyScript : "";
@@ -440,7 +440,7 @@ class L {
           }
         }
       } else if (r.nodeType === 8)
-        if (r.data === _t)
+        if (r.data === _e)
           h.push({ type: 2, index: n });
         else {
           let l = -1;
@@ -450,22 +450,22 @@ class L {
       n++;
     }
   }
-  static createElement(t, e) {
+  static createElement(e, t) {
     const s = C.createElement("template");
-    return s.innerHTML = t, s;
+    return s.innerHTML = e, s;
   }
 }
-function M(i, t, e = i, s) {
+function T(i, e, t = i, s) {
   var o, a;
-  if (t === P)
-    return t;
-  let r = s !== void 0 ? (o = e._$Co) == null ? void 0 : o[s] : e._$Cl;
-  const n = N(t) ? void 0 : t._$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, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = r : e._$Cl = r), r !== void 0 && (t = M(i, r._$AS(i, t.values), r, s)), t;
+  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 zt {
-  constructor(t, e) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+class ze {
+  constructor(e, t) {
+    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
   get parentNode() {
     return this._$AM.parentNode;
@@ -473,37 +473,37 @@ class zt {
   get _$AU() {
     return this._$AM._$AU;
   }
-  u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? C).importNode(e, !0);
+  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, t) : h.type === 1 ? c = new h.ctor(n, h.name, h.strings, this, t) : h.type === 6 && (c = new Vt(n, this, t)), this._$AV.push(c), h = s[++a];
+        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(t) {
-    let e = 0;
+  p(e) {
+    let t = 0;
     for (const s of this._$AV)
-      s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
+      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 t;
-    return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
+    var e;
+    return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
   }
-  constructor(t, e, s, r) {
-    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;
+  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 t = this._$AA.parentNode;
-    const e = this._$AM;
-    return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
+    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;
@@ -511,50 +511,50 @@ class U {
   get endNode() {
     return this._$AB;
   }
-  _$AI(t, e = this) {
-    t = M(this, t, e), N(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== P && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : It(t) ? this.k(t) : this._(t);
+  _$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(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  O(e) {
+    return this._$AA.parentNode.insertBefore(e, this._$AB);
   }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  T(e) {
+    this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
-  _(t) {
-    this._$AH !== u && N(this._$AH) ? this._$AA.nextSibling.data = t : this.T(C.createTextNode(t)), this._$AH = t;
+  _(e) {
+    this._$AH !== u && N(this._$AH) ? this._$AA.nextSibling.data = e : this.T(C.createTextNode(e)), this._$AH = e;
   }
-  $(t) {
+  $(e) {
     var n;
-    const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = L.createElement(wt(s.h, s.h[0]), this.options)), s);
+    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(e);
+      this._$AH.p(t);
     else {
-      const o = new zt(r, this), a = o.u(this.options);
-      o.p(e), this.T(a), this._$AH = o;
+      const o = new ze(r, this), a = o.u(this.options);
+      o.p(t), this.T(a), this._$AH = o;
     }
   }
-  _$AC(t) {
-    let e = pt.get(t.strings);
-    return e === void 0 && pt.set(t.strings, e = new L(t)), e;
+  _$AC(e) {
+    let t = pe.get(e.strings);
+    return t === void 0 && pe.set(e.strings, t = new L(e)), t;
   }
-  k(t) {
-    tt(this._$AH) || (this._$AH = [], this._$AR());
-    const e = this._$AH;
+  k(e) {
+    ee(this._$AH) || (this._$AH = [], this._$AR());
+    const t = this._$AH;
     let s, r = 0;
-    for (const n of t)
-      r === e.length ? e.push(s = new U(this.O(R()), this.O(R()), this, this.options)) : s = e[r], s._$AI(n), r++;
-    r < e.length && (this._$AR(s && s._$AB.nextSibling, r), e.length = r);
+    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(t = this._$AA.nextSibling, e) {
+  _$AR(e = this._$AA.nextSibling, t) {
     var s;
-    for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t !== this._$AB; ) {
-      const r = at(t).nextSibling;
-      at(t).remove(), t = r;
+    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(t) {
-    var e;
-    this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
+  setConnected(e) {
+    var t;
+    this._$AM === void 0 && (this._$Cv = e, (t = this._$AP) == null || t.call(this, e));
   }
 }
 class z {
@@ -564,76 +564,76 @@ class z {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, s, r, n) {
-    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = t, this.name = e, 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;
+  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(t, e = this, s, r) {
+  _$AI(e, t = this, s, r) {
     const n = this.strings;
     let o = !1;
     if (n === void 0)
-      t = M(this, t, e, 0), o = !N(t) || t !== this._$AH && t !== P, o && (this._$AH = t);
+      e = T(this, e, t, 0), o = !N(e) || e !== this._$AH && e !== P, o && (this._$AH = e);
     else {
-      const a = t;
+      const a = e;
       let h, c;
-      for (t = n[0], h = 0; h < n.length - 1; h++)
-        c = M(this, a[s + h], e, h), c === P && (c = this._$AH[h]), o || (o = !N(c) || c !== this._$AH[h]), c === u ? t = u : t !== u && (t += (c ?? "") + n[h + 1]), this._$AH[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(t);
+    o && !r && this.j(e);
   }
-  j(t) {
-    t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  j(e) {
+    e === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Wt extends z {
+class We extends z {
   constructor() {
     super(...arguments), this.type = 3;
   }
-  j(t) {
-    this.element[this.name] = t === u ? void 0 : t;
+  j(e) {
+    this.element[this.name] = e === u ? void 0 : e;
   }
 }
-class qt extends z {
+class qe extends z {
   constructor() {
     super(...arguments), this.type = 4;
   }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== u);
+  j(e) {
+    this.element.toggleAttribute(this.name, !!e && e !== u);
   }
 }
-class Ft extends z {
-  constructor(t, e, s, r, n) {
-    super(t, e, s, r, n), this.type = 5;
+class Fe extends z {
+  constructor(e, t, s, r, n) {
+    super(e, t, s, r, n), this.type = 5;
   }
-  _$AI(t, e = this) {
-    if ((t = M(this, t, e, 0) ?? u) === P)
+  _$AI(e, t = this) {
+    if ((e = T(this, e, t, 0) ?? u) === P)
       return;
-    const s = this._$AH, r = t === u && s !== u || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== u && (s === u || r);
-    r && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    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(t) {
-    var e;
-    typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
+  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 Vt {
-  constructor(t, e, s) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
+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(t) {
-    M(this, t);
+  _$AI(e) {
+    T(this, e);
   }
 }
 const F = x.litHtmlPolyfillSupport;
 F == null || F(L, U), (x.litHtmlVersions ?? (x.litHtmlVersions = [])).push("3.3.2");
-const Jt = (i, t, e) => {
-  const s = (e == null ? void 0 : e.renderBefore) ?? t;
+const Je = (i, e, t) => {
+  const s = (t == null ? void 0 : t.renderBefore) ?? e;
   let r = s._$litPart$;
   if (r === void 0) {
-    const n = (e == null ? void 0 : e.renderBefore) ?? null;
-    s._$litPart$ = r = new U(t.insertBefore(R(), n), n, void 0, e ?? {});
+    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;
 };
@@ -648,182 +648,182 @@ class w extends S {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
   createRenderRoot() {
-    var e;
-    const t = super.createRenderRoot();
-    return (e = this.renderOptions).renderBefore ?? (e.renderBefore = t.firstChild), t;
+    var t;
+    const e = super.createRenderRoot();
+    return (t = this.renderOptions).renderBefore ?? (t.renderBefore = e.firstChild), e;
   }
-  update(t) {
-    const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Jt(e, this.renderRoot, this.renderOptions);
+  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 t;
-    super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);
+    var e;
+    super.connectedCallback(), (e = this._$Do) == null || e.setConnected(!0);
   }
   disconnectedCallback() {
-    var t;
-    super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
+    var e;
+    super.disconnectedCallback(), (e = this._$Do) == null || e.setConnected(!1);
   }
   render() {
     return P;
   }
 }
-var gt;
-w._$litElement$ = !0, w.finalized = !0, (gt = v.litElementHydrateSupport) == null || gt.call(v, { LitElement: w });
+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 Zt = (i, t, e) => {
-  if (!t)
+const Ze = (i, e, t) => {
+  if (!e)
     return;
-  const s = Array.isArray(t) ? t : t.match(/([^[.\]])+/g), r = s == null ? void 0 : s.reduce(
+  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 ? e : r;
+  return r === void 0 ? t : r;
 };
-function Kt(i) {
+function Ke(i) {
   if (!i)
     return !1;
-  const t = i.constructor && i.constructor.toString().substring(0, 5) === "class";
+  const e = i.constructor && i.constructor.toString().substring(0, 5) === "class";
   if (i.prototype === void 0)
-    return t;
-  const e = i.prototype.constructor && i.prototype.constructor.toString && i.prototype.constructor.toString().substring(0, 5) === "class";
-  return t || e;
+    return e;
+  const t = i.prototype.constructor && i.prototype.constructor.toString && i.prototype.constructor.toString().substring(0, 5) === "class";
+  return e || t;
 }
-const Yt = () => {
-  const i = "[object Number]", e = Object.prototype.toString;
+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) && e.call(o) == i;
+    return typeof o == "number" || s(o) && t.call(o) == i;
   };
-}, Xt = Yt(), Qt = (i, t, e) => {
-  const s = Array.isArray(t) ? t : t.match(/([^[.\]])+/g);
-  s == null || s.reduce((r, n, o) => (r[n] === void 0 && (r[n] = {}), o === s.length - 1 && (r[n] = e), r[n]), i);
-}, Ct = "data-three-uuid", mt = (i) => {
-  var e, s, r;
-  let t = i.parentNode;
-  for (; t && !(t != null && t.instance) && !((e = t == null ? void 0 : t.three) != null && e.scene); )
-    t = (t == null ? void 0 : t.parentNode) || (t == null ? void 0 : t.host) || ((r = (s = t.getRootNode) == null ? void 0 : s.call(t)) == null ? void 0 : r.host);
-  return t;
+}, 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, t) {
-  return i ? i instanceof ShadowRoot ? D(i.host, t) : i instanceof HTMLElement && (typeof t == "string" && i.matches(t) || typeof t == "function" && t(i)) ? i : D(i.parentNode, t) : null;
+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, t, e) => {
+const Z = (i, e, t) => {
   var n, o;
-  const s = Zt(i, t);
-  if (Xt(e) && (s != null && s.setScalar))
-    s.setScalar(+e);
+  const s = Ze(i, e);
+  if (Xe(t) && (s != null && s.setScalar))
+    s.setScalar(+t);
   else if (s != null && s.set)
-    if (typeof e == "string") {
-      const a = e.split(","), h = a.every((c) => !c.match(/^[^\d,]+$/));
-      if ((n = e.toLowerCase().trim().match(/^#[\dabcdef]{3,6}$/)) != null && n.length)
-        if (e.length === 4) {
-          const c = [e[1], e[1], e[2], e[2], e[3], e[3]].join("");
+    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${e.slice(1)}`);
+          s.set(+`0x${t.slice(1)}`);
       else
-        a != null && a.length && h ? s.set(...a.map((c) => +c)) : s.set(e);
+        a != null && a.length && h ? s.set(...a.map((c) => +c)) : s.set(t);
     } else {
-      const a = Array.isArray(e) ? e : [e];
+      const a = Array.isArray(t) ? t : [t];
       s.set(...a);
     }
   else
-    Qt(i, t, e);
+    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 t = i.closest("three-lunchbox");
-    return t == null ? void 0 : t.three.scene;
+    const e = i.closest("three-lunchbox");
+    return e == null ? void 0 : e.three.scene;
   },
   $camera: (i) => {
-    const t = i.closest("three-lunchbox");
-    return t == null ? void 0 : t.three.camera;
+    const e = i.closest("three-lunchbox");
+    return e == null ? void 0 : e.three.camera;
   },
   $renderer: (i) => {
-    const t = i.closest("three-lunchbox");
-    return t == null ? void 0 : t.three.renderer;
+    const e = i.closest("three-lunchbox");
+    return e == null ? void 0 : e.three.renderer;
   },
   $domElement: (i) => {
-    var e;
-    const t = i.closest("three-lunchbox");
-    return (e = t == null ? void 0 : t.three.renderer) == null ? void 0 : e.domElement;
+    var t;
+    const e = i.closest("three-lunchbox");
+    return (t = e == null ? void 0 : e.three.renderer) == null ? void 0 : t.domElement;
   }
-}, B = (i, t) => {
+}, B = (i, e) => {
   var s;
   if (typeof i != "string")
     return i;
   if (i === "")
     return !0;
-  const e = (s = J[i]) == null ? void 0 : s.call(J, t);
-  return CSS.supports("color", i) ? new p.Color(i) : e ?? i;
+  const t = (s = J[i]) == null ? void 0 : s.call(J, e);
+  return CSS.supports("color", i) ? new p.Color(i) : t ?? i;
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const te = { attribute: !0, type: String, converter: k, reflect: !1, hasChanged: Q }, ee = (i = te, t, e) => {
-  const { kind: s, metadata: r } = e;
+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(e.name, i), s === "accessor") {
-    const { name: o } = e;
+  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 { name: o } = t;
     return { set(a) {
-      const h = t.get.call(this);
-      t.set.call(this, a), this.requestUpdate(o, h, i, !0, a);
+      const h = e.get.call(this);
+      e.set.call(this, a), this.requestUpdate(o, h, i, !0, a);
     }, init(a) {
       return a !== void 0 && this.C(o, void 0, i, a), a;
     } };
   }
   if (s === "setter") {
-    const { name: o } = e;
+    const { name: o } = t;
     return function(a) {
       const h = this[o];
-      t.call(this, a), this.requestUpdate(o, h, i, !0, a);
+      e.call(this, a), this.requestUpdate(o, h, i, !0, a);
     };
   }
   throw Error("Unsupported decorator location: " + s);
 };
 function y(i) {
-  return (t, e) => typeof e == "object" ? ee(i, t, e) : ((s, r, n) => {
+  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;
-  })(i, t, e);
+  })(i, e, t);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function se(i) {
+function st(i) {
   return y({ ...i, state: !0, attribute: !1 });
 }
-var re = Object.defineProperty, St = (i, t, e, s) => {
+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(t, e, r) || r);
-  return r && re(t, e, r), r;
+    (o = i[n]) && (r = o(e, t, r) || r);
+  return r && rt(e, t, r), r;
 };
-const K = "raycast", ft = [
+const K = "raycast", fe = [
   K,
   "args",
   "data"
-], yt = (i) => i.split("-");
+], ye = (i) => i.split("-");
 class G extends w {
-  constructor(t) {
-    super(), this.classSource = t, this.instance = null, this.dispose = [], this.mutationObserver = null, this.tryAddOnce = !1, this.connected = !1;
+  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((t) => {
-      t.forEach((e) => {
+    this.mutationObserver = new MutationObserver((e) => {
+      e.forEach((t) => {
         var r;
-        if (!e.attributeName || (r = Object.getPrototypeOf(this).constructor.observedAttributes) != null && r.includes(e.attributeName))
+        if (!t.attributeName || (r = Object.getPrototypeOf(this).constructor.observedAttributes) != null && r.includes(t.attributeName))
           return;
-        const s = this.attributes.getNamedItem(e.attributeName);
+        const s = this.attributes.getNamedItem(t.attributeName);
         s && this.updateProperty(s);
       });
     }), this.mutationObserver.observe(this, {
@@ -831,27 +831,27 @@ class G extends w {
     });
   }
   parsedArgs() {
-    const t = this.args ?? this.getAttribute("args") ?? [];
-    return typeof t == "string" ? JSON.parse(t) : t;
+    const e = this.args ?? this.getAttribute("args") ?? [];
+    return typeof e == "string" ? JSON.parse(e) : e;
   }
   createUnderlyingThreeObject() {
-    this.instance = new this.classSource(...this.parsedArgs().map((t) => B(t, this)));
+    this.instance = new this.classSource(...this.parsedArgs().map((e) => B(e, this)));
   }
   refreshAttributes() {
-    this.getAttributeNames().forEach((t) => {
-      const e = this.attributes.getNamedItem(t);
-      e && this.updateProperty(e);
+    this.getAttributeNames().forEach((e) => {
+      const t = this.attributes.getNamedItem(e);
+      t && this.updateProperty(t);
     }), Array.from(this.attributes).forEach(this.updateProperty.bind(this));
   }
   async onUnderlyingThreeObjectReady() {
     var s, r, n, o;
-    const t = this.instance;
-    t.uuid && this.setAttribute(Ct, t.uuid);
-    let e = mt(this);
-    for (; this != null && this.connected && !this.tryAddOnce && !e; )
-      await new Promise(requestAnimationFrame), e = mt(this);
-    if (e && e.instance || (s = e == null ? void 0 : e.three) != null && s.scene) {
-      const a = this.instance, h = this.instance, c = e.instance, d = e.instance ?? ((r = e.three) == null ? void 0 : r.scene), l = this.instance;
+    const e = this.instance;
+    e.uuid && this.setAttribute(Ce, e.uuid);
+    let t = me(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;
       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)
@@ -879,14 +879,14 @@ class G extends w {
     })), this.connected = !0, this.onUnderlyingThreeObjectReady.call(this);
   }
   /** Update an instance's property. When creating a `<mesh position-y="0.5">`, for example, this sets `mesh.position.y = 0.5`. */
-  updateProperty(t) {
-    const { name: e, value: s } = t;
-    let r = e;
+  updateProperty(e) {
+    const { name: t, value: s } = e;
+    let r = t;
     Object.keys(this.instance ?? {}).forEach((a) => {
       a.toLowerCase() === r && (r = a);
     });
-    const n = yt(r);
-    if (ft.includes(r) || ft.includes(n[0]))
+    const n = ye(r);
+    if (fe.includes(r) || fe.includes(n[0]))
       return;
     let o = B(s, this);
     try {
@@ -895,46 +895,46 @@ class G extends w {
     }
     this.instance && Z(this.instance, n, o);
   }
-  executeAttach(t, e) {
+  executeAttach(e, t) {
     const s = this.parentElement;
-    s.instance && Z(s.instance, yt(t), e);
+    s.instance && Z(s.instance, ye(e), t);
   }
   disconnectedCallback() {
     super.disconnectedCallback();
-    const t = [this.instance];
-    this.disposeThreeObjects.call(this, t), this.connected = !1;
+    const e = [this.instance];
+    this.disposeThreeObjects.call(this, e), this.connected = !1;
   }
-  disposeThreeObjects(t) {
-    t.forEach((e) => {
+  disposeThreeObjects(e) {
+    e.forEach((t) => {
       var n, o;
-      if (!e)
+      if (!t)
         return;
-      const s = e, r = e;
+      const s = t, r = t;
       (n = s.dispose) == null || n.call(s), (o = r.removeFromParent) == null || o.call(r);
     });
   }
   /** Render */
   render() {
-    return et`<slot></slot>`;
+    return te`<slot></slot>`;
   }
   createRenderRoot() {
     return this;
   }
 }
-St([
+Se([
   y({ type: Boolean, attribute: "try-add-once" })
 ], G.prototype, "tryAddOnce");
-St([
-  se()
+Se([
+  st()
 ], G.prototype, "connected");
-const Pt = (i) => {
-  const t = typeof i == "string" ? p[i] : i;
-  if (!Kt(t))
+const Pe = (i) => {
+  const e = typeof i == "string" ? p[i] : i;
+  if (!Ke(e))
     return null;
-  const e = i.toString().toLowerCase().endsWith("loader");
+  const t = i.toString().toLowerCase().endsWith("loader");
   class s extends G {
     constructor() {
-      super(t);
+      super(e);
     }
   }
   class r extends G {
@@ -942,7 +942,7 @@ const Pt = (i) => {
       super(...arguments), this.loader = null;
     }
     createUnderlyingThreeObject() {
-      this.loader = new t(...this.parsedArgs().map((o) => B(o, this)));
+      this.loader = new e(...this.parsedArgs().map((o) => B(o, this)));
     }
     async onUnderlyingThreeObjectReady() {
       const o = this.getAttribute("src");
@@ -966,23 +966,19 @@ const Pt = (i) => {
       super.disconnectedCallback(), this.disposeThreeObjects.call(this, [this.loader]);
     }
   }
-  return e ? r : s;
+  return t ? r : s;
 };
-var ie = Object.defineProperty, E = (i, t, e, s) => {
+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(t, e, r) || r);
-  return r && ie(t, e, r), r;
+    (o = i[n]) && (r = o(e, t, r) || r);
+  return r && it(e, t, r), r;
 };
-const ne = "orthographic", $t = 1 / 0, st = class st extends w {
+const nt = "orthographic", $e = 1 / 0, se = class se extends w {
   constructor() {
-    super(), this.scratchV2 = new p.Vector2(), this.three = {
-      scene: new p.Scene(),
-      camera: null,
-      renderer: null
-    }, this.background = null, this.dpr = $t, 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.resizeObserver = new ResizeObserver((t) => {
-      t.forEach(({ target: e, contentRect: s }) => {
+    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 (e === this && ((r = this.three.renderer) == null || r.setSize(s.width * this.dpr, s.height * this.dpr), this.three.camera)) {
+        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;
           if (this.three.camera.type.toLowerCase() === "perspectivecamera")
             this.three.camera.aspect = n, this.three.camera.updateProjectionMatrix();
@@ -995,91 +991,102 @@ const ne = "orthographic", $t = 1 / 0, st = class st extends w {
       });
     });
   }
+  /** Function called at startup when creating Lunchbox's default scene. */
+  createDefaultScene() {
+    return new p.Scene();
+  }
+  createThree() {
+    return {
+      scene: this.createDefaultScene(),
+      camera: null,
+      renderer: null
+    };
+  }
   /** To run on start. */
   connectedCallback() {
-    if (super.connectedCallback(), this.dpr === $t && (this.dpr = window.devicePixelRatio), this.getAttribute(ne) !== 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((t) => {
-      const e = this[t] ?? this.getAttribute(t) ?? {}, s = typeof e == "string" ? JSON.parse(e) : e;
+    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[t] && Z(this.three[t], r.split("-"), B(n, this));
+        this.three[e] && Z(this.three[e], r.split("-"), B(n, this));
       });
     }), this.resizeObserver.observe(this), this.background !== null && (this.three.scene.background = new p.Color(this.background)), !this.headless) {
-      const t = new p.WebGLRenderer(...this.rendererArgs);
-      t.domElement.addEventListener("pointermove", this.onPointerMove.bind(this)), t.domElement.addEventListener("mousemove", this.onPointerMove.bind(this)), t.domElement.addEventListener("click", this.onClick.bind(this)), this.three.renderer = t;
+      const e = new p.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();
   }
   disconnectedCallback() {
-    var t, e, s, r;
-    (t = this.three.renderer) == null || t.domElement.removeEventListener("pointermove", this.onPointerMove.bind(this)), (e = this.three.renderer) == null || e.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, 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);
   }
-  handleDefaultSlotChange(t) {
-    t.target.assignedElements().forEach((e) => {
-      const s = e;
-      s.instance instanceof p.Object3D && e.getAttributeNames().includes(K) && e.getAttributeNames().includes(K) && this.raycastPool.push(s.instance);
+  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);
     }), this.renderThree();
   }
-  runRaycast(t) {
+  runRaycast(e) {
     var a, h;
     if (!this.raycastPool.length || !this.three.camera)
       return [];
-    const e = ((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(
-      t.clientX / (e / this.dpr) * 2 - 1,
-      -(t.clientY / (s / this.dpr)) * 2 + 1
+    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(
+      e.clientX / (t / this.dpr) * 2 - 1,
+      -(e.clientY / (s / this.dpr)) * 2 + 1
     );
     return this.raycaster.setFromCamera(r, this.three.camera), this.raycaster.intersectObjects(this.raycastPool).map((c) => ({
       intersect: c,
       // TODO: cache result of this query selector somewhere?
-      element: this.querySelector(`[${Ct}="${c.object.uuid}"]`)
+      element: this.querySelector(`[${Ce}="${c.object.uuid}"]`)
     }));
   }
   // Pointer movement
   // ==================
-  onPointerMove(t) {
-    this.runRaycast.bind(this)(t).forEach((s) => {
+  onPointerMove(e) {
+    this.runRaycast.bind(this)(e).forEach((s) => {
       var r, n, o, a;
-      t.type === "pointermove" ? ((r = s.element) == null || r.dispatchEvent(new PointerEvent("pointermove")), (n = s.element) == null || n.dispatchEvent(new CustomEvent(ae, { detail: s }))) : t.type === "mousemove" && ((o = s.element) == null || o.dispatchEvent(new MouseEvent("mousemove")), (a = s.element) == null || a.dispatchEvent(new CustomEvent(he, { detail: s })));
+      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 })));
     });
   }
   // Click handling
   // ==================
-  onClick(t) {
-    let e = [];
-    if (t instanceof TouchEvent) {
-      const s = t.touches[0];
-      e = this.runRaycast.bind(this)(s), e.forEach((r) => {
+  onClick(e) {
+    let t = [];
+    if (e instanceof TouchEvent) {
+      const s = e.touches[0];
+      t = this.runRaycast.bind(this)(s), t.forEach((r) => {
         var n;
         (n = r.element) == null || n.dispatchEvent(new TouchEvent("touchstart"));
       });
     } else
-      e = this.runRaycast.bind(this)(t), e.forEach((s) => {
+      t = this.runRaycast.bind(this)(e), t.forEach((s) => {
         var r;
         (r = s.element) == null || r.dispatchEvent(new MouseEvent("click"));
       });
-    e.forEach((s) => {
+    t.forEach((s) => {
       var r;
-      (r = s.element) == null || r.dispatchEvent(new CustomEvent(ce, { detail: s }));
+      (r = s.element) == null || r.dispatchEvent(new CustomEvent(ct, { detail: s }));
     });
   }
   updateLoop() {
     this.renderThree(), this.manualRender || (this.frame = requestAnimationFrame(this.updateLoop.bind(this)));
   }
   /** Render the 3D scene. Optional scene/camera overrides; defaults to the internal scene and camera. */
-  renderThree(t, e) {
+  renderThree(e, t) {
     var s;
-    this.dispatchBeforeRender && this.dispatchEvent(new CustomEvent(le, {})), this.three.camera && ((s = this.three.renderer) == null || s.render(
-      t ?? this.three.scene,
-      e ?? this.three.camera
-    ), this.dispatchAfterRender && this.dispatchEvent(new CustomEvent(de, {})));
+    this.dispatchBeforeRender && this.dispatchEvent(new CustomEvent(lt, {})), this.three.camera && ((s = this.three.renderer) == null || s.render(
+      e ?? this.three.scene,
+      t ?? this.three.camera
+    ), this.dispatchAfterRender && this.dispatchEvent(new CustomEvent(dt, {})));
   }
   render() {
-    var t;
-    return et`
+    var e;
+    return te`
       <slot @slotchange=${this.handleDefaultSlotChange}></slot>
-      ${(t = this.three.renderer) == null ? void 0 : t.domElement}
+      ${(e = this.three.renderer) == null ? void 0 : e.domElement}
     `;
   }
 };
-st.styles = Ot`
+se.styles = Oe`
     :host {
       width: 100%;
       height: 100%;
@@ -1093,92 +1100,90 @@ st.styles = Ot`
       max-height: 100%;
     }
   `;
-let f = st;
-E([
+let f = se;
+b([
   y()
 ], f.prototype, "background");
-E([
+b([
   y()
 ], f.prototype, "dpr");
-E([
+b([
   y()
 ], f.prototype, "headless");
-E([
+b([
   y({
     attribute: "manual-render",
     type: Boolean
   })
 ], f.prototype, "manualRender");
-E([
+b([
   y({
     attribute: "dispatch-before-render",
     type: Boolean
   })
 ], f.prototype, "dispatchBeforeRender");
-E([
+b([
   y({
     attribute: "dispatch-after-render",
     type: Boolean
   })
 ], f.prototype, "dispatchAfterRender");
-E([
+b([
   y({
     attribute: "renderer-args",
     type: Object
   })
 ], f.prototype, "rendererArgs");
-E([
+b([
   y({
     attribute: "camera-args",
     type: Object
   })
 ], f.prototype, "cameraArgs");
-class oe extends w {
+class ot extends w {
   constructor() {
     super(...arguments), this.parentLunchbox = null, this.frame = -1, this.scratchV3 = new p.Vector3(), this.scratchFrustum = new p.Frustum(), this.scratchMatrix4 = new p.Matrix4();
   }
   /** Try attaching the update function to pass the parent's position to children. */
   tryAttachUpdate() {
     var o;
-    const t = (o = this.parentLunchbox) == null ? void 0 : o.instance;
-    if (!t)
+    const e = (o = this.parentLunchbox) == null ? void 0 : o.instance;
+    if (!e)
       return !1;
-    if (!t.isObject3D)
+    if (!e.isObject3D)
       throw new Error("html-anchor must be the child of an Object3D");
-    const e = D(this, (a) => {
+    const t = D(this, (a) => {
       var h;
       return !!((h = a == null ? void 0 : a.three) != null && h.renderer);
     });
-    if (!e)
+    if (!t)
       return console.error("three-lunchbox parent required for html-anchor"), !1;
-    const s = e.three.camera;
+    const s = t.three.camera;
     if (!s)
       return console.error("camera required for html-anchor"), !1;
-    const r = e.three.renderer;
+    const r = t.three.renderer;
     if (!(r != null && r.domElement))
       return console.error("renderer and DOM element required for html-anchor"), !1;
     const n = () => {
-      this.frame = requestAnimationFrame(n), s.updateMatrix(), s.updateMatrixWorld(), t.getWorldPosition(this.scratchV3);
+      this.frame = requestAnimationFrame(n), s.updateMatrix(), s.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);
       h.divideScalar(devicePixelRatio), this.scratchV3.multiply(h);
-      const c = t.position.clone().distanceTo(s.getWorldPosition(this.scratchV3.clone()));
+      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);
-      Array.from(this.children).forEach((l) => {
-        l.style.setProperty("--left", `${this.scratchV3.x}px`), l.style.setProperty("--top", `${this.scratchV3.y}px`), l.style.setProperty("--distance-from-camera", `${c}`), l.style.setProperty("--in-frustum", `${d ? 1 : 0}`);
-      });
+      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");
     };
     return n(), !0;
   }
   // Setup - save local parent and try adding update
   connectedCallback() {
     super.connectedCallback();
-    const t = this.parentNode;
-    if (!t)
+    const e = this.parentNode;
+    if (!e)
       throw new Error("html-anchor requires a 3D parent");
-    this.parentLunchbox = t, this.tryAttachUpdate() || this.parentLunchbox.addEventListener("instanceadded", () => {
+    this.parentLunchbox = e, this.tryAttachUpdate() || this.parentLunchbox.addEventListener("instanceadded", () => {
       if (!this.tryAttachUpdate())
         throw new Error("error attaching html-anchor to Object3D");
     }, { once: !0 });
@@ -1188,52 +1193,52 @@ class oe extends w {
     this.frame !== -1 && cancelAnimationFrame(this.frame);
   }
   render() {
-    return et`<slot></slot>`;
+    return te`<slot></slot>`;
   }
   createRenderRoot() {
     return this;
   }
 }
-const me = ({
+const mt = ({
   prependList: i = []
 } = {}) => {
   Object.entries({
     "three-lunchbox": f,
-    "html-anchor": oe
-  }).forEach(([e, s]) => {
-    customElements.get(e) || customElements.define(e, s);
-  }), [...i, ...At].forEach((e) => {
-    const s = Mt(e);
+    "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))
       return;
-    const r = Pt(e);
+    const r = Pe(t);
     r && customElements.define(s, r);
   });
-}, fe = (i, t, e = window) => {
-  if (e.customElements.get(i)) {
+}, ft = (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 = Pt(t);
+  const s = Pe(e);
   if (s)
-    e.customElements.define(i, s);
+    t.customElements.define(i, s);
   else
     throw new Error(`Could not extend ${i}. The second paramater must be a class.`);
-}, ae = "threepointermove", he = "threemousemove", ce = "threeclick", le = "beforerender", de = "afterrender", Mt = (i) => {
-  let t = i.split(/\.?(?=[A-Z])/).join("-").toLowerCase().replace(/-g-l-/, "-gl-");
-  return t.includes("-") || (t = `three-${t}`), t;
-}, ye = At.map(Mt);
+}, at = "threepointermove", ht = "threemousemove", ct = "threeclick", lt = "beforerender", dt = "afterrender", Te = (i) => {
+  let e = i.split(/\.?(?=[A-Z])/).join("-").toLowerCase().replace(/-g-l-/, "-gl-");
+  return e.includes("-") || (e = `three-${e}`), e;
+}, yt = Ae.map(Te);
 export {
-  de as AFTER_RENDER_EVENT_NAME,
-  le as BEFORE_RENDER_EVENT_NAME,
-  oe as HtmlAnchor,
-  ce as THREE_CLICK_EVENT_NAME,
-  he as THREE_MOUSE_MOVE_EVENT_NAME,
-  ae as THREE_POINTER_MOVE_EVENT_NAME,
+  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,
   G as ThreeBase,
   f as ThreeLunchbox,
-  At as autoComponents,
-  fe as extend,
-  me as initLunchbox,
-  ye as webComponentNames
+  Ae as autoComponents,
+  ft as extend,
+  mt as initLunchbox,
+  yt as webComponentNames
 };