lunchboxjs 2.0.0-beta.0 → 2.0.0-beta.1

package/dist/lunchboxjs.js

@@ -1,2008 +1,1677 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('three')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'vue', 'three'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Lunchbox = {}, global.vue, global.three));
-})(this, (function (exports, vue, THREE) { 'use strict';
-
-    function _interopNamespaceDefault(e) {
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n.default = e;
-        return Object.freeze(n);
+import * as m from "three";
+const Ou = [
+  // ORDER MATTERS HERE!
+  // Place the objects most likely to wrap other objects at the beginning of the list.
+  // Main wrappers
+  "WebGLRenderer",
+  "Scene",
+  "Group",
+  // Secondary wrappers (objects, meshes, etc)
+  "Object3D",
+  "Mesh",
+  "Sprite",
+  // Tertiary items (individual geometries, materials, etc)
+  // Geometries
+  "BoxGeometry",
+  "BufferGeometry",
+  "CircleGeometry",
+  "ConeGeometry",
+  "CylinderGeometry",
+  "DodecahedronGeometry",
+  "ExtrudeGeometry",
+  "IcosahedronGeometry",
+  "InstancedBufferGeometry",
+  "LatheGeometry",
+  "OctahedronGeometry",
+  "PlaneGeometry",
+  "PolyhedronGeometry",
+  "RingGeometry",
+  "ShapeGeometry",
+  "SphereGeometry",
+  "TetrahedronGeometry",
+  "TorusGeometry",
+  "TorusKnotGeometry",
+  "TubeGeometry",
+  "WireframeGeometry",
+  // Materials
+  "PointsMaterial",
+  "ShaderMaterial",
+  "ShadowMaterial",
+  "SpriteMaterial",
+  "MeshToonMaterial",
+  "MeshBasicMaterial",
+  "MeshDepthMaterial",
+  "MeshPhongMaterial",
+  "LineBasicMaterial",
+  "RawShaderMaterial",
+  "MeshMatcapMaterial",
+  "MeshNormalMaterial",
+  "LineDashedMaterial",
+  "MeshLambertMaterial",
+  "MeshStandardMaterial",
+  "MeshDistanceMaterial",
+  "MeshPhysicalMaterial",
+  // Lights
+  "Light",
+  "SpotLight",
+  "SpotLightHelper",
+  "PointLight",
+  "PointLightHelper",
+  "AmbientLight",
+  "RectAreaLight",
+  "HemisphereLight",
+  "HemisphereLightHelper",
+  "DirectionalLight",
+  "DirectionalLightHelper",
+  // Cameras
+  "CubeCamera",
+  "ArrayCamera",
+  "StereoCamera",
+  "PerspectiveCamera",
+  "OrthographicCamera",
+  // Textures
+  "Texture",
+  "CubeTexture",
+  "DataTexture",
+  "DepthTexture",
+  "VideoTexture",
+  "CanvasTexture",
+  "CompressedTexture",
+  // Misc
+  "CatmullRomCurve3",
+  "Points",
+  "Raycaster",
+  "CameraHelper",
+  "Color"
+];
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Q = globalThis, lu = Q.ShadowRoot && (Q.ShadyCSS === void 0 || Q.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, du = Symbol(), yu = /* @__PURE__ */ new WeakMap();
+let Lu = class {
+  constructor(u, e, r) {
+    if (this._$cssResult$ = !0, r !== du)
+      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = u, this.t = e;
+  }
+  get styleSheet() {
+    let u = this.o;
+    const e = this.t;
+    if (lu && u === void 0) {
+      const r = e !== void 0 && e.length === 1;
+      r && (u = yu.get(e)), u === void 0 && ((this.o = u = new CSSStyleSheet()).replaceSync(this.cssText), r && yu.set(e, u));
     }
-
-    var THREE__namespace = /*#__PURE__*/_interopNamespaceDefault(THREE);
-
-    function find(target) {
-      target = vue.isRef(target) ? target.value : target;
-      // handle standard lunchbox node
-      if (isLunchboxStandardNode(target)) {
-        return target?.instance;
-      }
-      // handle component
-      if (isLunchboxComponent(target)) {
-        return target?.$el?.instance;
-      }
-      // handle vnode
-      if (vue.isVNode(target)) {
-        return target.el?.instance;
-      }
-      return null;
+    return u;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const Ku = (t) => new Lu(typeof t == "string" ? t : t + "", void 0, du), Xu = (t, ...u) => {
+  const e = t.length === 1 ? t[0] : u.reduce((r, D, s) => r + ((i) => {
+    if (i._$cssResult$ === !0)
+      return i.cssText;
+    if (typeof i == "number")
+      return i;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + i + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(D) + t[s + 1], t[0]);
+  return new Lu(e, t, du);
+}, Yu = (t, u) => {
+  if (lu)
+    t.adoptedStyleSheets = u.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  else
+    for (const e of u) {
+      const r = document.createElement("style"), D = Q.litNonce;
+      D !== void 0 && r.setAttribute("nonce", D), r.textContent = e.cssText, t.appendChild(r);
     }
-
-    const get = (obj, path, defValue) => {
-      // If path is not defined or it has false value
-      if (!path) return undefined;
-      // Check if path is string or array. Regex : ensure that we do not have '.' and brackets.
-      // Regex explained: https://regexr.com/58j0k
-      const pathArray = Array.isArray(path) ? path : path.match(/([^[.\]])+/g);
-      // Find value
-      const result = pathArray?.reduce((prevObj, key) => prevObj && prevObj[key], obj);
-      // If found value is undefined return default value; otherwise return the value
-      return result === undefined ? defValue : result;
-    };
-
-    const buildIsNumber = () => {
-      /**
-       * lodash (Custom Build) <https://lodash.com/>
-       * Build: `lodash modularize exports="npm" -o ./`
-       * Copyright 2012-2016 The Dojo Foundation <http://dojofoundation.org/>
-       * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
-       * Copyright 2009-2016 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-       * Available under MIT license <https://lodash.com/license>
-       */
-      /** `Object#toString` result references. */
-      const numberTag = '[object Number]';
-      /** Used for built-in method references. */
-      const objectProto = Object.prototype;
-      /**
-       * Used to resolve the
-       * [`toStringTag`](http://ecma-international.org/ecma-262/6.0/#sec-object.prototype.tostring)
-       * of values.
-       */
-      const objectToString = objectProto.toString;
-      /**
-       * Checks if `value` is object-like. A value is object-like if it's not `null`
-       * and has a `typeof` result of "object".
-       *
-       * @static
-       * @memberOf _
-       * @since 4.0.0
-       * @category Lang
-       * @param {*} value The value to check.
-       * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
-       * @example
-       *
-       * _.isObjectLike({});
-       * // => true
-       *
-       * _.isObjectLike([1, 2, 3]);
-       * // => true
-       *
-       * _.isObjectLike(_.noop);
-       * // => false
-       *
-       * _.isObjectLike(null);
-       * // => false
-       */
-      function isObjectLike(value) {
-        return !!value && typeof value == 'object';
+}, gu = lu ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((u) => {
+  let e = "";
+  for (const r of u.cssRules)
+    e += r.cssText;
+  return Ku(e);
+})(t) : t;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: Qu, defineProperty: ue, getOwnPropertyDescriptor: ee, getOwnPropertyNames: te, getOwnPropertySymbols: re, getPrototypeOf: De } = Object, P = globalThis, $u = P.trustedTypes, se = $u ? $u.emptyScript : "", nu = P.reactiveElementPolyfillSupport, z = (t, u) => t, uu = { toAttribute(t, u) {
+  switch (u) {
+    case Boolean:
+      t = t ? se : null;
+      break;
+    case Object:
+    case Array:
+      t = t == null ? t : JSON.stringify(t);
+  }
+  return t;
+}, fromAttribute(t, u) {
+  let e = t;
+  switch (u) {
+    case Boolean:
+      e = t !== null;
+      break;
+    case Number:
+      e = t === null ? null : Number(t);
+      break;
+    case Object:
+    case Array:
+      try {
+        e = JSON.parse(t);
+      } catch {
+        e = null;
       }
-      /**
-       * Checks if `value` is classified as a `Number` primitive or object.
-       *
-       * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are
-       * classified as numbers, use the `_.isFinite` method.
-       *
-       * @static
-       * @memberOf _
-       * @since 0.1.0
-       * @category Lang
-       * @param {*} value The value to check.
-       * @returns {boolean} Returns `true` if `value` is a number, else `false`.
-       * @example
-       *
-       * _.isNumber(3);
-       * // => true
-       *
-       * _.isNumber(Number.MIN_VALUE);
-       * // => true
-       *
-       * _.isNumber(Infinity);
-       * // => true
-       *
-       * _.isNumber('3');
-       * // => false
-       */
-      const output = function isNumber(value) {
-        return typeof value == 'number' || isObjectLike(value) && objectToString.call(value) == numberTag;
-      };
-      return output;
-    };
-    const isNumber = buildIsNumber();
-
-    const set = (obj, path, value) => {
-      // Regex explained: https://regexr.com/58j0k
-      const pathArray = Array.isArray(path) ? path : path.match(/([^[.\]])+/g);
-      pathArray?.reduce((acc, key, i) => {
-        if (acc[key] === undefined) acc[key] = {};
-        if (i === pathArray.length - 1) acc[key] = value;
-        return acc[key];
-      }, obj);
-    };
-
-    // MAKE SURE THESE MATCH VALUES IN types.EventKey
-    /** Type check on whether target is a Lunchbox.EventKey */
-    const isEventKey = target => {
-      return ['onClick', 'onContextMenu', 'onDoubleClick', 'onPointerUp', 'onPointerDown', 'onPointerOver', 'onPointerOut', 'onPointerEnter', 'onPointerLeave', 'onPointerMove',
-      // 'onPointerMissed',
-      // 'onUpdate',
-      'onWheel'].includes(target);
-    };
-    const isLunchboxComponent = node => {
-      return node?.$el && node?.$el?.hasOwnProperty?.('instance');
-    };
-    const isLunchboxDomComponent = node => {
-      if (node?.metaType === 'domMeta') return true;
-      return node?.props?.['data-lunchbox'];
-    };
-    const isLunchboxStandardNode = node => {
-      return node?.metaType === 'standardMeta';
-    };
-    const isLunchboxRootNode = node => {
-      return node.isLunchboxRootNode;
-    };
-
-    /** Create a new Lunchbox comment node. */
-    function createCommentNode(options = {}) {
-      const defaults = {
-        text: options.text ?? ''
-      };
-      return new exports.MiniDom.RendererCommentNode({
-        ...defaults,
-        ...options,
-        metaType: 'commentMeta'
-      });
+  }
+  return e;
+} }, pu = (t, u) => !Qu(t, u), bu = { attribute: !0, type: String, converter: uu, reflect: !1, hasChanged: pu };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), P.litPropertyMetadata ?? (P.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class k extends HTMLElement {
+  static addInitializer(u) {
+    this._$Ei(), (this.l ?? (this.l = [])).push(u);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(u, e = bu) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(u, e), !e.noAccessor) {
+      const r = Symbol(), D = this.getPropertyDescriptor(u, r, e);
+      D !== void 0 && ue(this.prototype, u, D);
     }
-    /** Create a new DOM node. */
-    function createDomNode(options = {}) {
-      const domElement = document.createElement(options.type ?? '');
-      const defaults = {
-        domElement
-      };
-      const node = new exports.MiniDom.RendererDomNode({
-        ...defaults,
-        ...options,
-        metaType: 'domMeta'
-      });
-      return node;
+  }
+  static getPropertyDescriptor(u, e, r) {
+    const { get: D, set: s } = ee(this.prototype, u) ?? { get() {
+      return this[e];
+    }, set(i) {
+      this[e] = i;
+    } };
+    return { get() {
+      return D == null ? void 0 : D.call(this);
+    }, set(i) {
+      const a = D == null ? void 0 : D.call(this);
+      s.call(this, i), this.requestUpdate(u, a, r);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(u) {
+    return this.elementProperties.get(u) ?? bu;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(z("elementProperties")))
+      return;
+    const u = De(this);
+    u.finalize(), u.l !== void 0 && (this.l = [...u.l]), this.elementProperties = new Map(u.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(z("finalized")))
+      return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(z("properties"))) {
+      const e = this.properties, r = [...te(e), ...re(e)];
+      for (const D of r)
+        this.createProperty(D, e[D]);
     }
-    /** Create a new Lunchbox text node. */
-    function createTextNode(options = {}) {
-      const defaults = {
-        text: options.text ?? ''
-      };
-      return new exports.MiniDom.RendererTextNode({
-        ...options,
-        ...defaults,
-        metaType: 'textMeta'
-      });
-    }
-    /** Create a new Lunchbox standard node. */
-    function createNode(options = {}, props = {}) {
-      const defaults = {
-        attached: options.attached ?? [],
-        attachedArray: options.attachedArray ?? {},
-        instance: options.instance ?? null
-      };
-      const node = new exports.MiniDom.RendererStandardNode({
-        ...options,
-        ...defaults,
-        metaType: 'standardMeta'
-      });
-      if (node.type && !isLunchboxRootNode(node) && !node.instance) {
-        node.instance = instantiateThreeObject({
-          ...node,
-          props: {
-            ...node.props,
-            ...props
-          }
-        });
-      }
-      return node;
+    const u = this[Symbol.metadata];
+    if (u !== null) {
+      const e = litPropertyMetadata.get(u);
+      if (e !== void 0)
+        for (const [r, D] of e)
+          this.elementProperties.set(r, D);
     }
-
-    /** Add an event listener to the given node. Also creates the event teardown function and any necessary raycaster/interaction dictionary updates. */
-    function addEventListener({
-      node,
-      key,
-      interactables,
-      value
-    }) {
-      // create new records for this key if needed
-      if (!node.eventListeners[key]) {
-        node.eventListeners[key] = [];
-      }
-      if (!node.eventListenerRemoveFunctions[key]) {
-        node.eventListenerRemoveFunctions[key] = [];
-      }
-      // add event listener
-      node.eventListeners[key].push(value);
-      // if we need it, let's get/create the main raycaster
-      if (interactionsRequiringRaycaster.includes(key)) {
-        if (node.instance && !interactables.value.includes(node)) {
-          // add to interactables
-          interactables.value.push(node);
-          node.eventListenerRemoveFunctions[key].push(() => {
-            // remove from interactables
-            const idx = interactables.value.indexOf(node);
-            if (idx !== -1) {
-              interactables.value.splice(idx, 1);
-            }
-          });
-        }
-      }
-      return node;
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [e, r] of this.elementProperties) {
+      const D = this._$Eu(e, r);
+      D !== void 0 && this._$Eh.set(D, e);
     }
-    const interactionsRequiringRaycaster = ['onClick', 'onPointerUp', 'onPointerDown', 'onPointerOver', 'onPointerOut', 'onPointerEnter', 'onPointerLeave', 'onPointerMove'
-    // 'onPointerMissed',
-    ];
-
-    const resizeCanvas = (camera, renderer, scene, width, height) => {
-      // ignore if no element
-      if (!renderer?.domElement || !scene || !camera) return;
-      width = width ?? window.innerWidth;
-      height = height ?? window.innerHeight;
-      // update camera
-      const aspect = width / height;
-      if (camera.type?.toLowerCase() === 'perspectivecamera') {
-        const perspectiveCamera = camera;
-        perspectiveCamera.aspect = aspect;
-        perspectiveCamera.updateProjectionMatrix();
-      } else if (camera.type?.toLowerCase() === 'orthographiccamera') {
-        // TODO: ortho camera update
-        const orthoCamera = camera;
-        const heightInTermsOfWidth = height / width;
-        orthoCamera.top = heightInTermsOfWidth * 10;
-        orthoCamera.bottom = -heightInTermsOfWidth * 10;
-        orthoCamera.right = 10;
-        orthoCamera.left = -10;
-        orthoCamera.updateProjectionMatrix();
-      } else ;
-      // update canvas
-      renderer.setSize(width, height);
-      // render immediately so there's no flicker
-      if (scene && camera) {
-        renderer.render(vue.toRaw(scene), vue.toRaw(camera));
-      }
-    };
-
-    const getInnerDimensions = node => {
-      const computedStyle = getComputedStyle(node);
-      const width = node.clientWidth - parseFloat(computedStyle.paddingLeft) - parseFloat(computedStyle.paddingRight);
-      const height = node.clientHeight - parseFloat(computedStyle.paddingTop) - parseFloat(computedStyle.paddingBottom);
-      return {
-        width,
-        height
-      };
-    };
-    const prepCanvas = (container, camera, renderer, scene, sizePolicy) => {
-      const containerElement = container.value?.domElement;
-      if (!containerElement) throw new Error('missing container');
-      // save and size element
-      const resizeCanvasByPolicy = () => {
-        if (sizePolicy === 'container') {
-          const dims = getInnerDimensions(containerElement);
-          resizeCanvas(camera, renderer, scene, dims.width, dims.height);
-        } else resizeCanvas(camera, renderer, scene);
-      };
-      resizeCanvasByPolicy();
-      // attach listeners
-      let observer = new ResizeObserver(() => {
-        resizeCanvasByPolicy();
-      });
-      // window.addEventListener('resize', resizeCanvas)
-      if (containerElement) {
-        observer.observe(containerElement);
-      }
-      // cleanup
-      return {
-        dispose() {
-          if (containerElement) {
-            observer.unobserve(containerElement);
-          }
-        }
-      };
-    };
-
-    const LunchboxScene = vue.defineComponent({
-      name: 'LunchboxScene',
-      setup(props, {
-        slots
-      }) {
-        return () => vue.createVNode(vue.resolveComponent("scene"), null, {
-          default: () => [slots.default?.()]
-        });
-      }
-    });
-
-    const LunchboxEventHandlers = vue.defineComponent({
-      name: 'LunchboxEventHandlers',
-      setup() {
-        const interactables = useLunchboxInteractables();
-        const globals = useGlobals();
-        const mousePos = vue.ref({
-          x: Infinity,
-          y: Infinity
-        });
-        const inputActive = vue.ref(false);
-        let currentIntersections = [];
-        const raycaster = new THREE__namespace.Raycaster(new THREE__namespace.Vector3(), new THREE__namespace.Vector3(0, 0, -1));
-        const fireEventsFromIntersections = ({
-          element,
-          eventKeys,
-          intersection
-        }) => {
-          if (!element) return;
-          eventKeys.forEach(eventKey => {
-            if (element.eventListeners[eventKey]) {
-              element.eventListeners[eventKey].forEach(cb => {
-                cb({
-                  intersection
-                });
-              });
-            }
-          });
-        };
-        // add mouse listener to renderer DOM element when the element is ready
-        onRendererReady(v => {
-          if (!v?.domElement) return;
-          // we have a DOM element, so let's add mouse listeners
-          const {
-            domElement
-          } = v;
-          const mouseMoveListener = evt => {
-            const screenWidth = (domElement.width ?? 1) / globals.dpr;
-            const screenHeight = (domElement.height ?? 1) / globals.dpr;
-            mousePos.value.x = evt.offsetX / screenWidth * 2 - 1;
-            mousePos.value.y = -(evt.offsetY / screenHeight) * 2 + 1;
-          };
-          const mouseDownListener = () => inputActive.value = true;
-          const mouseUpListener = () => inputActive.value = false;
-          // add mouse events
-          domElement.addEventListener('pointermove', mouseMoveListener);
-          domElement.addEventListener('pointerdown', mouseDownListener);
-          domElement.addEventListener('pointerup', mouseUpListener);
-        });
-        const camera = useCamera();
-        const update = () => {
-          const c = camera.value;
-          if (!c) return;
-          // console.log(camera.value)
-          raycaster.setFromCamera(mousePos.value, c);
-          const intersections = raycaster.intersectObjects(interactables?.value.map(v => v.instance) ?? []);
-          let leaveValues = [],
-            entering = [],
-            staying = [];
-          // intersection arrays
-          leaveValues = currentIntersections.map(v => v.intersection);
-          // element arrays
-          intersections?.forEach(intersection => {
-            const currentIdx = currentIntersections.findIndex(v => v.intersection.object === intersection.object);
-            if (currentIdx === -1) {
-              const found = interactables?.value.find(v => v.instance?.uuid === intersection.object.uuid);
-              if (found) {
-                entering.push({
-                  element: found,
-                  intersection
-                });
-              }
-            } else {
-              const found = interactables?.value.find(v => v.instance?.uuid === intersection.object.uuid);
-              if (found) {
-                staying.push({
-                  element: found,
-                  intersection
-                });
-              }
-            }
-            // this is a current intersection, so it won't be in our `leave` array
-            const leaveIdx = leaveValues.findIndex(v => v.object.uuid === intersection.object.uuid);
-            if (leaveIdx !== -1) {
-              leaveValues.splice(leaveIdx, 1);
-            }
-          });
-          const leaving = leaveValues.map(intersection => {
-            return {
-              element: interactables?.value.find(interactable => interactable.instance?.uuid === intersection.object.uuid),
-              intersection
-            };
-          });
-          // new interactions
-          entering.forEach(({
-            element,
-            intersection
-          }) => {
-            fireEventsFromIntersections({
-              element,
-              eventKeys: ['onPointerEnter'],
-              intersection
-            });
-          });
-          // unchanged interactions
-          staying.forEach(({
-            element,
-            intersection
-          }) => {
-            const eventKeys = ['onPointerOver', 'onPointerMove'];
-            fireEventsFromIntersections({
-              element,
-              eventKeys,
-              intersection
-            });
-          });
-          // exited interactions
-          leaving.forEach(({
-            element,
-            intersection
-          }) => {
-            const eventKeys = ['onPointerLeave', 'onPointerOut'];
-            fireEventsFromIntersections({
-              element,
-              eventKeys,
-              intersection
-            });
-          });
-          currentIntersections = [].concat(entering, staying);
-        };
-        // update function
-        onBeforeRender(update);
-        const teardown = () => offBeforeRender(update);
-        vue.onBeforeUnmount(teardown);
-        const clickEventKeys = ['onClick', 'onPointerDown', 'onPointerUp'];
-        vue.watch(inputActive, isDown => {
-          // run raycaster on click (necessary when `update` is not automatically called,
-          // for example in `updateSource` functions)
-          update();
-          // meshes with multiple intersections receive multiple callbacks by default -
-          // let's make it so they only receive one callback of each type per frame.
-          // (ie usually when you click on a mesh, you expect only one click event to fire, even
-          // if there are technically multiple intersections with that mesh)
-          const uuidsInteractedWithThisFrame = [];
-          currentIntersections.forEach(v => {
-            clickEventKeys.forEach(key => {
-              const id = v.element.uuid + key;
-              if (isDown && (key === 'onClick' || key === 'onPointerDown')) {
-                if (!uuidsInteractedWithThisFrame.includes(id)) {
-                  v.element.eventListeners[key]?.forEach(cb => cb({
-                    intersection: v.intersection
-                  }));
-                  uuidsInteractedWithThisFrame.push(id);
-                }
-              } else if (!isDown && key === 'onPointerUp') {
-                if (!uuidsInteractedWithThisFrame.includes(id)) {
-                  v.element.eventListeners[key]?.forEach(cb => cb({
-                    intersection: v.intersection
-                  }));
-                  uuidsInteractedWithThisFrame.push(id);
-                }
-              }
-            });
-          });
-        });
-        // return arbitrary object to ensure instantiation
-        // TODO: why can't we return a <raycaster/> here?
-        return () => vue.createVNode(vue.resolveComponent("object3D"), null, null);
-      }
-    });
-
-    /** fixed & fill styling for container */
-    const fillStyle = position => {
-      return {
-        position,
-        top: 0,
-        right: 0,
-        bottom: 0,
-        left: 0,
-        width: '100%',
-        height: '100%',
-        display: 'block'
-      };
-    };
-    const LunchboxWrapper = vue.defineComponent({
-      name: 'Lunchbox',
-      props: {
-        // These should match the Lunchbox.WrapperProps interface
-        background: String,
-        cameraArgs: Array,
-        cameraLook: Array,
-        cameraLookAt: Array,
-        cameraPosition: Array,
-        dpr: Number,
-        ortho: Boolean,
-        orthographic: Boolean,
-        r3f: Boolean,
-        rendererArguments: Object,
-        rendererProperties: Object,
-        sizePolicy: String,
-        shadow: [Boolean, Object],
-        transparent: Boolean,
-        zoom: Number,
-        updateSource: Object
-      },
-      setup(props, context) {
-        const canvas = vue.ref();
-        let dpr = props.dpr ?? -1;
-        const container = vue.ref();
-        const renderer = vue.ref();
-        const camera = vue.ref();
-        const scene = vue.ref();
-        const globals = useGlobals();
-        const updateGlobals = useUpdateGlobals();
-        const app = useApp();
-        const consolidatedCameraProperties = vue.reactive({});
-        const startCallbacks = useStartCallbacks();
-        // https://threejs.org/docs/index.html#manual/en/introduction/Color-management
-        if (props.r3f && THREE__namespace?.ColorManagement) {
-          THREE__namespace.ColorManagement.legacyMode = false;
-        }
-        const interactables = useLunchboxInteractables();
-        // MOUNT
-        // ====================
-        vue.onMounted(async () => {
-          // canvas needs to exist (or user needs to handle it on their own)
-          if (!canvas.value && !context.slots?.renderer?.()?.length) throw new Error('missing canvas');
-          // no camera provided, so let's create one
-          if (!context.slots?.camera?.()?.length) {
-            if (props.cameraPosition) {
-              consolidatedCameraProperties.position = props.cameraPosition;
-            }
-            if (props.cameraLook || props.cameraLookAt) {
-              consolidatedCameraProperties.lookAt = props.cameraLook || props.cameraLookAt;
-            }
-            if (props.zoom !== undefined) {
-              consolidatedCameraProperties.zoom = props.zoom;
-            }
-          }
-          // SCENE
-          // ====================
-          // set background color
-          if (scene.value?.$el?.instance && props.background) {
-            scene.value.$el.instance.background = new THREE__namespace.Color(props.background);
-          }
-          // MISC PROPERTIES
-          // ====================
-          if (dpr === -1) {
-            dpr = window.devicePixelRatio;
-          }
-          updateGlobals?.({
-            dpr
-          });
-          while (!renderer.value?.$el?.instance &&
-          // TODO: remove `as any`
-          !renderer.value?.component?.ctx.$el?.instance) {
-            await new Promise(r => requestAnimationFrame(r));
-          }
-          while (!scene.value?.$el?.instance &&
-          // TODO: remove `as any`
-          !scene.value?.component?.ctx.$el?.instance) {
-            await new Promise(r => requestAnimationFrame(r));
-          }
-          const normalizedRenderer = renderer.value?.$el?.instance ?? renderer.value?.component?.ctx.$el?.instance;
-          normalizedRenderer.setPixelRatio(globals.dpr);
-          const normalizedScene = scene.value?.$el?.instance ?? scene.value?.component?.ctx.$el?.instance;
-          const normalizedCamera = camera.value?.$el?.instance ?? camera.value?.component?.ctx.$el?.instance;
-          // TODO: update DPR on monitor switch
-          // prep canvas (sizing, observe, unmount, etc)
-          // (only run if no custom renderer)
-          if (!context.slots?.renderer?.()?.length) {
-            // TODO: use dispose
-            prepCanvas(container, normalizedCamera, normalizedRenderer, normalizedScene, props.sizePolicy);
-            if (props.r3f) {
-              normalizedRenderer.outputEncoding = THREE__namespace.sRGBEncoding;
-              normalizedRenderer.toneMapping = THREE__namespace.ACESFilmicToneMapping;
-            }
-            // update render sugar
-            const sugar = {
-              shadow: props.shadow
-            };
-            if (sugar?.shadow) {
-              normalizedRenderer.shadowMap.enabled = true;
-              if (typeof sugar.shadow === 'object') {
-                normalizedRenderer.shadowMap.type = sugar.shadow.type;
-              }
-            }
-          }
-          // START
-          // ====================
-          if (!app) {
-            throw new Error('error creating app');
-          }
-          // save renderer, scene, camera
-          app.config.globalProperties.lunchbox.camera = normalizedCamera;
-          app.config.globalProperties.lunchbox.renderer = normalizedRenderer;
-          app.config.globalProperties.lunchbox.scene = normalizedScene;
-          for (let startCallback of startCallbacks ?? []) {
-            startCallback({
-              app,
-              camera: normalizedCamera,
-              renderer: normalizedRenderer,
-              scene: normalizedScene
-            });
-          }
-          // KICK UPDATE
-          // ====================
-          update({
-            app,
-            camera: normalizedCamera,
-            renderer: normalizedRenderer,
-            scene: normalizedScene,
-            updateSource: props.updateSource
-          });
-        });
-        // UNMOUNT
-        // ====================
-        vue.onBeforeUnmount(() => {
-          cancelUpdate();
-          cancelUpdateSource();
-        });
-        // RENDER FUNCTION
-        // ====================
-        const containerFillStyle = props.sizePolicy === 'container' ? 'static' : 'absolute';
-        const canvasFillStyle = props.sizePolicy === 'container' ? 'static' : 'fixed';
-        // REACTIVE CUSTOM CAMERAS
-        // ====================
-        // find first camera with `type.name` property
-        // (which indicates a Lunch.Node)
-        const activeCamera = vue.computed(() => {
-          const output = context.slots?.camera?.().find(c => c.type?.name);
-          if (output) {
-            return output;
-          }
-          return output;
-        });
-        // TODO: make custom cameras reactive
-        vue.watch(activeCamera, async (newVal, oldVal) => {
-          // console.log('got camera', newVal)
-          if (newVal && newVal?.props?.key !== oldVal?.props?.key) {
-            // TODO: remove cast
-            camera.value = newVal;
-            // TODO: why isn't this updating app camera?
-            // const el = await waitFor(() => newVal.el)
-            // console.log(el)
-            // camera.value = el
-            // console.log(newVal.uuid)
-            // updateGlobals?.({ camera: el })
-          }
-        }, {
-          immediate: true
-        });
-        // RENDER FUNCTION
-        // ====================
-        return () => vue.createVNode(vue.Fragment, null, [context.slots?.renderer?.()?.length ?
-        // TODO: remove `as any` cast
-        renderer.value = context.slots?.renderer?.()[0] : // ...otherwise, add canvas...
-        vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
-          "class": "lunchbox-container",
-          "style": fillStyle(containerFillStyle),
-          "ref": container,
-          "data-lunchbox": "true"
-        }, [vue.createVNode("canvas", {
-          "ref": canvas,
-          "class": "lunchbox-canvas",
-          "style": fillStyle(canvasFillStyle),
-          "data-lunchbox": "true"
-        }, null)]), canvas.value?.domElement && vue.createVNode(vue.resolveComponent("webGLRenderer"), vue.mergeProps(props.rendererProperties ?? {}, {
-          "ref": renderer,
-          "args": [{
-            alpha: props.transparent,
-            antialias: true,
-            canvas: canvas.value?.domElement,
-            powerPreference: !!props.r3f ? 'high-performance' : 'default',
-            ...(props.rendererArguments ?? {})
-          }]
-        }), null)]), context.slots?.scene?.()?.length ?
-        // TODO: remove `as any` cast
-        scene.value = context.slots?.scene?.()[0] : // ...otherwise, add default scene
-        // TODO: why does this need to be a separate component? <scene> throws an error
-        vue.createVNode(LunchboxScene, {
-          "ref": scene
-        }, {
-          default: () => [context.slots?.default?.()]
-        }), context.slots?.camera?.()?.length ?
-        // TODO: remove `any` cast
-        camera.value : props.ortho || props.orthographic ? vue.createVNode(vue.resolveComponent("orthographicCamera"), vue.mergeProps({
-          "ref": camera,
-          "args": props.cameraArgs ?? []
-        }, consolidatedCameraProperties), null) : vue.createVNode(vue.resolveComponent("perspectiveCamera"), vue.mergeProps({
-          "ref": camera,
-          "args": props.cameraArgs ?? [props.r3f ? 75 : 45, 0.5625, 1, 1000]
-        }, consolidatedCameraProperties), null), interactables?.value.length && vue.createVNode(LunchboxEventHandlers, null, null)]);
-      }
-    });
-
-    // list of all components to register out of the box
-    const autoGeneratedComponents = [
-    // ThreeJS basics
-    'mesh', 'instancedMesh', 'scene', 'sprite', 'object3D',
-    // geometry
-    'instancedBufferGeometry', 'bufferGeometry', 'boxBufferGeometry', 'circleBufferGeometry', 'coneBufferGeometry', 'cylinderBufferGeometry', 'dodecahedronBufferGeometry', 'extrudeBufferGeometry', 'icosahedronBufferGeometry', 'latheBufferGeometry', 'octahedronBufferGeometry', 'parametricBufferGeometry', 'planeBufferGeometry', 'polyhedronBufferGeometry', 'ringBufferGeometry', 'shapeBufferGeometry', 'sphereBufferGeometry', 'tetrahedronBufferGeometry', 'textBufferGeometry', 'torusBufferGeometry', 'torusKnotBufferGeometry', 'tubeBufferGeometry', 'wireframeGeometry', 'parametricGeometry', 'tetrahedronGeometry', 'octahedronGeometry', 'icosahedronGeometry', 'dodecahedronGeometry', 'polyhedronGeometry', 'tubeGeometry', 'torusKnotGeometry', 'torusGeometry',
-    // textgeometry has been moved to /examples/jsm/geometries/TextGeometry
-    // 'textGeometry',
-    'sphereGeometry', 'ringGeometry', 'planeGeometry', 'latheGeometry', 'shapeGeometry', 'extrudeGeometry', 'edgesGeometry', 'coneGeometry', 'cylinderGeometry', 'circleGeometry', 'boxGeometry',
-    // materials
-    'material', 'shadowMaterial', 'spriteMaterial', 'rawShaderMaterial', 'shaderMaterial', 'pointsMaterial', 'meshPhysicalMaterial', 'meshStandardMaterial', 'meshPhongMaterial', 'meshToonMaterial', 'meshNormalMaterial', 'meshLambertMaterial', 'meshDepthMaterial', 'meshDistanceMaterial', 'meshBasicMaterial', 'meshMatcapMaterial', 'lineDashedMaterial', 'lineBasicMaterial',
-    // lights
-    'light', 'spotLightShadow', 'spotLight', 'pointLight', 'rectAreaLight', 'hemisphereLight', 'directionalLightShadow', 'directionalLight', 'ambientLight', 'lightShadow', 'ambientLightProbe', 'hemisphereLightProbe', 'lightProbe',
-    // textures
-    'texture', 'videoTexture', 'dataTexture', 'dataTexture3D', 'compressedTexture', 'cubeTexture', 'canvasTexture', 'depthTexture',
-    // Texture loaders
-    'textureLoader',
-    // misc
-    'group', 'catmullRomCurve3', 'points', 'raycaster',
-    // helpers
-    'cameraHelper',
-    // cameras
-    'camera', 'perspectiveCamera', 'orthographicCamera', 'cubeCamera', 'arrayCamera',
-    // renderers
-    'webGLRenderer'
-    /*
-    // List copied from r3f:
-    // https://github.com/pmndrs/react-three-fiber/blob/master/packages/fiber/src/three-types.ts
-     // NOT IMPLEMENTED (can be added via Extend - docs.lunchboxjs.com/components/extend/):
-    audioListener: AudioListenerProps
-    positionalAudio: PositionalAudioProps
-     lOD: LODProps
-    skinnedMesh: SkinnedMeshProps
-    skeleton: SkeletonProps
-    bone: BoneProps
-    lineSegments: LineSegmentsProps
-    lineLoop: LineLoopProps
-    // see `audio`
-    // line: LineProps
-    immediateRenderObject: ImmediateRenderObjectProps
-     // primitive
-    primitive: PrimitiveProps
-     // helpers
-    spotLightHelper: SpotLightHelperProps
-    skeletonHelper: SkeletonHelperProps
-    pointLightHelper: PointLightHelperProps
-    hemisphereLightHelper: HemisphereLightHelperProps
-    gridHelper: GridHelperProps
-    polarGridHelper: PolarGridHelperProps
-    directionalLightHelper: DirectionalLightHelperProps
-    boxHelper: BoxHelperProps
-    box3Helper: Box3HelperProps
-    planeHelper: PlaneHelperProps
-    arrowHelper: ArrowHelperProps
-    axesHelper: AxesHelperProps
-      // misc
-    vector2: Vector2Props
-    vector3: Vector3Props
-    vector4: Vector4Props
-    euler: EulerProps
-    matrix3: Matrix3Props
-    matrix4: Matrix4Props
-    quaternion: QuaternionProps
-    bufferAttribute: BufferAttributeProps
-    instancedBufferAttribute: InstancedBufferAttributeProps
-    color: ColorProps
-    fog: FogProps
-    fogExp2: FogExp2Props
-    shape: ShapeProps
-    */];
-
-    const catalogue = {};
-    // component creation utility
-    const createComponent$1 = tag => vue.defineComponent({
-      inheritAttrs: false,
-      name: tag,
-      setup(props, context) {
-        return () => {
-          return vue.h(tag, context.attrs, context.slots?.default?.() || []);
-        };
-      }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(u) {
+    const e = [];
+    if (Array.isArray(u)) {
+      const r = new Set(u.flat(1 / 0).reverse());
+      for (const D of r)
+        e.unshift(gu(D));
+    } else
+      u !== void 0 && e.push(gu(u));
+    return e;
+  }
+  static _$Eu(u, e) {
+    const r = e.attribute;
+    return r === !1 ? void 0 : typeof r == "string" ? r : typeof u == "string" ? u.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    var u;
+    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (u = this.constructor.l) == null || u.forEach((e) => e(this));
+  }
+  addController(u) {
+    var e;
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(u), this.renderRoot !== void 0 && this.isConnected && ((e = u.hostConnected) == null || e.call(u));
+  }
+  removeController(u) {
+    var e;
+    (e = this._$EO) == null || e.delete(u);
+  }
+  _$E_() {
+    const u = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
+    for (const r of e.keys())
+      this.hasOwnProperty(r) && (u.set(r, this[r]), delete this[r]);
+    u.size > 0 && (this._$Ep = u);
+  }
+  createRenderRoot() {
+    const u = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return Yu(u, this.constructor.elementStyles), u;
+  }
+  connectedCallback() {
+    var u;
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (u = this._$EO) == null || u.forEach((e) => {
+      var r;
+      return (r = e.hostConnected) == null ? void 0 : r.call(e);
     });
-    // turn components into registered map
-    const processed = autoGeneratedComponents.map(createComponent$1).reduce((acc, curr) => {
-      acc[curr.name] = curr;
-      return acc;
-    }, {});
-    const components = {
-      ...processed,
-      Lunchbox: LunchboxWrapper
-    };
-
-    const createComponent = tag => vue.defineComponent({
-      inheritAttrs: false,
-      name: tag,
-      render() {
-        return vue.h(tag, this.$attrs, this.$slots?.default?.() || []);
-      }
+  }
+  enableUpdating(u) {
+  }
+  disconnectedCallback() {
+    var u;
+    (u = this._$EO) == null || u.forEach((e) => {
+      var r;
+      return (r = e.hostDisconnected) == null ? void 0 : r.call(e);
     });
-    const extend = ({
-      app,
-      ...targets
-    }) => {
-      Object.keys(targets).forEach(key => {
-        app.component(key, createComponent(key));
-        catalogue[key] = targets[key];
-      });
-    };
-
-    /** Process props into either themselves or the $attached value */
-    function processProp({
-      node,
-      prop
-    }) {
-      // return $attachedArray value if needed
-      if (typeof prop === 'string' && prop.startsWith('$attachedArray')) {
-        return node.attachedArray[prop.replace('$attachedArray.', '')];
-      }
-      // return $attached value if needed
-      if (typeof prop === 'string' && prop.startsWith('$attached')) {
-        return node.attached[prop.replace('$attached.', '')];
-      }
-      // otherwise, return plain value
-      return prop;
-    }
-    function processPropAsArray({
-      node,
-      prop
-    }) {
-      const isAttachedArray = typeof prop === 'string' && prop.startsWith('$attachedArray');
-      const output = processProp({
-        node,
-        prop
-      });
-      return Array.isArray(output) && isAttachedArray ? output : [output];
-    }
-
-    function instantiateThreeObject(node) {
-      if (!node.type) return null;
-      // what class will we be instantiating?
-      const uppercaseType = node.type[0].toUpperCase() + node.type.slice(1);
-      const translatedType = uppercaseType.replace(/Lunchbox$/, '');
-      const targetClass = catalogue[node.type] || THREE__namespace[uppercaseType] || catalogue[translatedType] || THREE__namespace[translatedType];
-      if (!targetClass) throw `${uppercaseType} is not part of the THREE namespace! Did you forget to extend? import {extend} from 'lunchbox'; extend({app, YourComponent, ...})`;
-      // what args have we been provided?
-      const args = node.props.args ?? [];
-      // replace $attached values with their instances
-      // we need to guarantee everything comes back as an array so we can spread $attachedArrays,
-      // so we'll use processPropAsArray
-      const argsWrappedInArrays = args.map(arg => {
-        return processPropAsArray({
-          node,
-          prop: arg
-        });
-      });
-      let processedArgs = [];
-      argsWrappedInArrays.forEach(arr => {
-        processedArgs = processedArgs.concat(arr);
-      });
-      const instance = new targetClass(...processedArgs);
-      return instance;
+  }
+  attributeChangedCallback(u, e, r) {
+    this._$AK(u, r);
+  }
+  _$EC(u, e) {
+    var s;
+    const r = this.constructor.elementProperties.get(u), D = this.constructor._$Eu(u, r);
+    if (D !== void 0 && r.reflect === !0) {
+      const i = (((s = r.converter) == null ? void 0 : s.toAttribute) !== void 0 ? r.converter : uu).toAttribute(e, r.type);
+      this._$Em = u, i == null ? this.removeAttribute(D) : this.setAttribute(D, i), this._$Em = null;
     }
-
-    // Unique ID creation requires a high quality random # generator. In the browser we therefore
-    // require the crypto API and do not support built-in fallback to lower quality random number
-    // generators (like Math.random()).
-    var getRandomValues;
-    var rnds8 = new Uint8Array(16);
-    function rng() {
-      // lazy load so that environments that need to polyfill have a chance to do so
-      if (!getRandomValues) {
-        // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
-        // find the complete implementation of crypto (msCrypto) on IE11.
-        getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
-        if (!getRandomValues) {
-          throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-        }
-      }
-      return getRandomValues(rnds8);
+  }
+  _$AK(u, e) {
+    var s;
+    const r = this.constructor, D = r._$Eh.get(u);
+    if (D !== void 0 && this._$Em !== D) {
+      const i = r.getPropertyOptions(D), a = typeof i.converter == "function" ? { fromAttribute: i.converter } : ((s = i.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? i.converter : uu;
+      this._$Em = D, this[D] = a.fromAttribute(e, i.type), this._$Em = null;
     }
-
-    var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
-
-    function validate(uuid) {
-      return typeof uuid === 'string' && REGEX.test(uuid);
+  }
+  requestUpdate(u, e, r) {
+    if (u !== void 0) {
+      if (r ?? (r = this.constructor.getPropertyOptions(u)), !(r.hasChanged ?? pu)(this[u], e))
+        return;
+      this.P(u, e, r);
     }
-
-    /**
-     * Convert array of 16 byte values to UUID string format of the form:
-     * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
-     */
-
-    var byteToHex = [];
-    for (var i = 0; i < 256; ++i) {
-      byteToHex.push((i + 0x100).toString(16).substr(1));
+    this.isUpdatePending === !1 && (this._$ES = this._$ET());
+  }
+  P(u, e, r) {
+    this._$AL.has(u) || this._$AL.set(u, e), r.reflect === !0 && this._$Em !== u && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(u);
+  }
+  async _$ET() {
+    this.isUpdatePending = !0;
+    try {
+      await this._$ES;
+    } catch (e) {
+      Promise.reject(e);
     }
-    function stringify(arr) {
-      var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      // Note: Be careful editing this code!  It's been tuned for performance
-      // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-      var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
-      // of the following:
-      // - One or more input array values don't map to a hex octet (leading to
-      // "undefined" in the uuid)
-      // - Invalid input values for the RFC `version` or `variant` fields
-
-      if (!validate(uuid)) {
-        throw TypeError('Stringified UUID is invalid');
+    const u = this.scheduleUpdate();
+    return u != null && await u, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    var r;
+    if (!this.isUpdatePending)
+      return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+        for (const [s, i] of this._$Ep)
+          this[s] = i;
+        this._$Ep = void 0;
       }
-      return uuid;
+      const D = this.constructor.elementProperties;
+      if (D.size > 0)
+        for (const [s, i] of D)
+          i.wrapped !== !0 || this._$AL.has(s) || this[s] === void 0 || this.P(s, this[s], i);
     }
-
-    function v4(options, buf, offset) {
-      options = options || {};
-      var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-      rnds[6] = rnds[6] & 0x0f | 0x40;
-      rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-      if (buf) {
-        offset = offset || 0;
-        for (var i = 0; i < 16; ++i) {
-          buf[offset + i] = rnds[i];
-        }
-        return buf;
-      }
-      return stringify(rnds);
+    let u = !1;
+    const e = this._$AL;
+    try {
+      u = this.shouldUpdate(e), u ? (this.willUpdate(e), (r = this._$EO) == null || r.forEach((D) => {
+        var s;
+        return (s = D.hostUpdate) == null ? void 0 : s.call(D);
+      }), this.update(e)) : this._$EU();
+    } catch (D) {
+      throw u = !1, this._$EU(), D;
     }
-
-    // MiniDom recreates DOM node properties and methods.
-    // Since Vue 3 is a DOM-first framework, many of its nodeOps depend on
-    // properties and methods the DOM naturally contains. MiniDom recreates
-    // those properties (as well as a few from the tree-model npm package)
-    // to make a DOM-like but otherwise agnostic hierarchy structure.
-    exports.MiniDom = void 0;
-    (function (MiniDom) {
-      class BaseNode {
-        constructor(options = {}, parent) {
-          this.parentNode = options?.parentNode ?? parent ?? null;
-          this.minidomType = 'MinidomBaseNode';
-          this.uuid = options?.uuid ?? v4();
-          // allNodes.push(this)
-        }
-
-        uuid;
-        // DOM FEATURES
-        // ====================
-        parentNode;
-        get nextSibling() {
-          if (!this.parentNode) return null;
-          const idx = this.parentNode.children.findIndex(n => n.uuid === this.uuid);
-          // return next sibling if we're present and not the last child of the parent
-          if (idx !== -1 && idx < this.parentNode.children.length - 1) {
-            return this.parentNode.children[idx + 1];
-          }
-          return null;
-        }
-        insertBefore(child, anchor) {
-          child.removeAsChildFromAnyParents();
-          child.parentNode = this;
-          const anchorIdx = this.children.findIndex(n => n.uuid === anchor?.uuid);
-          if (anchorIdx !== -1) {
-            this.children.splice(anchorIdx, 0, child);
-          } else {
-            this.children.push(child);
-          }
-        }
-        removeChild(child) {
-          const idx = this.children.findIndex(n => n?.uuid === child?.uuid);
-          if (idx !== -1) {
-            this.children.splice(idx, 1);
-          }
-        }
-        // TREE FEATURES
-        // ====================
-        children = [];
-        addChild(child) {
-          if (child) {
-            // remove child from any other parents
-            child.removeAsChildFromAnyParents();
-            // add to this node
-            child.parentNode = this;
-            this.insertBefore(child, null);
-          }
-          return this;
-        }
-        /** Get the array of Nodes representing the path from the root to this Node (inclusive). */
-        getPath() {
-          const output = [];
-          let current = this;
-          while (current) {
-            output.unshift(current);
-            current = current.parentNode;
-          }
-          return output;
-        }
-        /** Drop this node. Removes parent's knowledge of this node
-         * and resets this node's internal parent. */
-        drop() {
-          // remove as child
-          this.removeAsChildFromAnyParents();
-          // remove parent
-          this.parentNode = null;
-        }
-        /** Walk over the entire subtree. Return falsey value in callback to end early. */
-        // TODO: depth-first vs breadth-first
-        walk(callback) {
-          const queue = [this, ...this.children];
-          const traversed = [];
-          let canContinue = true;
-          while (queue.length && canContinue) {
-            const current = queue.shift();
-            if (current) {
-              if (traversed.includes(current)) continue;
-              traversed.push(current);
-              queue.push(...current.children.filter(child => !traversed.includes(child)));
-              canContinue = callback(current);
-            } else {
-              canContinue = false;
-            }
+    u && this._$AE(e);
+  }
+  willUpdate(u) {
+  }
+  _$AE(u) {
+    var e;
+    (e = this._$EO) == null || e.forEach((r) => {
+      var D;
+      return (D = r.hostUpdated) == null ? void 0 : D.call(r);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(u)), this.updated(u);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(u) {
+    return !0;
+  }
+  update(u) {
+    this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EC(e, this[e]))), this._$EU();
+  }
+  updated(u) {
+  }
+  firstUpdated(u) {
+  }
+}
+k.elementStyles = [], k.shadowRootOptions = { mode: "open" }, k[z("elementProperties")] = /* @__PURE__ */ new Map(), k[z("finalized")] = /* @__PURE__ */ new Map(), nu == null || nu({ ReactiveElement: k }), (P.reactiveElementVersions ?? (P.reactiveElementVersions = [])).push("2.0.4");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const V = globalThis, eu = V.trustedTypes, _u = eu ? eu.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, ku = "$lit$", S = `lit$${Math.random().toFixed(9).slice(2)}$`, Hu = "?" + S, ie = `<${Hu}>`, L = document, q = () => L.createComment(""), J = (t) => t === null || typeof t != "object" && typeof t != "function", Ru = Array.isArray, ne = (t) => Ru(t) || typeof (t == null ? void 0 : t[Symbol.iterator]) == "function", ou = `[ 	
+\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, vu = /-->/g, wu = />/g, N = RegExp(`>|${ou}(?:([^\\s"'>=/]+)(${ou}*=${ou}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Su = /'/g, Pu = /"/g, Iu = /^(?:script|style|textarea|title)$/i, oe = (t) => (u, ...e) => ({ _$litType$: t, strings: u, values: e }), Uu = oe(1), R = Symbol.for("lit-noChange"), B = Symbol.for("lit-nothing"), xu = /* @__PURE__ */ new WeakMap(), O = L.createTreeWalker(L, 129);
+function ju(t, u) {
+  if (!Array.isArray(t) || !t.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return _u !== void 0 ? _u.createHTML(u) : u;
+}
+const ae = (t, u) => {
+  const e = t.length - 1, r = [];
+  let D, s = u === 2 ? "<svg>" : "", i = j;
+  for (let a = 0; a < e; a++) {
+    const o = t[a];
+    let F, d, l = -1, $ = 0;
+    for (; $ < o.length && (i.lastIndex = $, d = i.exec(o), d !== null); )
+      $ = i.lastIndex, i === j ? d[1] === "!--" ? i = vu : d[1] !== void 0 ? i = wu : d[2] !== void 0 ? (Iu.test(d[2]) && (D = RegExp("</" + d[2], "g")), i = N) : d[3] !== void 0 && (i = N) : i === N ? d[0] === ">" ? (i = D ?? j, l = -1) : d[1] === void 0 ? l = -2 : (l = i.lastIndex - d[2].length, F = d[1], i = d[3] === void 0 ? N : d[3] === '"' ? Pu : Su) : i === Pu || i === Su ? i = N : i === vu || i === wu ? i = j : (i = N, D = void 0);
+    const w = i === N && t[a + 1].startsWith("/>") ? " " : "";
+    s += i === j ? o + ie : l >= 0 ? (r.push(F), o.slice(0, l) + ku + o.slice(l) + S + w) : o + S + (l === -2 ? a : w);
+  }
+  return [ju(t, s + (t[e] || "<?>") + (u === 2 ? "</svg>" : "")), r];
+};
+class Z {
+  constructor({ strings: u, _$litType$: e }, r) {
+    let D;
+    this.parts = [];
+    let s = 0, i = 0;
+    const a = u.length - 1, o = this.parts, [F, d] = ae(u, e);
+    if (this.el = Z.createElement(F, r), O.currentNode = this.el.content, e === 2) {
+      const l = this.el.content.firstChild;
+      l.replaceWith(...l.childNodes);
+    }
+    for (; (D = O.nextNode()) !== null && o.length < a; ) {
+      if (D.nodeType === 1) {
+        if (D.hasAttributes())
+          for (const l of D.getAttributeNames())
+            if (l.endsWith(ku)) {
+              const $ = d[i++], w = D.getAttribute(l).split(S), X = /([.?@])?(.*)/.exec($);
+              o.push({ type: 1, index: s, name: X[2], strings: w, ctor: X[1] === "." ? Ae : X[1] === "?" ? Ce : X[1] === "@" ? he : Du }), D.removeAttribute(l);
+            } else
+              l.startsWith(S) && (o.push({ type: 6, index: s }), D.removeAttribute(l));
+        if (Iu.test(D.tagName)) {
+          const l = D.textContent.split(S), $ = l.length - 1;
+          if ($ > 0) {
+            D.textContent = eu ? eu.emptyScript : "";
+            for (let w = 0; w < $; w++)
+              D.append(l[w], q()), O.nextNode(), o.push({ type: 2, index: ++s });
+            D.append(l[$], q());
           }
         }
-        // INTERNAL FEATURES
-        // ====================
-        minidomType;
-        removeAsChildFromAnyParents() {
-          this.parentNode?.removeChild(this);
-        }
-      }
-      MiniDom.BaseNode = BaseNode;
-      class RendererBaseNode extends MiniDom.BaseNode {
-        constructor(options = {}, parent) {
-          super(options, parent);
-          this.minidomType = 'RendererNode';
-          this.eventListeners = {};
-          this.eventListenerRemoveFunctions = {};
-          this.name = options.name ?? '';
-          this.metaType = options.metaType ?? 'standardMeta';
-          this.props = options.props ?? [];
-          this.type = options.type ?? '';
-        }
-        eventListeners;
-        eventListenerRemoveFunctions;
-        name;
-        metaType;
-        props;
-        type;
-        drop() {
-          super.drop();
-          // handle remove functions
-          Object.keys(this.eventListenerRemoveFunctions).forEach(key => {
-            this.eventListenerRemoveFunctions[key].forEach(func => func());
-          });
-        }
-      }
-      MiniDom.RendererBaseNode = RendererBaseNode;
-      // ====================
-      // SPECIFIC RENDERER NODES BELOW
-      // ====================
-      class RendererRootNode extends MiniDom.RendererBaseNode {
-        constructor(options = {}, parent) {
-          super(options, parent);
-          this.domElement = options.domElement ?? document.createElement('div');
-        }
-        domElement;
-        isLunchboxRootNode = true;
-      }
-      MiniDom.RendererRootNode = RendererRootNode;
-      class RendererCommentNode extends MiniDom.RendererBaseNode {
-        constructor(options = {}, parent) {
-          super(options, parent);
-          this.text = options.text ?? '';
-        }
-        text;
-      }
-      MiniDom.RendererCommentNode = RendererCommentNode;
-      class RendererDomNode extends MiniDom.RendererBaseNode {
-        constructor(options = {}, parent) {
-          super(options, parent);
-          this.domElement = options.domElement ?? document.createElement('div');
-        }
-        domElement;
-      }
-      MiniDom.RendererDomNode = RendererDomNode;
-      class RendererTextNode extends MiniDom.RendererBaseNode {
-        constructor(options = {}, parent) {
-          super(options, parent);
-          this.text = options.text ?? '';
+      } else if (D.nodeType === 8)
+        if (D.data === Hu)
+          o.push({ type: 2, index: s });
+        else {
+          let l = -1;
+          for (; (l = D.data.indexOf(S, l + 1)) !== -1; )
+            o.push({ type: 7, index: s }), l += S.length - 1;
         }
-        text;
-      }
-      MiniDom.RendererTextNode = RendererTextNode;
-      class RendererStandardNode extends MiniDom.RendererBaseNode {
-        constructor(options = {}, parent) {
-          super(options, parent);
-          this.attached = options.attached ?? [];
-          this.attachedArray = options.attachedArray ?? {};
-          this.instance = options.instance ?? null;
-        }
-        attached;
-        attachedArray;
-        instance;
-      }
-      MiniDom.RendererStandardNode = RendererStandardNode;
-    })(exports.MiniDom || (exports.MiniDom = {}));
-    function isMinidomNode(item) {
-      return item?.minidomType === 'RendererNode';
+      s++;
     }
-
-    // These keys originally used Symbols per Vue instructions,
-    // but differing dev/build values made dev difficult.
-    // These strings have some risk of namespace collision,
-    // but that's a low enough risk that they're worth hardcoding
-    // as strings, in my opinion.
-    const globalsInjectionKey = 'lunchbox-globals'; // Symbol()
-    const updateGlobalsInjectionKey = 'lunchbox-updateGlobals'; // Symbol()
-    const setCustomRenderKey = 'lunchbox-setCustomRender'; // Symbol()
-    const clearCustomRenderKey = 'lunchbox-clearCustomRender'; //Symbol()
-    const beforeRenderKey = 'lunchbox-beforeRender'; // Symbol()
-    const onBeforeRenderKey = 'lunchbox-onBeforeRender'; //Symbol()
-    const offBeforeRenderKey = 'lunchbox-offBeforeRender'; // Symbol()
-    const afterRenderKey = 'lunchbox-afterRender'; // Symbol()
-    const onAfterRenderKey = 'lunchbox-onAfterRender'; // Symbol()
-    const offAfterRenderKey = 'lunchbox-offAfterRender'; // Symbol()
-    const frameIdKey = 'lunchbox-frameId'; // Symbol()
-    const watchStopHandleKey = 'lunchbox-watchStopHandle'; // Symbol()
-    const appRootNodeKey = 'lunchbox-appRootNode'; // Symbol()
-    const appKey = 'lunchbox-appKey'; //  Symbol()
-    const appRenderersKey = 'lunchbox-renderer'; //Symbol()
-    const appSceneKey = 'lunchbox-scene'; // Symbol()
-    const appCameraKey = 'lunchbox-camera'; //Symbol()
-    const lunchboxInteractables = 'lunchbox-interactables'; // Symbol()
-    const startCallbackKey = 'lunchbox-startCallback'; // Symbol()
-
-    const requestUpdate = opts => {
-      if (typeof opts.app.config.globalProperties.lunchbox.frameId === 'number') {
-        cancelAnimationFrame(opts.app.config.globalProperties.lunchbox.frameId);
-      }
-      opts.app.config.globalProperties.lunchbox.frameId = requestAnimationFrame(() => update({
-        app: opts.app,
-        renderer: opts.renderer,
-        scene: opts.scene,
-        camera: opts.camera,
-        updateSource: opts.updateSource
-      }));
-    };
-    const update = opts => {
-      if (opts.updateSource) {
-        if (!opts.app.config.globalProperties.lunchbox.watchStopHandle) {
-          // request next frame only when state changes
-          opts.app.config.globalProperties.lunchbox.watchStopHandle = vue.watch(opts.updateSource, () => {
-            requestUpdate(opts);
-          }, {
-            deep: true
-          });
-        }
-      } else {
-        // request next frame on a continuous loop
-        requestUpdate(opts);
-      }
-      // prep options
-      const {
-        app,
-        renderer,
-        scene
-      } = opts;
-      // BEFORE RENDER
-      app.config.globalProperties.lunchbox.beforeRender.forEach(cb => {
-        cb?.(opts);
-      });
-      // RENDER
-      if (renderer && scene && opts.app.config.globalProperties.lunchbox.camera) {
-        if (app.customRender) {
-          app.customRender(opts);
-        } else {
-          renderer.render(vue.toRaw(scene), opts.app.config.globalProperties.lunchbox.camera
-          // toRaw(camera)
-          );
-        }
+  }
+  static createElement(u, e) {
+    const r = L.createElement("template");
+    return r.innerHTML = u, r;
+  }
+}
+function I(t, u, e = t, r) {
+  var i, a;
+  if (u === R)
+    return u;
+  let D = r !== void 0 ? (i = e._$Co) == null ? void 0 : i[r] : e._$Cl;
+  const s = J(u) ? void 0 : u._$litDirective$;
+  return (D == null ? void 0 : D.constructor) !== s && ((a = D == null ? void 0 : D._$AO) == null || a.call(D, !1), s === void 0 ? D = void 0 : (D = new s(t), D._$AT(t, e, r)), r !== void 0 ? (e._$Co ?? (e._$Co = []))[r] = D : e._$Cl = D), D !== void 0 && (u = I(t, D._$AS(t, u.values), D, r)), u;
+}
+class ce {
+  constructor(u, e) {
+    this._$AV = [], this._$AN = void 0, this._$AD = u, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(u) {
+    const { el: { content: e }, parts: r } = this._$AD, D = ((u == null ? void 0 : u.creationScope) ?? L).importNode(e, !0);
+    O.currentNode = D;
+    let s = O.nextNode(), i = 0, a = 0, o = r[0];
+    for (; o !== void 0; ) {
+      if (i === o.index) {
+        let F;
+        o.type === 2 ? F = new K(s, s.nextSibling, this, u) : o.type === 1 ? F = new o.ctor(s, o.name, o.strings, this, u) : o.type === 6 && (F = new Ee(s, this, u)), this._$AV.push(F), o = r[++a];
       }
-      // AFTER RENDER
-      app.config.globalProperties.lunchbox.afterRender.forEach(cb => {
-        cb?.(opts);
-      });
-    };
-    // before render
-    // ====================
-    /** Obtain callback methods for `onBeforeRender` and `offBeforeRender`. Usually used internally by Lunchbox. */
-    const useBeforeRender = () => {
-      return {
-        onBeforeRender: vue.inject(onBeforeRenderKey),
-        offBeforeRender: vue.inject(offBeforeRenderKey)
-      };
-    };
-    /** Run a function before every render.
-     *
-     * Note that if `updateSource` is set in the Lunchbox wrapper component, this will **only** run
-     * before a render triggered by that `updateSource`. Normally, the function should run every frame.
-     */
-    const onBeforeRender = (cb, index = Infinity) => {
-      useBeforeRender().onBeforeRender?.(cb, index);
-    };
-    /** Remove a function from the `beforeRender` callback list. Useful for tearing down functions added
-     * by `onBeforeRender`.
-     */
-    const offBeforeRender = cb => {
-      useBeforeRender().offBeforeRender?.(cb);
-    };
-    // after render
-    // ====================
-    /** Obtain callback methods for `onAfterRender` and `offAfterRender`. Usually used internally by Lunchbox. */
-    const useAfterRender = () => {
-      return {
-        onAfterRender: vue.inject(onBeforeRenderKey),
-        offAfterRender: vue.inject(offBeforeRenderKey)
-      };
-    };
-    /** Run a function after every render.
-     *
-     * Note that if `updateSource` is set in the Lunchbox wrapper component, this will **only** run
-     * after a render triggered by that `updateSource`. Normally, the function should run every frame.
-     */
-    const onAfterRender = (cb, index = Infinity) => {
-      useBeforeRender().onBeforeRender?.(cb, index);
-    };
-    /** Remove a function from the `afterRender` callback list. Useful for tearing down functions added
-     * by `onAfterRender`.
-     */
-    const offAfterRender = cb => {
-      useBeforeRender().offBeforeRender?.(cb);
-    };
-    /** Obtain a function used to cancel the current update frame. Use `cancelUpdate` if you wish
-     * to immediately invoke the cancellation function. Usually used internally by Lunchbox.
-     */
-    const useCancelUpdate = () => {
-      const frameId = vue.inject(frameIdKey);
-      return () => {
-        if (frameId !== undefined) cancelAnimationFrame(frameId);
-      };
-    };
-    /** Cancel the current update frame. Usually used internally by Lunchbox. */
-    const cancelUpdate = () => {
-      useCancelUpdate()?.();
-    };
-    /** Obtain a function used to cancel an update source. Use `cancelUpdateSource` if you wish to
-     * immediately invoke the cancellation function. Usually used internally by Lunchbox.
-     */
-    const useCancelUpdateSource = () => {
-      const cancel = vue.inject(watchStopHandleKey);
-      return () => cancel?.();
-    };
-    /** Cancel an update source. Usually used internally by Lunchbox. */
-    const cancelUpdateSource = () => {
-      useCancelUpdateSource()?.();
+      i !== (o == null ? void 0 : o.index) && (s = O.nextNode(), i++);
+    }
+    return O.currentNode = L, D;
+  }
+  p(u) {
+    let e = 0;
+    for (const r of this._$AV)
+      r !== void 0 && (r.strings !== void 0 ? (r._$AI(u, r, e), e += r.strings.length - 2) : r._$AI(u[e])), e++;
+  }
+}
+class K {
+  get _$AU() {
+    var u;
+    return ((u = this._$AM) == null ? void 0 : u._$AU) ?? this._$Cv;
+  }
+  constructor(u, e, r, D) {
+    this.type = 2, this._$AH = B, this._$AN = void 0, this._$AA = u, this._$AB = e, this._$AM = r, this.options = D, this._$Cv = (D == null ? void 0 : D.isConnected) ?? !0;
+  }
+  get parentNode() {
+    let u = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && (u == null ? void 0 : u.nodeType) === 11 && (u = e.parentNode), u;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(u, e = this) {
+    u = I(this, u, e), J(u) ? u === B || u == null || u === "" ? (this._$AH !== B && this._$AR(), this._$AH = B) : u !== this._$AH && u !== R && this._(u) : u._$litType$ !== void 0 ? this.$(u) : u.nodeType !== void 0 ? this.T(u) : ne(u) ? this.k(u) : this._(u);
+  }
+  S(u) {
+    return this._$AA.parentNode.insertBefore(u, this._$AB);
+  }
+  T(u) {
+    this._$AH !== u && (this._$AR(), this._$AH = this.S(u));
+  }
+  _(u) {
+    this._$AH !== B && J(this._$AH) ? this._$AA.nextSibling.data = u : this.T(L.createTextNode(u)), this._$AH = u;
+  }
+  $(u) {
+    var s;
+    const { values: e, _$litType$: r } = u, D = typeof r == "number" ? this._$AC(u) : (r.el === void 0 && (r.el = Z.createElement(ju(r.h, r.h[0]), this.options)), r);
+    if (((s = this._$AH) == null ? void 0 : s._$AD) === D)
+      this._$AH.p(e);
+    else {
+      const i = new ce(D, this), a = i.u(this.options);
+      i.p(e), this.T(a), this._$AH = i;
+    }
+  }
+  _$AC(u) {
+    let e = xu.get(u.strings);
+    return e === void 0 && xu.set(u.strings, e = new Z(u)), e;
+  }
+  k(u) {
+    Ru(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let r, D = 0;
+    for (const s of u)
+      D === e.length ? e.push(r = new K(this.S(q()), this.S(q()), this, this.options)) : r = e[D], r._$AI(s), D++;
+    D < e.length && (this._$AR(r && r._$AB.nextSibling, D), e.length = D);
+  }
+  _$AR(u = this._$AA.nextSibling, e) {
+    var r;
+    for ((r = this._$AP) == null ? void 0 : r.call(this, !1, !0, e); u && u !== this._$AB; ) {
+      const D = u.nextSibling;
+      u.remove(), u = D;
+    }
+  }
+  setConnected(u) {
+    var e;
+    this._$AM === void 0 && (this._$Cv = u, (e = this._$AP) == null || e.call(this, u));
+  }
+}
+class Du {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(u, e, r, D, s) {
+    this.type = 1, this._$AH = B, this._$AN = void 0, this.element = u, this.name = e, this._$AM = D, this.options = s, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = B;
+  }
+  _$AI(u, e = this, r, D) {
+    const s = this.strings;
+    let i = !1;
+    if (s === void 0)
+      u = I(this, u, e, 0), i = !J(u) || u !== this._$AH && u !== R, i && (this._$AH = u);
+    else {
+      const a = u;
+      let o, F;
+      for (u = s[0], o = 0; o < s.length - 1; o++)
+        F = I(this, a[r + o], e, o), F === R && (F = this._$AH[o]), i || (i = !J(F) || F !== this._$AH[o]), F === B ? u = B : u !== B && (u += (F ?? "") + s[o + 1]), this._$AH[o] = F;
+    }
+    i && !D && this.j(u);
+  }
+  j(u) {
+    u === B ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, u ?? "");
+  }
+}
+class Ae extends Du {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(u) {
+    this.element[this.name] = u === B ? void 0 : u;
+  }
+}
+class Ce extends Du {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(u) {
+    this.element.toggleAttribute(this.name, !!u && u !== B);
+  }
+}
+class he extends Du {
+  constructor(u, e, r, D, s) {
+    super(u, e, r, D, s), this.type = 5;
+  }
+  _$AI(u, e = this) {
+    if ((u = I(this, u, e, 0) ?? B) === R)
+      return;
+    const r = this._$AH, D = u === B && r !== B || u.capture !== r.capture || u.once !== r.once || u.passive !== r.passive, s = u !== B && (r === B || D);
+    D && this.element.removeEventListener(this.name, this, r), s && this.element.addEventListener(this.name, this, u), this._$AH = u;
+  }
+  handleEvent(u) {
+    var e;
+    typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, u) : this._$AH.handleEvent(u);
+  }
+}
+class Ee {
+  constructor(u, e, r) {
+    this.element = u, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = r;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(u) {
+    I(this, u);
+  }
+}
+const au = V.litHtmlPolyfillSupport;
+au == null || au(Z, K), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.1.3");
+const Fe = (t, u, e) => {
+  const r = (e == null ? void 0 : e.renderBefore) ?? u;
+  let D = r._$litPart$;
+  if (D === void 0) {
+    const s = (e == null ? void 0 : e.renderBefore) ?? null;
+    r._$litPart$ = D = new K(u.insertBefore(q(), s), s, void 0, e ?? {});
+  }
+  return D._$AI(t), D;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class H extends k {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var e;
+    const u = super.createRenderRoot();
+    return (e = this.renderOptions).renderBefore ?? (e.renderBefore = u.firstChild), u;
+  }
+  update(u) {
+    const e = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(u), this._$Do = Fe(e, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    var u;
+    super.connectedCallback(), (u = this._$Do) == null || u.setConnected(!0);
+  }
+  disconnectedCallback() {
+    var u;
+    super.disconnectedCallback(), (u = this._$Do) == null || u.setConnected(!1);
+  }
+  render() {
+    return R;
+  }
+}
+var Mu;
+H._$litElement$ = !0, H.finalized = !0, (Mu = globalThis.litElementHydrateSupport) == null || Mu.call(globalThis, { LitElement: H });
+const cu = globalThis.litElementPolyfillSupport;
+cu == null || cu({ LitElement: H });
+(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.5");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const le = { attribute: !0, type: String, converter: uu, reflect: !1, hasChanged: pu }, de = (t = le, u, e) => {
+  const { kind: r, metadata: D } = e;
+  let s = globalThis.litPropertyMetadata.get(D);
+  if (s === void 0 && globalThis.litPropertyMetadata.set(D, s = /* @__PURE__ */ new Map()), s.set(e.name, t), r === "accessor") {
+    const { name: i } = e;
+    return { set(a) {
+      const o = u.get.call(this);
+      u.set.call(this, a), this.requestUpdate(i, o, t);
+    }, init(a) {
+      return a !== void 0 && this.P(i, void 0, t), a;
+    } };
+  }
+  if (r === "setter") {
+    const { name: i } = e;
+    return function(a) {
+      const o = this[i];
+      u.call(this, a), this.requestUpdate(i, o, t);
     };
-
-    /** Update a single prop on a given node. */
-    function updateObjectProp({
-      node,
-      key,
-      interactables,
-      value
-    }) {
-      // handle and return early if prop is an event
-      // (event list from react-three-fiber)
-      if (isEventKey(key)) {
-        return addEventListener({
-          node,
-          key,
-          interactables,
-          value
+  }
+  throw Error("Unsupported decorator location: " + r);
+};
+function su(t) {
+  return (u, e) => typeof e == "object" ? de(t, u, e) : ((r, D, s) => {
+    const i = D.hasOwnProperty(s);
+    return D.constructor.createProperty(s, i ? { ...r, wrapped: !0 } : r), i ? Object.getOwnPropertyDescriptor(D, s) : void 0;
+  })(t, u, e);
+}
+const pe = (t, u, e) => {
+  if (!u)
+    return;
+  const r = Array.isArray(u) ? u : u.match(/([^[.\]])+/g), D = r == null ? void 0 : r.reduce(
+    (s, i) => s && s[i],
+    t
+  );
+  return D === void 0 ? e : D;
+};
+function fe(t) {
+  if (!t)
+    return !1;
+  const u = t.constructor && t.constructor.toString().substring(0, 5) === "class";
+  if (t.prototype === void 0)
+    return u;
+  const e = t.prototype.constructor && t.prototype.constructor.toString && t.prototype.constructor.toString().substring(0, 5) === "class";
+  return u || e;
+}
+const Be = () => {
+  const t = "[object Number]", e = Object.prototype.toString;
+  function r(s) {
+    return !!s && typeof s == "object";
+  }
+  return function(i) {
+    return typeof i == "number" || r(i) && e.call(i) == t;
+  };
+}, me = Be(), ye = (t, u, e) => {
+  const r = Array.isArray(u) ? u : u.match(/([^[.\]])+/g);
+  r == null || r.reduce((D, s, i) => (D[s] === void 0 && (D[s] = {}), i === r.length - 1 && (D[s] = e), D[s]), t);
+}, Gu = "data-three-uuid", zu = (t, u, e) => {
+  var D;
+  const r = pe(t, u);
+  if (me(e) && (r != null && r.setScalar))
+    r.setScalar(+e);
+  else if (r != null && r.set)
+    if (typeof e == "string") {
+      const s = e.split(","), i = s.every((a) => !a.match(/^[^\d,]+$/));
+      if ((D = e.toLowerCase().trim().match(/^#[\dabcdef]{3,6}$/)) != null && D.length)
+        if (e.length === 4) {
+          const a = [e[1], e[1], e[2], e[2], e[3], e[3]].join("");
+          r.set(+`0x${a}`);
+        } else
+          r.set(+`0x${e.slice(1)}`);
+      else
+        s != null && s.length && i ? r.set(...s.map((a) => +a)) : r.set(e);
+    } else {
+      const s = Array.isArray(e) ? e : [e];
+      r.set(...s);
+    }
+  else
+    ye(t, u, e);
+};
+var ge = Object.defineProperty, $e = (t, u, e, r) => {
+  for (var D = void 0, s = t.length - 1, i; s >= 0; s--)
+    (i = t[s]) && (D = i(u, e, D) || D);
+  return D && ge(u, e, D), D;
+};
+const Vu = "raycast", Nu = [
+  Vu,
+  "args",
+  "data"
+], Wu = (t) => {
+  const u = typeof t == "string" ? m[t] : t;
+  if (!fe(u))
+    return null;
+  class e extends H {
+    constructor() {
+      super(...arguments), this.args = [], this.instance = null, this.dispose = [], this.mutationObserver = null;
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.mutationObserver = new MutationObserver((s) => {
+        s.forEach((i) => {
+          if (!i.attributeName)
+            return;
+          const a = this.attributes.getNamedItem(i.attributeName);
+          a && this.updateProperty(a);
         });
+      }), this.mutationObserver.observe(this, {
+        attributes: !0
+      }), this.instance = new u(...this.args), this.getAttributeNames().forEach((s) => {
+        const i = this.attributes.getNamedItem(s);
+        i && this.updateProperty(i);
+      }), Array.from(this.attributes).forEach(this.updateProperty.bind(this)), this.instance instanceof m.Object3D && this.setAttribute(Gu, this.instance.uuid);
+      const D = this.parentElement;
+      if (D.instance) {
+        const s = this.instance, i = this.instance, a = this.instance, o = D.instance, F = D.instance;
+        s.type.toLowerCase().includes("geometry") && o.geometry ? o.geometry = s : i.type.toLowerCase().includes("material") && o.material ? o.material = i : this.instance instanceof m.Object3D && F.add && F.add(a);
       }
-      // update THREE property
-      // get final key
-      const camelKey = key.replace(/-/g, '.');
-      const finalKey = propertyShortcuts[camelKey] || camelKey;
-      // handle and return early if prop is specific to Vue/Lunchbox
-      if (internalLunchboxVueKeys.includes(key) || internalLunchboxVueKeys.includes(finalKey)) return node;
-      // everything else should be Three-specific, so let's cancel if this isn't a standard node
-      if (!isLunchboxStandardNode(node)) return node;
-      // parse $attached values
-      if (typeof value === 'string' && value.startsWith('$attached')) {
-        const attachedName = value.replace('$attached.', '');
-        value = get(node.attached, attachedName, null);
-      }
-      // save instance
-      const target = node.instance;
-      // cancel if no target
-      if (!target) return node;
-      // burrow down until we get property to change
-      let liveProperty;
-      for (let i = 0; i < nestedPropertiesToCheck.length && !liveProperty; i++) {
-        const nestedProperty = nestedPropertiesToCheck[i];
-        const fullPath = [nestedProperty, finalKey].filter(Boolean).join('.');
-        liveProperty = liveProperty = get(target, fullPath);
-      }
-      // change property
-      // first, save as array in case we need to spread it
-      if (liveProperty && isNumber(value) && liveProperty?.setScalar) {
-        // if value is a number and the property has a `setScalar` method, use that
-        liveProperty.setScalar(value);
-      } else if (liveProperty && liveProperty.set) {
-        // if property has `set` method, use that (https://github.com/pmndrs/react-three-fiber/blob/master/markdown/api.md#shortcuts)
-        const nextValueAsArray = Array.isArray(value) ? value : [value];
-        target[finalKey].set(...nextValueAsArray);
-      } else if (typeof liveProperty === 'function') {
-        // some function properties are set rather than called, so let's handle them
-        if (finalKey.toLowerCase() === 'onbeforerender' || finalKey.toLowerCase() === 'onafterrender') {
-          target[finalKey] = value;
-        } else {
-          if (!Array.isArray(value)) {
-            throw new Error('Arguments on a declarative method must be wrapped in an array.\nWorks:\n<example :methodCall="[256]" />\nDoesn\'t work:\n<example :methodCall="256" />');
-          }
-          // if property is a function, let's try calling it
-          liveProperty.bind(node.instance)(...value);
-        }
-        // pass the result to the parent
-        // const parent = node.parentNode
-        // if (parent) {
-        //     const parentAsLunchboxNode = parent as Lunchbox.Node
-        //     parentAsLunchboxNode.attached[finalKey] = result
-        //         ; (parentAsLunchboxNode.instance as any)[finalKey] = result
-        // }
-      } else if (get(target, finalKey, undefined) !== undefined) {
-        // blank strings evaluate to `true`
-        // <mesh castShadow receiveShadow /> will work the same as
-        // <mesh :castShadow="true" :receiveShadow="true" />
-        set(target, finalKey, value === '' ? true : value);
-      } else {
-        // if you see this error in production, you might need to add `finalKey`
-        // to `internalLunchboxVueKeys` below
-        console.log(`No property ${finalKey} found on ${target}`);
-      }
-      // mark that we need to update if needed
-      const targetTypeRaw = target?.texture?.type || target?.type;
-      if (typeof targetTypeRaw === 'string') {
-        const targetType = targetTypeRaw.toLowerCase();
-        switch (true) {
-          case targetType.includes('material'):
-            target.needsUpdate = true;
-            break;
-          case targetType.includes('camera') && target.updateProjectionMatrix:
-            target.updateProjectionMatrix();
-            break;
-        }
-      }
-      return node;
     }
-    const propertyShortcuts = {
-      x: 'position.x',
-      y: 'position.y',
-      z: 'position.z'
-    };
-    const nestedPropertiesToCheck = ['', 'parameters'];
-    /** props that Lunchbox intercepts and prevents passing to created instances */
-    const internalLunchboxVueKeys = ['args', 'attach', 'attachArray', 'is.default', 'isDefault', 'key', 'onAdded',
-    // 'onReady',
-    'ref', 'src'];
-
-    const autoAttach = ['geometry', 'material'];
-    const createElement = (type, isSVG, isCustomizedBuiltin, vnodeProps) => {
-      const options = {
-        type,
-        props: vnodeProps
-      };
-      // handle dom node
-      const isDomNode = isLunchboxDomComponent(options);
-      if (isDomNode) {
-        const node = createDomNode(options);
-        return node;
-      }
-      // handle standard node
-      const node = createNode(options);
-      // autoattach
-      autoAttach.forEach(key => {
-        if (type.toLowerCase().endsWith(key)) {
-          node.props.attach = key;
-        }
+    /** Update an instance's property. When creating a `<mesh position-y="0.5">`, for example, this sets `mesh.position.y = 0.5`. */
+    updateProperty(D) {
+      const { name: s, value: i } = D;
+      let a = s;
+      Object.keys(this.instance ?? {}).forEach((d) => {
+        d.toLowerCase() === a && (a = d);
       });
-      // TODO: array autoattach
-      return node;
-    };
-
-    const insert = (child, parent, anchor) => {
-      if (!parent) {
-        throw new Error('missing parent');
-      }
-      // add to parent tree node if we have one
-      // let effectiveParent = parent ?? ensureRootNode()
-      parent.insertBefore(child, anchor);
-      // handle comment & text nodes
-      if (child.metaType === 'commentMeta' || child.metaType === 'textMeta') {
+      const o = a.split("-");
+      if (Nu.includes(a) || Nu.includes(o[0]))
         return;
+      let F = i;
+      try {
+        F = JSON.parse(i === "" ? "true" : i);
+      } catch {
       }
-      // handle dom element
-      if (isLunchboxDomComponent(child)) {
-        if (isLunchboxDomComponent(parent) || isLunchboxRootNode(parent)) {
-          parent.domElement.appendChild(child.domElement);
-        }
-      }
-      // handle standard nodes
-      if (isLunchboxStandardNode(child)) {
-        // let effectiveParent = parent
-        let effectiveParentNodeType = parent.metaType;
-        if (effectiveParentNodeType === 'textMeta' || effectiveParentNodeType === 'commentMeta') {
-          const path = parent.getPath();
-          for (let i = path.length - 1; i >= 0; i--) {
-            if (path[i].metaType !== 'textMeta' && path[i].metaType !== 'commentMeta') {
-              parent = path[i];
-              break;
-            }
-          }
-        }
-        if (isLunchboxStandardNode(child) && child.instance?.isObject3D && isLunchboxStandardNode(parent) && parent.instance?.isObject3D) {
-          parent.instance?.add?.(child.instance);
-        }
-        // add attached props
-        if (child?.props?.attach && isLunchboxStandardNode(parent) && parent?.instance) {
-          // if this element is a loader and the `src` attribute is being used,
-          // let's assume we want to create the loader and run `load`
-          const isUsingLoaderSugar = child.type?.toLowerCase().endsWith('loader') && child.props.src && (child.props.attach || child.props.attachArray);
-          // run special loader behavior
-          if (isUsingLoaderSugar) {
-            runLoader(child, parent);
-          } else {
-            // update attached normally
-            attachToParentInstance(child, parent, child.props.attach);
-          }
-        }
-        // fire onAdded event
-        if (child.props?.onAdded) {
-          child.props.onAdded({
-            instance: child.instance
-          });
-        }
-      }
-    };
-    function runLoader(child, parent) {
-      const loader = child.instance;
-      // ensure parent has attached spaces ready
-      parent.attached = parent.attached || {};
-      parent.attachedArray = parent.attachedArray || {};
-      // this should never be true, but just in case
-      if (!child.props.attach) return;
-      if (child.type?.toLowerCase() === 'textureloader') {
-        // if this is a texture loader, immediately pass
-        // load function to parent attachment
-        const textureLoader = loader;
-        const inProgressTexture = textureLoader.load(child.props.src);
-        attachToParentInstance(child, parent, child.props.attach, inProgressTexture);
-      } else {
-        // use a standard callback-based loader
-        loader.load(child.props.src, loadedData => {
-          attachToParentInstance(child, parent, child.props.attach, loadedData);
-        }, null, err => {
-          throw new Error(err);
-        });
-      }
+      this.instance && zu(this.instance, o, F);
     }
-    function attachToParentInstance(child, parent, key, value) {
-      const finalValueToAttach = value ?? child.instance;
-      const parentInstanceAsAny = parent.instance;
-      if (child.props.attach === key) {
-        parent.attached = {
-          [key]: finalValueToAttach,
-          ...(parent.attached || {})
-        };
-        parentInstanceAsAny[key] = value ?? child.instance;
-      }
-      if (child.props.attachArray === key) {
-        if (!parent.attachedArray[child.props.attachArray]) {
-          parent.attachedArray[child.props.attachArray] = [];
-        }
-        parent.attachedArray[child.props.attachArray].push(finalValueToAttach);
-        // TODO: implement auto-attaching array
-        parentInstanceAsAny[key] = [parentInstanceAsAny[key]];
-      }
+    disconnectedCallback() {
+      super.disconnectedCallback(), (this.instance instanceof m.BufferGeometry || this.instance instanceof m.Material || this.instance instanceof m.Texture) && this.instance.dispose(), this.instance instanceof m.Object3D && this.instance.removeFromParent();
     }
-
-    const remove = node => {
-      if (!node) return;
-      // prep subtree
-      const subtree = [];
-      node.walk(descendant => {
-        subtree.push(descendant);
-        return true;
-      });
-      // clean up subtree
-      subtree.forEach(n => {
-        if (isLunchboxStandardNode(n)) {
-          // try to remove three object
-          n.instance?.removeFromParent?.();
-          // try to dispose three object
-          const dispose =
-          // calling `dispose` on a scene triggers an error,
-          // so let's ignore if this node is a scene
-          n.type !== 'scene' && n.instance?.dispose;
-          if (dispose) dispose.bind(n.instance)();
-          n.instance = null;
-        }
-        // drop tree node
-        n.drop();
-      });
-    };
-
-    /*
-        Elements are `create`d from the outside in, then `insert`ed from the inside out.
-    */
-    const createNodeOps = () => {
-      // APP-LEVEL GLOBALS
-      // ====================
-      // These need to exist at the app level in a place where the node ops can access them.
-      // It'd be better to set these via `app.provide` at app creation, but the node ops need access
-      // to these values before the app is instantiated, so this is the next-best place for them to exist.
-      const interactables = vue.ref([]);
-      // NODE OPS
-      // ====================
-      const nodeOps = {
-        createElement,
-        createText(text) {
-          return createTextNode({
-            text
-          });
-        },
-        createComment(text) {
-          return createCommentNode({
-            text
-          });
-        },
-        insert,
-        nextSibling(node) {
-          const result = node.nextSibling;
-          if (!result) return null;
-          return result;
-        },
-        parentNode(node) {
-          const result = node.parentNode;
-          if (!result) return null;
-          return result;
-        },
-        patchProp(node, key, prevValue, nextValue) {
-          if (isLunchboxDomComponent(node)) {
-            // handle DOM node
-            if (key === 'style') {
-              // special handling for style
-              Object.keys(nextValue).forEach(k => {
-                node.domElement.style[k] = nextValue[k];
-              });
-            } else {
-              node.domElement.setAttribute(key, nextValue);
-            }
-            return;
-          }
-          // ignore if root node, or Lunchbox internal prop
-          if (isLunchboxRootNode(node) || key.startsWith('$')) {
-            return;
-          }
-          // otherwise, update prop
-          updateObjectProp({
-            node: node,
-            key,
-            interactables,
-            value: nextValue
-          });
-        },
-        remove,
-        setElementText() {
-          // noop
-        },
-        setText() {
-          // noop
-        }
-      };
-      return {
-        nodeOps,
-        interactables
-      };
-    };
-
-    const BridgeComponent = vue.defineComponent({
-      name: 'BridgeComponent',
-      props: {
-        app: {
-          type: Object
-        },
-        root: {
-          type: Object
-        },
-        appSetup: {
-          type: Function,
-          default: app => app
-        }
-      },
-      setup(props, ctx) {
-        // we need an app or root to mount
-        if (!props.app && !props.root) {
-          throw new Error('app or root required as <bridge> prop');
-        }
-        // prep container
-        const container = vue.ref();
-        // create app
-        let app = props.appSetup(props.app ?? createApp(props.root, ctx.attrs));
-        // get all provided values - this isn't in the types or docs, so it may be unstable
-        const provides = vue.getCurrentInstance()?.provides ?? {};
-        // provide values
-        Object.keys(provides).forEach(key => {
-          app?.provide(key, vue.inject(key));
-        });
-        // mount
-        vue.onMounted(() => {
-          app?.mount(container.value);
-        });
-        // unmount
-        vue.onUnmounted(() => {
-          app?.unmount();
-          app = null;
+    /** Render */
+    render() {
+      return Uu`<slot></slot>`;
+    }
+  }
+  return $e([
+    su({ type: Array })
+  ], e.prototype, "args"), e;
+};
+function be(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var iu = {};
+iu.Space_Separator = /[\u1680\u2000-\u200A\u202F\u205F\u3000]/;
+iu.ID_Start = /[\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u08A0-\u08B4\u08B6-\u08BD\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312E\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FEA\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD40-\uDD74\uDE80-\uDE9C\uDEA0-\uDED0\uDF00-\uDF1F\uDF2D-\uDF4A\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE33\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE4\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2]|\uD804[\uDC03-\uDC37\uDC83-\uDCAF\uDCD0-\uDCE8\uDD03-\uDD26\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE2B\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE80-\uDEAA\uDF00-\uDF19]|\uD806[\uDCA0-\uDCDF\uDCFF\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE83\uDE86-\uDE89\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDF00-\uDF44\uDF50\uDF93-\uDF9F\uDFE0\uDFE1]|\uD821[\uDC00-\uDFEC]|\uD822[\uDC00-\uDEF2]|\uD82C[\uDC00-\uDD1E\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB]|\uD83A[\uDC00-\uDCC4\uDD00-\uDD43]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]/;
+iu.ID_Continue = /[\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0300-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u0483-\u0487\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u05D0-\u05EA\u05F0-\u05F2\u0610-\u061A\u0620-\u0669\u066E-\u06D3\u06D5-\u06DC\u06DF-\u06E8\u06EA-\u06FC\u06FF\u0710-\u074A\u074D-\u07B1\u07C0-\u07F5\u07FA\u0800-\u082D\u0840-\u085B\u0860-\u086A\u08A0-\u08B4\u08B6-\u08BD\u08D4-\u08E1\u08E3-\u0963\u0966-\u096F\u0971-\u0983\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BC-\u09C4\u09C7\u09C8\u09CB-\u09CE\u09D7\u09DC\u09DD\u09DF-\u09E3\u09E6-\u09F1\u09FC\u0A01-\u0A03\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A59-\u0A5C\u0A5E\u0A66-\u0A75\u0A81-\u0A83\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABC-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AD0\u0AE0-\u0AE3\u0AE6-\u0AEF\u0AF9-\u0AFF\u0B01-\u0B03\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3C-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B5C\u0B5D\u0B5F-\u0B63\u0B66-\u0B6F\u0B71\u0B82\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD0\u0BD7\u0BE6-\u0BEF\u0C00-\u0C03\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C58-\u0C5A\u0C60-\u0C63\u0C66-\u0C6F\u0C80-\u0C83\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBC-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CDE\u0CE0-\u0CE3\u0CE6-\u0CEF\u0CF1\u0CF2\u0D00-\u0D03\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D44\u0D46-\u0D48\u0D4A-\u0D4E\u0D54-\u0D57\u0D5F-\u0D63\u0D66-\u0D6F\u0D7A-\u0D7F\u0D82\u0D83\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DE6-\u0DEF\u0DF2\u0DF3\u0E01-\u0E3A\u0E40-\u0E4E\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB9\u0EBB-\u0EBD\u0EC0-\u0EC4\u0EC6\u0EC8-\u0ECD\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F18\u0F19\u0F20-\u0F29\u0F35\u0F37\u0F39\u0F3E-\u0F47\u0F49-\u0F6C\u0F71-\u0F84\u0F86-\u0F97\u0F99-\u0FBC\u0FC6\u1000-\u1049\u1050-\u109D\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u135D-\u135F\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u170C\u170E-\u1714\u1720-\u1734\u1740-\u1753\u1760-\u176C\u176E-\u1770\u1772\u1773\u1780-\u17D3\u17D7\u17DC\u17DD\u17E0-\u17E9\u180B-\u180D\u1810-\u1819\u1820-\u1877\u1880-\u18AA\u18B0-\u18F5\u1900-\u191E\u1920-\u192B\u1930-\u193B\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19D9\u1A00-\u1A1B\u1A20-\u1A5E\u1A60-\u1A7C\u1A7F-\u1A89\u1A90-\u1A99\u1AA7\u1AB0-\u1ABD\u1B00-\u1B4B\u1B50-\u1B59\u1B6B-\u1B73\u1B80-\u1BF3\u1C00-\u1C37\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C88\u1CD0-\u1CD2\u1CD4-\u1CF9\u1D00-\u1DF9\u1DFB-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u203F\u2040\u2054\u2071\u207F\u2090-\u209C\u20D0-\u20DC\u20E1\u20E5-\u20F0\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D7F-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2DE0-\u2DFF\u2E2F\u3005-\u3007\u3021-\u302F\u3031-\u3035\u3038-\u303C\u3041-\u3096\u3099\u309A\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312E\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FEA\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66F\uA674-\uA67D\uA67F-\uA6F1\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA827\uA840-\uA873\uA880-\uA8C5\uA8D0-\uA8D9\uA8E0-\uA8F7\uA8FB\uA8FD\uA900-\uA92D\uA930-\uA953\uA960-\uA97C\uA980-\uA9C0\uA9CF-\uA9D9\uA9E0-\uA9FE\uAA00-\uAA36\uAA40-\uAA4D\uAA50-\uAA59\uAA60-\uAA76\uAA7A-\uAAC2\uAADB-\uAADD\uAAE0-\uAAEF\uAAF2-\uAAF6\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABEA\uABEC\uABED\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE00-\uFE0F\uFE20-\uFE2F\uFE33\uFE34\uFE4D-\uFE4F\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF3F\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD40-\uDD74\uDDFD\uDE80-\uDE9C\uDEA0-\uDED0\uDEE0\uDF00-\uDF1F\uDF2D-\uDF4A\uDF50-\uDF7A\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCA0-\uDCA9\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00-\uDE03\uDE05\uDE06\uDE0C-\uDE13\uDE15-\uDE17\uDE19-\uDE33\uDE38-\uDE3A\uDE3F\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE6\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2]|\uD804[\uDC00-\uDC46\uDC66-\uDC6F\uDC7F-\uDCBA\uDCD0-\uDCE8\uDCF0-\uDCF9\uDD00-\uDD34\uDD36-\uDD3F\uDD50-\uDD73\uDD76\uDD80-\uDDC4\uDDCA-\uDDCC\uDDD0-\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE37\uDE3E\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEEA\uDEF0-\uDEF9\uDF00-\uDF03\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3C-\uDF44\uDF47\uDF48\uDF4B-\uDF4D\uDF50\uDF57\uDF5D-\uDF63\uDF66-\uDF6C\uDF70-\uDF74]|\uD805[\uDC00-\uDC4A\uDC50-\uDC59\uDC80-\uDCC5\uDCC7\uDCD0-\uDCD9\uDD80-\uDDB5\uDDB8-\uDDC0\uDDD8-\uDDDD\uDE00-\uDE40\uDE44\uDE50-\uDE59\uDE80-\uDEB7\uDEC0-\uDEC9\uDF00-\uDF19\uDF1D-\uDF2B\uDF30-\uDF39]|\uD806[\uDCA0-\uDCE9\uDCFF\uDE00-\uDE3E\uDE47\uDE50-\uDE83\uDE86-\uDE99\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC36\uDC38-\uDC40\uDC50-\uDC59\uDC72-\uDC8F\uDC92-\uDCA7\uDCA9-\uDCB6\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD36\uDD3A\uDD3C\uDD3D\uDD3F-\uDD47\uDD50-\uDD59]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE60-\uDE69\uDED0-\uDEED\uDEF0-\uDEF4\uDF00-\uDF36\uDF40-\uDF43\uDF50-\uDF59\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDF00-\uDF44\uDF50-\uDF7E\uDF8F-\uDF9F\uDFE0\uDFE1]|\uD821[\uDC00-\uDFEC]|\uD822[\uDC00-\uDEF2]|\uD82C[\uDC00-\uDD1E\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99\uDC9D\uDC9E]|\uD834[\uDD65-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD\uDE42-\uDE44]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB\uDFCE-\uDFFF]|\uD836[\uDE00-\uDE36\uDE3B-\uDE6C\uDE75\uDE84\uDE9B-\uDE9F\uDEA1-\uDEAF]|\uD838[\uDC00-\uDC06\uDC08-\uDC18\uDC1B-\uDC21\uDC23\uDC24\uDC26-\uDC2A]|\uD83A[\uDC00-\uDCC4\uDCD0-\uDCD6\uDD00-\uDD4A\uDD50-\uDD59]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]|\uDB40[\uDD00-\uDDEF]/;
+const Au = iu;
+var _e = {
+  isSpaceSeparator(t) {
+    return typeof t == "string" && Au.Space_Separator.test(t);
+  },
+  isIdStartChar(t) {
+    return typeof t == "string" && (t >= "a" && t <= "z" || t >= "A" && t <= "Z" || t === "$" || t === "_" || Au.ID_Start.test(t));
+  },
+  isIdContinueChar(t) {
+    return typeof t == "string" && (t >= "a" && t <= "z" || t >= "A" && t <= "Z" || t >= "0" && t <= "9" || t === "$" || t === "_" || t === "‌" || t === "‍" || Au.ID_Continue.test(t));
+  },
+  isDigit(t) {
+    return typeof t == "string" && /[0-9]/.test(t);
+  },
+  isHexDigit(t) {
+    return typeof t == "string" && /[0-9A-Fa-f]/.test(t);
+  }
+};
+const p = _e;
+let hu, y, _, tu, x, g, f, fu, W;
+var ve = function(u, e) {
+  hu = String(u), y = "start", _ = [], tu = 0, x = 1, g = 0, f = void 0, fu = void 0, W = void 0;
+  do
+    f = we(), xe[y]();
+  while (f.type !== "eof");
+  return typeof e == "function" ? Eu({ "": W }, "", e) : W;
+};
+function Eu(t, u, e) {
+  const r = t[u];
+  if (r != null && typeof r == "object")
+    if (Array.isArray(r))
+      for (let D = 0; D < r.length; D++) {
+        const s = String(D), i = Eu(r, s, e);
+        i === void 0 ? delete r[s] : Object.defineProperty(r, s, {
+          value: i,
+          writable: !0,
+          enumerable: !0,
+          configurable: !0
         });
-        return () => vue.createVNode("div", {
-          "ref": container
-        }, null);
       }
-    });
-
-    const bridge = {
-      install(app) {
-        // register wrapper component
-        app.component('lunchbox', BridgeComponent);
+    else
+      for (const D in r) {
+        const s = Eu(r, D, e);
+        s === void 0 ? delete r[D] : Object.defineProperty(r, D, {
+          value: s,
+          writable: !0,
+          enumerable: !0,
+          configurable: !0
+        });
       }
-    };
-
-    /** The current camera as a computed value. */
-    const useCamera = () => vue.inject(appCameraKey);
-    /** Run a function using the current camera when it's present. */
-    const onCameraReady = cb => {
-      const existing = useCamera();
-      if (existing.value) {
-        cb(existing.value);
+  return e.call(t, u, r);
+}
+let A, c, G, b, C;
+function we() {
+  for (A = "default", c = "", G = !1, b = 1; ; ) {
+    C = v();
+    const t = qu[A]();
+    if (t)
+      return t;
+  }
+}
+function v() {
+  if (hu[tu])
+    return String.fromCodePoint(hu.codePointAt(tu));
+}
+function n() {
+  const t = v();
+  return t === `
+` ? (x++, g = 0) : t ? g += t.length : g++, t && (tu += t.length), t;
+}
+const qu = {
+  default() {
+    switch (C) {
+      case "	":
+      case "\v":
+      case "\f":
+      case " ":
+      case " ":
+      case "\uFEFF":
+      case `
+`:
+      case "\r":
+      case "\u2028":
+      case "\u2029":
+        n();
         return;
-      }
-      let stopWatch = null;
-      stopWatch = vue.watch(useCamera(), newVal => {
-        if (newVal) {
-          cb(newVal);
-          stopWatch?.();
-        }
-      });
-    };
-    /** The current renderer as a computed value. */
-    const useRenderer = () => vue.inject(appRenderersKey);
-    /** Run a function using the current renderer when it's present. */
-    const onRendererReady = cb => {
-      const existing = useRenderer();
-      if (existing.value) {
-        cb(existing.value);
+      case "/":
+        n(), A = "comment";
         return;
-      }
-      let stopWatch = null;
-      stopWatch = vue.watch(useRenderer(), newVal => {
-        if (newVal) {
-          cb(newVal);
-          stopWatch?.();
-        }
-      }, {
-        immediate: true
-      });
-    };
-    /** The current scene as a computed value. */
-    const useScene = () => vue.inject(appSceneKey);
-    /** Run a function using the current scene when it's present. */
-    const onSceneReady = cb => {
-      const existing = useScene();
-      if (existing.value) {
-        cb(existing.value);
+      case void 0:
+        return n(), h("eof");
+    }
+    if (p.isSpaceSeparator(C)) {
+      n();
+      return;
+    }
+    return qu[y]();
+  },
+  comment() {
+    switch (C) {
+      case "*":
+        n(), A = "multiLineComment";
         return;
+      case "/":
+        n(), A = "singleLineComment";
+        return;
+    }
+    throw E(n());
+  },
+  multiLineComment() {
+    switch (C) {
+      case "*":
+        n(), A = "multiLineCommentAsterisk";
+        return;
+      case void 0:
+        throw E(n());
+    }
+    n();
+  },
+  multiLineCommentAsterisk() {
+    switch (C) {
+      case "*":
+        n();
+        return;
+      case "/":
+        n(), A = "default";
+        return;
+      case void 0:
+        throw E(n());
+    }
+    n(), A = "multiLineComment";
+  },
+  singleLineComment() {
+    switch (C) {
+      case `
+`:
+      case "\r":
+      case "\u2028":
+      case "\u2029":
+        n(), A = "default";
+        return;
+      case void 0:
+        return n(), h("eof");
+    }
+    n();
+  },
+  value() {
+    switch (C) {
+      case "{":
+      case "[":
+        return h("punctuator", n());
+      case "n":
+        return n(), T("ull"), h("null", null);
+      case "t":
+        return n(), T("rue"), h("boolean", !0);
+      case "f":
+        return n(), T("alse"), h("boolean", !1);
+      case "-":
+      case "+":
+        n() === "-" && (b = -1), A = "sign";
+        return;
+      case ".":
+        c = n(), A = "decimalPointLeading";
+        return;
+      case "0":
+        c = n(), A = "zero";
+        return;
+      case "1":
+      case "2":
+      case "3":
+      case "4":
+      case "5":
+      case "6":
+      case "7":
+      case "8":
+      case "9":
+        c = n(), A = "decimalInteger";
+        return;
+      case "I":
+        return n(), T("nfinity"), h("numeric", 1 / 0);
+      case "N":
+        return n(), T("aN"), h("numeric", NaN);
+      case '"':
+      case "'":
+        G = n() === '"', c = "", A = "string";
+        return;
+    }
+    throw E(n());
+  },
+  identifierNameStartEscape() {
+    if (C !== "u")
+      throw E(n());
+    n();
+    const t = Fu();
+    switch (t) {
+      case "$":
+      case "_":
+        break;
+      default:
+        if (!p.isIdStartChar(t))
+          throw Tu();
+        break;
+    }
+    c += t, A = "identifierName";
+  },
+  identifierName() {
+    switch (C) {
+      case "$":
+      case "_":
+      case "‌":
+      case "‍":
+        c += n();
+        return;
+      case "\\":
+        n(), A = "identifierNameEscape";
+        return;
+    }
+    if (p.isIdContinueChar(C)) {
+      c += n();
+      return;
+    }
+    return h("identifier", c);
+  },
+  identifierNameEscape() {
+    if (C !== "u")
+      throw E(n());
+    n();
+    const t = Fu();
+    switch (t) {
+      case "$":
+      case "_":
+      case "‌":
+      case "‍":
+        break;
+      default:
+        if (!p.isIdContinueChar(t))
+          throw Tu();
+        break;
+    }
+    c += t, A = "identifierName";
+  },
+  sign() {
+    switch (C) {
+      case ".":
+        c = n(), A = "decimalPointLeading";
+        return;
+      case "0":
+        c = n(), A = "zero";
+        return;
+      case "1":
+      case "2":
+      case "3":
+      case "4":
+      case "5":
+      case "6":
+      case "7":
+      case "8":
+      case "9":
+        c = n(), A = "decimalInteger";
+        return;
+      case "I":
+        return n(), T("nfinity"), h("numeric", b * (1 / 0));
+      case "N":
+        return n(), T("aN"), h("numeric", NaN);
+    }
+    throw E(n());
+  },
+  zero() {
+    switch (C) {
+      case ".":
+        c += n(), A = "decimalPoint";
+        return;
+      case "e":
+      case "E":
+        c += n(), A = "decimalExponent";
+        return;
+      case "x":
+      case "X":
+        c += n(), A = "hexadecimal";
+        return;
+    }
+    return h("numeric", b * 0);
+  },
+  decimalInteger() {
+    switch (C) {
+      case ".":
+        c += n(), A = "decimalPoint";
+        return;
+      case "e":
+      case "E":
+        c += n(), A = "decimalExponent";
+        return;
+    }
+    if (p.isDigit(C)) {
+      c += n();
+      return;
+    }
+    return h("numeric", b * Number(c));
+  },
+  decimalPointLeading() {
+    if (p.isDigit(C)) {
+      c += n(), A = "decimalFraction";
+      return;
+    }
+    throw E(n());
+  },
+  decimalPoint() {
+    switch (C) {
+      case "e":
+      case "E":
+        c += n(), A = "decimalExponent";
+        return;
+    }
+    if (p.isDigit(C)) {
+      c += n(), A = "decimalFraction";
+      return;
+    }
+    return h("numeric", b * Number(c));
+  },
+  decimalFraction() {
+    switch (C) {
+      case "e":
+      case "E":
+        c += n(), A = "decimalExponent";
+        return;
+    }
+    if (p.isDigit(C)) {
+      c += n();
+      return;
+    }
+    return h("numeric", b * Number(c));
+  },
+  decimalExponent() {
+    switch (C) {
+      case "+":
+      case "-":
+        c += n(), A = "decimalExponentSign";
+        return;
+    }
+    if (p.isDigit(C)) {
+      c += n(), A = "decimalExponentInteger";
+      return;
+    }
+    throw E(n());
+  },
+  decimalExponentSign() {
+    if (p.isDigit(C)) {
+      c += n(), A = "decimalExponentInteger";
+      return;
+    }
+    throw E(n());
+  },
+  decimalExponentInteger() {
+    if (p.isDigit(C)) {
+      c += n();
+      return;
+    }
+    return h("numeric", b * Number(c));
+  },
+  hexadecimal() {
+    if (p.isHexDigit(C)) {
+      c += n(), A = "hexadecimalInteger";
+      return;
+    }
+    throw E(n());
+  },
+  hexadecimalInteger() {
+    if (p.isHexDigit(C)) {
+      c += n();
+      return;
+    }
+    return h("numeric", b * Number(c));
+  },
+  string() {
+    switch (C) {
+      case "\\":
+        n(), c += Se();
+        return;
+      case '"':
+        if (G)
+          return n(), h("string", c);
+        c += n();
+        return;
+      case "'":
+        if (!G)
+          return n(), h("string", c);
+        c += n();
+        return;
+      case `
+`:
+      case "\r":
+        throw E(n());
+      case "\u2028":
+      case "\u2029":
+        Ne(C);
+        break;
+      case void 0:
+        throw E(n());
+    }
+    c += n();
+  },
+  start() {
+    switch (C) {
+      case "{":
+      case "[":
+        return h("punctuator", n());
+    }
+    A = "value";
+  },
+  beforePropertyName() {
+    switch (C) {
+      case "$":
+      case "_":
+        c = n(), A = "identifierName";
+        return;
+      case "\\":
+        n(), A = "identifierNameStartEscape";
+        return;
+      case "}":
+        return h("punctuator", n());
+      case '"':
+      case "'":
+        G = n() === '"', A = "string";
+        return;
+    }
+    if (p.isIdStartChar(C)) {
+      c += n(), A = "identifierName";
+      return;
+    }
+    throw E(n());
+  },
+  afterPropertyName() {
+    if (C === ":")
+      return h("punctuator", n());
+    throw E(n());
+  },
+  beforePropertyValue() {
+    A = "value";
+  },
+  afterPropertyValue() {
+    switch (C) {
+      case ",":
+      case "}":
+        return h("punctuator", n());
+    }
+    throw E(n());
+  },
+  beforeArrayValue() {
+    if (C === "]")
+      return h("punctuator", n());
+    A = "value";
+  },
+  afterArrayValue() {
+    switch (C) {
+      case ",":
+      case "]":
+        return h("punctuator", n());
+    }
+    throw E(n());
+  },
+  end() {
+    throw E(n());
+  }
+};
+function h(t, u) {
+  return {
+    type: t,
+    value: u,
+    line: x,
+    column: g
+  };
+}
+function T(t) {
+  for (const u of t) {
+    if (v() !== u)
+      throw E(n());
+    n();
+  }
+}
+function Se() {
+  switch (v()) {
+    case "b":
+      return n(), "\b";
+    case "f":
+      return n(), "\f";
+    case "n":
+      return n(), `
+`;
+    case "r":
+      return n(), "\r";
+    case "t":
+      return n(), "	";
+    case "v":
+      return n(), "\v";
+    case "0":
+      if (n(), p.isDigit(v()))
+        throw E(n());
+      return "\0";
+    case "x":
+      return n(), Pe();
+    case "u":
+      return n(), Fu();
+    case `
+`:
+    case "\u2028":
+    case "\u2029":
+      return n(), "";
+    case "\r":
+      return n(), v() === `
+` && n(), "";
+    case "1":
+    case "2":
+    case "3":
+    case "4":
+    case "5":
+    case "6":
+    case "7":
+    case "8":
+    case "9":
+      throw E(n());
+    case void 0:
+      throw E(n());
+  }
+  return n();
+}
+function Pe() {
+  let t = "", u = v();
+  if (!p.isHexDigit(u) || (t += n(), u = v(), !p.isHexDigit(u)))
+    throw E(n());
+  return t += n(), String.fromCodePoint(parseInt(t, 16));
+}
+function Fu() {
+  let t = "", u = 4;
+  for (; u-- > 0; ) {
+    const e = v();
+    if (!p.isHexDigit(e))
+      throw E(n());
+    t += n();
+  }
+  return String.fromCodePoint(parseInt(t, 16));
+}
+const xe = {
+  start() {
+    if (f.type === "eof")
+      throw M();
+    Cu();
+  },
+  beforePropertyName() {
+    switch (f.type) {
+      case "identifier":
+      case "string":
+        fu = f.value, y = "afterPropertyName";
+        return;
+      case "punctuator":
+        Y();
+        return;
+      case "eof":
+        throw M();
+    }
+  },
+  afterPropertyName() {
+    if (f.type === "eof")
+      throw M();
+    y = "beforePropertyValue";
+  },
+  beforePropertyValue() {
+    if (f.type === "eof")
+      throw M();
+    Cu();
+  },
+  beforeArrayValue() {
+    if (f.type === "eof")
+      throw M();
+    if (f.type === "punctuator" && f.value === "]") {
+      Y();
+      return;
+    }
+    Cu();
+  },
+  afterPropertyValue() {
+    if (f.type === "eof")
+      throw M();
+    switch (f.value) {
+      case ",":
+        y = "beforePropertyName";
+        return;
+      case "}":
+        Y();
+    }
+  },
+  afterArrayValue() {
+    if (f.type === "eof")
+      throw M();
+    switch (f.value) {
+      case ",":
+        y = "beforeArrayValue";
+        return;
+      case "]":
+        Y();
+    }
+  },
+  end() {
+  }
+};
+function Cu() {
+  let t;
+  switch (f.type) {
+    case "punctuator":
+      switch (f.value) {
+        case "{":
+          t = {};
+          break;
+        case "[":
+          t = [];
+          break;
       }
-      let stopWatch = null;
-      stopWatch = vue.watch(useScene(), newVal => {
-        if (newVal) {
-          cb(newVal);
-          stopWatch?.();
-        }
-      }, {
-        immediate: true
-      });
-    };
-    // CUSTOM RENDER SUPPORT
-    // ====================
-    /** Set a custom render function, overriding the Lunchbox app's default render function.
-     * Changing this requires the user to manually render their scene.
-     *
-     * Invokes immediately - use `useCustomRender().setCustomRender`
-     * if you need to call somewhere outside of `setup`.
-     */
-    const setCustomRender = render => {
-      useCustomRender()?.setCustomRender?.(render);
-    };
-    /** Clear the active app's custom render function.
-     *
-     * Invokes immediately - use `useCustomRender().clearCustomRender`
-     * if you need to call somewhere outside of `setup`.
-     */
-    const clearCustomRender = () => {
-      useCustomRender()?.clearCustomRender?.();
-    };
-    /** Provides `setCustomRender` and `clearCustomRender` functions to be called in a non-`setup` context. */
-    const useCustomRender = () => {
-      return {
-        /** Set a custom render function, overriding the Lunchbox app's default render function.
-         * Changing this requires the user to manually render their scene. */
-        setCustomRender: vue.inject(setCustomRenderKey),
-        /** Clear the active app's custom render function. */
-        clearCustomRender: vue.inject(clearCustomRenderKey)
-      };
-    };
-    /** Use app-level globals. */
-    const useGlobals = () => vue.inject(globalsInjectionKey);
-    /** Construct a function to update your app-level globals.
-     *
-     * ```js
-     * // in setup():
-     * const updateGlobals = useUpdateGlobals()
-     *
-     * // ...later, to update the device pixel resolution...
-     * updateGlobals({ dpr: 2 })
-     * ```
-     */
-    const useUpdateGlobals = () => vue.inject(updateGlobalsInjectionKey);
-    /** Update app-level globals.
-     *
-     * Invokes immediately - use `useUpdateGlobals`
-     * if you need to call somewhere outside of `setup`.
-     */
-    const updateGlobals = newValue => {
-      useUpdateGlobals()?.(newValue);
-    };
-    /** Use the current Lunchbox app. Usually used internally by Lunchbox. */
-    const useApp = () => vue.inject(appKey);
-    /** Obtain a list of the start callback functions. Usually used internally by Lunchbox. */
-    const useStartCallbacks = () => vue.inject(startCallbackKey);
-    /** Run a given callback once when the Lunchbox app starts. Include an index to
-     * splice the callback at that index in the callback queue. */
-    const onStart = (cb, index = Infinity) => {
-      const callbacks = useStartCallbacks();
-      if (index === Infinity) {
-        callbacks?.push(cb);
-      } else {
-        callbacks?.splice(index, 0, cb);
-      }
-    };
-    /** Obtain a list of interactable objects (registered via onClick, onHover, etc events). Usually used internally by Lunchbox. */
-    const useLunchboxInteractables = () => vue.inject(lunchboxInteractables);
-    /** Build a computed instance-getter from a specified ref. Defaults to a `toRaw`'d result. */
-    const getInstance = (target, raw = true) => vue.computed(() => {
-      const output = target.value?.$el?.instance ?? target.value?.instance ?? null;
-      if (output && raw) return vue.toRaw(output);
-      return output;
+      break;
+    case "null":
+    case "boolean":
+    case "numeric":
+    case "string":
+      t = f.value;
+      break;
+  }
+  if (W === void 0)
+    W = t;
+  else {
+    const u = _[_.length - 1];
+    Array.isArray(u) ? u.push(t) : Object.defineProperty(u, fu, {
+      value: t,
+      writable: !0,
+      enumerable: !0,
+      configurable: !0
     });
-    // CREATE APP
-    // ====================
-    const createApp = (root, rootProps = {}) => {
-      console.log("HERE");
-      const {
-        nodeOps,
-        interactables
-      } = createNodeOps();
-      const app = vue.createRenderer(nodeOps).createApp(root, rootProps);
-      // provide Lunchbox interaction handlers flag (modified when user references events via
-      // @click, etc)
-      app.provide(lunchboxInteractables, interactables);
-      // register all components
-      // ====================
-      Object.keys(components).forEach(key => {
-        app?.component(key, components[key]);
-      });
-      // provide custom renderer functions
-      // ====================
-      app.provide(setCustomRenderKey, render => {
-        app.setCustomRender(render);
-      });
-      app.provide(clearCustomRenderKey, () => {
-        app.clearCustomRender();
-      });
-      // before render
-      // ====================
-      const beforeRender = [];
-      app.provide(beforeRenderKey, beforeRender);
-      app.provide(onBeforeRenderKey, (cb, index = Infinity) => {
-        if (index === Infinity) {
-          beforeRender.push(cb);
-        } else {
-          beforeRender.splice(index, 0, cb);
-        }
-      });
-      app.provide(offBeforeRenderKey, cb => {
-        if (isFinite(cb)) {
-          beforeRender.splice(cb, 1);
-        } else {
-          const idx = beforeRender.findIndex(v => v == cb);
-          if (idx !== -1) {
-            beforeRender.splice(idx, 1);
+  }
+  if (t !== null && typeof t == "object")
+    _.push(t), Array.isArray(t) ? y = "beforeArrayValue" : y = "beforePropertyName";
+  else {
+    const u = _[_.length - 1];
+    u == null ? y = "end" : Array.isArray(u) ? y = "afterArrayValue" : y = "afterPropertyValue";
+  }
+}
+function Y() {
+  _.pop();
+  const t = _[_.length - 1];
+  t == null ? y = "end" : Array.isArray(t) ? y = "afterArrayValue" : y = "afterPropertyValue";
+}
+function E(t) {
+  return ru(t === void 0 ? `JSON5: invalid end of input at ${x}:${g}` : `JSON5: invalid character '${Ju(t)}' at ${x}:${g}`);
+}
+function M() {
+  return ru(`JSON5: invalid end of input at ${x}:${g}`);
+}
+function Tu() {
+  return g -= 5, ru(`JSON5: invalid identifier character at ${x}:${g}`);
+}
+function Ne(t) {
+  console.warn(`JSON5: '${Ju(t)}' in strings is not valid ECMAScript; consider escaping`);
+}
+function Ju(t) {
+  const u = {
+    "'": "\\'",
+    '"': '\\"',
+    "\\": "\\\\",
+    "\b": "\\b",
+    "\f": "\\f",
+    "\n": "\\n",
+    "\r": "\\r",
+    "	": "\\t",
+    "\v": "\\v",
+    "\0": "\\0",
+    "\u2028": "\\u2028",
+    "\u2029": "\\u2029"
+  };
+  if (u[t])
+    return u[t];
+  if (t < " ") {
+    const e = t.charCodeAt(0).toString(16);
+    return "\\x" + ("00" + e).substring(e.length);
+  }
+  return t;
+}
+function ru(t) {
+  const u = new SyntaxError(t);
+  return u.lineNumber = x, u.columnNumber = g, u;
+}
+const Te = /* @__PURE__ */ be(ve);
+var Me = Object.defineProperty, Bu = (t, u, e, r) => {
+  for (var D = void 0, s = t.length - 1, i; s >= 0; s--)
+    (i = t[s]) && (D = i(u, e, D) || D);
+  return D && Me(u, e, D), D;
+};
+const Oe = "orthographic", mu = class mu extends H {
+  constructor() {
+    super(), this.scratchV2 = new m.Vector2(), this.three = {
+      scene: new m.Scene(),
+      camera: null,
+      renderer: new m.WebGLRenderer({
+        antialias: !0,
+        alpha: !0
+      })
+    }, this.background = null, this.dpr = 2, this.sizePolicy = "full", this.raycaster = new m.Raycaster(), this.raycastPool = [], this.frame = 1 / 0, this.resizeObserver = new ResizeObserver((u) => {
+      u.forEach(({ target: e, contentRect: r }) => {
+        if (e === this && (this.three.renderer.setSize(r.width * this.dpr, r.height * this.dpr), this.three.camera)) {
+          const D = r.width / r.height;
+          if (this.three.camera.type.toLowerCase() === "perspectivecamera")
+            this.three.camera.aspect = D, this.three.camera.updateProjectionMatrix();
+          else if (this.three.camera.type.toLowerCase() === "orthographiccamera") {
+            const s = r.height / r.width, i = 10;
+            this.three.camera.top = s * i, this.three.camera.bottom = -s * i, this.three.camera.right = i, this.three.camera.left = -i, this.three.camera.updateProjectionMatrix();
           }
+          this.renderThree();
         }
       });
-      // after render
-      // ====================
-      const afterRender = [];
-      app.provide(afterRenderKey, afterRender);
-      app.provide(onAfterRenderKey, (cb, index = Infinity) => {
-        if (index === Infinity) {
-          afterRender.push(cb);
-        } else {
-          afterRender.splice(index, 0, cb);
-        }
-      });
-      app.provide(offAfterRenderKey, cb => {
-        if (isFinite(cb)) {
-          afterRender.splice(cb, 1);
-        } else {
-          const idx = afterRender.findIndex(v => v == cb);
-          if (idx !== -1) {
-            afterRender.splice(idx, 1);
-          }
-        }
+    });
+  }
+  /** To run on start. */
+  connectedCallback() {
+    super.connectedCallback(), this.getAttribute("dpr") === null && (this.dpr = window.devicePixelRatio), this.getAttribute(Oe) !== null ? this.three.camera = new m.OrthographicCamera() : this.three.camera = new m.PerspectiveCamera(75), ["scene", "camera", "renderer"].forEach((u) => {
+      const e = Te(this.getAttribute(u) ?? "{}");
+      Object.entries(e).forEach(([r, D]) => {
+        this.three[u] && zu(this.three[u], r.split("-"), D);
       });
-      // save app-level components
-      // ====================
-      app.config.globalProperties.lunchbox = vue.reactive({
-        afterRender,
-        beforeRender,
-        camera: null,
-        dpr: 1,
-        frameId: -1,
-        renderer: null,
-        scene: null,
-        watchStopHandle: null
-        // TODO: inputActive, mousePos
+    }), this.resizeObserver.observe(this), this.background !== null && (this.three.scene.background = new m.Color(this.background)), this.three.renderer.domElement.addEventListener("pointermove", this.onPointerMove.bind(this)), this.three.renderer.domElement.addEventListener("mousemove", this.onPointerMove.bind(this)), this.three.renderer.domElement.addEventListener("click", this.onClick.bind(this)), this.updateLoop();
+  }
+  disconnectedCallback() {
+    this.three.renderer.domElement.removeEventListener("pointermove", this.onPointerMove.bind(this)), this.three.renderer.domElement.removeEventListener("click", this.onClick.bind(this)), this.three.renderer.dispose(), this.resizeObserver.unobserve(this), cancelAnimationFrame(this.frame);
+  }
+  handleDefaultSlotChange(u) {
+    u.target.assignedElements().forEach((e) => {
+      const r = e;
+      if (r.instance instanceof m.Object3D) {
+        let D = !1;
+        if (this.three.scene.traverse((s) => {
+          D || s.uuid === r.instance.uuid && (D = !0);
+        }), D)
+          return;
+        this.three.scene.add(r.instance), e.getAttributeNames().includes(Vu) && this.raycastPool.push(r.instance);
+      }
+    }), this.renderThree();
+  }
+  runRaycast(u) {
+    if (!this.raycastPool.length || !this.three.camera)
+      return [];
+    const e = this.scratchV2.clone().set(
+      u.clientX / (this.three.renderer.domElement.width / this.dpr) * 2 - 1,
+      -(u.clientY / (this.three.renderer.domElement.height / this.dpr)) * 2 + 1
+    );
+    return this.raycaster.setFromCamera(e, this.three.camera), this.raycaster.intersectObjects(this.raycastPool).map((s) => ({
+      intersect: s,
+      // TODO: cache result of this query selector somewhere?
+      element: this.querySelector(`[${Gu}="${s.object.uuid}"]`)
+    }));
+  }
+  // Pointer movement
+  // ==================
+  onPointerMove(u) {
+    this.runRaycast.bind(this)(u).forEach((r) => {
+      var D, s, i, a;
+      u.type === "pointermove" ? ((D = r.element) == null || D.dispatchEvent(new PointerEvent("pointermove")), (s = r.element) == null || s.dispatchEvent(new CustomEvent(Le, { detail: r }))) : u.type === "mousemove" && ((i = r.element) == null || i.dispatchEvent(new MouseEvent("mousemove")), (a = r.element) == null || a.dispatchEvent(new CustomEvent(ke, { detail: r })));
+    });
+  }
+  // Click handling
+  // ==================
+  onClick(u) {
+    let e = [];
+    if (u instanceof TouchEvent) {
+      const r = u.touches[0];
+      e = this.runRaycast.bind(this)(r), e.forEach((D) => {
+        var s;
+        (s = D.element) == null || s.dispatchEvent(new TouchEvent("touchstart"));
       });
-      // provide app-level globals & globals update method
-      // ====================
-      app.provide(globalsInjectionKey, app.config.globalProperties.lunchbox);
-      app.provide(updateGlobalsInjectionKey, newGlobals => {
-        Object.keys(newGlobals).forEach(key => {
-          const typedKey = key;
-          // TODO: fix
-          app.config.globalProperties.lunchbox[typedKey] = newGlobals[typedKey];
-        });
+    } else
+      e = this.runRaycast.bind(this)(u), e.forEach((r) => {
+        var D;
+        (D = r.element) == null || D.dispatchEvent(new MouseEvent("click"));
       });
-      // frame ID (used for update functions)
-      // ====================
-      app.provide(frameIdKey, app.config.globalProperties.lunchbox.frameId);
-      // watch stop handler (used for conditional update loop)
-      // ====================
-      app.provide(watchStopHandleKey, app.config.globalProperties.lunchbox.watchStopHandle);
-      // update mount function to match Lunchbox.Node
-      // ====================
-      const {
-        mount
-      } = app;
-      app.mount = (root, ...args) => {
-        // find DOM element to use as app root
-        const domElement = typeof root === "string" ? document.querySelector(root) : root;
-        // create or find root node
-        const rootNode = new exports.MiniDom.RendererRootNode({
-          domElement,
-          isLunchboxRootNode: true,
-          name: "root",
-          metaType: "rootMeta",
-          type: "root",
-          uuid: "LUNCHBOX_ROOT"
-        });
-        app.rootNode = rootNode;
-        app.provide(appRootNodeKey, rootNode);
-        const mounted = mount(rootNode, ...args);
-        return mounted;
-      };
-      // embed .extend function
-      // ====================
-      app.extend = targets => {
-        extend({
-          app: app,
-          ...targets
-        });
-        return app;
-      };
-      // start callback functions
-      // ====================
-      const startCallbacks = [];
-      app.provide(startCallbackKey, startCallbacks);
-      // prep for custom render support
-      // ====================
-      app.setCustomRender = newRender => {
-        if (app) {
-          app.customRender = newRender;
-        }
-      };
-      // add custom render removal
-      app.clearCustomRender = () => {
-        if (app) {
-          app.customRender = null;
-        }
-      };
-      // provide app
-      // ====================
-      app.provide(appKey, app);
-      app.provide(appRenderersKey, vue.computed(() => app.config.globalProperties.lunchbox.renderer));
-      app.provide(appSceneKey, vue.computed(() => app.config.globalProperties.lunchbox.scene));
-      app.provide(appCameraKey, vue.computed(() => app.config.globalProperties.lunchbox.camera));
-      app._props;
-      // done
-      return app;
-    };
-
-    exports.addEventListener = addEventListener;
-    exports.afterRenderKey = afterRenderKey;
-    exports.appCameraKey = appCameraKey;
-    exports.appKey = appKey;
-    exports.appRenderersKey = appRenderersKey;
-    exports.appRootNodeKey = appRootNodeKey;
-    exports.appSceneKey = appSceneKey;
-    exports.beforeRenderKey = beforeRenderKey;
-    exports.cancelUpdate = cancelUpdate;
-    exports.cancelUpdateSource = cancelUpdateSource;
-    exports.clearCustomRender = clearCustomRender;
-    exports.clearCustomRenderKey = clearCustomRenderKey;
-    exports.createApp = createApp;
-    exports.createCommentNode = createCommentNode;
-    exports.createDomNode = createDomNode;
-    exports.createNode = createNode;
-    exports.createTextNode = createTextNode;
-    exports.extend = extend;
-    exports.find = find;
-    exports.frameIdKey = frameIdKey;
-    exports.getInstance = getInstance;
-    exports.globalsInjectionKey = globalsInjectionKey;
-    exports.instantiateThreeObject = instantiateThreeObject;
-    exports.isMinidomNode = isMinidomNode;
-    exports.lunchbox = bridge;
-    exports.lunchboxInteractables = lunchboxInteractables;
-    exports.nestedPropertiesToCheck = nestedPropertiesToCheck;
-    exports.offAfterRender = offAfterRender;
-    exports.offAfterRenderKey = offAfterRenderKey;
-    exports.offBeforeRender = offBeforeRender;
-    exports.offBeforeRenderKey = offBeforeRenderKey;
-    exports.onAfterRender = onAfterRender;
-    exports.onAfterRenderKey = onAfterRenderKey;
-    exports.onBeforeRender = onBeforeRender;
-    exports.onBeforeRenderKey = onBeforeRenderKey;
-    exports.onCameraReady = onCameraReady;
-    exports.onRendererReady = onRendererReady;
-    exports.onSceneReady = onSceneReady;
-    exports.onStart = onStart;
-    exports.setCustomRender = setCustomRender;
-    exports.setCustomRenderKey = setCustomRenderKey;
-    exports.startCallbackKey = startCallbackKey;
-    exports.update = update;
-    exports.updateGlobals = updateGlobals;
-    exports.updateGlobalsInjectionKey = updateGlobalsInjectionKey;
-    exports.updateObjectProp = updateObjectProp;
-    exports.useAfterRender = useAfterRender;
-    exports.useApp = useApp;
-    exports.useBeforeRender = useBeforeRender;
-    exports.useCamera = useCamera;
-    exports.useCancelUpdate = useCancelUpdate;
-    exports.useCancelUpdateSource = useCancelUpdateSource;
-    exports.useCustomRender = useCustomRender;
-    exports.useGlobals = useGlobals;
-    exports.useLunchboxInteractables = useLunchboxInteractables;
-    exports.useRenderer = useRenderer;
-    exports.useScene = useScene;
-    exports.useStartCallbacks = useStartCallbacks;
-    exports.useUpdateGlobals = useUpdateGlobals;
-    exports.watchStopHandleKey = watchStopHandleKey;
+    e.forEach((r) => {
+      var D;
+      (D = r.element) == null || D.dispatchEvent(new CustomEvent(He, { detail: r }));
+    });
+  }
+  // TODO: Only kick if required
+  updateLoop() {
+    this.renderThree(), this.frame = requestAnimationFrame(this.updateLoop.bind(this));
+  }
+  /** Render the 3D scene */
+  renderThree() {
+    this.three.camera && this.three.renderer.render(this.three.scene, this.three.camera);
+  }
+  render() {
+    return Uu`
+      <slot @slotchange=${this.handleDefaultSlotChange}></slot>
+      ${this.three.renderer.domElement}
+    `;
+  }
+};
+mu.styles = Xu`
+    :host {
+      width: 100%;
+      height: 100%;
+      display: block;
+    }
 
-}));
+    canvas {
+      width: 100%;
+      height: 100%;
+      max-width: 100%;
+      max-height: 100%;
+    }
+  `;
+let U = mu;
+Bu([
+  su()
+], U.prototype, "background");
+Bu([
+  su()
+], U.prototype, "dpr");
+Bu([
+  su()
+], U.prototype, "sizePolicy");
+const Ie = ({
+  prependList: t = []
+} = {}) => {
+  customElements.get("three-lunchbox") || customElements.define("three-lunchbox", U), [...t, ...Ou].forEach((u) => {
+    const e = Zu(u);
+    if (customElements.get(e))
+      return;
+    const r = Wu(u);
+    r && customElements.define(e, r);
+  });
+}, Ue = (t, u) => {
+  if (customElements.get(t)) {
+    console.log(`${t} already registered as a custom element. Try a different name if registering is still required.`);
+    return;
+  }
+  const e = Wu(u);
+  e && customElements.define(t, e);
+}, Le = "threepointermove", ke = "threemousemove", He = "threeclick", Zu = (t) => {
+  let u = t.split(/\.?(?=[A-Z])/).join("-").toLowerCase().replace(/-g-l-/, "-gl-");
+  return u.includes("-") || (u = `three-${u}`), u;
+}, je = Ou.map(Zu);
+export {
+  He as THREE_CLICK_EVENT_NAME,
+  ke as THREE_MOUSE_MOVE_EVENT_NAME,
+  Le as THREE_POINTER_MOVE_EVENT_NAME,
+  U as ThreeLunchbox,
+  Ou as autoComponents,
+  Ue as extend,
+  Ie as initLunchbox,
+  je as webComponentNames
+};