cubing 0.35.10 → 0.35.12

package/dist/esm/{search-worker-js-entry-NU3D54QT.js → search-worker-js-entry-IXQOORKW.js}

@@ -3,15 +3,15 @@ import {
 } from "./chunk-Z6WT2ASL.js";
 import {
   insideAPI
-} from "./chunk-OE3AM6XZ.js";
+} from "./chunk-HH4MB7GD.js";
 import "./chunk-EV25IJFC.js";
-import "./chunk-DKG7EU7X.js";
-import "./chunk-7FZAZ3C3.js";
-import "./chunk-67PUZ2YF.js";
+import "./chunk-LZDVZWUN.js";
+import "./chunk-KA53VAHS.js";
+import "./chunk-3EERASOG.js";
 import "./chunk-6TTWMZXN.js";
 import "./chunk-KLI2E737.js";
 import "./chunk-VZP3KFTU.js";
 
 // src/cubing/search/inside/search-worker-js-entry.js
 expose(insideAPI);
-//# sourceMappingURL=search-worker-js-entry-NU3D54QT.js.map
+//# sourceMappingURL=search-worker-js-entry-IXQOORKW.js.map

package/dist/esm/{search-worker-ts-entry-GLXLE5KU.js → search-worker-ts-entry-4WOQIPT3.js}

