@rednaxela101/cubing 0.63.5 → 0.63.6

package/dist/lib/cubing/chunks/{twisty-dynamic-3d-JO6OGKOF.js → twisty-dynamic-3d-VXNE3XL4.js}

@@ -3,12 +3,12 @@ import {
   bulk3DCode,
   haveStartedSharingRenderers,
   hintFaceletStyles
-} from "./chunk-CGBMJBU3.js";
-import "./chunk-YSI6PF35.js";
+} from "./chunk-SO7SGUBW.js";
+import "./chunk-LSVH6VHD.js";
 import {
   cube3x3x3,
   getFaceletStickeringMask
-} from "./chunk-2VJB4TMH.js";
+} from "./chunk-VBJPGWEK.js";
 import "./chunk-52ZXJEUO.js";
 import {
   Move
@@ -2421,4 +2421,4 @@ export {
   pg3dShim,
   square1_3DShim
 };
-//# sourceMappingURL=twisty-dynamic-3d-JO6OGKOF.js.map
+//# sourceMappingURL=twisty-dynamic-3d-VXNE3XL4.js.map

package/dist/lib/cubing/{index-CcRu94bx.d.ts → index-FT5_Vsnm.d.ts}

@@ -1685,6 +1685,16 @@ declare class TimeRangeProp extends TwistyPropDerived<{
   }): TimeRange;
 }
 //#endregion
