cubing 0.63.2 → 0.63.4

package/dist/lib/cubing/twisty/index.js

@@ -18,22 +18,22 @@ import {
   rawRenderPooled,
   setCameraFromOrbitCoordinates,
   setTwistyDebug
-} from "../chunks/chunk-LWCBAAHO.js";
+} from "../chunks/chunk-LD4XJTCU.js";
 import {
   countAnimatedLeaves,
   countLeavesInExpansionForSimultaneousMoveIndexer,
   countMetricMoves
-} from "../chunks/chunk-ZU7PSGX4.js";
+} from "../chunks/chunk-JCCXEYXU.js";
 import {
   puzzles
-} from "../chunks/chunk-FLK6AZKB.js";
+} from "../chunks/chunk-VYAO5FCM.js";
 import {
   cube3x3x3,
   customPGPuzzleLoader,
   getPartialAppendOptionsForPuzzleSpecificSimplifyOptions,
   getPieceStickeringMask
-} from "../chunks/chunk-FUHYAW74.js";
-import "../chunks/chunk-RINY3U6G.js";
+} from "../chunks/chunk-WBMKMQAL.js";
+import "../chunks/chunk-5ONX3JVC.js";
 import {
   Alg,
   AlgBuilder,
@@ -52,7 +52,7 @@ import {
   functionFromTraversal,
   offsetMod,
   startCharIndexKey
-} from "../chunks/chunk-O6HEZXGY.js";
+} from "../chunks/chunk-N5FJ5YIA.js";
 
 // src/cubing/twisty/controllers/indexer/AlgDuration.ts
 function defaultDurationForAmount(amount) {
@@ -73,6 +73,7 @@ var AlgDuration = class extends TraversalUp {
     super();
     this.durationForAmount = durationForAmount;
   }
+  durationForAmount;
   traverseAlg(alg) {
     let total = 0;
     for (const algNode of alg.childAlgNodes()) {
@@ -109,6 +110,7 @@ var SimpleAlgIndexer = class {
     this.kpuzzle = kpuzzle;
     this.moves = new Alg(alg.experimentalExpand());
   }
+  kpuzzle;
   moves;
   // TODO: Allow custom `durationFn`.
   durationFn = new AlgDuration(
@@ -162,6 +164,11 @@ var AlgWalkerDecoration = class {
     this.backward = backward;
     this.children = children;
   }
+  moveCount;
+  duration;
+  forward;
+  backward;
+  children;
 };
 var DecoratorConstructor = class extends TraversalUp {
   constructor(kpuzzle) {
@@ -176,6 +183,7 @@ var DecoratorConstructor = class extends TraversalUp {
       []
     );
   }
+  kpuzzle;
   identity;
   dummyLeaf;
   durationFn = new AlgDuration(
@@ -289,6 +297,8 @@ var WalkerDown = class {
     this.apd = apd;
     this.back = back;
   }
+  apd;
+  back;
 };
 var AlgWalker = class extends TraversalDownUp {
   constructor(kpuzzle, algOrAlgNode, apd) {
@@ -306,6 +316,9 @@ var AlgWalker = class extends TraversalDownUp {
     this.st = this.kpuzzle.identityTransformation();
     this.root = new WalkerDown(this.apd, false);
   }
+  kpuzzle;
+  algOrAlgNode;
+  apd;
   move;
   moveDuration;
   back;
@@ -560,6 +573,7 @@ var TreeAlgIndexer = class {
     this.decoration = deccon.traverseAlg(chunkedAlg);
     this.walker = new AlgWalker(this.kpuzzle, chunkedAlg, this.decoration);
   }
+  kpuzzle;
   decoration;
   walker;
   getAnimLeaf(index) {
@@ -732,6 +746,8 @@ var TwistyAnimatedSVG = class {
       this.drawPattern(this.kpuzzle.defaultPattern());
     }
   }
+  kpuzzle;
+  showUnknownOrientations;
   wrapperElement;
   svgElement;
   gradientDefs;
@@ -865,6 +881,9 @@ var ClassListManager = class {
     this.prefix = prefix;
     this.validSuffixes = validSuffixes;
   }
+  elem;
+  prefix;
+  validSuffixes;
   #currentClassName = null;
   // Does nothing if there was no value.
   clearValue() {
@@ -936,6 +955,7 @@ var CatchUpHelper = class {
       this.tempoScale = tempoScale;
     });
   }
+  model;
   catchingUp = false;
   pendingFrame = false;
   tempoScale = 1;
@@ -994,6 +1014,7 @@ var TwistyAnimationController = class {
     this.catchUpHelper = new CatchUpHelper(this.model);
     this.model.catchUpMove.addFreshListener(this.onCatchUpMoveProp.bind(this));
   }
+  delegate;
   // TODO: #private?
   playing = false;
   direction = 1 /* Forwards */;
@@ -1164,6 +1185,7 @@ var TwistyPlayerController = class {
     this.model = model;
     this.animationController = new TwistyAnimationController(model, delegate);
   }
+  model;
   animationController;
   jumpToStart(options) {
     this.animationController.jumpToStart(options);
@@ -1318,6 +1340,11 @@ var Twisty2DPuzzle = class extends ManagedCustomElement {
       );
     }
   }
+  model;
+  kpuzzle;
+  svgSource;
+  options;
+  puzzleLoader;
   svgWrapper;
   scheduler = new RenderScheduler(this.render.bind(this));
   #cachedPosition = null;
@@ -1408,6 +1435,10 @@ var Twisty2DPuzzleWrapper = class {
       }
     );
   }
+  model;
+  schedulable;
+  puzzleLoader;
+  effectiveVisualization;
   #freshListenerManager = new FreshListenerManager();
   disconnect() {
     this.#freshListenerManager.disconnect();
@@ -1438,6 +1469,8 @@ var Twisty2DSceneWrapper = class extends ManagedCustomElement {
     this.model = model;
     this.effectiveVisualization = effectiveVisualization;
   }
+  model;
+  effectiveVisualization;
   #freshListenerManager = new FreshListenerManager();
   disconnect() {
     this.#freshListenerManager.disconnect();
@@ -1453,7 +1486,7 @@ var Twisty2DSceneWrapper = class extends ManagedCustomElement {
   }
   #cachedScene;
   async scene() {
-    return this.#cachedScene ??= (async () => new (await bulk3DCode()).ThreeScene())();
+    return this.#cachedScene ??= (async () => new (await bulk3DCode).ThreeScene())();
   }
   scheduleRender() {
     this.#currentTwisty2DPuzzleWrapper?.scheduleRender();
@@ -1566,6 +1599,15 @@ var Twisty3DPuzzleWrapper = class extends EventTarget {
         this.scheduleRender();
       }
     );
+    this.#freshListenerManager.addListener(
+      this.model.twistySceneModel.hintFaceletsElevation,
+      async (hintFaceletsElevation) => {
+        (await this.twisty3DPuzzle()).experimentalUpdateOptions({
+          hintFaceletsElevation
+        });
+        this.scheduleRender();
+      }
+    );
     this.#freshListenerManager.addMultiListener3(
       [
         this.model.twistySceneModel.stickeringMask,
@@ -1584,6 +1626,10 @@ var Twisty3DPuzzleWrapper = class extends EventTarget {
       }
     );
   }
+  model;
+  schedulable;
+  puzzleLoader;
+  visualizationStrategy;
   #freshListenerManager = new FreshListenerManager();
   disconnect() {
     this.#freshListenerManager.disconnect();
@@ -1595,26 +1641,31 @@ var Twisty3DPuzzleWrapper = class extends EventTarget {
   #cachedTwisty3DPuzzle = null;
   async twisty3DPuzzle() {
     return this.#cachedTwisty3DPuzzle ??= (async () => {
-      const proxyPromise = bulk3DCode();
       if (this.puzzleLoader.id === "3x3x3" && this.visualizationStrategy === "Cube3D") {
         const [
           foundationSprite,
           hintSprite,
           experimentalStickeringMask,
-          initialHintFaceletsAnimation
+          initialHintFaceletsAnimation,
+          faceletScale,
+          hintFaceletsElevation
         ] = await Promise.all([
           this.model.twistySceneModel.foundationStickerSprite.get(),
           this.model.twistySceneModel.hintStickerSprite.get(),
           this.model.twistySceneModel.stickeringMask.get(),
-          this.model.twistySceneModel.initialHintFaceletsAnimation.get()
+          this.model.twistySceneModel.initialHintFaceletsAnimation.get(),
+          this.model.twistySceneModel.faceletScale.get(),
+          this.model.twistySceneModel.hintFaceletsElevation.get()
         ]);
-        return (await proxyPromise).cube3DShim(
+        return (await bulk3DCode).cube3DShim(
           () => this.schedulable.scheduleRender(),
           {
             foundationSprite,
             hintSprite,
             experimentalStickeringMask,
-            initialHintFaceletsAnimation
+            initialHintFaceletsAnimation,
+            faceletScale,
+            hintFaceletsElevation
           }
         );
       } else {
@@ -1624,7 +1675,7 @@ var Twisty3DPuzzleWrapper = class extends EventTarget {
           this.model.twistySceneModel.hintStickerSprite.get(),
           this.model.twistySceneModel.faceletScale.get()
         ]);
-        const pg3d = (await proxyPromise).pg3dShim(
+        const pg3d = (await bulk3DCode).pg3dShim(
           () => this.schedulable.scheduleRender(),
           this.puzzleLoader,
           hintFacelets === "auto" ? "floating" : hintFacelets,
@@ -1677,6 +1728,7 @@ var Twisty3DSceneWrapper = class extends ManagedCustomElement {
     super();
     this.model = model;
   }
+  model;
   // @ts-expect-error TypeScript type inference appears to be borked: ts(2322)
   #backViewClassListManager = new ClassListManager(this, "back-view-", [
     "auto",
@@ -1735,7 +1787,7 @@ var Twisty3DSceneWrapper = class extends ManagedCustomElement {
       const [camera, { ThreeRaycaster, ThreeVector2 }] = await Promise.all([
         e.detail.cameraPromise,
         (async () => {
-          const { ThreeRaycaster: ThreeRaycaster2, ThreeVector2: ThreeVector22 } = await bulk3DCode();
+          const { ThreeRaycaster: ThreeRaycaster2, ThreeVector2: ThreeVector22 } = await bulk3DCode;
           return { ThreeRaycaster: ThreeRaycaster2, ThreeVector2: ThreeVector22 };
         })()
       ]);
@@ -1754,7 +1806,7 @@ var Twisty3DSceneWrapper = class extends ManagedCustomElement {
   }
   #cachedScene;
   async scene() {
-    return this.#cachedScene ??= (async () => new (await bulk3DCode()).ThreeScene())();
+    return this.#cachedScene ??= (async () => new (await bulk3DCode).ThreeScene())();
   }
   #vantages = /* @__PURE__ */ new Set();
   addVantage(vantage) {
@@ -2060,6 +2112,9 @@ var TwistyButtons = class extends ManagedCustomElement {
     this.controller = controller;
     this.defaultFullscreenElement = defaultFullscreenElement;
   }
+  model;
+  controller;
+  defaultFullscreenElement;
   buttons = null;
   connectedCallback() {
     this.addCSS(buttonGridCSS);
@@ -2254,6 +2309,8 @@ var TwistyScrubber = class extends ManagedCustomElement {
     this.model = model;
     this.controller = controller;
   }
+  model;
+  controller;
   async onDetailedTimelineInfo(detailedTimelineInfo) {
     const inputElem = await this.inputElem();
     inputElem.min = detailedTimelineInfo.timeRange.start.toString();
@@ -2363,7 +2420,7 @@ async function screenshot(model, options) {
     orbitCoordinates
   ] = await Promise.all([
     (async () => {
-      const { ThreePerspectiveCamera: ThreePerspectiveCamera2, ThreeScene: ThreeScene2 } = await bulk3DCode();
+      const { ThreePerspectiveCamera: ThreePerspectiveCamera2, ThreeScene: ThreeScene2 } = await bulk3DCode;
       return { ThreePerspectiveCamera: ThreePerspectiveCamera2, ThreeScene: ThreeScene2 };
     })(),
     await model.puzzleLoader.get(),
@@ -2905,6 +2962,7 @@ var SimultaneousMoveIndexer = class {
     this.kpuzzle = kpuzzle;
     this.animLeaves = options?.animationTimelineLeaves ?? simulMoves(alg);
   }
+  kpuzzle;
   animLeaves;
   getAnimLeaf(index) {
     return this.animLeaves[Math.min(index, this.animLeaves.length - 1)]?.animLeaf ?? null;
@@ -3398,6 +3456,13 @@ var FoundationDisplayProp = class extends SimpleTwistyPropSource {
   }
 };
 
+// src/cubing/twisty/model/props/puzzle/display/HintFaceletsElevationProp.ts
+var HintFaceletsElevationProp = class extends SimpleTwistyPropSource {
+  getDefaultValue() {
+    return "auto";
+  }
+};
+
 // src/cubing/twisty/model/props/puzzle/display/InitialHintFaceletsAnimationProp.ts
 var InitialHintFaceletsAnimationProp = class extends SimpleTwistyPropSource {
   getDefaultValue() {
@@ -3408,7 +3473,7 @@ var InitialHintFaceletsAnimationProp = class extends SimpleTwistyPropSource {
 // src/cubing/twisty/model/props/puzzle/display/SpriteProp.ts
 var cachedLoader = null;
 async function loader() {
-  return cachedLoader ??= new (await bulk3DCode()).ThreeTextureLoader();
+  return cachedLoader ??= new (await bulk3DCode).ThreeTextureLoader();
 }
 var SpriteProp = class extends TwistyPropDerived {
   async derive(inputs) {
@@ -3715,6 +3780,7 @@ var TwistySceneModel = class {
       puzzleLoader: twistyPlayerModel.puzzleLoader
     });
   }
+  twistyPlayerModel;
   // Depth 0
   background = new BackgroundProp();
   colorSchemeRequest = new ColorSchemeRequestProp();
@@ -3725,6 +3791,7 @@ var TwistySceneModel = class {
   hintFacelet = new HintFaceletProp();
   hintStickerSpriteURL = new URLProp();
   initialHintFaceletsAnimation = new InitialHintFaceletsAnimationProp();
+  hintFaceletsElevation = new HintFaceletsElevationProp();
   latitudeLimit = new LatitudeLimitProp();
   movePressInput = new MovePressInputProp();
   movePressCancelOptions = new MovePressCancelOptions();
@@ -3789,8 +3856,8 @@ var TwistyPlayerModel = class {
   videoURL = new URLProp();
   competitionID = new ArbitraryStringProp();
   /**
-   * `<twisty-player>` interally supports associating custom timing information
-   * for this move, but there is not an API for this yet. In order to support
+   * `<twisty-player>` internally supports associating custom timing information
+   * with moves, but there is not an API for this yet. In order to support
    * exploratory use cases for such a feature in the future, this property
    * allows setting timeline information.
    *
@@ -4233,6 +4300,14 @@ var TwistyPlayerSettable = class extends ManagedCustomElement {
   get experimentalInitialHintFaceletsAnimation() {
     throw err("experimentalInitialHintFaceletsAnimation");
   }
+  set experimentalHintFaceletsElevation(elevation) {
+    this.experimentalModel.twistySceneModel.hintFaceletsElevation.set(
+      elevation
+    );
+  }
+  get experimentalHintFaceletsElevation() {
+    throw err("experimentalHintFaceletsElevation");
+  }
   set experimentalDragInput(dragInputMode) {
     this.experimentalModel.twistySceneModel.dragInput.set(dragInputMode);
   }
@@ -4245,6 +4320,7 @@ var ExperimentalGetters = class {
   constructor(model) {
     this.model = model;
   }
+  model;
   async alg() {
     return (await this.model.alg.get()).alg;
   }
@@ -4281,7 +4357,9 @@ var twistyPlayerAttributeMap = {
   "color-scheme": "colorScheme",
   "control-panel": "controlPanel",
   "back-view": "backView",
+  "experimental-facelet-scale": "experimentalFaceletScale",
   "experimental-initial-hint-facelets-animation": "experimentalInitialHintFaceletsAnimation",
+  "experimental-hint-facelets-elevation": "experimentalHintFaceletsElevation",
   // "indexer": "indexer",
   "viewer-link": "viewerLink",
   "experimental-move-press-input": "experimentalMovePressInput",
@@ -4307,7 +4385,7 @@ var propOnly = {
   experimentalMovePressCancelOptions: true
 };
 var cachedSharedIntersectionObserver;
-var intersectedCallback = Symbol("intersectedCallback");
+var intersectedCallback = /* @__PURE__ */ Symbol("intersectedCallback");
 function waitForIntersection(player) {
   cachedSharedIntersectionObserver ??= new IntersectionObserver(
     (entries, observer) => {
@@ -5283,6 +5361,7 @@ var TwistyAlgLeafElem = class extends ManagedCustomElement {
       ).textContent = text;
     }
   }
+  algOrAlgNode;
   pathToIndex(_index) {
     return [];
   }
@@ -5297,6 +5376,7 @@ var TwistyAlgWrapperElem = class extends HTMLElementShim {
     this.algOrAlgNode = algOrAlgNode;
     this.classList.add(className);
   }
+  algOrAlgNode;
   queue = [];
   addString(str) {
     this.queue.push(document.createTextNode(str));
@@ -5889,6 +5969,7 @@ var TwizzleLink = class extends ManagedCustomElement {
     super({ mode: "open" });
     this.options = options;
   }
+  options;
   twistyPlayer = null;
   a = null;
   #fallback() {