cubing 0.28.0 → 0.28.1

package/dist/esm/twisty/index.js

@@ -1,28 +1,36 @@
 import {
+  CSSSource,
   DEGREES_PER_RADIAN,
   FreshListenerManager,
+  HTMLElementShim,
   HintFaceletProp,
+  ManagedCustomElement,
   NO_VALUE,
+  RenderScheduler,
   SimpleTwistyPropSource,
   StaleDropper,
   THREEJS,
+  Twisty3DVantage,
   TwistyPropDerived,
   TwistyPropSource,
-  proxy3D
-} from "../chunk-7BLWQDZX.js";
+  customElementsShim,
+  proxy3D,
+  setCameraFromOrbitCoordinates,
+  setTwistyDebug
+} from "../chunk-LSVR2HCG.js";
 import "../chunk-GVPTO3OF.js";
 import {
   countAnimatedLeaves,
   countMoves
-} from "../chunk-47SWOA3X.js";
+} from "../chunk-NPHUBFZ6.js";
 import {
   cube3x3x3,
   puzzles
-} from "../chunk-JAGHV77R.js";
+} from "../chunk-YSVFZVG4.js";
 import {
   customPGPuzzleLoader
-} from "../chunk-LTPPXK6F.js";
-import "../chunk-UP6RBLG2.js";
+} from "../chunk-67VJZGH2.js";
+import "../chunk-ZY3RTFFS.js";
 import {
   Alg,
   AlgBuilder,
@@ -35,7 +43,7 @@ import {
   direct,
   directedGenerator,
   experimentalAppendMove
-} from "../chunk-GXZIBFSN.js";
+} from "../chunk-CSBUJ64Q.js";
 import {
   __privateAdd,
   __privateGet,
@@ -43,33 +51,6 @@ import {
   __privateSet
 } from "../chunk-MGJA5U5O.js";
 
-// src/cubing/twisty/controllers/RenderScheduler.ts
-var RenderScheduler = class {
-  constructor(callback) {
-    this.callback = callback;
-    this.animFrameID = null;
-    this.animFrame = this.animFrameWrapper.bind(this);
-  }
-  requestIsPending() {
-    return !!this.animFrameID;
-  }
-  requestAnimFrame() {
-    if (!this.animFrameID) {
-      this.animFrameID = requestAnimationFrame(this.animFrame);
-    }
-  }
-  cancelAnimFrame() {
-    if (this.animFrameID) {
-      cancelAnimationFrame(this.animFrameID);
-      this.animFrameID = 0;
-    }
-  }
-  animFrameWrapper(timestamp) {
-    this.animFrameID = 0;
-    this.callback(timestamp);
-  }
-};
-
 // src/cubing/twisty/controllers/AnimationTypes.ts
 function directionScalar(direction) {
   return direction;
@@ -348,77 +329,6 @@ var ControlPanelProp = class extends SimpleTwistyPropSource {
   }
 };
 
-// src/cubing/twisty/views/node-custom-element-shims.ts
-var HTMLElementStub = class {
-};
-var HTMLElementShim;
-if (globalThis.HTMLElement) {
-  HTMLElementShim = HTMLElement;
-} else {
-  HTMLElementShim = HTMLElementStub;
-}
-var CustomElementsStub = class {
-  define() {
-  }
-};
-var customElementsShim;
-if (globalThis.customElements) {
-  customElementsShim = customElements;
-} else {
-  customElementsShim = new CustomElementsStub();
-}
-
-// src/cubing/twisty/views/ManagedCustomElement.ts
-var CSSSource = class {
-  constructor(sourceText) {
-    this.sourceText = sourceText;
-  }
-  getAsString() {
-    return this.sourceText;
-  }
-};
-var _cssSourceMap;
-var ManagedCustomElement = class extends HTMLElementShim {
-  constructor(options) {
-    super();
-    __privateAdd(this, _cssSourceMap, /* @__PURE__ */ new Map());
-    this.shadow = this.attachShadow({ mode: options?.mode ?? "closed" });
-    this.contentWrapper = document.createElement("div");
-    this.contentWrapper.classList.add("wrapper");
-    this.shadow.appendChild(this.contentWrapper);
-  }
-  addCSS(cssSource) {
-    const existing = __privateGet(this, _cssSourceMap).get(cssSource);
-    if (existing) {
-      return existing;
-    }
-    const cssElem = document.createElement("style");
-    cssElem.textContent = cssSource.getAsString();
-    __privateGet(this, _cssSourceMap).set(cssSource, cssElem);
-    this.shadow.appendChild(cssElem);
-    return cssElem;
-  }
-  removeCSS(cssSource) {
-    const cssElem = __privateGet(this, _cssSourceMap).get(cssSource);
-    if (!cssElem) {
-      return;
-    }
-    this.shadow.removeChild(cssElem);
-    __privateGet(this, _cssSourceMap).delete(cssSource);
-  }
-  addElement(element) {
-    return this.contentWrapper.appendChild(element);
-  }
-  prependElement(element) {
-    this.contentWrapper.prepend(element);
-  }
-  removeElement(element) {
-    return this.contentWrapper.removeChild(element);
-  }
-};
-_cssSourceMap = new WeakMap();
-customElementsShim.define("twisty-managed-custom-element", ManagedCustomElement);
-
 // src/cubing/twisty/views/TwistyViewerWrapper.css.ts
 var twistyViewerWrapperCSS = new CSSSource(`
 :host {
@@ -961,7 +871,7 @@ var Twisty3DPuzzleWrapper = class extends EventTarget {
           this.model.twistySceneModel.hintStickerSprite.get(),
           this.model.twistySceneModel.stickering.get()
         ]);
-        return (await proxyPromise).cube3DShim({
+        return (await proxyPromise).cube3DShim(() => this.schedulable.scheduleRender(), {
           foundationSprite,
           hintSprite,
           experimentalStickering
@@ -972,7 +882,7 @@ var Twisty3DPuzzleWrapper = class extends EventTarget {
           this.model.twistySceneModel.foundationStickerSprite.get(),
           this.model.twistySceneModel.hintStickerSprite.get()
         ]);
-        const pg3d = (await proxyPromise).pg3dShim(this.puzzleLoader, hintFacelets === "auto" ? "floating" : hintFacelets);
+        const pg3d = (await proxyPromise).pg3dShim(() => this.schedulable.scheduleRender(), this.puzzleLoader, hintFacelets === "auto" ? "floating" : hintFacelets);
         pg3d.then((p) => p.experimentalUpdateTexture(true, foundationSprite ?? void 0, hintSprite ?? void 0));
         return pg3d;
       }
@@ -1003,656 +913,6 @@ var Twisty3DPuzzleWrapper = class extends EventTarget {
 _freshListenerManager4 = new WeakMap();
 _cachedTwisty3DPuzzle = new WeakMap();
 
-// src/cubing/vendor/three/examples/jsm/libs/stats.modified.module.ts
-var performance2 = globalThis.performance;
-var Stats = class {
-  constructor() {
-    this.mode = 0;
-    this.dom = document.createElement("div");
-    this.beginTime = (performance2 || Date).now();
-    this.prevTime = this.beginTime;
-    this.frames = 0;
-    this.fpsPanel = this.addPanel(new StatsPanel("FPS", "#0ff", "#002"));
-    this.msPanel = this.addPanel(new StatsPanel("MS", "#0f0", "#020"));
-    this.memPanel = performance2?.memory ? this.addPanel(new StatsPanel("MB", "#f08", "#201")) : null;
-    this.REVISION = 16;
-    this.dom.style.cssText = "position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000";
-    this.dom.addEventListener("click", (event) => {
-      event.preventDefault();
-      this.showPanel(++this.mode % this.dom.children.length);
-    }, false);
-    this.showPanel(0);
-  }
-  addPanel(panel) {
-    this.dom.appendChild(panel.dom);
-    return panel;
-  }
-  showPanel(id) {
-    for (let i = 0; i < this.dom.children.length; i++) {
-      this.dom.children[i].style.display = i === id ? "block" : "none";
-    }
-    this.mode = id;
-  }
-  begin() {
-    this.beginTime = (performance2 || Date).now();
-  }
-  end() {
-    this.frames++;
-    const time = (performance2 || Date).now();
-    this.msPanel.update(time - this.beginTime, 200);
-    if (time >= this.prevTime + 1e3) {
-      this.fpsPanel.update(this.frames * 1e3 / (time - this.prevTime), 100);
-      this.prevTime = time;
-      this.frames = 0;
-      if (this.memPanel) {
-        const memory = performance2.memory;
-        this.memPanel.update(memory.usedJSHeapSize / 1048576, memory.jsHeapSizeLimit / 1048576);
-      }
-    }
-    return time;
-  }
-  update() {
-    this.beginTime = this.end();
-  }
-};
-var PR = Math.round(globalThis?.window?.devicePixelRatio ?? 1);
-var WIDTH = 80 * PR;
-var HEIGHT = 48 * PR;
-var TEXT_X = 3 * PR;
-var TEXT_Y = 2 * PR;
-var GRAPH_X = 3 * PR;
-var GRAPH_Y = 15 * PR;
-var GRAPH_WIDTH = 74 * PR;
-var GRAPH_HEIGHT = 30 * PR;
-var StatsPanel = class {
-  constructor(name, fg, bg) {
-    this.name = name;
-    this.fg = fg;
-    this.bg = bg;
-    this.min = Infinity;
-    this.max = 0;
-    this.dom = document.createElement("canvas");
-    this.context = this.dom.getContext("2d");
-    this.dom.width = WIDTH;
-    this.dom.height = HEIGHT;
-    this.dom.style.cssText = "width:80px;height:48px";
-    this.context.font = `bold ${9 * PR}px Helvetica,Arial,sans-serif`;
-    this.context.textBaseline = "top";
-    this.context.fillStyle = bg;
-    this.context.fillRect(0, 0, WIDTH, HEIGHT);
-    this.context.fillStyle = fg;
-    this.context.fillText(name, TEXT_X, TEXT_Y);
-    this.context.fillRect(GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT);
-    this.context.fillStyle = bg;
-    this.context.globalAlpha = 0.9;
-    this.context.fillRect(GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT);
-  }
-  update(value, maxValue) {
-    this.min = Math.min(this.min, value);
-    this.max = Math.max(this.max, value);
-    this.context.fillStyle = this.bg;
-    this.context.globalAlpha = 1;
-    this.context.fillRect(0, 0, WIDTH, GRAPH_Y);
-    this.context.fillStyle = this.fg;
-    this.context.fillText(Math.round(value) + " " + this.name + " (" + Math.round(this.min) + "-" + Math.round(this.max) + ")", TEXT_X, TEXT_Y);
-    this.context.drawImage(this.dom, GRAPH_X + PR, GRAPH_Y, GRAPH_WIDTH - PR, GRAPH_HEIGHT, GRAPH_X, GRAPH_Y, GRAPH_WIDTH - PR, GRAPH_HEIGHT);
-    this.context.fillRect(GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, GRAPH_HEIGHT);
-    this.context.fillStyle = this.bg;
-    this.context.globalAlpha = 0.9;
-    this.context.fillRect(GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, Math.round((1 - value / maxValue) * GRAPH_HEIGHT));
-  }
-};
-
-// src/cubing/twisty/views/canvas.ts
-var globalPixelRatioOverride = null;
-function pixelRatio() {
-  return globalPixelRatioOverride ?? (devicePixelRatio || 1);
-}
-
-// src/cubing/twisty/views/3D/Twisty3DVantage.css.ts
-var twisty3DVantageCSS = new CSSSource(`
-:host {
-  width: 384px;
-  height: 256px;
-  display: grid;
-}
-
-.wrapper {
-  width: 100%;
-  height: 100%;
-  display: grid;
-  overflow: hidden;
-  place-content: center;
-  contain: strict;
-}
-
-.loading {
-  width: 4em;
-  height: 4em;
-  border-radius: 2.5em;
-  border: 0.5em solid rgba(0, 0, 0, 0);
-  border-top: 0.5em solid rgba(0, 0, 0, 0.7);
-  border-right: 0.5em solid rgba(0, 0, 0, 0.7);
-  animation: fade-in-delayed 4s, rotate 1s linear infinite;
-}
-
-@keyframes fade-in-delayed {
-  0% { opacity: 0; }
-  25% {opacity: 0; }
-  100% { opacity: 1; }
-}
-
-@keyframes rotate {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
-
-/* TODO: This is due to stats hack. Replace with \`canvas\`. */
-.wrapper > canvas {
-  max-width: 100%;
-  max-height: 100%;
-  animation: fade-in 0.25s ease-in;
-}
-
-@keyframes fade-in {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-.wrapper.invisible {
-  opacity: 0;
-}
-
-.wrapper.drag-input-enabled > canvas {
-  cursor: grab;
-}
-
-.wrapper.drag-input-enabled > canvas:active {
-  cursor: grabbing;
-}
-`);
-
-// src/cubing/twisty/views/3D/DragTracker.ts
-var MOVEMENT_EPSILON = 0.1;
-var _dragInfoMap, _targetListeners, _lazyListenersRegistered, _registerLazyListeners, registerLazyListeners_fn, _clear, clear_fn, _trackDrag, trackDrag_fn;
-var DragTracker = class extends EventTarget {
-  constructor(target) {
-    super();
-    this.target = target;
-    __privateAdd(this, _registerLazyListeners);
-    __privateAdd(this, _clear);
-    __privateAdd(this, _trackDrag);
-    __privateAdd(this, _dragInfoMap, /* @__PURE__ */ new Map());
-    __privateAdd(this, _targetListeners, /* @__PURE__ */ new Map());
-    __privateAdd(this, _lazyListenersRegistered, false);
-  }
-  start() {
-    this.addTargetListener("pointerdown", this.onPointerDown.bind(this));
-    this.addTargetListener("contextmenu", (e) => {
-      e.preventDefault();
-    });
-    this.addTargetListener("touchmove", (e) => e.preventDefault());
-    this.addTargetListener("dblclick", (e) => e.preventDefault());
-  }
-  stop() {
-    for (const [eventType, listener] of __privateGet(this, _targetListeners).entries()) {
-      this.target.removeEventListener(eventType, listener);
-    }
-    __privateGet(this, _targetListeners).clear();
-    __privateSet(this, _lazyListenersRegistered, false);
-  }
-  addTargetListener(eventType, listener) {
-    if (!__privateGet(this, _targetListeners).has(eventType)) {
-      this.target.addEventListener(eventType, listener);
-      __privateGet(this, _targetListeners).set(eventType, listener);
-    }
-  }
-  onPointerDown(e) {
-    __privateMethod(this, _registerLazyListeners, registerLazyListeners_fn).call(this);
-    const newDragInfo = {
-      attachedInfo: {},
-      hasMoved: false,
-      lastClientX: e.clientX,
-      lastClientY: e.clientY,
-      lastTimeStamp: e.timeStamp
-    };
-    __privateGet(this, _dragInfoMap).set(e.pointerId, newDragInfo);
-    this.target.setPointerCapture(e.pointerId);
-  }
-  onPointerMove(e) {
-    const movementInfo = __privateMethod(this, _trackDrag, trackDrag_fn).call(this, e).movementInfo;
-    if (movementInfo) {
-      e.preventDefault();
-      this.dispatchEvent(new CustomEvent("move", {
-        detail: movementInfo
-      }));
-    }
-  }
-  onPointerUp(e) {
-    const trackDragResult = __privateMethod(this, _trackDrag, trackDrag_fn).call(this, e);
-    const existing = __privateGet(this, _dragInfoMap).get(e.pointerId);
-    __privateMethod(this, _clear, clear_fn).call(this, e);
-    this.target.releasePointerCapture(e.pointerId);
-    let event;
-    if (trackDragResult.hasMoved) {
-      event = new CustomEvent("up", {
-        detail: { attachedInfo: existing.attachedInfo }
-      });
-    } else {
-      const { altKey, ctrlKey, metaKey, shiftKey } = e;
-      event = new CustomEvent("press", {
-        detail: {
-          normalizedX: e.offsetX / this.target.offsetWidth * 2 - 1,
-          normalizedY: 1 - e.offsetY / this.target.offsetHeight * 2,
-          rightClick: !!(e.button & 2),
-          keys: {
-            altKey,
-            ctrlOrMetaKey: ctrlKey || metaKey,
-            shiftKey
-          }
-        }
-      });
-    }
-    this.dispatchEvent(event);
-  }
-};
-_dragInfoMap = new WeakMap();
-_targetListeners = new WeakMap();
-_lazyListenersRegistered = new WeakMap();
-_registerLazyListeners = new WeakSet();
-registerLazyListeners_fn = function() {
-  if (__privateGet(this, _lazyListenersRegistered)) {
-    return;
-  }
-  this.addTargetListener("pointermove", this.onPointerMove.bind(this));
-  this.addTargetListener("pointerup", this.onPointerUp.bind(this));
-  __privateSet(this, _lazyListenersRegistered, true);
-};
-_clear = new WeakSet();
-clear_fn = function(e) {
-  __privateGet(this, _dragInfoMap).delete(e.pointerId);
-};
-_trackDrag = new WeakSet();
-trackDrag_fn = function(e) {
-  const existing = __privateGet(this, _dragInfoMap).get(e.pointerId);
-  if (!existing) {
-    return { movementInfo: null, hasMoved: false };
-  }
-  let movementInfo;
-  if ((e.movementX ?? 0) !== 0 || (e.movementY ?? 0) !== 0) {
-    movementInfo = {
-      attachedInfo: existing.attachedInfo,
-      movementX: e.movementX,
-      movementY: e.movementY,
-      elapsedMs: e.timeStamp - existing.lastTimeStamp
-    };
-  } else {
-    movementInfo = {
-      attachedInfo: existing.attachedInfo,
-      movementX: e.clientX - existing.lastClientX,
-      movementY: e.clientY - existing.lastClientY,
-      elapsedMs: e.timeStamp - existing.lastTimeStamp
-    };
-  }
-  existing.lastClientX = e.clientX;
-  existing.lastClientY = e.clientY;
-  existing.lastTimeStamp = e.timeStamp;
-  if (Math.abs(movementInfo.movementX) < MOVEMENT_EPSILON && Math.abs(movementInfo.movementY) < MOVEMENT_EPSILON) {
-    return { movementInfo: null, hasMoved: existing.hasMoved };
-  } else {
-    existing.hasMoved = true;
-    return { movementInfo, hasMoved: existing.hasMoved };
-  }
-};
-
-// src/cubing/twisty/views/3D/RendererPool.ts
-var renderers = [];
-async function renderPooled(width, height, canvas, scene, camera) {
-  if (width === 0 || height === 0) {
-    return;
-  }
-  if (renderers.length === 0) {
-    renderers.push(newRenderer());
-  }
-  const renderer = await renderers[0];
-  renderer.setSize(width, height);
-  renderer.render(scene, camera);
-  const context = canvas.getContext("2d");
-  context.clearRect(0, 0, canvas.width, canvas.height);
-  context.drawImage(renderer.domElement, 0, 0);
-}
-async function newRenderer() {
-  const rendererConstructor = (await THREEJS).WebGLRenderer;
-  const renderer = new rendererConstructor({
-    antialias: true,
-    alpha: true
-  });
-  renderer.setPixelRatio(pixelRatio());
-  return renderer;
-}
-
-// src/cubing/twisty/views/3D/TwistyOrbitControls.ts
-var INERTIA_DEFAULT = true;
-var INERTIA_DURATION_MS = 500;
-var INERTIA_TIMEOUT_MS = 50;
-var VERTICAL_MOVEMENT_BASE_SCALE = 0.75;
-function momentumScale(progress) {
-  return (Math.exp(1 - progress) - (1 - progress)) / (1 - Math.E) + 1;
-}
-var Inertia = class {
-  constructor(startTimestamp, momentumX, momentumY, callback) {
-    this.startTimestamp = startTimestamp;
-    this.momentumX = momentumX;
-    this.momentumY = momentumY;
-    this.callback = callback;
-    this.scheduler = new RenderScheduler(this.render.bind(this));
-    this.scheduler.requestAnimFrame();
-    this.lastTimestamp = startTimestamp;
-  }
-  render(now) {
-    const progressBefore = (this.lastTimestamp - this.startTimestamp) / INERTIA_DURATION_MS;
-    const progressAfter = Math.min(1, (now - this.startTimestamp) / INERTIA_DURATION_MS);
-    if (progressBefore === 0 && progressAfter > INERTIA_TIMEOUT_MS / INERTIA_DURATION_MS) {
-      return;
-    }
-    const delta = momentumScale(progressAfter) - momentumScale(progressBefore);
-    this.callback(this.momentumX * delta * 1e3, this.momentumY * delta * 1e3);
-    if (progressAfter < 1) {
-      this.scheduler.requestAnimFrame();
-    }
-    this.lastTimestamp = now;
-  }
-};
-var TwistyOrbitControls = class {
-  constructor(model, mirror, canvas, dragTracker) {
-    this.model = model;
-    this.mirror = mirror;
-    this.canvas = canvas;
-    this.dragTracker = dragTracker;
-    this.experimentalInertia = INERTIA_DEFAULT;
-    this.onMovementBound = this.onMovement.bind(this);
-    this.experimentalHasBeenMoved = false;
-    this.dragTracker.addEventListener("move", this.onMove.bind(this));
-    this.dragTracker.addEventListener("up", this.onUp.bind(this));
-  }
-  temperMovement(f) {
-    return Math.sign(f) * Math.log(Math.abs(f * 10) + 1) / 6;
-  }
-  onMove(e) {
-    var _a;
-    (_a = e.detail).attachedInfo ?? (_a.attachedInfo = {});
-    const { temperedX, temperedY } = this.onMovement(e.detail.movementX, e.detail.movementY);
-    const attachedInfo = e.detail.attachedInfo;
-    attachedInfo.lastTemperedX = temperedX * 10;
-    attachedInfo.lastTemperedY = temperedY * 10;
-    attachedInfo.timestamp = e.timeStamp;
-  }
-  onMovement(movementX, movementY) {
-    const scale = this.mirror ? -1 : 1;
-    const minDim = Math.min(this.canvas.offsetWidth, this.canvas.offsetHeight);
-    const temperedX = this.temperMovement(movementX / minDim);
-    const temperedY = this.temperMovement(movementY / minDim * VERTICAL_MOVEMENT_BASE_SCALE);
-    this.model.twistySceneModel.orbitCoordinatesRequest.set((async () => {
-      const prevCoords = await this.model.twistySceneModel.orbitCoordinates.get();
-      const newCoords = {
-        latitude: prevCoords.latitude + 2 * temperedY * DEGREES_PER_RADIAN * scale,
-        longitude: prevCoords.longitude - 2 * temperedX * DEGREES_PER_RADIAN
-      };
-      return newCoords;
-    })());
-    return { temperedX, temperedY };
-  }
-  onUp(e) {
-    e.preventDefault();
-    if ("lastTemperedX" in e.detail.attachedInfo && "lastTemperedY" in e.detail.attachedInfo && "timestamp" in e.detail.attachedInfo && e.timeStamp - e.detail.attachedInfo.timestamp < 60) {
-      new Inertia(e.timeStamp, e.detail.attachedInfo.lastTemperedX, e.detail.attachedInfo.lastTemperedY, this.onMovementBound);
-    }
-  }
-};
-
-// src/cubing/twisty/views/3D/Twisty3DVantage.ts
-var SHOW_STATS = false;
-function debugShowRenderStats(enable) {
-  SHOW_STATS = enable;
-}
-async function setCameraFromOrbitCoordinates(camera, orbitCoordinates, backView = false) {
-  const spherical = new (await THREEJS).Spherical(orbitCoordinates.distance, (90 - (backView ? -1 : 1) * orbitCoordinates.latitude) / DEGREES_PER_RADIAN, ((backView ? 180 : 0) + orbitCoordinates.longitude) / DEGREES_PER_RADIAN);
-  spherical.makeSafe();
-  camera.position.setFromSpherical(spherical);
-  camera.lookAt(0, 0, 0);
-}
-var shareAllNewRenderers = null;
-function experimentalForceNewRendererSharing(share) {
-  shareAllNewRenderers = share;
-}
-var dedicatedRenderersSoFar = 0;
-var DEFAULT_MAX_DEDICATED_RENDERERS = 2;
-function shareRenderer() {
-  if (shareAllNewRenderers !== null) {
-    if (!shareAllNewRenderers) {
-      dedicatedRenderersSoFar++;
-    }
-    return shareAllNewRenderers;
-  }
-  if (dedicatedRenderersSoFar < DEFAULT_MAX_DEDICATED_RENDERERS) {
-    dedicatedRenderersSoFar++;
-    return false;
-  } else {
-    return true;
-  }
-}
-var _setupBasicPresses, setupBasicPresses_fn, _onResizeStaleDropper, _width, _height, _onResize, onResize_fn, _cachedRenderer, _cachedCanvas, _cachedDragTracker, _dragTracker, dragTracker_fn, _cachedCamera, _cachedOrbitControls, _disconnectionFunctions, _experimentalNextRenderFinishedCallback, _scheduler;
-var Twisty3DVantage = class extends ManagedCustomElement {
-  constructor(model, scene, options) {
-    super();
-    this.model = model;
-    this.options = options;
-    __privateAdd(this, _setupBasicPresses);
-    __privateAdd(this, _onResize);
-    __privateAdd(this, _dragTracker);
-    this.scene = null;
-    this.stats = null;
-    this.rendererIsShared = shareRenderer();
-    this.loadingElement = null;
-    __privateAdd(this, _onResizeStaleDropper, new StaleDropper());
-    __privateAdd(this, _width, 0);
-    __privateAdd(this, _height, 0);
-    __privateAdd(this, _cachedRenderer, null);
-    __privateAdd(this, _cachedCanvas, null);
-    __privateAdd(this, _cachedDragTracker, null);
-    __privateAdd(this, _cachedCamera, null);
-    __privateAdd(this, _cachedOrbitControls, null);
-    __privateAdd(this, _disconnectionFunctions, []);
-    __privateAdd(this, _experimentalNextRenderFinishedCallback, null);
-    __privateAdd(this, _scheduler, new RenderScheduler(this.render.bind(this)));
-    this.scene = scene ?? null;
-    this.loadingElement = this.addElement(document.createElement("div"));
-    this.loadingElement.classList.add("loading");
-    if (SHOW_STATS) {
-      this.stats = new Stats();
-      this.stats.dom.style.position = "absolute";
-      this.contentWrapper.appendChild(this.stats.dom);
-    }
-  }
-  async connectedCallback() {
-    this.addCSS(twisty3DVantageCSS);
-    this.addElement((await this.canvasInfo()).canvas);
-    __privateMethod(this, _onResize, onResize_fn).call(this);
-    const observer = new ResizeObserver(__privateMethod(this, _onResize, onResize_fn).bind(this));
-    observer.observe(this.contentWrapper);
-    this.orbitControls();
-    __privateMethod(this, _setupBasicPresses, setupBasicPresses_fn).call(this);
-    this.scheduleRender();
-  }
-  async clearCanvas() {
-    if (this.rendererIsShared) {
-      const canvasInfo = await this.canvasInfo();
-      canvasInfo.context.clearRect(0, 0, canvasInfo.canvas.width, canvasInfo.canvas.height);
-    } else {
-      const renderer = await this.renderer();
-      const context = renderer.getContext();
-      context.clear(context.COLOR_BUFFER_BIT);
-    }
-  }
-  async renderer() {
-    if (this.rendererIsShared) {
-      throw new Error("renderer expected to be shared.");
-    }
-    return __privateGet(this, _cachedRenderer) ?? __privateSet(this, _cachedRenderer, newRenderer());
-  }
-  async canvasInfo() {
-    return __privateGet(this, _cachedCanvas) ?? __privateSet(this, _cachedCanvas, (async () => {
-      let canvas;
-      if (this.rendererIsShared) {
-        canvas = this.addElement(document.createElement("canvas"));
-      } else {
-        const renderer = await this.renderer();
-        canvas = this.addElement(renderer.domElement);
-      }
-      this.loadingElement?.remove();
-      const context = canvas.getContext("2d");
-      return { canvas, context };
-    })());
-  }
-  async camera() {
-    return __privateGet(this, _cachedCamera) ?? __privateSet(this, _cachedCamera, (async () => {
-      const camera = new (await THREEJS).PerspectiveCamera(20, 1, 0.1, 20);
-      camera.position.copy(new (await THREEJS).Vector3(2, 4, 4).multiplyScalar(this.options?.backView ? -1 : 1));
-      camera.lookAt(0, 0, 0);
-      return camera;
-    })());
-  }
-  async orbitControls() {
-    return __privateGet(this, _cachedOrbitControls) ?? __privateSet(this, _cachedOrbitControls, (async () => {
-      const orbitControls = new TwistyOrbitControls(this.model, !!this.options?.backView, (await this.canvasInfo()).canvas, await __privateMethod(this, _dragTracker, dragTracker_fn).call(this));
-      if (this.model) {
-        this.addListener(this.model.twistySceneModel.orbitCoordinates, async (orbitCoordinates) => {
-          const camera = await this.camera();
-          setCameraFromOrbitCoordinates(camera, orbitCoordinates, this.options?.backView);
-          this.scheduleRender();
-        });
-      }
-      return orbitControls;
-    })());
-  }
-  addListener(prop, listener) {
-    prop.addFreshListener(listener);
-    __privateGet(this, _disconnectionFunctions).push(() => {
-      prop.removeFreshListener(listener);
-    });
-  }
-  disconnect() {
-    for (const fn of __privateGet(this, _disconnectionFunctions)) {
-      fn();
-    }
-    __privateSet(this, _disconnectionFunctions, []);
-  }
-  experimentalNextRenderFinishedCallback(callback) {
-    __privateSet(this, _experimentalNextRenderFinishedCallback, callback);
-  }
-  async render() {
-    var _a;
-    if (!this.scene) {
-      throw new Error("Attempted to render without a scene");
-    }
-    this.stats?.begin();
-    const [scene, camera, canvas] = await Promise.all([
-      this.scene.scene(),
-      this.camera(),
-      this.canvasInfo()
-    ]);
-    if (this.rendererIsShared) {
-      renderPooled(__privateGet(this, _width), __privateGet(this, _height), canvas.canvas, scene, camera);
-    } else {
-      (await this.renderer()).render(scene, camera);
-    }
-    this.stats?.end();
-    (_a = __privateGet(this, _experimentalNextRenderFinishedCallback)) == null ? void 0 : _a.call(this);
-    __privateSet(this, _experimentalNextRenderFinishedCallback, null);
-  }
-  scheduleRender() {
-    __privateGet(this, _scheduler).requestAnimFrame();
-  }
-};
-_setupBasicPresses = new WeakSet();
-setupBasicPresses_fn = async function() {
-  const dragTracker = await __privateMethod(this, _dragTracker, dragTracker_fn).call(this);
-  dragTracker.addEventListener("press", async (e) => {
-    const movePressInput = await this.model.twistySceneModel.movePressInput.get();
-    if (movePressInput !== "basic") {
-      return;
-    }
-    this.dispatchEvent(new CustomEvent("press", {
-      detail: {
-        pressInfo: e.detail,
-        cameraPromise: this.camera()
-      }
-    }));
-  });
-};
-_onResizeStaleDropper = new WeakMap();
-_width = new WeakMap();
-_height = new WeakMap();
-_onResize = new WeakSet();
-onResize_fn = async function() {
-  const camera = await __privateGet(this, _onResizeStaleDropper).queue(this.camera());
-  const w = this.contentWrapper.clientWidth;
-  const h = this.contentWrapper.clientHeight;
-  __privateSet(this, _width, w);
-  __privateSet(this, _height, h);
-  const off = 0;
-  let yoff = 0;
-  let excess = 0;
-  if (h > w) {
-    excess = h - w;
-    yoff = -Math.floor(0.5 * excess);
-  }
-  camera.aspect = w / h;
-  camera.setViewOffset(w, h - excess, off, yoff, w, h);
-  camera.updateProjectionMatrix();
-  this.clearCanvas();
-  if (this.rendererIsShared) {
-    const canvasInfo = await this.canvasInfo();
-    canvasInfo.canvas.width = w * pixelRatio();
-    canvasInfo.canvas.height = h * pixelRatio();
-    canvasInfo.canvas.style.width = w.toString();
-    canvasInfo.canvas.style.height = h.toString();
-  } else {
-    const renderer = await this.renderer();
-    renderer.setSize(w, h, true);
-  }
-  this.scheduleRender();
-};
-_cachedRenderer = new WeakMap();
-_cachedCanvas = new WeakMap();
-_cachedDragTracker = new WeakMap();
-_dragTracker = new WeakSet();
-dragTracker_fn = async function() {
-  return __privateGet(this, _cachedDragTracker) ?? __privateSet(this, _cachedDragTracker, (async () => {
-    const dragTracker = new DragTracker((await this.canvasInfo()).canvas);
-    this.model?.twistySceneModel.dragInput.addFreshListener((dragInputMode) => {
-      let dragInputEnabled = false;
-      switch (dragInputMode) {
-        case "auto":
-          dragTracker.start();
-          dragInputEnabled = true;
-          break;
-        case "none":
-          dragTracker.stop();
-          break;
-      }
-      this.contentWrapper.classList.toggle("drag-input-enabled", dragInputEnabled);
-    });
-    return dragTracker;
-  })());
-};
-_cachedCamera = new WeakMap();
-_cachedOrbitControls = new WeakMap();
-_disconnectionFunctions = new WeakMap();
-_experimentalNextRenderFinishedCallback = new WeakMap();
-_scheduler = new WeakMap();
-customElementsShim.define("twisty-3d-vantage", Twisty3DVantage);
-
 // src/cubing/twisty/views/3D/Twisty3DSceneWrapper.ts
 var _backViewClassListManager, _freshListenerManager5, _backViewVantage, _cachedScene2, _vantages, _currentTwisty3DPuzzleWrapper, _initialWrapperTracker, _twisty3DStaleDropper;
 var Twisty3DSceneWrapper = class extends ManagedCustomElement {
@@ -5458,7 +4718,6 @@ export {
   TwistyPlayer,
   TwizzleLink,
   backViewLayouts,
-  debugShowRenderStats as experimentalDebugShowRenderStats,
-  experimentalForceNewRendererSharing
+  setTwistyDebug
 };
 //# sourceMappingURL=index.js.map