+//#region src/cubing/twisty/model/props/puzzle/display/FaceColorBorderProp.d.ts
+declare const faceColorBorderStyles: {
+  auto: boolean;
+  none: boolean;
+};
+type FaceColorBorderStyle = keyof typeof faceColorBorderStyles;
+declare class FaceColorBorderProp extends SimpleTwistyPropSource<FaceColorBorderStyle> {
+  getDefaultValue(): FaceColorBorderStyle;
+}
+//#endregion
 //#region src/cubing/twisty/model/props/puzzle/display/FaceletScaleProp.d.ts
 type FaceletScale = "auto" | number;
 declare class FaceletScaleProp extends SimpleTwistyPropSource<FaceletScale> {
@@ -1836,6 +1846,7 @@ declare class TwistySceneModel {
   foundationDisplay: FoundationDisplayProp;
   foundationStickerSpriteURL: URLProp;
   fullscreenElement: DOMElementReferenceProp;
+  faceColorBorder: FaceColorBorderProp;
   hintFacelet: HintFaceletProp;
   hintStickerSpriteURL: URLProp;
   initialHintFaceletsAnimation: InitialHintFaceletsAnimationProp;
@@ -2161,6 +2172,8 @@ declare abstract class TwistyPlayerSettable extends ManagedCustomElement {
   get timestamp(): never;
   set hintFacelets(hintFaceletStyle: HintFaceletStyleWithAuto);
   get hintFacelets(): never;
+  set experimentalFaceColorBorder(faceColorBorderStyle: FaceColorBorderStyle);
+  get experimentalFaceColorBorder(): never;
   set experimentalStickering(stickering: ExperimentalStickering);
   get experimentalStickering(): never;
   set experimentalStickeringMaskOrbits(stickeringMask: string | StickeringMask);
@@ -2263,6 +2276,7 @@ interface TwistyPlayerConfig {
   experimentalPuzzleDescription?: PuzzleDescriptionString;
   visualization?: VisualizationFormatWithAuto;
   hintFacelets?: HintFaceletStyleWithAuto;
+  experimentalFaceColorBorder?: FaceColorBorderStyle;
   experimentalStickering?: ExperimentalStickering | null;
   experimentalStickeringMaskOrbits?: StickeringMask | string;
   background?: BackgroundThemeWithAuto;

package/dist/lib/cubing/{index-BX6f56uo.d.ts → index-ylnTp4i5.d.ts}

@@ -1,4 +1,4 @@
-import { Ct as AlgLeaf, R as KPattern } from "./index-CcRu94bx.js";
+import { Ct as AlgLeaf, R as KPattern } from "./index-FT5_Vsnm.js";
 
 //#region src/cubing/stream/events.d.ts
 /** @category Smart Puzzles */

package/dist/lib/cubing/kpuzzle/index.d.ts

@@ -1,2 +1,2 @@
-import { B as KTransformation, G as KTransformationData, H as KPatternData, K as KTransformationOrbitData, R as KPattern, U as KPatternOrbitData, V as KPuzzleDefinition, W as KPuzzleOrbitDefinition, z as KPuzzle } from "../index-CcRu94bx.js";
+import { B as KTransformation, G as KTransformationData, H as KPatternData, K as KTransformationOrbitData, R as KPattern, U as KPatternOrbitData, V as KPuzzleDefinition, W as KPuzzleOrbitDefinition, z as KPuzzle } from "../index-FT5_Vsnm.js";
 export { KPattern, KPatternData, KPatternOrbitData, KPuzzle, KPuzzleDefinition, KPuzzleOrbitDefinition, KTransformation, KTransformationData, KTransformationOrbitData };

package/dist/lib/cubing/notation/index.d.ts

@@ -1,4 +1,4 @@
-import { M as LeafCount, c as PuzzleLoader, gt as Alg } from "../index-CcRu94bx.js";
+import { M as LeafCount, c as PuzzleLoader, gt as Alg } from "../index-FT5_Vsnm.js";
 
 //#region src/cubing/notation/CountAnimatedLeaves.d.ts
 declare const countAnimatedLeaves: (alg: Alg) => LeafCount;

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

@@ -5,8 +5,8 @@ import {
   countMetricMoves,
   countMoves,
   countMovesETM
-} from "../chunks/chunk-56VZAEPF.js";
-import "../chunks/chunk-2VJB4TMH.js";
+} from "../chunks/chunk-YQSSBUO3.js";
+import "../chunks/chunk-VBJPGWEK.js";
 import "../chunks/chunk-52ZXJEUO.js";
 import "../chunks/chunk-XPDJUSZ7.js";
 export {

package/dist/lib/cubing/{outside-BCzgSYQ_.d.ts → outside-D3tRtsxV.d.ts}

@@ -1,4 +1,4 @@
-import { R as KPattern, gt as Alg, z as KPuzzle } from "./index-CcRu94bx.js";
+import { R as KPattern, gt as Alg, z as KPuzzle } from "./index-FT5_Vsnm.js";
 //#region src/cubing/search/inside/solve/puzzles/3x3x3/index.d.ts
 declare function random333Pattern(): Promise<KPattern>;
 //#endregion

package/dist/lib/cubing/protocol/index.d.ts

@@ -1,4 +1,4 @@
-import { R as KPattern } from "../index-CcRu94bx.js";
+import { R as KPattern } from "../index-FT5_Vsnm.js";
 
 //#region src/cubing/protocol/binary/binary3x3x3.d.ts
 type Binary3x3x3Pattern = Uint8Array;

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

@@ -5,8 +5,8 @@ import {
   spacedHexToBuffer,
   twizzleBinaryToBinaryComponents,
   twizzleBinaryToReid3x3x3
-} from "../chunks/chunk-AESPJKN6.js";
-import "../chunks/chunk-2VJB4TMH.js";
+} from "../chunks/chunk-4K2UWZ73.js";
+import "../chunks/chunk-VBJPGWEK.js";
 import "../chunks/chunk-52ZXJEUO.js";
 import "../chunks/chunk-XPDJUSZ7.js";
 export {

package/dist/lib/cubing/puzzle-geometry/index.d.ts

@@ -1,2 +1,2 @@
-import { $ as PuzzleDescription, J as PUZZLE_BASE_SHAPES, L as schreierSims, Q as PuzzleCutType, X as PuzzleBaseShape, Y as PUZZLE_CUT_TYPES, Z as PuzzleCutDescription, at as getPG3DNamedPuzzles, ct as getPuzzleGeometryByName, dt as PuzzleGeometryOptions, et as PuzzleGeometry, it as StickerDatSticker, lt as parsePuzzleDescription, nt as StickerDatAxis, ot as getPuzzleDescriptionString, q as PGNotation, rt as StickerDatFace, st as getPuzzleGeometryByDesc, tt as StickerDat, ut as Quat } from "../index-CcRu94bx.js";
+import { $ as PuzzleDescription, J as PUZZLE_BASE_SHAPES, L as schreierSims, Q as PuzzleCutType, X as PuzzleBaseShape, Y as PUZZLE_CUT_TYPES, Z as PuzzleCutDescription, at as getPG3DNamedPuzzles, ct as getPuzzleGeometryByName, dt as PuzzleGeometryOptions, et as PuzzleGeometry, it as StickerDatSticker, lt as parsePuzzleDescription, nt as StickerDatAxis, ot as getPuzzleDescriptionString, q as PGNotation, rt as StickerDatFace, st as getPuzzleGeometryByDesc, tt as StickerDat, ut as Quat } from "../index-FT5_Vsnm.js";
 export { PUZZLE_BASE_SHAPES as EXPERIMENTAL_PUZZLE_BASE_SHAPES, PUZZLE_CUT_TYPES as EXPERIMENTAL_PUZZLE_CUT_TYPES, PGNotation as ExperimentalPGNotation, PuzzleBaseShape as ExperimentalPuzzleBaseShape, PuzzleCutDescription as ExperimentalPuzzleCutDescription, PuzzleCutType as ExperimentalPuzzleCutType, PuzzleDescription as ExperimentalPuzzleDescription, PuzzleGeometryOptions as ExperimentalPuzzleGeometryOptions, PuzzleGeometry, Quat, StickerDat, StickerDatAxis, StickerDatFace, StickerDatSticker, getPG3DNamedPuzzles, getPuzzleDescriptionString, getPuzzleGeometryByDesc, getPuzzleGeometryByName, parsePuzzleDescription, schreierSims };

package/dist/lib/cubing/puzzles/index.d.ts

@@ -1,2 +1,2 @@
-import { _ as cube2x2x2, b as wcaEventInfo, c as PuzzleLoader, g as cube3x3x3, h as puzzles, v as eventInfo, x as wcaEvents, y as twizzleEvents } from "../index-CcRu94bx.js";
+import { _ as cube2x2x2, b as wcaEventInfo, c as PuzzleLoader, g as cube3x3x3, h as puzzles, v as eventInfo, x as wcaEvents, y as twizzleEvents } from "../index-FT5_Vsnm.js";
 export { PuzzleLoader, cube2x2x2, cube3x3x3, eventInfo, puzzles, twizzleEvents, wcaEventInfo, wcaEvents };

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

@@ -5,10 +5,10 @@ import {
   twizzleEvents,
   wcaEventInfo,
   wcaEvents
-} from "../chunks/chunk-YSI6PF35.js";
+} from "../chunks/chunk-LSVH6VHD.js";
 import {
   cube3x3x3
-} from "../chunks/chunk-2VJB4TMH.js";
+} from "../chunks/chunk-VBJPGWEK.js";
 import "../chunks/chunk-52ZXJEUO.js";
 import "../chunks/chunk-XPDJUSZ7.js";
 export {

package/dist/lib/cubing/scramble/index.d.ts

@@ -1,2 +1,2 @@
-import { i as randomScrambleForEvent, t as deriveScrambleForEvent } from "../outside-BCzgSYQ_.js";
+import { i as randomScrambleForEvent, t as deriveScrambleForEvent } from "../outside-D3tRtsxV.js";
 export { deriveScrambleForEvent as experimentalDeriveScrambleForEvent, randomScrambleForEvent };

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

@@ -2,11 +2,11 @@ import "../chunks/chunk-NAPITA3L.js";
 import {
   deriveScrambleForEvent,
   randomScrambleForEvent
-} from "../chunks/chunk-HZQONEMD.js";
-import "../chunks/chunk-IAGCVPL3.js";
+} from "../chunks/chunk-SCBMPWH6.js";
+import "../chunks/chunk-76YTBNKC.js";
 import "../chunks/chunk-7GUL3OBQ.js";
-import "../chunks/chunk-YSI6PF35.js";
-import "../chunks/chunk-2VJB4TMH.js";
+import "../chunks/chunk-LSVH6VHD.js";
+import "../chunks/chunk-VBJPGWEK.js";
 import "../chunks/chunk-52ZXJEUO.js";
 import "../chunks/chunk-XPDJUSZ7.js";
 export {

package/dist/lib/cubing/search/index.d.ts

@@ -1,4 +1,4 @@
-import { a as setSearchDebug, c as solveSkewb, l as solveTwips, n as experimentalSolve2x2x2, o as solveMegaminx, r as experimentalSolve3x3x3IgnoringCenters, s as solvePyraminx, u as random333Pattern } from "../outside-BCzgSYQ_.js";
+import { a as setSearchDebug, c as solveSkewb, l as solveTwips, n as experimentalSolve2x2x2, o as solveMegaminx, r as experimentalSolve3x3x3IgnoringCenters, s as solvePyraminx, u as random333Pattern } from "../outside-D3tRtsxV.js";
 
 //#region src/cubing/search/index.d.ts
 /** @deprecated */

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

@@ -6,13 +6,13 @@ import {
   solvePyraminx,
   solveSkewb,
   solveTwips
-} from "../chunks/chunk-HZQONEMD.js";
+} from "../chunks/chunk-SCBMPWH6.js";
 import {
   random333Pattern
-} from "../chunks/chunk-IAGCVPL3.js";
+} from "../chunks/chunk-76YTBNKC.js";
 import "../chunks/chunk-7GUL3OBQ.js";
-import "../chunks/chunk-YSI6PF35.js";
-import "../chunks/chunk-2VJB4TMH.js";
+import "../chunks/chunk-LSVH6VHD.js";
+import "../chunks/chunk-VBJPGWEK.js";
 import "../chunks/chunk-52ZXJEUO.js";
 import "../chunks/chunk-XPDJUSZ7.js";
 

package/dist/lib/cubing/stream/index.d.ts

@@ -1,2 +1,2 @@
-import { a as OrientationEvent, c as ProxyOrientationEvent, i as AlgLeafEvent, l as ProxyResetEvent, n as WebSocketProxySender, o as ProxyEvent, r as TwizzleStreamServer, s as ProxyMoveEvent, t as WebSocketProxyReceiver } from "../index-BX6f56uo.js";
+import { a as OrientationEvent, c as ProxyOrientationEvent, i as AlgLeafEvent, l as ProxyResetEvent, n as WebSocketProxySender, o as ProxyEvent, r as TwizzleStreamServer, s as ProxyMoveEvent, t as WebSocketProxyReceiver } from "../index-ylnTp4i5.js";
 export { AlgLeafEvent as ExperimentalAlgLeafEvent, OrientationEvent as ExperimentalOrientationEvent, ProxyEvent as ExperimentalProxyEvent, ProxyMoveEvent as ExperimentalProxyMoveEvent, ProxyOrientationEvent as ExperimentalProxyOrientationEvent, ProxyResetEvent as ExperimentalProxyResetEvent, TwizzleStreamServer as ExperimentalTwizzleStreamServer, WebSocketProxyReceiver as ExperimentalWebSocketProxyReceiver, WebSocketProxySender as ExperimentalWebSocketProxySender };

package/dist/lib/cubing/twisty/index.d.ts

@@ -1,2 +1,2 @@
-import { A as SimpleAlgIndexer, C as VisualizationFormat, D as PuzzleID, E as ExperimentalStickering, F as MillisecondDuration, I as MillisecondTimestamp, M as LeafCount, N as LeafIndex, O as setTwistyDebug, P as NO_VALUE, S as TwistyAnimatedSVG, T as backViewLayouts, d as TwistyAlgEditor, j as AlgIndexer, k as TreeAlgIndexer, l as TwizzleLink, m as TwistyPlayerConfig, p as TwistyPlayer, u as TwistyAlgViewer, w as BackViewLayout } from "../index-CcRu94bx.js";
+import { A as SimpleAlgIndexer, C as VisualizationFormat, D as PuzzleID, E as ExperimentalStickering, F as MillisecondDuration, I as MillisecondTimestamp, M as LeafCount, N as LeafIndex, O as setTwistyDebug, P as NO_VALUE, S as TwistyAnimatedSVG, T as backViewLayouts, d as TwistyAlgEditor, j as AlgIndexer, k as TreeAlgIndexer, l as TwizzleLink, m as TwistyPlayerConfig, p as TwistyPlayer, u as TwistyAlgViewer, w as BackViewLayout } from "../index-FT5_Vsnm.js";
 export { AlgIndexer, BackViewLayout, NO_VALUE as EXPERIMENTAL_PROP_NO_VALUE, LeafCount as ExperimentalLeafCount, LeafIndex as ExperimentalLeafIndex, MillisecondDuration as ExperimentalMillisecondDuration, MillisecondTimestamp as ExperimentalMillisecondTimestamp, TwistyAnimatedSVG as ExperimentalSVGAnimator, ExperimentalStickering, PuzzleID, SimpleAlgIndexer, TreeAlgIndexer, TwistyAlgEditor, TwistyAlgViewer, TwistyPlayer, TwistyPlayerConfig, TwizzleLink, VisualizationFormat, backViewLayouts, setTwistyDebug };

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

@@ -18,21 +18,21 @@ import {
   rawRenderPooled,
   setCameraFromOrbitCoordinates,
   setTwistyDebug
-} from "../chunks/chunk-CGBMJBU3.js";
+} from "../chunks/chunk-SO7SGUBW.js";
 import {
   countAnimatedLeaves,
   countLeavesInExpansionForSimultaneousMoveIndexer,
   countMetricMoves
-} from "../chunks/chunk-56VZAEPF.js";
+} from "../chunks/chunk-YQSSBUO3.js";
 import {
   puzzles
-} from "../chunks/chunk-YSI6PF35.js";
+} from "../chunks/chunk-LSVH6VHD.js";
 import {
   cube3x3x3,
   customPGPuzzleLoader,
   getPartialAppendOptionsForPuzzleSpecificSimplifyOptions,
   getPieceStickeringMask
-} from "../chunks/chunk-2VJB4TMH.js";
+} from "../chunks/chunk-VBJPGWEK.js";
 import "../chunks/chunk-52ZXJEUO.js";
 import {
   Alg,
@@ -654,22 +654,77 @@ function nextSVGID() {
   svgCounter += 1;
   return `svg${svgCounter.toString()}`;
 }
-var colorMaps = {
-  dim: {
-    white: "#dddddd",
-    orange: "#884400",
-    limegreen: "#008800",
-    red: "#660000",
-    "rgb(34, 102, 255)": "#000088",
-    // TODO
-    yellow: "#888800",
-    "rgb(102, 0, 153)": "rgb(50, 0, 76)",
-    purple: "#3f003f"
-  },
+var flatColors = {
   oriented: "#44ddcc",
   ignored: "#555555",
   invisible: "#00000000"
 };
+var explicitDimColors = {
+  white: "#dddddd",
+  orange: "#884400",
+  limegreen: "#008800",
+  red: "#660000",
+  "rgb(34, 102, 255)": "#000088",
+  // TODO
+  yellow: "#888800",
+  "rgb(102, 0, 153)": "rgb(50, 0, 76)",
+  purple: "#3f003f"
+};
+var DIM_FACTOR = 0.5;
+var colorParsingContext;
+function getColorParsingContext() {
+  if (colorParsingContext === void 0) {
+    try {
+      colorParsingContext = document.createElement("canvas").getContext("2d");
+    } catch {
+      colorParsingContext = null;
+    }
+  }
+  return colorParsingContext;
+}
+function parseColor(color) {
+  const ctx = getColorParsingContext();
+  if (!ctx) {
+    return null;
+  }
+  const probe = (sentinel) => {
+    ctx.fillStyle = sentinel;
+    ctx.fillStyle = color;
+    return ctx.fillStyle;
+  };
+  const normalized = probe("#000000");
+  if (normalized !== probe("#ffffff")) {
+    return null;
+  }
+  const hexMatch = /^#([0-9a-f]{6})$/.exec(normalized);
+  if (hexMatch) {
+    const value = Number.parseInt(hexMatch[1], 16);
+    return [value >> 16 & 255, value >> 8 & 255, value & 255];
+  }
+  const rgbMatch = /^rgba?\(([^)]*)\)$/.exec(normalized);
+  if (rgbMatch) {
+    const components = rgbMatch[1].split(",").map((component) => Number.parseFloat(component));
+    if (components.length >= 3 && components.slice(0, 3).every(Number.isFinite)) {
+      return [components[0], components[1], components[2]];
+    }
+  }
+  return null;
+}
+var dimColorCache = /* @__PURE__ */ new Map();
+function dimColor(color) {
+  const explicit = explicitDimColors[color];
+  if (explicit) {
+    return explicit;
+  }
+  const cached = dimColorCache.get(color);
+  if (cached !== void 0) {
+    return cached;
+  }
+  const rgb = parseColor(color);
+  const dimmed = rgb ? `rgb(${rgb.map((component) => Math.round(component * DIM_FACTOR)).join(", ")})` : color;
+  dimColorCache.set(color, dimmed);
+  return dimmed;
+}
 var TwistyAnimatedSVG = class {
   constructor(kpuzzle, svgSource, experimentalStickeringMask, showUnknownOrientations = false) {
     this.kpuzzle = kpuzzle;
@@ -730,11 +785,11 @@ var TwistyAnimatedSVG = class {
                 return;
               }
               const stickeringMask = typeof faceletStickeringMasks === "string" ? faceletStickeringMasks : faceletStickeringMasks?.mask;
-              const colorMap = colorMaps[stickeringMask];
-              if (typeof colorMap === "string") {
-                originalColor = colorMap;
-              } else if (colorMap) {
-                originalColor = colorMap[originalColor];
+              const flatColor = flatColors[stickeringMask];
+              if (flatColor) {
+                originalColor = flatColor;
+              } else if (stickeringMask === "dim" && originalColor) {
+                originalColor = dimColor(originalColor);
               }
             })();
           } else {
@@ -1301,6 +1356,18 @@ twistyViewerWrapperCSS.replaceSync(
 `
 );
 
+// src/cubing/twisty/model/props/puzzle/display/FaceColorBorderProp.ts
+var faceColorBorderStyles = {
+  auto: true,
+  // default: drawn wherever the SVG provides one
+  none: true
+};
+var FaceColorBorderProp = class extends SimpleTwistyPropSource {
+  getDefaultValue() {
+    return "auto";
+  }
+};
+
 // src/cubing/twisty/views/2D/Twisty2DPuzzle.css.ts
 var twisty2DSVGCSS = new cssStyleSheetShim();
 twisty2DSVGCSS.replaceSync(
@@ -1339,6 +1406,10 @@ svg {
 .hint-facelets-none .hint-facelet {
   display: none;
 }
+
+.face-color-border-none .face-color-border-group {
+  display: none;
+}
 `
 );
 
@@ -1368,6 +1439,12 @@ var Twisty2DPuzzle = class extends ManagedCustomElement {
         this.setHintFacelet(hintFacelet);
       }
     );
+    this.#freshListenerManager.addListener(
+      this.model.twistySceneModel.faceColorBorder,
+      (faceColorBorder) => {
+        this.setFaceColorBorder(faceColorBorder);
+      }
+    );
     this.#freshListenerManager.addListener(
       this.model.legacyPosition,
       this.onPositionChange.bind(this)
