@pacem/pacem-3d 1.0.4 → 1.0.5-bartels

package/dist/bundle/pacem-3d.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem-3d v1.0.4 (https://js.pacem.it)
+ * @pacem/pacem-3d v1.0.5-bartels (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -9,56 +9,31 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// packages/3d/dist/esm/index-components.js
-var index_components_exports = {};
-__export(index_components_exports, {
-  Drawing3D: () => index_components_drawing3d_exports
-});
-
-// packages/3d/dist/esm/index-components-drawing3d.js
-var index_components_drawing3d_exports = {};
-__export(index_components_drawing3d_exports, {
-  AdapterUtils: () => AdapterUtils,
-  BasicMaterialElement: () => BasicMaterialElement,
+// packages/3d/dist/esm/index-drawing3d.js
+var index_drawing3d_exports = {};
+__export(index_drawing3d_exports, {
+  BooleanOrNumberConverter: () => BooleanOrNumberConverter,
   DragEvent: () => DragEvent,
   KnownShader: () => KnownShader,
-  LambertMaterialElement: () => LambertMaterialElement,
-  LineMaterialElement: () => LineMaterialElement,
+  LineGeometry: () => LineGeometry,
   MaterialElement: () => MaterialElement,
-  OrbitCameraBehavior: () => OrbitCameraBehavior,
+  MeshGeometry: () => MeshGeometry,
+  NodeGeometry: () => NodeGeometry,
+  NotifyChange: () => NotifyChange,
   Pacem3DAdapterElement: () => Pacem3DAdapterElement,
   Pacem3DCameraElement: () => Pacem3DCameraElement,
-  Pacem3DDetector: () => Pacem3DDetector,
-  Pacem3DElement: () => Pacem3DElement,
   Pacem3DGroupElement: () => Pacem3DGroupElement,
   Pacem3DLightElement: () => Pacem3DLightElement,
   Pacem3DMeshElement: () => Pacem3DMeshElement,
   Pacem3DObjectElement: () => Pacem3DObjectElement,
   Pacem3DOrthographicCameraElement: () => Pacem3DOrthographicCameraElement,
   Pacem3DPerspectiveCameraElement: () => Pacem3DPerspectiveCameraElement,
-  Pacem3DPrimitiveElement: () => Pacem3DPrimitiveElement,
-  Pacem3DThreeAdapterElement: () => Pacem3DThreeAdapterElement,
-  Pacem3DWebgpuAdapterElement: () => Pacem3DWebgpuAdapterElement,
-  Pacem3DWgslScriptElement: () => Pacem3DWgslScriptElement,
-  PacemBoxElement: () => PacemBoxElement,
-  PacemConeElement: () => PacemConeElement,
-  PacemCylinderElement: () => PacemCylinderElement,
-  PacemDodecahedronElement: () => PacemDodecahedronElement,
-  PacemHexahedronElement: () => PacemHexahedronElement,
-  PacemIcosahedronElement: () => PacemIcosahedronElement,
-  PacemLineElement: () => PacemLineElement,
-  PacemOctahedronElement: () => PacemOctahedronElement,
-  PacemOrbitCameraBehaviorElement: () => PacemOrbitCameraBehaviorElement,
-  PacemPlaneElement: () => PacemPlaneElement,
-  PacemSphereElement: () => PacemSphereElement,
-  PacemTetrahedronElement: () => PacemTetrahedronElement,
-  PacemTorusElement: () => PacemTorusElement,
-  PhongMaterialElement: () => PhongMaterialElement,
-  PolyhedronElement: () => PolyhedronElement,
+  Point3DConverter: () => Point3DConverter,
+  Point3DOrNumberConverter: () => Point3DOrNumberConverter,
+  QuaternionConverter: () => QuaternionConverter,
   RenderableElement: () => RenderableElement,
   RenderableEvent: () => RenderableEvent,
   StalePropertyFlag: () => StalePropertyFlag,
-  StandardMaterialElement: () => StandardMaterialElement,
   UI3DEvent: () => UI3DEvent,
   Ui3DElement: () => Ui3DElement,
   computePlaneNormal: () => computePlaneNormal,
@@ -865,85 +840,155 @@ Pacem3DOrthographicCameraElement = __decorate2([
 var Pacem3DAdapterElement = class extends PacemEventTarget {
 };
 
-// packages/3d/dist/esm/detector.js
-var Pacem3DDetector = class {
-  /** Probes the browser for WebGL support by attempting to create a rendering context, populating {@link info} and {@link supported}. */
-  constructor() {
-    this._detected = {
-      supported: false,
-      info: {}
-    };
-    let cvs = document.createElement("canvas");
-    let contextNames = ["webgl", "experimental-webgl", "moz-webgl", "webkit-3d"];
-    let ctx;
-    let getParam = function(str) {
-      if (!str)
-        return void 0;
-      return ctx.getParameter(str);
-    };
-    let addLine = (section, name, value) => {
-      let detected = this._detected;
-      var info = detected.info[section] = detected.info[section] || {};
-      name = name.replace(/[^\w]+/g, "");
-      name = name.substring(0, 1).toLowerCase() + name.substring(1);
-      info[name] = value;
-    };
-    if (navigator.userAgent.indexOf("MSIE") >= 0) {
-      try {
-        ctx = window["WebGLHelper"].CreateGLContext(cvs, "canvas");
-      } catch (e) {
+// packages/3d/dist/esm/geometry.js
+import { Utils as Utils5 } from "@pacem/pacem-core";
+
+// packages/3d/dist/esm/decorators.js
+import { Utils as Utils4 } from "@pacem/pacem-core";
+function NotifyChange(callback) {
+  return (target, prop, descriptor) => {
+    const backingField = `_${prop}_${Utils4.uniqueCode()}_backingField`;
+    function getter() {
+      return this[backingField];
+    }
+    function setter(val) {
+      if (val !== this[backingField]) {
+        const old = this[backingField];
+        this[backingField] = val;
+        callback.call(this, prop, old, val);
       }
-    } else {
-      for (var i = 0; i < contextNames.length; i++) {
-        try {
-          ctx = cvs.getContext(contextNames[i]);
-          if (ctx) {
-            addLine("main", "Context Name", contextNames[i]);
-            break;
-          }
-        } catch (e) {
-        }
+    }
+    Object.defineProperty(target, prop, {
+      get: function() {
+        return getter.call(this);
+      },
+      set: function(val) {
+        setter.call(this, val);
+      },
+      enumerable: true,
+      configurable: false
+    });
+  };
+}
+
+// packages/3d/dist/esm/geometry.js
+var __decorate3 = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var NodeGeometry = class {
+  constructor(positions = []) {
+    this.positions = positions;
+  }
+  /** Computes the centroid (average) of the given positions. */
+  static barycenter(positions) {
+    var bary = { x: 0, y: 0, z: 0 };
+    if (!Utils5.isNullOrEmpty(positions)) {
+      var count = positions.length;
+      for (var i = 0; i < positions.length; i++) {
+        var pt = positions[i];
+        bary.x += pt.x;
+        bary.y += pt.y;
+        bary.z += pt.z;
       }
+      var countDbl = 1 * count;
+      bary.x /= countDbl;
+      bary.y /= countDbl;
+      bary.z /= countDbl;
     }
-    this._detected.supported = !!ctx;
-    addLine("main", "Platform", navigator.platform);
-    addLine("main", "Agent", navigator.userAgent);
-    if (ctx) {
-      addLine("main", "Vendor", getParam(ctx.VENDOR));
-      addLine("main", "Version", getParam(ctx.VERSION));
-      addLine("main", "Renderer", getParam(ctx.RENDERER));
-      addLine("main", "Shading Language Version", getParam(ctx.SHADING_LANGUAGE_VERSION));
-      addLine("bits", "Rgba Bits", getParam(ctx.RED_BITS) + ", " + getParam(ctx.GREEN_BITS) + ", " + getParam(ctx.BLUE_BITS) + ", " + getParam(ctx.ALPHA_BITS));
-      addLine("bits", "Depth Bits", getParam(ctx.DEPTH_BITS));
-      addLine("shader", "Max Vertex Attribs", getParam(ctx.MAX_VERTEX_ATTRIBS));
-      addLine("shader", "Max Vertex Texture Image Units", getParam(ctx.MAX_VERTEX_TEXTURE_IMAGE_UNITS));
-      addLine("shader", "Max Varying Vectors", getParam(ctx.MAX_VARYING_VECTORS));
-      addLine("shader", "Max Uniform Vectors", getParam(ctx.MAX_VERTEX_UNIFORM_VECTORS));
-      addLine("tex", "Max Combined Texture Image Units", getParam(ctx.MAX_COMBINED_TEXTURE_IMAGE_UNITS));
-      addLine("tex", "Max Texture Size", getParam(ctx.MAX_TEXTURE_SIZE));
-      addLine("tex", "Max Cube Map Texture Size", getParam(ctx.MAX_CUBE_MAP_TEXTURE_SIZE));
-      addLine("tex", "Num. Compressed Texture Formats", getParam(ctx.COMPRESSED_TEXTURE_FORMATS));
-      addLine("misc", "Max Render Buffer Size", getParam(ctx.MAX_RENDERBUFFER_SIZE));
-      addLine("misc", "Max Viewport Dimensions", getParam(ctx.MAX_VIEWPORT_DIMS));
-      addLine("misc", "Aliased Line Width Range", getParam(ctx.ALIASED_LINE_WIDTH_RANGE));
-      addLine("misc", "Aliased Point Size Range", getParam(ctx.ALIASED_POINT_SIZE_RANGE));
-      addLine("misc", "Supported Extensions", ctx.getSupportedExtensions() || []);
+    return bary;
+  }
+  /** Computes the axis-aligned {@link Box3D} enclosing the given positions. */
+  static boundingBox(positions) {
+    const output = {
+      minX: Infinity,
+      minY: Infinity,
+      minZ: Infinity,
+      maxX: -Infinity,
+      maxY: -Infinity,
+      maxZ: -Infinity
+    };
+    if (!Utils5.isNullOrEmpty(positions)) {
+      for (var i = 0; i < positions.length; i++) {
+        var pt = positions[i];
+        output.minX = Math.min(output.minX, pt.x);
+        output.minY = Math.min(output.minY, pt.y);
+        output.minZ = Math.min(output.minZ, pt.z);
+        output.maxX = Math.max(output.maxX, pt.x);
+        output.maxY = Math.max(output.maxY, pt.y);
+        output.maxZ = Math.max(output.maxZ, pt.z);
+      }
     }
+    return output;
   }
-  /** @readonly Gets the detected WebGL capabilities/limits, grouped by section (`main`, `bits`, `shader`, `tex`, `misc`). */
-  get info() {
-    return this._detected.info;
+  /** Marks the geometry as stale, flagging it with {@link StalePropertyFlag.Geometry} for the next render. */
+  setAsDirty() {
+    setSelfAsDirty.call(this);
   }
-  /** @readonly Gets whether a WebGL rendering context could be created on this browser/device. */
-  get supported() {
-    return this._detected.supported;
+};
+function setSelfAsDirty() {
+  const me = this;
+  me.flags = [
+    /* no further specifications, other than 'geometry' */
+    StalePropertyFlag.Geometry
+  ];
+}
+var LineGeometry = class extends NodeGeometry {
+};
+__decorate3([
+  NotifyChange(setSelfAsDirty)
+], LineGeometry.prototype, "positions", void 0);
+var MeshGeometry = class extends NodeGeometry {
+  #boundingBox;
+  #boundingSphere;
+  #barycenter;
+  /** Gets or sets the centroid of {@link positions}; computed on first access if not explicitly set. */
+  get barycenter() {
+    return this.#barycenter ??= NodeGeometry.barycenter(this.positions);
+  }
+  set barycenter(point) {
+    this.#barycenter = point;
+  }
+  /** Gets or sets the axis-aligned bounding box; computed from {@link positions} on first access if not explicitly set. */
+  get boundingBox() {
+    return this.#boundingBox ??= NodeGeometry.boundingBox(this.positions);
+  }
+  set boundingBox(bbox) {
+    this.#boundingBox = bbox;
+  }
+  /** Gets or sets the bounding sphere. */
+  get boundingSphere() {
+    return this.#boundingSphere;
+  }
+  set boundingSphere(sphere) {
+    this.#boundingSphere = sphere;
+  }
+  constructor(positions, triangleIndices, textureCoordinates = [], normals = []) {
+    super(positions);
+    this.triangleIndices = triangleIndices;
+    this.textureCoordinates = textureCoordinates;
+    this.normals = normals;
   }
 };
+__decorate3([
+  NotifyChange(setSelfAsDirty)
+], MeshGeometry.prototype, "positions", void 0);
+__decorate3([
+  NotifyChange(setSelfAsDirty)
+], MeshGeometry.prototype, "triangleIndices", void 0);
+__decorate3([
+  NotifyChange(setSelfAsDirty)
+], MeshGeometry.prototype, "textureCoordinates", void 0);
+__decorate3([
+  NotifyChange(setSelfAsDirty)
+], MeshGeometry.prototype, "normals", void 0);
 
 // packages/3d/dist/esm/materials/material.js
-import { PacemEventTarget as PacemEventTarget2, Utils as Utils4, Watch as Watch3, PropertyConverters as PropertyConverters3, PCSS as PCSS2 } from "@pacem/pacem-core";
+import { PacemEventTarget as PacemEventTarget2, Utils as Utils6, Watch as Watch3, PropertyConverters as PropertyConverters3, PCSS as PCSS2 } from "@pacem/pacem-core";
 import { Imaging } from "@pacem/pacem-foundation";
-var __decorate3 = function(decorators, target, key, desc) {
+var __decorate4 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -994,14 +1039,14 @@ var MaterialElement = class extends PacemEventTarget2 {
     return this.#shader;
   }
   async _loadMap(url, old = this.material?.texture) {
-    if (!Utils4.isNull(old)) {
+    if (!Utils6.isNull(old)) {
       old.close();
     }
-    if (Utils4.isNullOrEmpty(url)) {
+    if (Utils6.isNullOrEmpty(url)) {
       return null;
     }
     const blob = await Imaging.loadImage(url);
-    if (Utils4.isNull(blob)) {
+    if (Utils6.isNull(blob)) {
       return null;
     }
     return await createImageBitmap(blob);
@@ -1027,7 +1072,7 @@ var MaterialElement = class extends PacemEventTarget2 {
   /** Recomputes {@link material} via {@link createMaterial}, flagging it as {@link StalePropertyFlag.Material}. */
   updateMaterial() {
     this.createMaterial().then((m) => {
-      this.material = Utils4.extend(m, { flags: [StalePropertyFlag.Material] });
+      this.material = Utils6.extend(m, { flags: [StalePropertyFlag.Material] });
     });
   }
   /** Builds the base {@link Material} out of the shared watched attributes (`opacity`, `wireframe`, `color`, `hide`, `map`); overridden by subclasses to add their shader-specific properties. */
@@ -1035,7 +1080,7 @@ var MaterialElement = class extends PacemEventTarget2 {
     return {
       opacity: this.opacity ?? 1,
       wireframe: this.wireframe ?? false,
-      color: this.color || Utils4.Css.getVariableValue(`--${PCSS2}-color-primary`),
+      color: this.color || Utils6.Css.getVariableValue(`--${PCSS2}-color-primary`),
       visible: !(this.hide ?? false),
       map: this.map,
       texture: await this._loadMap(this.map),
@@ -1044,29 +1089,273 @@ var MaterialElement = class extends PacemEventTarget2 {
     };
   }
 };
-__decorate3([
+__decorate4([
   Watch3()
 ], MaterialElement.prototype, "material", void 0);
-__decorate3([
+__decorate4([
   Watch3({ emit: false, converter: PropertyConverters3.Number })
 ], MaterialElement.prototype, "opacity", void 0);
-__decorate3([
+__decorate4([
   Watch3({ emit: false, converter: PropertyConverters3.Boolean })
 ], MaterialElement.prototype, "wireframe", void 0);
-__decorate3([
+__decorate4([
   Watch3({ emit: false, converter: PropertyConverters3.String })
 ], MaterialElement.prototype, "color", void 0);
-__decorate3([
+__decorate4([
   Watch3({ emit: false, converter: PropertyConverters3.Boolean })
 ], MaterialElement.prototype, "hide", void 0);
-__decorate3([
+__decorate4([
   Watch3({ emit: false, converter: PropertyConverters3.String })
 ], MaterialElement.prototype, "map", void 0);
 
-// packages/3d/dist/esm/materials/basic.js
-import { CustomElement as CustomElement3, P as P3 } from "@pacem/pacem-core";
-var __decorate4 = function(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+// packages/3d/dist/esm/parsers/parser.js
+import { Transformer } from "@pacem/pacem-core";
+import { Point } from "@pacem/pacem-foundation";
+var __decorate5 = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var OBJParser = class {
+  /**
+   * Parses `v` (vertex), `vt` (texture coordinate), `vn` (normal) and `f` (face) records out of `content`,
+   * triangulating any face with more than 3 vertices (fan triangulation).
+   */
+  static parse(content) {
+    const vertices = [];
+    const vParser = /^v((\s+-?[\d\.]+){3})/gm;
+    let arr = vParser.exec(content);
+    while (arr && arr.length) {
+      vertices.push(Point3DConverter.convert(arr[1]));
+      arr = vParser.exec(content);
+    }
+    const vt = [];
+    const tParser = /^vt((\s+-?[\d\.]+){2})/gm;
+    arr = tParser.exec(content);
+    while (arr && arr.length) {
+      vt.push(Point.parse(arr[1]));
+      arr = tParser.exec(content);
+    }
+    const vn = [];
+    const nParser = /^vn((\s+-?[\d\.]+){3})/gm;
+    arr = nParser.exec(content);
+    while (arr && arr.length) {
+      vn.push(Point3DConverter.convert(arr[1]));
+      arr = nParser.exec(content);
+    }
+    const normals = [];
+    const uv = [];
+    const positions = [];
+    const fParser = /^f((\s+([\d]+\/[\d]+\/[\d]+)){3,})/gm;
+    arr = fParser.exec(content);
+    while (arr && arr.length) {
+      const fjParser = /([\d]+)\/([\d]+)\/([\d]+)/g;
+      const face = arr[1];
+      let jArr = fjParser.exec(face);
+      let jIndex = 0;
+      var vIndex0, tIndex0, nIndex0;
+      var vIndex, tIndex, nIndex;
+      while (jArr && jArr.length) {
+        if (jIndex > 2) {
+          positions.push(vIndex0);
+          uv.push(vt[tIndex0]);
+          normals.push(vn[nIndex0]);
+          positions.push(vIndex);
+          uv.push(vt[tIndex]);
+          normals.push(vn[nIndex]);
+        }
+        vIndex = parseInt(jArr[1]) - 1;
+        tIndex = parseInt(jArr[2]) - 1;
+        nIndex = parseInt(jArr[3]) - 1;
+        positions.push(vIndex);
+        uv.push(vt[tIndex]);
+        normals.push(vn[nIndex]);
+        if (jIndex === 0) {
+          vIndex0 = vIndex;
+          tIndex0 = tIndex;
+          nIndex0 = nIndex;
+        }
+        jIndex++;
+        jArr = fjParser.exec(face);
+      }
+      arr = fParser.exec(content);
+    }
+    return new MeshGeometry(vertices, positions, uv, normals);
+  }
+};
+var Parser3D = class {
+  /**
+   * Parses `content` according to `type` into a {@link NodeGeometry} (currently only the `'obj'` Wavefront format,
+   * via {@link OBJParser}) or a {@link Material}. Throws for any other/unsupported `type` (e.g. `'mtl'`, not yet implemented).
+   */
+  static parseGeometry(content, type) {
+    switch (type.toLowerCase()) {
+      case "obj":
+        return OBJParser.parse(content);
+      default:
+        throw new Error(`Type '${type}' is not supported.`);
+    }
+  }
+};
+__decorate5([
+  Transformer("parse3D")
+], Parser3D, "parseGeometry", null);
+
+// packages/3d/dist/esm/index-components.js
+var index_components_exports = {};
+__export(index_components_exports, {
+  Drawing3D: () => index_components_drawing3d_exports
+});
+
+// packages/3d/dist/esm/index-components-drawing3d.js
+var index_components_drawing3d_exports = {};
+__export(index_components_drawing3d_exports, {
+  AdapterUtils: () => AdapterUtils,
+  BasicMaterialElement: () => BasicMaterialElement,
+  DragEvent: () => DragEvent,
+  KnownShader: () => KnownShader,
+  LambertMaterialElement: () => LambertMaterialElement,
+  LineMaterialElement: () => LineMaterialElement,
+  MaterialElement: () => MaterialElement,
+  OrbitCameraBehavior: () => OrbitCameraBehavior,
+  Pacem3DAdapterElement: () => Pacem3DAdapterElement,
+  Pacem3DCameraElement: () => Pacem3DCameraElement,
+  Pacem3DDetector: () => Pacem3DDetector,
+  Pacem3DElement: () => Pacem3DElement,
+  Pacem3DGroupElement: () => Pacem3DGroupElement,
+  Pacem3DLightElement: () => Pacem3DLightElement,
+  Pacem3DMeshElement: () => Pacem3DMeshElement,
+  Pacem3DObjectElement: () => Pacem3DObjectElement,
+  Pacem3DOrthographicCameraElement: () => Pacem3DOrthographicCameraElement,
+  Pacem3DPerspectiveCameraElement: () => Pacem3DPerspectiveCameraElement,
+  Pacem3DPrimitiveElement: () => Pacem3DPrimitiveElement,
+  Pacem3DThreeAdapterElement: () => Pacem3DThreeAdapterElement,
+  Pacem3DWebgpuAdapterElement: () => Pacem3DWebgpuAdapterElement,
+  Pacem3DWgslScriptElement: () => Pacem3DWgslScriptElement,
+  PacemBoxElement: () => PacemBoxElement,
+  PacemConeElement: () => PacemConeElement,
+  PacemCylinderElement: () => PacemCylinderElement,
+  PacemDodecahedronElement: () => PacemDodecahedronElement,
+  PacemHexahedronElement: () => PacemHexahedronElement,
+  PacemIcosahedronElement: () => PacemIcosahedronElement,
+  PacemLineElement: () => PacemLineElement,
+  PacemOctahedronElement: () => PacemOctahedronElement,
+  PacemOrbitCameraBehaviorElement: () => PacemOrbitCameraBehaviorElement,
+  PacemPlaneElement: () => PacemPlaneElement,
+  PacemSphereElement: () => PacemSphereElement,
+  PacemTetrahedronElement: () => PacemTetrahedronElement,
+  PacemTorusElement: () => PacemTorusElement,
+  PhongMaterialElement: () => PhongMaterialElement,
+  PolyhedronElement: () => PolyhedronElement,
+  RenderableElement: () => RenderableElement,
+  RenderableEvent: () => RenderableEvent,
+  StalePropertyFlag: () => StalePropertyFlag,
+  StandardMaterialElement: () => StandardMaterialElement,
+  UI3DEvent: () => UI3DEvent,
+  Ui3DElement: () => Ui3DElement,
+  computePlaneNormal: () => computePlaneNormal,
+  computeSharpVertexNormals: () => computeSharpVertexNormals,
+  isBasicMaterial: () => isBasicMaterial,
+  isCamera: () => isCamera,
+  isGeometry: () => isGeometry,
+  isGroup: () => isGroup,
+  isInteraction: () => isInteraction,
+  isLambertMaterial: () => isLambertMaterial,
+  isLight: () => isLight,
+  isLineMaterial: () => isLineMaterial,
+  isMaterial: () => isMaterial,
+  isMesh: () => isMesh,
+  isMeshGeometry: () => isMeshGeometry,
+  isOrthographicCamera: () => isOrthographicCamera,
+  isPerspectiveCamera: () => isPerspectiveCamera,
+  isPhongMaterial: () => isPhongMaterial,
+  isRenderable: () => isRenderable,
+  isShaderMaterial: () => isShaderMaterial,
+  isStage: () => isStage,
+  isStandardMaterial: () => isStandardMaterial,
+  isUi3DObject: () => isUi3DObject
+});
+
+// packages/3d/dist/esm/detector.js
+var Pacem3DDetector = class {
+  /** Probes the browser for WebGL support by attempting to create a rendering context, populating {@link info} and {@link supported}. */
+  constructor() {
+    this._detected = {
+      supported: false,
+      info: {}
+    };
+    let cvs = document.createElement("canvas");
+    let contextNames = ["webgl", "experimental-webgl", "moz-webgl", "webkit-3d"];
+    let ctx;
+    let getParam = function(str) {
+      if (!str)
+        return void 0;
+      return ctx.getParameter(str);
+    };
+    let addLine = (section, name, value) => {
+      let detected = this._detected;
+      var info = detected.info[section] = detected.info[section] || {};
+      name = name.replace(/[^\w]+/g, "");
+      name = name.substring(0, 1).toLowerCase() + name.substring(1);
+      info[name] = value;
+    };
+    if (navigator.userAgent.indexOf("MSIE") >= 0) {
+      try {
+        ctx = window["WebGLHelper"].CreateGLContext(cvs, "canvas");
+      } catch (e) {
+      }
+    } else {
+      for (var i = 0; i < contextNames.length; i++) {
+        try {
+          ctx = cvs.getContext(contextNames[i]);
+          if (ctx) {
+            addLine("main", "Context Name", contextNames[i]);
+            break;
+          }
+        } catch (e) {
+        }
+      }
+    }
+    this._detected.supported = !!ctx;
+    addLine("main", "Platform", navigator.platform);
+    addLine("main", "Agent", navigator.userAgent);
+    if (ctx) {
+      addLine("main", "Vendor", getParam(ctx.VENDOR));
+      addLine("main", "Version", getParam(ctx.VERSION));
+      addLine("main", "Renderer", getParam(ctx.RENDERER));
+      addLine("main", "Shading Language Version", getParam(ctx.SHADING_LANGUAGE_VERSION));
+      addLine("bits", "Rgba Bits", getParam(ctx.RED_BITS) + ", " + getParam(ctx.GREEN_BITS) + ", " + getParam(ctx.BLUE_BITS) + ", " + getParam(ctx.ALPHA_BITS));
+      addLine("bits", "Depth Bits", getParam(ctx.DEPTH_BITS));
+      addLine("shader", "Max Vertex Attribs", getParam(ctx.MAX_VERTEX_ATTRIBS));
+      addLine("shader", "Max Vertex Texture Image Units", getParam(ctx.MAX_VERTEX_TEXTURE_IMAGE_UNITS));
+      addLine("shader", "Max Varying Vectors", getParam(ctx.MAX_VARYING_VECTORS));
+      addLine("shader", "Max Uniform Vectors", getParam(ctx.MAX_VERTEX_UNIFORM_VECTORS));
+      addLine("tex", "Max Combined Texture Image Units", getParam(ctx.MAX_COMBINED_TEXTURE_IMAGE_UNITS));
+      addLine("tex", "Max Texture Size", getParam(ctx.MAX_TEXTURE_SIZE));
+      addLine("tex", "Max Cube Map Texture Size", getParam(ctx.MAX_CUBE_MAP_TEXTURE_SIZE));
+      addLine("tex", "Num. Compressed Texture Formats", getParam(ctx.COMPRESSED_TEXTURE_FORMATS));
+      addLine("misc", "Max Render Buffer Size", getParam(ctx.MAX_RENDERBUFFER_SIZE));
+      addLine("misc", "Max Viewport Dimensions", getParam(ctx.MAX_VIEWPORT_DIMS));
+      addLine("misc", "Aliased Line Width Range", getParam(ctx.ALIASED_LINE_WIDTH_RANGE));
+      addLine("misc", "Aliased Point Size Range", getParam(ctx.ALIASED_POINT_SIZE_RANGE));
+      addLine("misc", "Supported Extensions", ctx.getSupportedExtensions() || []);
+    }
+  }
+  /** @readonly Gets the detected WebGL capabilities/limits, grouped by section (`main`, `bits`, `shader`, `tex`, `misc`). */
+  get info() {
+    return this._detected.info;
+  }
+  /** @readonly Gets whether a WebGL rendering context could be created on this browser/device. */
+  get supported() {
+    return this._detected.supported;
+  }
+};
+
+// packages/3d/dist/esm/materials/basic.js
+import { CustomElement as CustomElement3, P as P3 } from "@pacem/pacem-core";
+var __decorate6 = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
@@ -1076,13 +1365,13 @@ var BasicMaterialElement = class BasicMaterialElement2 extends MaterialElement {
     super(KnownShader.Basic);
   }
 };
-BasicMaterialElement = __decorate4([
+BasicMaterialElement = __decorate6([
   CustomElement3({ tagName: `${P3}-${TAG_MIDDLE_NAME}-material-basic` })
 ], BasicMaterialElement);
 
 // packages/3d/dist/esm/materials/lambert.js
-import { CustomElement as CustomElement4, P as P4, Watch as Watch4, PropertyConverters as PropertyConverters4, Utils as Utils5 } from "@pacem/pacem-core";
-var __decorate5 = function(decorators, target, key, desc) {
+import { CustomElement as CustomElement4, P as P4, Watch as Watch4, PropertyConverters as PropertyConverters4, Utils as Utils7 } from "@pacem/pacem-core";
+var __decorate7 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1094,7 +1383,7 @@ var LambertMaterialElement = class LambertMaterialElement2 extends MaterialEleme
   }
   /** Builds the {@link LambertMaterial}, adding `emissiveColor`, `reflectivity` and `refractionRatio` to the base {@link Material}. */
   async createMaterial() {
-    return Utils5.extend({
+    return Utils7.extend({
       emissiveColor: this.emissiveColor || "#000",
       reflectivity: this.reflectivity ?? 0,
       refractionRatio: this.refractionRatio ?? 0
@@ -1113,22 +1402,22 @@ var LambertMaterialElement = class LambertMaterialElement2 extends MaterialEleme
     }
   }
 };
-__decorate5([
+__decorate7([
   Watch4({ emit: false, converter: PropertyConverters4.String })
 ], LambertMaterialElement.prototype, "emissiveColor", void 0);
-__decorate5([
+__decorate7([
   Watch4({ emit: false, converter: PropertyConverters4.Number })
 ], LambertMaterialElement.prototype, "reflectivity", void 0);
-__decorate5([
+__decorate7([
   Watch4({ emit: false, converter: PropertyConverters4.Number })
 ], LambertMaterialElement.prototype, "refractionRatio", void 0);
-LambertMaterialElement = __decorate5([
+LambertMaterialElement = __decorate7([
   CustomElement4({ tagName: `${P4}-${TAG_MIDDLE_NAME}-material-lambert` })
 ], LambertMaterialElement);
 
 // packages/3d/dist/esm/materials/line.js
-import { CustomElement as CustomElement5, P as P5, Watch as Watch5, PropertyConverters as PropertyConverters5, Utils as Utils6 } from "@pacem/pacem-core";
-var __decorate6 = function(decorators, target, key, desc) {
+import { CustomElement as CustomElement5, P as P5, Watch as Watch5, PropertyConverters as PropertyConverters5, Utils as Utils8 } from "@pacem/pacem-core";
+var __decorate8 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1153,7 +1442,7 @@ var LineMaterialElement = class LineMaterialElement2 extends MaterialElement {
   }
   /** Builds the {@link LineMaterial}, adding `lineWidth`, `lineJoin`, `lineCap` and `dashArray` to the base {@link Material}. */
   async createMaterial() {
-    return Utils6.extend({
+    return Utils8.extend({
       lineWidth: this.lineWidth ?? 1,
       lineJoin: this.lineJoin ?? "round",
       lineCap: this.lineCap ?? "round",
@@ -1161,16 +1450,16 @@ var LineMaterialElement = class LineMaterialElement2 extends MaterialElement {
     }, await super.createMaterial());
   }
 };
-__decorate6([
+__decorate8([
   Watch5({ emit: false, converter: PropertyConverters5.Number })
 ], LineMaterialElement.prototype, "lineWidth", void 0);
-__decorate6([
+__decorate8([
   Watch5({ emit: false, converter: PropertyConverters5.String })
 ], LineMaterialElement.prototype, "lineJoin", void 0);
-__decorate6([
+__decorate8([
   Watch5({ emit: false, converter: PropertyConverters5.String })
 ], LineMaterialElement.prototype, "lineCap", void 0);
-__decorate6([
+__decorate8([
   Watch5({
     emit: false,
     converter: {
@@ -1179,13 +1468,13 @@ __decorate6([
     }
   })
 ], LineMaterialElement.prototype, "dashArray", void 0);
-LineMaterialElement = __decorate6([
+LineMaterialElement = __decorate8([
   CustomElement5({ tagName: `${P5}-${TAG_MIDDLE_NAME}-material-line` })
 ], LineMaterialElement);
 
 // packages/3d/dist/esm/materials/phong.js
-import { CustomElement as CustomElement6, P as P6, Watch as Watch6, PropertyConverters as PropertyConverters6, Utils as Utils7 } from "@pacem/pacem-core";
-var __decorate7 = function(decorators, target, key, desc) {
+import { CustomElement as CustomElement6, P as P6, Watch as Watch6, PropertyConverters as PropertyConverters6, Utils as Utils9 } from "@pacem/pacem-core";
+var __decorate9 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1197,7 +1486,7 @@ var PhongMaterialElement = class PhongMaterialElement2 extends MaterialElement {
   }
   /** Builds the {@link PhongMaterial}, adding the diffuse (`emissiveColor`, `reflectivity`, `refractionRatio`) and specular (`specularColor`, `shininess`, `flatShading`) properties to the base {@link Material}. */
   async createMaterial() {
-    return Utils7.extend({
+    return Utils9.extend({
       emissiveColor: this.emissiveColor || "#000",
       reflectivity: this.reflectivity ?? 0,
       refractionRatio: this.refractionRatio ?? 0,
@@ -1222,31 +1511,31 @@ var PhongMaterialElement = class PhongMaterialElement2 extends MaterialElement {
     }
   }
 };
-__decorate7([
+__decorate9([
   Watch6({ emit: false, converter: PropertyConverters6.String })
 ], PhongMaterialElement.prototype, "emissiveColor", void 0);
-__decorate7([
+__decorate9([
   Watch6({ emit: false, converter: PropertyConverters6.Number })
 ], PhongMaterialElement.prototype, "reflectivity", void 0);
-__decorate7([
+__decorate9([
   Watch6({ emit: false, converter: PropertyConverters6.Number })
 ], PhongMaterialElement.prototype, "refractionRatio", void 0);
-__decorate7([
+__decorate9([
   Watch6({ emit: false, converter: PropertyConverters6.String })
 ], PhongMaterialElement.prototype, "specularColor", void 0);
-__decorate7([
+__decorate9([
   Watch6({ emit: false, converter: PropertyConverters6.Number })
 ], PhongMaterialElement.prototype, "shininess", void 0);
-__decorate7([
+__decorate9([
   Watch6({ emit: false, converter: PropertyConverters6.Boolean })
 ], PhongMaterialElement.prototype, "flatShading", void 0);
-PhongMaterialElement = __decorate7([
+PhongMaterialElement = __decorate9([
   CustomElement6({ tagName: `${P6}-${TAG_MIDDLE_NAME}-material-phong` })
 ], PhongMaterialElement);
 
 // packages/3d/dist/esm/materials/standard.js
-import { CustomElement as CustomElement7, P as P7, Watch as Watch7, PropertyConverters as PropertyConverters7, Utils as Utils8 } from "@pacem/pacem-core";
-var __decorate8 = function(decorators, target, key, desc) {
+import { CustomElement as CustomElement7, P as P7, Watch as Watch7, PropertyConverters as PropertyConverters7, Utils as Utils10 } from "@pacem/pacem-core";
+var __decorate10 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1258,7 +1547,7 @@ var StandardMaterialElement = class StandardMaterialElement2 extends MaterialEle
   }
   /** Builds the {@link StandardMaterial}, adding `emissiveColor`, `refractionRatio`, `metalness`, `roughness` and `flatShading` to the base {@link Material}. */
   async createMaterial() {
-    return Utils8.extend({
+    return Utils10.extend({
       emissiveColor: this.emissiveColor || "#000",
       refractionRatio: this.refractionRatio ?? 0,
       metalness: this.metalness ?? 0,
@@ -1281,28 +1570,28 @@ var StandardMaterialElement = class StandardMaterialElement2 extends MaterialEle
     }
   }
 };
-__decorate8([
+__decorate10([
   Watch7({ emit: false, converter: PropertyConverters7.String })
 ], StandardMaterialElement.prototype, "emissiveColor", void 0);
-__decorate8([
+__decorate10([
   Watch7({ emit: false, converter: PropertyConverters7.Number })
 ], StandardMaterialElement.prototype, "refractionRatio", void 0);
-__decorate8([
+__decorate10([
   Watch7({ emit: false, converter: PropertyConverters7.Number })
 ], StandardMaterialElement.prototype, "roughness", void 0);
-__decorate8([
+__decorate10([
   Watch7({ emit: false, converter: PropertyConverters7.Number })
 ], StandardMaterialElement.prototype, "metalness", void 0);
-__decorate8([
+__decorate10([
   Watch7({ emit: false, converter: PropertyConverters7.Boolean })
 ], StandardMaterialElement.prototype, "flatShading", void 0);
-StandardMaterialElement = __decorate8([
+StandardMaterialElement = __decorate10([
   CustomElement7({ tagName: `${P7}-${TAG_MIDDLE_NAME}-material-standard` })
 ], StandardMaterialElement);
 
 // packages/3d/dist/esm/primitives/primitive.js
-import { PacemEventTarget as PacemEventTarget3, Watch as Watch8, PropertyConverters as PropertyConverters8, Utils as Utils9 } from "@pacem/pacem-core";
-var __decorate9 = function(decorators, target, key, desc) {
+import { PacemEventTarget as PacemEventTarget3, Watch as Watch8, PropertyConverters as PropertyConverters8, Utils as Utils11 } from "@pacem/pacem-core";
+var __decorate11 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1311,165 +1600,18 @@ var __decorate9 = function(decorators, target, key, desc) {
 var Pacem3DPrimitiveElement = class extends PacemEventTarget3 {
   viewActivatedCallback() {
     super.viewActivatedCallback();
-    if (Utils9.isNull(this.geometry)) {
+    if (Utils11.isNull(this.geometry)) {
       this.geometry = this.createDefaultGeometry();
     }
   }
-};
-__decorate9([
-  Watch8({ converter: PropertyConverters8.Json })
-], Pacem3DPrimitiveElement.prototype, "geometry", void 0);
-
-// packages/3d/dist/esm/primitives/box.js
-import { CustomElement as CustomElement8, P as P8, Watch as Watch9, PropertyConverters as PropertyConverters9 } from "@pacem/pacem-core";
-
-// packages/3d/dist/esm/geometry.js
-import { Utils as Utils11 } from "@pacem/pacem-core";
-
-// packages/3d/dist/esm/decorators.js
-import { Utils as Utils10 } from "@pacem/pacem-core";
-function NotifyChange(callback) {
-  return (target, prop, descriptor) => {
-    const backingField = `_${prop}_${Utils10.uniqueCode()}_backingField`;
-    function getter() {
-      return this[backingField];
-    }
-    function setter(val) {
-      if (val !== this[backingField]) {
-        const old = this[backingField];
-        this[backingField] = val;
-        callback.call(this, prop, old, val);
-      }
-    }
-    Object.defineProperty(target, prop, {
-      get: function() {
-        return getter.call(this);
-      },
-      set: function(val) {
-        setter.call(this, val);
-      },
-      enumerable: true,
-      configurable: false
-    });
-  };
-}
-
-// packages/3d/dist/esm/geometry.js
-var __decorate10 = function(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var NodeGeometry = class {
-  constructor(positions = []) {
-    this.positions = positions;
-  }
-  /** Computes the centroid (average) of the given positions. */
-  static barycenter(positions) {
-    var bary = { x: 0, y: 0, z: 0 };
-    if (!Utils11.isNullOrEmpty(positions)) {
-      var count = positions.length;
-      for (var i = 0; i < positions.length; i++) {
-        var pt = positions[i];
-        bary.x += pt.x;
-        bary.y += pt.y;
-        bary.z += pt.z;
-      }
-      var countDbl = 1 * count;
-      bary.x /= countDbl;
-      bary.y /= countDbl;
-      bary.z /= countDbl;
-    }
-    return bary;
-  }
-  /** Computes the axis-aligned {@link Box3D} enclosing the given positions. */
-  static boundingBox(positions) {
-    const output = {
-      minX: Infinity,
-      minY: Infinity,
-      minZ: Infinity,
-      maxX: -Infinity,
-      maxY: -Infinity,
-      maxZ: -Infinity
-    };
-    if (!Utils11.isNullOrEmpty(positions)) {
-      for (var i = 0; i < positions.length; i++) {
-        var pt = positions[i];
-        output.minX = Math.min(output.minX, pt.x);
-        output.minY = Math.min(output.minY, pt.y);
-        output.minZ = Math.min(output.minZ, pt.z);
-        output.maxX = Math.max(output.maxX, pt.x);
-        output.maxY = Math.max(output.maxY, pt.y);
-        output.maxZ = Math.max(output.maxZ, pt.z);
-      }
-    }
-    return output;
-  }
-  /** Marks the geometry as stale, flagging it with {@link StalePropertyFlag.Geometry} for the next render. */
-  setAsDirty() {
-    setSelfAsDirty.call(this);
-  }
-};
-function setSelfAsDirty() {
-  const me = this;
-  me.flags = [
-    /* no further specifications, other than 'geometry' */
-    StalePropertyFlag.Geometry
-  ];
-}
-var LineGeometry = class extends NodeGeometry {
-};
-__decorate10([
-  NotifyChange(setSelfAsDirty)
-], LineGeometry.prototype, "positions", void 0);
-var MeshGeometry = class extends NodeGeometry {
-  #boundingBox;
-  #boundingSphere;
-  #barycenter;
-  /** Gets or sets the centroid of {@link positions}; computed on first access if not explicitly set. */
-  get barycenter() {
-    return this.#barycenter ??= NodeGeometry.barycenter(this.positions);
-  }
-  set barycenter(point) {
-    this.#barycenter = point;
-  }
-  /** Gets or sets the axis-aligned bounding box; computed from {@link positions} on first access if not explicitly set. */
-  get boundingBox() {
-    return this.#boundingBox ??= NodeGeometry.boundingBox(this.positions);
-  }
-  set boundingBox(bbox) {
-    this.#boundingBox = bbox;
-  }
-  /** Gets or sets the bounding sphere. */
-  get boundingSphere() {
-    return this.#boundingSphere;
-  }
-  set boundingSphere(sphere) {
-    this.#boundingSphere = sphere;
-  }
-  constructor(positions, triangleIndices, textureCoordinates = [], normals = []) {
-    super(positions);
-    this.triangleIndices = triangleIndices;
-    this.textureCoordinates = textureCoordinates;
-    this.normals = normals;
-  }
-};
-__decorate10([
-  NotifyChange(setSelfAsDirty)
-], MeshGeometry.prototype, "positions", void 0);
-__decorate10([
-  NotifyChange(setSelfAsDirty)
-], MeshGeometry.prototype, "triangleIndices", void 0);
-__decorate10([
-  NotifyChange(setSelfAsDirty)
-], MeshGeometry.prototype, "textureCoordinates", void 0);
-__decorate10([
-  NotifyChange(setSelfAsDirty)
-], MeshGeometry.prototype, "normals", void 0);
+};
+__decorate11([
+  Watch8({ converter: PropertyConverters8.Json })
+], Pacem3DPrimitiveElement.prototype, "geometry", void 0);
 
 // packages/3d/dist/esm/primitives/box.js
-var __decorate11 = function(decorators, target, key, desc) {
+import { CustomElement as CustomElement8, P as P8, Watch as Watch9, PropertyConverters as PropertyConverters9 } from "@pacem/pacem-core";
+var __decorate12 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1653,31 +1795,31 @@ var PacemBoxElement = PacemBoxElement_1 = class PacemBoxElement2 extends Pacem3D
     }
   }
 };
-__decorate11([
+__decorate12([
   Watch9({ emit: false, converter: PropertyConverters9.Number })
 ], PacemBoxElement.prototype, "width", void 0);
-__decorate11([
+__decorate12([
   Watch9({ emit: false, converter: PropertyConverters9.Number })
 ], PacemBoxElement.prototype, "height", void 0);
-__decorate11([
+__decorate12([
   Watch9({ emit: false, converter: PropertyConverters9.Number })
 ], PacemBoxElement.prototype, "depth", void 0);
-__decorate11([
+__decorate12([
   Watch9({ emit: false, converter: PropertyConverters9.Number })
 ], PacemBoxElement.prototype, "widthSegments", void 0);
-__decorate11([
+__decorate12([
   Watch9({ emit: false, converter: PropertyConverters9.Number })
 ], PacemBoxElement.prototype, "heightSegments", void 0);
-__decorate11([
+__decorate12([
   Watch9({ emit: false, converter: PropertyConverters9.Number })
 ], PacemBoxElement.prototype, "depthSegments", void 0);
-PacemBoxElement = PacemBoxElement_1 = __decorate11([
+PacemBoxElement = PacemBoxElement_1 = __decorate12([
   CustomElement8({ tagName: P8 + "-" + TAG_MIDDLE_NAME + "-primitive-box" })
 ], PacemBoxElement);
 
 // packages/3d/dist/esm/primitives/cone.js
 import { CustomElement as CustomElement9, P as P9, Watch as Watch10, PropertyConverters as PropertyConverters10 } from "@pacem/pacem-core";
-var __decorate12 = function(decorators, target, key, desc) {
+var __decorate13 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1796,28 +1938,28 @@ var PacemConeElement = PacemConeElement_1 = class PacemConeElement2 extends Pace
     }
   }
 };
-__decorate12([
+__decorate13([
   Watch10({ emit: false, converter: PropertyConverters10.Number })
 ], PacemConeElement.prototype, "radius", void 0);
-__decorate12([
+__decorate13([
   Watch10({ emit: false, converter: PropertyConverters10.Number })
 ], PacemConeElement.prototype, "height", void 0);
-__decorate12([
+__decorate13([
   Watch10({ emit: false, converter: PropertyConverters10.Number })
 ], PacemConeElement.prototype, "sides", void 0);
-__decorate12([
+__decorate13([
   Watch10({ emit: false, converter: PropertyConverters10.Number })
 ], PacemConeElement.prototype, "heightSegments", void 0);
-__decorate12([
+__decorate13([
   Watch10({ emit: false, converter: PropertyConverters10.Number })
 ], PacemConeElement.prototype, "capSegments", void 0);
-PacemConeElement = PacemConeElement_1 = __decorate12([
+PacemConeElement = PacemConeElement_1 = __decorate13([
   CustomElement9({ tagName: P9 + "-" + TAG_MIDDLE_NAME + "-primitive-cone" })
 ], PacemConeElement);
 
 // packages/3d/dist/esm/primitives/cylinder.js
 import { CustomElement as CustomElement10, P as P10, Watch as Watch11, PropertyConverters as PropertyConverters11 } from "@pacem/pacem-core";
-var __decorate13 = function(decorators, target, key, desc) {
+var __decorate14 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1978,28 +2120,28 @@ var PacemCylinderElement = PacemCylinderElement_1 = class PacemCylinderElement2
     }
   }
 };
-__decorate13([
+__decorate14([
   Watch11({ emit: false, converter: PropertyConverters11.Number })
 ], PacemCylinderElement.prototype, "radius", void 0);
-__decorate13([
+__decorate14([
   Watch11({ emit: false, converter: PropertyConverters11.Number })
 ], PacemCylinderElement.prototype, "height", void 0);
-__decorate13([
+__decorate14([
   Watch11({ emit: false, converter: PropertyConverters11.Number })
 ], PacemCylinderElement.prototype, "sides", void 0);
-__decorate13([
+__decorate14([
   Watch11({ emit: false, converter: PropertyConverters11.Number })
 ], PacemCylinderElement.prototype, "heightSegments", void 0);
-__decorate13([
+__decorate14([
   Watch11({ emit: false, converter: PropertyConverters11.Number })
 ], PacemCylinderElement.prototype, "capSegments", void 0);
-PacemCylinderElement = PacemCylinderElement_1 = __decorate13([
+PacemCylinderElement = PacemCylinderElement_1 = __decorate14([
   CustomElement10({ tagName: P10 + "-" + TAG_MIDDLE_NAME + "-primitive-cylinder" })
 ], PacemCylinderElement);
 
 // packages/3d/dist/esm/primitives/line.js
 import { CustomElement as CustomElement11, P as P11, Watch as Watch12, PropertyConverters as PropertyConverters12 } from "@pacem/pacem-core";
-var __decorate14 = function(decorators, target, key, desc) {
+var __decorate15 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2025,17 +2167,17 @@ var PacemLineElement = PacemLineElement_1 = class PacemLineElement2 extends Pace
     }
   }
 };
-__decorate14([
+__decorate15([
   Watch12({ emit: false, converter: PropertyConverters12.Json })
 ], PacemLineElement.prototype, "positions", void 0);
-PacemLineElement = PacemLineElement_1 = __decorate14([
+PacemLineElement = PacemLineElement_1 = __decorate15([
   CustomElement11({ tagName: P11 + "-" + TAG_MIDDLE_NAME + "-primitive-line" })
 ], PacemLineElement);
 
 // packages/3d/dist/esm/primitives/plane.js
 import { CustomElement as CustomElement12, P as P12, Watch as Watch13, PropertyConverters as PropertyConverters13 } from "@pacem/pacem-core";
 import { Geometry as Geometry3 } from "@pacem/pacem-numerical";
-var __decorate15 = function(decorators, target, key, desc) {
+var __decorate16 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2102,26 +2244,26 @@ var PacemPlaneElement = PacemPlaneElement_1 = class PacemPlaneElement2 extends P
     }
   }
 };
-__decorate15([
+__decorate16([
   Watch13({ emit: false, converter: PropertyConverters13.Number })
 ], PacemPlaneElement.prototype, "width", void 0);
-__decorate15([
+__decorate16([
   Watch13({ emit: false, converter: PropertyConverters13.Number })
 ], PacemPlaneElement.prototype, "length", void 0);
-__decorate15([
+__decorate16([
   Watch13({ emit: false, converter: PropertyConverters13.Number })
 ], PacemPlaneElement.prototype, "widthSegments", void 0);
-__decorate15([
+__decorate16([
   Watch13({ emit: false, converter: PropertyConverters13.Number })
 ], PacemPlaneElement.prototype, "lengthSegments", void 0);
-PacemPlaneElement = PacemPlaneElement_1 = __decorate15([
+PacemPlaneElement = PacemPlaneElement_1 = __decorate16([
   CustomElement12({ tagName: P12 + "-" + TAG_MIDDLE_NAME + "-primitive-plane" })
 ], PacemPlaneElement);
 
 // packages/3d/dist/esm/primitives/polyhedra.js
 import { CustomElement as CustomElement13, P as P13, Watch as Watch14, PropertyConverters as PropertyConverters14 } from "@pacem/pacem-core";
 import { Geometry as Geometry4 } from "@pacem/pacem-numerical";
-var __decorate16 = function(decorators, target, key, desc) {
+var __decorate17 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2163,7 +2305,7 @@ var PolyhedronElement = class extends Pacem3DPrimitiveElement {
     return this.createMeshGeometry(1);
   }
 };
-__decorate16([
+__decorate17([
   Watch14({ emit: false, converter: PropertyConverters14.Number })
 ], PolyhedronElement.prototype, "radius", void 0);
 var PacemTetrahedronElement = PacemTetrahedronElement_1 = class PacemTetrahedronElement2 extends PolyhedronElement {
@@ -2198,7 +2340,7 @@ var PacemTetrahedronElement = PacemTetrahedronElement_1 = class PacemTetrahedron
     return PacemTetrahedronElement_1.createMeshGeometry(radius);
   }
 };
-PacemTetrahedronElement = PacemTetrahedronElement_1 = __decorate16([
+PacemTetrahedronElement = PacemTetrahedronElement_1 = __decorate17([
   CustomElement13({ tagName: P13 + "-" + TAG_MIDDLE_NAME + "-primitive-tetrahedron" })
 ], PacemTetrahedronElement);
 var PacemOctahedronElement = PacemOctahedronElement_1 = class PacemOctahedronElement2 extends PolyhedronElement {
@@ -2233,7 +2375,7 @@ var PacemOctahedronElement = PacemOctahedronElement_1 = class PacemOctahedronEle
     return PacemOctahedronElement_1.createMeshGeometry(radius);
   }
 };
-PacemOctahedronElement = PacemOctahedronElement_1 = __decorate16([
+PacemOctahedronElement = PacemOctahedronElement_1 = __decorate17([
   CustomElement13({ tagName: P13 + "-" + TAG_MIDDLE_NAME + "-primitive-octahedron" })
 ], PacemOctahedronElement);
 var PacemHexahedronElement = PacemHexahedronElement_1 = class PacemHexahedronElement2 extends PolyhedronElement {
@@ -2250,7 +2392,7 @@ var PacemHexahedronElement = PacemHexahedronElement_1 = class PacemHexahedronEle
     return PacemHexahedronElement_1.createMeshGeometry(radius);
   }
 };
-PacemHexahedronElement = PacemHexahedronElement_1 = __decorate16([
+PacemHexahedronElement = PacemHexahedronElement_1 = __decorate17([
   CustomElement13({ tagName: P13 + "-" + TAG_MIDDLE_NAME + "-primitive-hexahedron" })
 ], PacemHexahedronElement);
 var PacemIcosahedronElement = PacemIcosahedronElement_1 = class PacemIcosahedronElement2 extends PolyhedronElement {
@@ -2407,7 +2549,7 @@ var PacemIcosahedronElement = PacemIcosahedronElement_1 = class PacemIcosahedron
     return PacemIcosahedronElement_1.createMeshGeometry(radius);
   }
 };
-PacemIcosahedronElement = PacemIcosahedronElement_1 = __decorate16([
+PacemIcosahedronElement = PacemIcosahedronElement_1 = __decorate17([
   CustomElement13({ tagName: P13 + "-" + TAG_MIDDLE_NAME + "-primitive-icosahedron" })
 ], PacemIcosahedronElement);
 var PacemDodecahedronElement = PacemDodecahedronElement_1 = class PacemDodecahedronElement2 extends PolyhedronElement {
@@ -2723,13 +2865,13 @@ var PacemDodecahedronElement = PacemDodecahedronElement_1 = class PacemDodecahed
     return PacemDodecahedronElement_1.createMeshGeometry(radius);
   }
 };
-PacemDodecahedronElement = PacemDodecahedronElement_1 = __decorate16([
+PacemDodecahedronElement = PacemDodecahedronElement_1 = __decorate17([
   CustomElement13({ tagName: P13 + "-" + TAG_MIDDLE_NAME + "-primitive-dodecahedron" })
 ], PacemDodecahedronElement);
 
 // packages/3d/dist/esm/primitives/sphere.js
 import { CustomElement as CustomElement14, P as P14, Watch as Watch15, PropertyConverters as PropertyConverters15 } from "@pacem/pacem-core";
-var __decorate17 = function(decorators, target, key, desc) {
+var __decorate18 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2820,19 +2962,19 @@ var PacemSphereElement = PacemSphereElement_1 = class PacemSphereElement2 extend
     }
   }
 };
-__decorate17([
+__decorate18([
   Watch15({ emit: false, converter: PropertyConverters15.Number })
 ], PacemSphereElement.prototype, "radius", void 0);
-__decorate17([
+__decorate18([
   Watch15({ emit: false, converter: PropertyConverters15.Number })
 ], PacemSphereElement.prototype, "segments", void 0);
-PacemSphereElement = PacemSphereElement_1 = __decorate17([
+PacemSphereElement = PacemSphereElement_1 = __decorate18([
   CustomElement14({ tagName: P14 + "-" + TAG_MIDDLE_NAME + "-primitive-sphere" })
 ], PacemSphereElement);
 
 // packages/3d/dist/esm/primitives/torus.js
 import { CustomElement as CustomElement15, P as P15, Watch as Watch16, PropertyConverters as PropertyConverters16 } from "@pacem/pacem-core";
-var __decorate18 = function(decorators, target, key, desc) {
+var __decorate19 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2901,28 +3043,28 @@ var PacemTorusElement = PacemTorusElement_1 = class PacemTorusElement2 extends P
     }
   }
 };
-__decorate18([
+__decorate19([
   Watch16({ emit: false, converter: PropertyConverters16.Number })
 ], PacemTorusElement.prototype, "radius", void 0);
-__decorate18([
+__decorate19([
   Watch16({ emit: false, converter: PropertyConverters16.Number })
 ], PacemTorusElement.prototype, "innerRadius", void 0);
-__decorate18([
+__decorate19([
   Watch16({ emit: false, converter: PropertyConverters16.Number })
 ], PacemTorusElement.prototype, "segments", void 0);
-__decorate18([
+__decorate19([
   Watch16({ emit: false, converter: PropertyConverters16.Number })
 ], PacemTorusElement.prototype, "sides", void 0);
-PacemTorusElement = PacemTorusElement_1 = __decorate18([
+PacemTorusElement = PacemTorusElement_1 = __decorate19([
   CustomElement15({ tagName: P15 + "-" + TAG_MIDDLE_NAME + "-primitive-torus" })
 ], PacemTorusElement);
 
 // packages/3d/dist/esm/adapters/shared.js
 import { CustomEventUtils, Utils as Utils12 } from "@pacem/pacem-core";
-import { Point } from "@pacem/pacem-foundation";
+import { Point as Point2 } from "@pacem/pacem-foundation";
 function _clipPoint(evt, rect) {
   let x, y;
-  if (Point.isPoint(evt)) {
+  if (Point2.isPoint(evt)) {
     x = evt.x;
     y = evt.y;
   } else {
@@ -2984,7 +3126,7 @@ var AdapterUtils = class _AdapterUtils {
 import { CustomElement as CustomElement16, P as P16, Watch as Watch17, PropertyConverters as PropertyConverters17, Utils as Utils13, CustomElementUtils as CustomElementUtils2 } from "@pacem/pacem-core";
 import { Colors } from "@pacem/pacem-foundation";
 import { Geometry as Geometry5 } from "@pacem/pacem-numerical";
-var __decorate19 = function(decorators, target, key, desc) {
+var __decorate20 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -3577,10 +3719,10 @@ var Pacem3DThreeAdapterElement = class Pacem3DThreeAdapterElement2 extends Pacem
     }
   }
 };
-__decorate19([
+__decorate20([
   Watch17({ emit: false, converter: PropertyConverters17.Boolean })
 ], Pacem3DThreeAdapterElement.prototype, "orbit", void 0);
-Pacem3DThreeAdapterElement = __decorate19([
+Pacem3DThreeAdapterElement = __decorate20([
   CustomElement16({ tagName: P16 + "-3d-three-adapter" })
 ], Pacem3DThreeAdapterElement);
 
@@ -7124,7 +7266,7 @@ var RendererClass = class {
 };
 
 // packages/3d/dist/esm/adapters/webgpu/webgpuadapter.js
-var __decorate20 = function(decorators, target, key, desc) {
+var __decorate21 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -7174,13 +7316,13 @@ var Pacem3DWgslScriptElement = class Pacem3DWgslScriptElement2 extends Component
     super.disconnectedCallback();
   }
 };
-__decorate20([
+__decorate21([
   Watch18({ emit: false, converter: PropertyConverters18.String })
 ], Pacem3DWgslScriptElement.prototype, "type", void 0);
-__decorate20([
+__decorate21([
   Watch18({ emit: false, converter: PropertyConverters18.String })
 ], Pacem3DWgslScriptElement.prototype, "wgsl", void 0);
-Pacem3DWgslScriptElement = __decorate20([
+Pacem3DWgslScriptElement = __decorate21([
   CustomElement17({ tagName: P18 + "-3d-wgsl-script" })
 ], Pacem3DWgslScriptElement);
 var Pacem3DWebgpuAdapterElement = class Pacem3DWebgpuAdapterElement2 extends Pacem3DAdapterElement {
@@ -7412,23 +7554,23 @@ var Pacem3DWebgpuAdapterElement = class Pacem3DWebgpuAdapterElement2 extends Pac
     return stage;
   }
 };
-__decorate20([
+__decorate21([
   Debounce(100)
 ], Pacem3DWebgpuAdapterElement.prototype, "_parseWgslModifiers", null);
-__decorate20([
+__decorate21([
   Watch18({ emit: false })
 ], Pacem3DWebgpuAdapterElement.prototype, "modifiers", void 0);
-__decorate20([
+__decorate21([
   Watch18({ emit: false, converter: PropertyConverters18.Boolean })
 ], Pacem3DWebgpuAdapterElement.prototype, "enableValidation", void 0);
-Pacem3DWebgpuAdapterElement = __decorate20([
+Pacem3DWebgpuAdapterElement = __decorate21([
   CustomElement17({ tagName: P18 + "-3d-webgpu-adapter" })
 ], Pacem3DWebgpuAdapterElement);
 
 // packages/3d/dist/esm/adapters/webgpu/behaviors/orbit-camera.js
 import { CustomElement as CustomElement18, P as P19, Watch as Watch19, PropertyConverters as PropertyConverters19, Utils as Utils28, CustomEventUtils as CustomEventUtils2, avoidHandler, Behaviors, PropertyChangeEventName as PropertyChangeEventName3 } from "@pacem/pacem-core";
 import { Geometry as Geometry9 } from "@pacem/pacem-numerical";
-var __decorate21 = function(decorators, target, key, desc) {
+var __decorate22 = function(decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -7753,177 +7895,33 @@ var PacemOrbitCameraBehaviorElement = class PacemOrbitCameraBehaviorElement2 ext
     }
   }
 };
-__decorate21([
+__decorate22([
   Watch19({ emit: false, converter: PropertyConverters19.Number })
 ], PacemOrbitCameraBehaviorElement.prototype, "maxAzimuth", void 0);
-__decorate21([
+__decorate22([
   Watch19({ emit: false, converter: PropertyConverters19.Number })
 ], PacemOrbitCameraBehaviorElement.prototype, "maxPolar", void 0);
-__decorate21([
+__decorate22([
   Watch19({ emit: false, converter: PropertyConverters19.Number })
 ], PacemOrbitCameraBehaviorElement.prototype, "minAzimuth", void 0);
-__decorate21([
+__decorate22([
   Watch19({ emit: false, converter: PropertyConverters19.Number })
 ], PacemOrbitCameraBehaviorElement.prototype, "minPolar", void 0);
-__decorate21([
+__decorate22([
   Watch19({ emit: false, converter: PropertyConverters19.Number })
 ], PacemOrbitCameraBehaviorElement.prototype, "zoomControl", void 0);
-__decorate21([
+__decorate22([
   Watch19({ emit: false, converter: PropertyConverters19.Number })
 ], PacemOrbitCameraBehaviorElement.prototype, "rotationControl", void 0);
-__decorate21([
+__decorate22([
   Watch19({ emit: false, converter: PropertyConverters19.Number })
 ], PacemOrbitCameraBehaviorElement.prototype, "panControl", void 0);
-__decorate21([
+__decorate22([
   Watch19({ emit: false, converter: BooleanOrNumberConverter })
 ], PacemOrbitCameraBehaviorElement.prototype, "inertia", void 0);
-PacemOrbitCameraBehaviorElement = __decorate21([
+PacemOrbitCameraBehaviorElement = __decorate22([
   CustomElement18({ tagName: P19 + "-" + TAG_MIDDLE_NAME + "-orbit-camera" })
 ], PacemOrbitCameraBehaviorElement);
-
-// packages/3d/dist/esm/index-drawing3d.js
-var index_drawing3d_exports = {};
-__export(index_drawing3d_exports, {
-  BooleanOrNumberConverter: () => BooleanOrNumberConverter,
-  DragEvent: () => DragEvent,
-  KnownShader: () => KnownShader,
-  LineGeometry: () => LineGeometry,
-  MaterialElement: () => MaterialElement,
-  MeshGeometry: () => MeshGeometry,
-  NodeGeometry: () => NodeGeometry,
-  NotifyChange: () => NotifyChange,
-  Pacem3DAdapterElement: () => Pacem3DAdapterElement,
-  Pacem3DCameraElement: () => Pacem3DCameraElement,
-  Pacem3DGroupElement: () => Pacem3DGroupElement,
-  Pacem3DLightElement: () => Pacem3DLightElement,
-  Pacem3DMeshElement: () => Pacem3DMeshElement,
-  Pacem3DObjectElement: () => Pacem3DObjectElement,
-  Pacem3DOrthographicCameraElement: () => Pacem3DOrthographicCameraElement,
-  Pacem3DPerspectiveCameraElement: () => Pacem3DPerspectiveCameraElement,
-  Point3DConverter: () => Point3DConverter,
-  Point3DOrNumberConverter: () => Point3DOrNumberConverter,
-  QuaternionConverter: () => QuaternionConverter,
-  RenderableElement: () => RenderableElement,
-  RenderableEvent: () => RenderableEvent,
-  StalePropertyFlag: () => StalePropertyFlag,
-  UI3DEvent: () => UI3DEvent,
-  Ui3DElement: () => Ui3DElement,
-  computePlaneNormal: () => computePlaneNormal,
-  computeSharpVertexNormals: () => computeSharpVertexNormals,
-  isBasicMaterial: () => isBasicMaterial,
-  isCamera: () => isCamera,
-  isGeometry: () => isGeometry,
-  isGroup: () => isGroup,
-  isInteraction: () => isInteraction,
-  isLambertMaterial: () => isLambertMaterial,
-  isLight: () => isLight,
-  isLineMaterial: () => isLineMaterial,
-  isMaterial: () => isMaterial,
-  isMesh: () => isMesh,
-  isMeshGeometry: () => isMeshGeometry,
-  isOrthographicCamera: () => isOrthographicCamera,
-  isPerspectiveCamera: () => isPerspectiveCamera,
-  isPhongMaterial: () => isPhongMaterial,
-  isRenderable: () => isRenderable,
-  isShaderMaterial: () => isShaderMaterial,
-  isStage: () => isStage,
-  isStandardMaterial: () => isStandardMaterial,
-  isUi3DObject: () => isUi3DObject
-});
-
-// packages/3d/dist/esm/parsers/parser.js
-import { Transformer } from "@pacem/pacem-core";
-import { Point as Point2 } from "@pacem/pacem-foundation";
-var __decorate22 = function(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var OBJParser = class {
-  /**
-   * Parses `v` (vertex), `vt` (texture coordinate), `vn` (normal) and `f` (face) records out of `content`,
-   * triangulating any face with more than 3 vertices (fan triangulation).
-   */
-  static parse(content) {
-    const vertices = [];
-    const vParser = /^v((\s+-?[\d\.]+){3})/gm;
-    let arr = vParser.exec(content);
-    while (arr && arr.length) {
-      vertices.push(Point3DConverter.convert(arr[1]));
-      arr = vParser.exec(content);
-    }
-    const vt = [];
-    const tParser = /^vt((\s+-?[\d\.]+){2})/gm;
-    arr = tParser.exec(content);
-    while (arr && arr.length) {
-      vt.push(Point2.parse(arr[1]));
-      arr = tParser.exec(content);
-    }
-    const vn = [];
-    const nParser = /^vn((\s+-?[\d\.]+){3})/gm;
-    arr = nParser.exec(content);
-    while (arr && arr.length) {
-      vn.push(Point3DConverter.convert(arr[1]));
-      arr = nParser.exec(content);
-    }
-    const normals = [];
-    const uv = [];
-    const positions = [];
-    const fParser = /^f((\s+([\d]+\/[\d]+\/[\d]+)){3,})/gm;
-    arr = fParser.exec(content);
-    while (arr && arr.length) {
-      const fjParser = /([\d]+)\/([\d]+)\/([\d]+)/g;
-      const face = arr[1];
-      let jArr = fjParser.exec(face);
-      let jIndex = 0;
-      var vIndex0, tIndex0, nIndex0;
-      var vIndex, tIndex, nIndex;
-      while (jArr && jArr.length) {
-        if (jIndex > 2) {
-          positions.push(vIndex0);
-          uv.push(vt[tIndex0]);
-          normals.push(vn[nIndex0]);
-          positions.push(vIndex);
-          uv.push(vt[tIndex]);
-          normals.push(vn[nIndex]);
-        }
-        vIndex = parseInt(jArr[1]) - 1;
-        tIndex = parseInt(jArr[2]) - 1;
-        nIndex = parseInt(jArr[3]) - 1;
-        positions.push(vIndex);
-        uv.push(vt[tIndex]);
-        normals.push(vn[nIndex]);
-        if (jIndex === 0) {
-          vIndex0 = vIndex;
-          tIndex0 = tIndex;
-          nIndex0 = nIndex;
-        }
-        jIndex++;
-        jArr = fjParser.exec(face);
-      }
-      arr = fParser.exec(content);
-    }
-    return new MeshGeometry(vertices, positions, uv, normals);
-  }
-};
-var Parser3D = class {
-  /**
-   * Parses `content` according to `type` into a {@link NodeGeometry} (currently only the `'obj'` Wavefront format,
-   * via {@link OBJParser}) or a {@link Material}. Throws for any other/unsupported `type` (e.g. `'mtl'`, not yet implemented).
-   */
-  static parseGeometry(content, type) {
-    switch (type.toLowerCase()) {
-      case "obj":
-        return OBJParser.parse(content);
-      default:
-        throw new Error(`Type '${type}' is not supported.`);
-    }
-  }
-};
-__decorate22([
-  Transformer("parse3D")
-], Parser3D, "parseGeometry", null);
 export {
   index_components_exports as Components,
   index_drawing3d_exports as Drawing3D