cubing 0.24.3 → 0.24.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/twisty/index.js +21 -20
- package/dist/esm/twisty/index.js.map +3 -3
- package/dist/types/twisty/controllers/indexer/simultaneous-moves/SimultaneousMoveIndexer.d.ts +5 -4
- package/dist/types/twisty/model/props/timeline/CoarseTimelineInfoProp.d.ts +1 -1
- package/dist/types/twisty/model/props/viewer/ButtonAppearanceProp.d.ts +1 -1
- package/dist/types/twisty/views/TwistyPlayer.d.ts +2 -2
- package/dist/types/twisty/views/control-panel/{TwistyButtonsV2.css.d.ts → TwistyButtons.css.d.ts} +0 -0
- package/dist/types/twisty/views/control-panel/{TwistyButtonsV2.d.ts → TwistyButtons.d.ts} +3 -3
- package/dist/types/twisty/views/control-panel/{TwistyScrubberV2.d.ts → TwistyScrubber.d.ts} +1 -1
- package/package.json +1 -1
- package/dist/types/twisty/controllers/indexer/simultaneous-moves/SimultaneousMoveIndexerV2.d.ts +0 -22
package/dist/esm/twisty/index.js
CHANGED
|
@@ -1723,7 +1723,7 @@ _currentTwisty3DPuzzleWrapper = new WeakMap();
|
|
|
1723
1723
|
_twisty3DStaleDropper = new WeakMap();
|
|
1724
1724
|
customElementsShim.define("twisty-3d-scene-wrapper", Twisty3DSceneWrapper);
|
|
1725
1725
|
|
|
1726
|
-
// src/cubing/twisty/views/control-panel/
|
|
1726
|
+
// src/cubing/twisty/views/control-panel/TwistyButtons.css.ts
|
|
1727
1727
|
var buttonGridCSS = new CSSSource(`
|
|
1728
1728
|
:host {
|
|
1729
1729
|
width: 384px;
|
|
@@ -1748,7 +1748,7 @@ var buttonGridCSS = new CSSSource(`
|
|
|
1748
1748
|
display: none;
|
|
1749
1749
|
}
|
|
1750
1750
|
|
|
1751
|
-
.wrapper twisty-button
|
|
1751
|
+
.wrapper twisty-button,
|
|
1752
1752
|
.wrapper twisty-control-button {
|
|
1753
1753
|
width: inherit;
|
|
1754
1754
|
height: inherit;
|
|
@@ -1885,6 +1885,7 @@ var buttonIcons = [
|
|
|
1885
1885
|
];
|
|
1886
1886
|
var ButtonAppearanceProp = class extends TwistyPropDerived {
|
|
1887
1887
|
derive(inputs) {
|
|
1888
|
+
console.log(inputs.coarseTimelineInfo);
|
|
1888
1889
|
const buttonAppearances = {
|
|
1889
1890
|
"fullscreen": {
|
|
1890
1891
|
enabled: fullscreenEnabled,
|
|
@@ -1902,7 +1903,7 @@ var ButtonAppearanceProp = class extends TwistyPropDerived {
|
|
|
1902
1903
|
title: "Step backward"
|
|
1903
1904
|
},
|
|
1904
1905
|
"play-pause": {
|
|
1905
|
-
enabled:
|
|
1906
|
+
enabled: !(inputs.coarseTimelineInfo.atStart && inputs.coarseTimelineInfo.atEnd),
|
|
1906
1907
|
icon: inputs.coarseTimelineInfo.playing ? "pause" : "play",
|
|
1907
1908
|
title: inputs.coarseTimelineInfo.playing ? "Pause" : "Play"
|
|
1908
1909
|
},
|
|
@@ -1927,7 +1928,7 @@ var ButtonAppearanceProp = class extends TwistyPropDerived {
|
|
|
1927
1928
|
}
|
|
1928
1929
|
};
|
|
1929
1930
|
|
|
1930
|
-
// src/cubing/twisty/views/control-panel/
|
|
1931
|
+
// src/cubing/twisty/views/control-panel/TwistyButtons.ts
|
|
1931
1932
|
var buttonCommands = {
|
|
1932
1933
|
"fullscreen": true,
|
|
1933
1934
|
"jump-to-start": true,
|
|
@@ -1938,7 +1939,7 @@ var buttonCommands = {
|
|
|
1938
1939
|
"twizzle-link": true
|
|
1939
1940
|
};
|
|
1940
1941
|
var _onCommand, onCommand_fn;
|
|
1941
|
-
var
|
|
1942
|
+
var TwistyButtons = class extends ManagedCustomElement {
|
|
1942
1943
|
constructor(model, controller, fullscreenElement) {
|
|
1943
1944
|
super();
|
|
1944
1945
|
this.model = model;
|
|
@@ -1951,7 +1952,7 @@ var TwistyButtonsV2 = class extends ManagedCustomElement {
|
|
|
1951
1952
|
this.addCSS(buttonGridCSS);
|
|
1952
1953
|
const buttons = {};
|
|
1953
1954
|
for (const command in buttonCommands) {
|
|
1954
|
-
const button = new
|
|
1955
|
+
const button = new TwistyButton();
|
|
1955
1956
|
buttons[command] = button;
|
|
1956
1957
|
button.addEventListener("click", () => __privateMethod(this, _onCommand, onCommand_fn).call(this, command));
|
|
1957
1958
|
this.addElement(button);
|
|
@@ -2022,9 +2023,9 @@ onCommand_fn = function(command) {
|
|
|
2022
2023
|
throw new Error("Missing command");
|
|
2023
2024
|
}
|
|
2024
2025
|
};
|
|
2025
|
-
customElementsShim.define("twisty-buttons
|
|
2026
|
+
customElementsShim.define("twisty-buttons", TwistyButtons);
|
|
2026
2027
|
var _iconManager;
|
|
2027
|
-
var
|
|
2028
|
+
var TwistyButton = class extends ManagedCustomElement {
|
|
2028
2029
|
constructor() {
|
|
2029
2030
|
super(...arguments);
|
|
2030
2031
|
this.button = document.createElement("button");
|
|
@@ -2039,7 +2040,7 @@ var TwistyButtonV2 = class extends ManagedCustomElement {
|
|
|
2039
2040
|
}
|
|
2040
2041
|
};
|
|
2041
2042
|
_iconManager = new WeakMap();
|
|
2042
|
-
customElementsShim.define("twisty-button
|
|
2043
|
+
customElementsShim.define("twisty-button", TwistyButton);
|
|
2043
2044
|
|
|
2044
2045
|
// src/cubing/twisty/views/control-panel/TwistyScrubber.css.ts
|
|
2045
2046
|
var twistyScrubberCSS = new CSSSource(`
|
|
@@ -2064,7 +2065,7 @@ input:not(:disabled) {
|
|
|
2064
2065
|
}
|
|
2065
2066
|
`);
|
|
2066
2067
|
|
|
2067
|
-
// src/cubing/twisty/views/control-panel/
|
|
2068
|
+
// src/cubing/twisty/views/control-panel/TwistyScrubber.ts
|
|
2068
2069
|
var SLOW_DOWN_SCRUBBING = false;
|
|
2069
2070
|
var isMouseDown = false;
|
|
2070
2071
|
globalSafeDocument?.addEventListener("mousedown", function(event) {
|
|
@@ -2092,7 +2093,7 @@ var lastPreval = 0;
|
|
|
2092
2093
|
var scaling = false;
|
|
2093
2094
|
var currentClickNum = 0;
|
|
2094
2095
|
var _inputElem;
|
|
2095
|
-
var
|
|
2096
|
+
var TwistyScrubber = class extends ManagedCustomElement {
|
|
2096
2097
|
constructor(model) {
|
|
2097
2098
|
super();
|
|
2098
2099
|
this.model = model;
|
|
@@ -2162,7 +2163,7 @@ var TwistyScrubberV2 = class extends ManagedCustomElement {
|
|
|
2162
2163
|
}
|
|
2163
2164
|
};
|
|
2164
2165
|
_inputElem = new WeakMap();
|
|
2165
|
-
customElementsShim.define("twisty-scrubber
|
|
2166
|
+
customElementsShim.define("twisty-scrubber", TwistyScrubber);
|
|
2166
2167
|
|
|
2167
2168
|
// src/cubing/twisty/views/screenshot.ts
|
|
2168
2169
|
var cachedCamera = null;
|
|
@@ -2240,8 +2241,8 @@ var twistyPlayerCSS = new CSSSource(`
|
|
|
2240
2241
|
|
|
2241
2242
|
.wrapper.controls-none twisty-scrubber,
|
|
2242
2243
|
.wrapper.controls-none twisty-control-button-panel ,
|
|
2243
|
-
.wrapper.controls-none twisty-scrubber
|
|
2244
|
-
.wrapper.controls-none twisty-buttons
|
|
2244
|
+
.wrapper.controls-none twisty-scrubber,
|
|
2245
|
+
.wrapper.controls-none twisty-buttons {
|
|
2245
2246
|
display: none;
|
|
2246
2247
|
}
|
|
2247
2248
|
|
|
@@ -2895,7 +2896,7 @@ function simulMoves(a) {
|
|
|
2895
2896
|
return l;
|
|
2896
2897
|
}
|
|
2897
2898
|
|
|
2898
|
-
// src/cubing/twisty/controllers/indexer/simultaneous-moves/
|
|
2899
|
+
// src/cubing/twisty/controllers/indexer/simultaneous-moves/SimultaneousMoveIndexer.ts
|
|
2899
2900
|
var demos = {
|
|
2900
2901
|
"y' y' U' E D R2 r2 F2 B2 U E D' R2 L2' z2 S2 U U D D S2 F2' B2": [
|
|
2901
2902
|
{ animLeaf: new Move("y", -1), start: 0, end: 1e3 },
|
|
@@ -2942,7 +2943,7 @@ var demos = {
|
|
|
2942
2943
|
{ animLeaf: new Move("E"), start: 7e3, end: 8e3 }
|
|
2943
2944
|
]
|
|
2944
2945
|
};
|
|
2945
|
-
var
|
|
2946
|
+
var SimultaneousMoveIndexer = class {
|
|
2946
2947
|
constructor(kpuzzle, alg) {
|
|
2947
2948
|
this.kpuzzle = kpuzzle;
|
|
2948
2949
|
this.animLeaves = demos[alg.toString()] ?? simulMoves(alg);
|
|
@@ -3436,7 +3437,7 @@ var IndexerConstructorProp = class extends TwistyPropDerived {
|
|
|
3436
3437
|
switch (inputs.indexerConstructorRequest) {
|
|
3437
3438
|
case "auto":
|
|
3438
3439
|
if (countMoves(inputs.alg.alg) < 100 && inputs.puzzle === "3x3x3" && inputs.visualizationStrategy === "Cube3D") {
|
|
3439
|
-
return
|
|
3440
|
+
return SimultaneousMoveIndexer;
|
|
3440
3441
|
} else {
|
|
3441
3442
|
return TreeAlgIndexer;
|
|
3442
3443
|
}
|
|
@@ -3445,7 +3446,7 @@ var IndexerConstructorProp = class extends TwistyPropDerived {
|
|
|
3445
3446
|
case "simple":
|
|
3446
3447
|
return SimpleAlgIndexer;
|
|
3447
3448
|
case "simultaneous":
|
|
3448
|
-
return
|
|
3449
|
+
return SimultaneousMoveIndexer;
|
|
3449
3450
|
default:
|
|
3450
3451
|
throw new Error("Invalid indexer request!");
|
|
3451
3452
|
}
|
|
@@ -4135,9 +4136,9 @@ var TwistyPlayer = class extends TwistyPlayerSettable {
|
|
|
4135
4136
|
__privateGet(this, _errorElem).textContent = errorString;
|
|
4136
4137
|
}
|
|
4137
4138
|
});
|
|
4138
|
-
const scrubber = new
|
|
4139
|
+
const scrubber = new TwistyScrubber(this.experimentalModel);
|
|
4139
4140
|
this.contentWrapper.appendChild(scrubber);
|
|
4140
|
-
this.buttons = new
|
|
4141
|
+
this.buttons = new TwistyButtons(this.experimentalModel, this.controller, this);
|
|
4141
4142
|
this.contentWrapper.appendChild(this.buttons);
|
|
4142
4143
|
this.experimentalModel.background.addFreshListener((backgroundTheme) => {
|
|
4143
4144
|
this.contentWrapper.classList.toggle("checkered", backgroundTheme !== "none");
|