@@ -1450,6 +1527,7 @@ var Twisty2DPuzzle = class extends ManagedCustomElement {
       stickeringMask
     );
     this.addElement(this.svgWrapper.wrapperElement);
+    this.#applyFaceColorBorderViewBox();
     if (this.#cachedPosition) {
       this.onPositionChange(this.#cachedPosition);
     }
@@ -1464,6 +1542,30 @@ var Twisty2DPuzzle = class extends ManagedCustomElement {
       hintFacelet === "auto" ? "floating" : hintFacelet
     );
   }
+  faceColorBorderClassListManager = new ClassListManager(
+    this,
+    "face-color-border-",
+    Object.keys(faceColorBorderStyles)
+  );
+  #faceColorBorder = "auto";
+  setFaceColorBorder(faceColorBorder) {
+    this.#faceColorBorder = faceColorBorder;
+    this.faceColorBorderClassListManager.setValue(faceColorBorder);
+    this.#applyFaceColorBorderViewBox();
+  }
+  // The border sits outside the puzzle outline, so an SVG that has one reserves
+  // room for it in the `viewBox` it ships with. Hiding the border would then
+  // leave the diagram floating in a band of empty space, so swap in the tight
+  // `viewBox` the SVG declares alongside it.
+  #applyFaceColorBorderViewBox() {
+    const svgElement = this.svgWrapper?.svgElement;
+    const viewBox = svgElement?.getAttribute(
+      this.#faceColorBorder === "none" ? "data-view-box-without-face-color-border" : "data-view-box-with-face-color-border"
+    );
+    if (viewBox) {
+      svgElement.setAttribute("viewBox", viewBox);
+    }
+  }
   render() {
   }
 };