@@ -9,7 +9,7 @@ import "./chunk-EV25IJFC.js";
 // src/cubing/search/inside/search-worker-ts-entry.ts
 if (exposeAPI.expose) {
   (async () => {
-    await import("./search-worker-js-entry-NU3D54QT.js");
+    await import("./search-worker-js-entry-IXQOORKW.js");
     const messagePort = globalThis.postMessage ? globalThis : await nodeEndpointPort();
     messagePort.postMessage("comlink-exposed");
   })();
@@ -18,4 +18,4 @@ var WORKER_ENTRY_FILE_URL = import.meta.url;
 export {
   WORKER_ENTRY_FILE_URL
 };
-//# sourceMappingURL=search-worker-ts-entry-GLXLE5KU.js.map
+//# sourceMappingURL=search-worker-ts-entry-4WOQIPT3.js.map

package/dist/esm/twisty/index.js

@@ -18,16 +18,16 @@ import {
   rawRenderPooled,
   setCameraFromOrbitCoordinates,
   setTwistyDebug
-} from "../chunk-A4YLPGWM.js";
+} from "../chunk-VKYLB4CX.js";
 import {
   countAnimatedLeaves,
   countMetricMoves,
   countMoves
-} from "../chunk-7FZAZ3C3.js";
+} from "../chunk-KA53VAHS.js";
 import {
   cube3x3x3,
   puzzles
-} from "../chunk-67PUZ2YF.js";
+} from "../chunk-3EERASOG.js";
 import {
   customPGPuzzleLoader,
   getPartialAppendOptionsForPuzzleSpecificSimplifyOptions,
@@ -3187,10 +3187,15 @@ var TimestampRequestProp = class extends SimpleTwistyPropSource {
     return "auto";
   }
   set(v) {
-    if (!this.validInput(v)) {
-      return;
-    }
-    super.set(v);
+    const currentValue = this.get();
+    super.set(
+      (async () => {
+        if (!this.validInput(await v)) {
+          return currentValue;
+        }
+        return v;
+      })()
+    );
   }
   validInput(v) {
     if (typeof v === "number") {
@@ -5312,6 +5317,12 @@ var twizzleLinkCSS = new CSSSource(
 .wrapper {
   background: rgb(255, 245, 235);
   border: 1px solid rgba(0, 0, 0, 0.25);
+
+  /* Workaround from https://stackoverflow.com/questions/40010597/how-do-i-apply-opacity-to-a-css-color-variable */
+  --text-color: 0, 0, 0;
+  --heading-background: 255, 230, 210;
+
+  color: rgb(var(--text-color));
 }
 
 .setup-alg, twisty-alg-viewer {
@@ -5319,23 +5330,31 @@ var twizzleLinkCSS = new CSSSource(
 }
 
 .heading {
-  background: rgba(255, 230, 210, 1);
+  background: rgba(var(--heading-background), 1);
+  color: rgba(var(--text-color), 1);
   font-weight: bold;
   padding: 0.25em 0.5em;
   display: grid;
   grid-template-columns: auto 1fr;
+
+  /* For the move count hover elems. */
+  position: sticky;
 }
 
 .heading.title {
   background: rgb(255, 245, 235);
   font-size: 150%;
-  white-space: pre;
+  white-space: pre-wrap;
 }
 
 .heading .move-count {
   font-weight: initial;
   text-align: right;
-  opacity: 0.5;
+  color: rgba(var(--text-color), 0.4);
+}
+
+.wrapper.dark-mode .heading .move-count {
+  color: rgba(var(--text-color), 0.7);
 }
 
 .heading a {
@@ -5405,15 +5424,37 @@ twisty-alg-viewer {
     height: 100%;
   }
 }
+
+/* TODO: dedup with Twizzle Editor */
+.move-count > span:hover:before {
+  background-color: rgba(var(--heading-background), 1);
+  color: rgba(var(--text-color), 1);
+  backdrop-filter: blur(4px);
+  z-index: 100;
+  position: absolute;
+  padding: 0.5em;
+  top: 1.5em;
+  right: 0;
+  content: attr(data-before);
+  white-space: pre-wrap;
+  text-align: left;
+}
+
+.move-count > span:hover {
+  color: rgba(var(--text-color), 1);
+  cursor: help;
+}
 `
 );
 var twizzleLinkForumTweaksCSS = new CSSSource(`
 .wrapper {
   background: white;
+  --heading-background: 232, 239, 253
 }
 
-.heading {
-  background: #4285f422;
+.wrapper.dark-mode {
+  --text-color: 236, 236, 236;
+  --heading-background: 29, 29, 29;
 }
 
 .scrollable-region {
@@ -5422,14 +5463,13 @@ var twizzleLinkForumTweaksCSS = new CSSSource(`
 
 .wrapper.dark-mode {
   background: #262626;
-  color: #929292;
+  --text-color: 142, 142, 142;
   border-color: #FFFFFF44;
   color-scheme: dark;
 }
 
 .wrapper.dark-mode .heading:not(.title) {
   background: #1d1d1d;
-  color: #ececec;
 }
 
 .heading.title {
@@ -5463,13 +5503,29 @@ function getConfigFromURL(prefix = "", url = location.href) {
 }
 
 // src/cubing/twisty/views/twizzle/TwizzleLink.ts
-var NBSP = "\xA0";
 var OUTER_BLOCK_MOVES_EXPLANATION = "outer block moves (e.g. R, Rw, or 4r)";
 var INNER_BLOCK_MOVES_EXPLANATION = "inner block moves (e.g. M or 2-5r)";
 var METRIC_EXPLANATIONS = {
-  ["OBTM" /* OuterBlockTurnMetric */]: `OBTM ("Outer Block Turn Metric"): ${INNER_BLOCK_MOVES_EXPLANATION} count as 2 turns, ${OUTER_BLOCK_MOVES_EXPLANATION} count as 1 turn, rotations (e.g. x) count as 0 turns`,
-  ["RBTM" /* RangeBlockTurnMetric */]: `RBTM ("Range Block Turn Metric"): ${OUTER_BLOCK_MOVES_EXPLANATION} count as 1 turn, ${INNER_BLOCK_MOVES_EXPLANATION} count as 1 turn, rotations (e.g. x) count as 0 turns`,
-  ["ETM" /* ExecutionTurnMetric */]: `ETM ("Execution Turn Metric"): all moves (including rotations) count as 1 turn`
+  ["OBTM" /* OuterBlockTurnMetric */]: `HTM = OBTM ("Outer Block Turn Metric"):
+\u2022 ${INNER_BLOCK_MOVES_EXPLANATION} count as 2 turns
+\u2022 ${OUTER_BLOCK_MOVES_EXPLANATION} count as 1 turn
+\u2022 rotations (e.g. x) count as 0 turns`,
+  ["OBQTM" /* OuterBlockQuantumTurnMetric */]: `QTM = OBQTM ("Outer Block Quantum Turn Metric"):
+\u2022 ${INNER_BLOCK_MOVES_EXPLANATION} count as 2 turns per quantum (e.g. M2 counts as 4)
+\u2022 ${OUTER_BLOCK_MOVES_EXPLANATION} count as 1 turn per quantum (e.g. R2 counts as 2)
+\u2022 rotations (e.g. x) count as 0 turns`,
+  ["RBTM" /* RangeBlockTurnMetric */]: `STM = RBTM ("Range Block Turn Metric"):
+\u2022 ${INNER_BLOCK_MOVES_EXPLANATION} count as 1 turn
+\u2022 ${OUTER_BLOCK_MOVES_EXPLANATION} count as 1 turn
+\u2022 rotations (e.g. x) count as 0 turns`,
+  ["ETM" /* ExecutionTurnMetric */]: `ETM ("Execution Turn Metric"):
+\u2022 all moves (including rotations) count as 1 turn`
+};
+var METRIC_ABBREVIATIONS = {
+  ["OBTM" /* OuterBlockTurnMetric */]: "h",
+  ["OBQTM" /* OuterBlockQuantumTurnMetric */]: "q",
+  ["RBTM" /* RangeBlockTurnMetric */]: "s",
+  ["ETM" /* ExecutionTurnMetric */]: "e"
 };
 var TwizzleLink = class extends ManagedCustomElement {
   constructor(options) {
@@ -5628,7 +5684,7 @@ function constructMoveCountDisplay(model, elem = document.createElement("span"))
       if (isFirstMetric) {
         isFirstMetric = false;
       } else {
-        elem.append(" / ");
+        elem.append(", ");
       }
       const span = elem.appendChild(document.createElement("span"));
       const moveCount = countMetricMoves(
@@ -5636,12 +5692,16 @@ function constructMoveCountDisplay(model, elem = document.createElement("span"))
         metric,
         algWithIssues.alg
       );
-      span.textContent = `${moveCount}${NBSP}${metric}`;
-      span.title = METRIC_EXPLANATIONS[metric] ?? "";
+      const moveNumber = span.appendChild(document.createElement("span"));
+      moveNumber.textContent = moveCount.toString();
+      moveNumber.classList.add("move-number");
+      span.append(`${METRIC_ABBREVIATIONS[metric]}`);
+      span.setAttribute("data-before", METRIC_EXPLANATIONS[metric] ?? "");
     }
     elem.textContent = "(";
     if (puzzleLoader.id === "3x3x3") {
       addMetric("OBTM" /* OuterBlockTurnMetric */);
+      addMetric("OBQTM" /* OuterBlockQuantumTurnMetric */);
       addMetric("RBTM" /* RangeBlockTurnMetric */);
     }
     addMetric("ETM" /* ExecutionTurnMetric */);