cubing 0.35.19 → 0.36.0

package/dist/esm/twisty/index.js

@@ -1442,8 +1442,8 @@ var TwistyButtons = class extends ManagedCustomElement {
     }
     this.buttons = buttons;
     this.model?.buttonAppearance.addFreshListener(this.update.bind(this));
-    this.model?.twistySceneModel.darkMode.addFreshListener(
-      this.updateDarkMode.bind(this)
+    this.model?.twistySceneModel.colorScheme.addFreshListener(
+      this.updateColorScheme.bind(this)
     );
   }
   #onCommand(command) {
@@ -1518,9 +1518,9 @@ var TwistyButtons = class extends ManagedCustomElement {
       button.hidden = !!info.hidden;
     }
   }
-  updateDarkMode(darkMode) {
+  updateColorScheme(colorScheme) {
     for (const button of Object.values(this.buttons ?? {})) {
-      button.updateDarkMode(darkMode);
+      button.updateColorScheme(colorScheme);
     }
   }
 };
@@ -1536,8 +1536,8 @@ var TwistyButton = class extends ManagedCustomElement {
     );
   }
   // TODO: async?
-  updateDarkMode(darkMode) {
-    this.contentWrapper.classList.toggle("dark-mode", darkMode === "dark");
+  updateColorScheme(colorScheme) {
+    this.contentWrapper.classList.toggle("dark-mode", colorScheme === "dark");
   }
   connectedCallback() {
     this.addCSS(buttonCSS);
@@ -1634,12 +1634,12 @@ var TwistyScrubber = class extends ManagedCustomElement {
   async connectedCallback() {
     this.addCSS(twistyScrubberCSS);
     this.addElement(await this.inputElem());
-    this.model?.twistySceneModel.darkMode.addFreshListener(
-      this.updateDarkMode.bind(this)
+    this.model?.twistySceneModel.colorScheme.addFreshListener(
+      this.updateColorScheme.bind(this)
     );
   }
-  updateDarkMode(darkMode) {
-    this.contentWrapper.classList.toggle("dark-mode", darkMode === "dark");
+  updateColorScheme(colorScheme) {
+    this.contentWrapper.classList.toggle("dark-mode", colorScheme === "dark");
   }
   #inputElem = null;
   async inputElem() {
@@ -3495,15 +3495,15 @@ var BackgroundProp = class extends SimpleTwistyPropSource {
   }
 };
 
-// src/cubing/twisty/model/props/viewer/DarkModeProp.ts
-var DarkModeProp = class extends TwistyPropDerived {
+// src/cubing/twisty/model/props/viewer/ColorSchemeProp.ts
+var ColorSchemeProp = class extends TwistyPropDerived {
   derive(inputs) {
-    return inputs.darkModeRequest === "dark" ? "dark" : "light";
+    return inputs.colorSchemeRequest === "dark" ? "dark" : "light";
   }
 };
 
-// src/cubing/twisty/model/props/viewer/DarkModeRequestProp.ts
-var DarkModeRequstProp = class extends SimpleTwistyPropSource {
+// src/cubing/twisty/model/props/viewer/ColorSchemeRequestProp.ts
+var ColorSchemeRequstProp = class extends SimpleTwistyPropSource {
   getDefaultValue() {
     return "auto";
   }
@@ -3637,7 +3637,7 @@ var TwistySceneModel = class {
     this.twistyPlayerModel = twistyPlayerModel;
     // Depth 0
     this.background = new BackgroundProp();
-    this.darkModeRequest = new DarkModeRequstProp();
+    this.colorSchemeRequest = new ColorSchemeRequstProp();
     this.dragInput = new DragInputProp();
     this.foundationDisplay = new FoundationDisplayProp();
     this.foundationStickerSpriteURL = new URLProp();
@@ -3654,7 +3654,9 @@ var TwistySceneModel = class {
     this.stickeringRequest = new StickeringRequestProp();
     this.faceletScale = new FaceletScaleProp();
     // Depth 1
-    this.darkMode = new DarkModeProp({ darkModeRequest: this.darkModeRequest });
+    this.colorScheme = new ColorSchemeProp({
+      colorSchemeRequest: this.colorSchemeRequest
+    });
     this.foundationStickerSprite = new SpriteProp({
       spriteURL: this.foundationStickerSpriteURL
     });
@@ -4006,11 +4008,11 @@ var TwistyPlayerSettable = class extends ManagedCustomElement {
   get background() {
     throw err("background");
   }
-  set darkMode(darkMode) {
-    this.experimentalModel.twistySceneModel.darkModeRequest.set(darkMode);
+  set colorScheme(colorScheme) {
+    this.experimentalModel.twistySceneModel.colorSchemeRequest.set(colorScheme);
   }
-  get darkMode() {
-    throw err("darkMode");
+  get colorScheme() {
+    throw err("colorScheme");
   }
   set controlPanel(newControlPanel) {
     this.experimentalModel.controlPanel.set(newControlPanel);
@@ -4174,7 +4176,7 @@ var twistyPlayerAttributeMap = {
   "experimental-stickering": "experimentalStickering",
   "experimental-stickering-mask-orbits": "experimentalStickeringMaskOrbits",
   background: "background",
-  "dark-mode": "darkMode",
+  "color-scheme": "colorScheme",
   "control-panel": "controlPanel",
   "back-view": "backView",
   "experimental-initial-hint-facelets-animation": "experimentalInitialHintFaceletsAnimation",
@@ -4285,11 +4287,11 @@ var TwistyPlayer = class extends TwistyPlayerSettable {
         );
       }
     );
-    this.experimentalModel.twistySceneModel.darkMode.addFreshListener(
-      (darkModeTheme) => {
+    this.experimentalModel.twistySceneModel.colorScheme.addFreshListener(
+      (colorScheme) => {
         this.contentWrapper.classList.toggle(
           "dark-mode",
-          ["dark"].includes(darkModeTheme)
+          ["dark"].includes(colorScheme)
         );
       }
     );
@@ -5709,7 +5711,7 @@ var TwizzleLink = class extends ManagedCustomElement {
   async connectedCallback() {
     this.#responsiveWrapper = this.addElement(document.createElement("div"));
     this.#responsiveWrapper.classList.add("responsive-wrapper");
-    if (this.options?.darkMode) {
+    if (this.options?.colorScheme) {
       this.contentWrapper.classList.add("dark-mode");
     }
     this.#cssElem = this.addCSS(twizzleLinkCSS);
@@ -5737,7 +5739,7 @@ var TwizzleLink = class extends ManagedCustomElement {
       this.twistyPlayer = this.#responsiveWrapper.appendChild(
         new TwistyPlayer({
           background: this.options?.cdnForumTweaks ? "checkered-transparent" : "checkered",
-          darkMode: this.options?.darkMode ? "dark" : "light",
+          colorScheme: this.options?.colorScheme ? "dark" : "light",
           ...config,
           viewerLink: isExplorer ? "experimental-twizzle-explorer" : "auto"
         })