@@ -3852,6 +3954,7 @@ var TwistySceneModel = class {
   foundationDisplay = new FoundationDisplayProp();
   foundationStickerSpriteURL = new URLProp();
   fullscreenElement = new DOMElementReferenceProp();
+  faceColorBorder = new FaceColorBorderProp();
   hintFacelet = new HintFaceletProp();
   hintStickerSpriteURL = new URLProp();
   initialHintFaceletsAnimation = new InitialHintFaceletsAnimationProp();
@@ -4208,6 +4311,14 @@ var TwistyPlayerSettable = class extends ManagedCustomElement {
   get hintFacelets() {
     throw err("hintFacelets");
   }
+  set experimentalFaceColorBorder(faceColorBorderStyle) {
+    this.experimentalModel.twistySceneModel.faceColorBorder.set(
+      faceColorBorderStyle
+    );
+  }
+  get experimentalFaceColorBorder() {
+    throw err("experimentalFaceColorBorder");
+  }
   set experimentalStickering(stickering) {
     this.experimentalModel.twistySceneModel.stickeringRequest.set(stickering);
   }
@@ -4415,6 +4526,7 @@ var twistyPlayerAttributeMap = {
   "experimental-puzzle-description": "experimentalPuzzleDescription",
   visualization: "visualization",
   "hint-facelets": "hintFacelets",
+  "experimental-face-color-border": "experimentalFaceColorBorder",
   "experimental-stickering": "experimentalStickering",
   "experimental-stickering-mask-orbits": "experimentalStickeringMaskOrbits",
   background: "background",