cubing 0.20.2 → 0.21.0-pre12

package/dist/types/twisty/views/TwistyAlgEditor/model.d.ts

@@ -0,0 +1,61 @@
+import { AlgWithIssues } from "../../model/props/puzzle/state/AlgProp";
+import { SimpleTwistyPropSource, TwistyPropDerived, TwistyPropSource } from "../../model/props/TwistyProp";
+import { AnimatedLeafUnitInfo, OrderedLeafTokens } from "./LeafTokens";
+export declare class TwistyAlgEditorValueProp extends SimpleTwistyPropSource<string> {
+    getDefaultValue(): string;
+}
+interface AlgEditorAlgWithIssuesPropInput {
+    value: string;
+}
+declare class AlgEditorAlgWithIssuesProp extends TwistyPropDerived<AlgEditorAlgWithIssuesPropInput, AlgWithIssues> {
+    derive(input: AlgEditorAlgWithIssuesPropInput): AlgWithIssues;
+}
+interface SelectionInfoPropInput {
+    selectionStart: number;
+    selectionEnd: number;
+}
+interface SelectionInfo extends SelectionInfoPropInput {
+    endChangedMostRecently: boolean;
+}
+export declare class TwistyAlgEditorSelectionProp extends TwistyPropSource<SelectionInfo, SelectionInfoPropInput> {
+    getDefaultValue(): {
+        selectionStart: number;
+        selectionEnd: number;
+        endChangedMostRecently: boolean;
+    };
+    derive(input: SelectionInfoPropInput, oldValue: Promise<SelectionInfo>): Promise<SelectionInfo>;
+}
+interface TargetCharPropInputs {
+    selectionInfo: SelectionInfo;
+}
+export declare class TargetCharProp extends TwistyPropDerived<TargetCharPropInputs, number> {
+    derive(inputs: TargetCharPropInputs): number;
+}
+interface LeafTokensPropInputs {
+    algWithIssues: AlgWithIssues;
+}
+declare class LeafTokensProp extends TwistyPropDerived<LeafTokensPropInputs, OrderedLeafTokens> {
+    derive(inputs: LeafTokensPropInputs): OrderedLeafTokens;
+}
+interface LeafToHighlightPropInputs {
+    targetChar: number;
+    leafTokens: OrderedLeafTokens;
+}
+declare type HighlightWhere = "before" | "start" | "inside" | "end" | "after";
+export interface HighlightInfo {
+    leafInfo: AnimatedLeafUnitInfo;
+    where: HighlightWhere;
+}
+declare class LeafToHighlightProp extends TwistyPropDerived<LeafToHighlightPropInputs, HighlightInfo | null> {
+    derive(inputs: LeafToHighlightPropInputs): HighlightInfo | null;
+}
+export declare class TwistyAlgEditorModel {
+    valueProp: TwistyAlgEditorValueProp;
+    selectionProp: TwistyAlgEditorSelectionProp;
+    targetCharProp: TargetCharProp;
+    algEditorAlgWithIssues: AlgEditorAlgWithIssuesProp;
+    leafTokensProp: LeafTokensProp;
+    leafToHighlight: LeafToHighlightProp;
+}
+export {};
+//# sourceMappingURL=model.d.ts.map

package/dist/types/twisty/views/TwistyAlgEditor/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../src/cubing/twisty/views/TwistyAlgEditor/model.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,aAAa,EAEd,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,oBAAoB,EAEpB,iBAAiB,EAClB,MAAM,cAAc,CAAC;AAEtB,qBAAa,wBAAyB,SAAQ,sBAAsB,CAAC,MAAM,CAAC;IAC1E,eAAe,IAAI,MAAM;CAG1B;AAED,UAAU,+BAA+B;IACvC,KAAK,EAAE,MAAM,CAAC;CACf;AACD,cAAM,0BAA2B,SAAQ,iBAAiB,CACxD,+BAA+B,EAC/B,aAAa,CACd;IACC,MAAM,CAAC,KAAK,EAAE,+BAA+B,GAAG,aAAa;CAK9D;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB;AACD,UAAU,aAAc,SAAQ,sBAAsB;IACpD,sBAAsB,EAAE,OAAO,CAAC;CACjC;AACD,qBAAa,4BAA6B,SAAQ,gBAAgB,CAChE,aAAa,EACb,sBAAsB,CACvB;IACC,eAAe;;;;;IAQT,MAAM,CACV,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,EAAE,OAAO,CAAC,aAAa,CAAC,GAC/B,OAAO,CAAC,aAAa,CAAC;CAY1B;AAED,UAAU,oBAAoB;IAC5B,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,qBAAa,cAAe,SAAQ,iBAAiB,CACnD,oBAAoB,EACpB,MAAM,CACP;IACC,MAAM,CAAC,MAAM,EAAE,oBAAoB;CAKpC;AAED,UAAU,oBAAoB;IAC5B,aAAa,EAAE,aAAa,CAAC;CAC9B;AACD,cAAM,cAAe,SAAQ,iBAAiB,CAC5C,oBAAoB,EACpB,iBAAiB,CAClB;IACC,MAAM,CAAC,MAAM,EAAE,oBAAoB,GAAG,iBAAiB;CAKxD;AAED,UAAU,yBAAyB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,iBAAiB,CAAC;CAC/B;AACD,aAAK,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC;AACtE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,KAAK,EAAE,cAAc,CAAC;CACvB;AACD,cAAM,mBAAoB,SAAQ,iBAAiB,CACjD,yBAAyB,EACzB,aAAa,GAAG,IAAI,CACrB;IACC,MAAM,CAAC,MAAM,EAAE,yBAAyB,GAAG,aAAa,GAAG,IAAI;CA0ChE;AAED,qBAAa,oBAAoB;IAC/B,SAAS,2BAAkC;IAC3C,aAAa,+BAAsC;IACnD,cAAc,iBAA6D;IAE3E,sBAAsB,6BAEnB;IAEH,cAAc,iBAEX;IAEH,eAAe,sBAGZ;CACJ"}

package/dist/types/twisty/views/TwistyAlgViewer.css.d.ts

@@ -0,0 +1,3 @@
+import { CSSSource } from "../old/dom/element/ManagedCustomElement";
+export declare const twistyAlgViewerCSS: CSSSource;
+//# sourceMappingURL=TwistyAlgViewer.css.d.ts.map

package/dist/types/twisty/views/TwistyAlgViewer.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwistyAlgViewer.css.d.ts","sourceRoot":"","sources":["../../../../src/cubing/twisty/views/TwistyAlgViewer.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEpE,eAAO,MAAM,kBAAkB,WAsB7B,CAAC"}

package/dist/types/twisty/{dom → views}/TwistyAlgViewer.d.ts

@@ -1,8 +1,8 @@
 import { Alg, ExperimentalIterationDirection, Move, Unit } from "../../alg";
 import type { Parsed } from "../../alg/parse";
-import { TwistyPlayer } from "../../twisty";
-import { ManagedCustomElement } from "./element/ManagedCustomElement";
-import { HTMLElementShim } from "./element/node-custom-element-shims";
+import { ManagedCustomElement } from "../old/dom/element/ManagedCustomElement";
+import { HTMLElementShim } from "../old/dom/element/node-custom-element-shims";
+import { TwistyPlayer } from "./TwistyPlayer";
 declare class DataDown {
     earliestMoveIndex: number;
     twistyAlgViewer: TwistyAlgViewer;
@@ -43,9 +43,9 @@ export declare class TwistyAlgViewer extends HTMLElementShim {
     });
     protected connectedCallback(): void;
     private setAlg;
-    setTwistyPlayer(twistyPlayer: TwistyPlayer): void;
-    jumpToIndex(index: number, offsetIntoMove: boolean): void;
-    protected attributeChangedCallback(attributeName: string, _oldValue: string, newValue: string): void;
+    setTwistyPlayer(twistyPlayer: TwistyPlayer): Promise<void>;
+    jumpToIndex(index: number, offsetIntoMove: boolean): Promise<void>;
+    protected attributeChangedCallback(attributeName: string, _oldValue: string, newValue: string): Promise<void>;
     static get observedAttributes(): string[];
 }
 export {};

package/dist/types/twisty/views/TwistyAlgViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwistyAlgViewer.d.ts","sourceRoot":"","sources":["../../../../src/cubing/twisty/views/TwistyAlgViewer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EAIH,8BAA8B,EAG9B,IAAI,EAIJ,IAAI,EACL,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAK9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAEL,eAAe,EAChB,MAAM,8CAA8C,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,cAAM,QAAQ;IACZ,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,eAAe,CAAC;IACjC,SAAS,EAAE,8BAA8B,CAAC;CAC3C;AAED,cAAM,MAAM;IACV,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,oBAAoB,GAAG,iBAAiB,CAAC;CACnD;AAED,cAAM,iBAAkB,SAAQ,oBAAoB;IAKzC,SAAS,EAAE,GAAG,GAAG,IAAI;gBAH5B,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,QAAQ,EACX,SAAS,EAAE,GAAG,GAAG,IAAI,EAC5B,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,OAAO;IA2BpB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,oBAAoB,GAAG,iBAAiB,CAAC,EAAE;IAIzE,cAAc,CAAC,OAAO,EAAE,OAAO;CAGhC;AAID,cAAM,oBAAqB,SAAQ,eAAe;IAGV,SAAS,EAAE,GAAG,GAAG,IAAI;IAF3D,OAAO,CAAC,KAAK,CAA0B;gBAE3B,SAAS,EAAE,MAAM,EAAS,SAAS,EAAE,GAAG,GAAG,IAAI;IAK3D,SAAS,CAAC,GAAG,EAAE,MAAM;IAIrB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAK/B,UAAU,CACR,SAAS,GAAE,8BAAwE,GAClF,IAAI;IAOP,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,oBAAoB,GAAG,iBAAiB,CAAC,EAAE;CAG1E;AAsPD,cAAM,eAAe;IACnB,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAa;IAC7D,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAE7C,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAIzD,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI;CAarC;AAED,qBAAa,eAAgB,SAAQ,eAAe;;IAClD,WAAW,EAAE,eAAe,CAAyB;IAErD,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IACzC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAQ;gBAC7B,OAAO,CAAC,EAAE;QAAE,YAAY,CAAC,EAAE,YAAY,CAAA;KAAE;IAOrD,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAInC,OAAO,CAAC,MAAM;IAUR,eAAe,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IA6C1D,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;cAsBxD,wBAAwB,CACtC,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC;IAgBhB,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;CACF"}

package/dist/types/twisty/views/TwistyPlayer.d.ts

@@ -0,0 +1,97 @@
+import type { ExperimentalStickering } from "..";
+import { Alg, Move } from "../../alg";
+import type { PuzzleDescriptionString } from "../../puzzle-geometry/PGPuzzles";
+import type { TwistyAnimationControllerDelegate } from "../controllers/TwistyAnimationController";
+import { TwistyPlayerController } from "../controllers/TwistyPlayerController";
+import type { BackViewLayoutWithAuto } from "../model/props/viewer/BackViewProp";
+import type { ControlPanelThemeWithAuto } from "../model/props/viewer/ControlPanelProp";
+import type { HintFaceletStyleWithAuto } from "../model/props/puzzle/display/HintFaceletProp";
+import type { ViewerLinkPageWithAuto } from "../model/props/viewer/ViewerLinkProp";
+import type { VisualizationFormatWithAuto } from "../model/props/viewer/VisualizationProp";
+import { PuzzleID, SetupToLocation } from "../old/dom/TwistyPlayerConfig";
+import { TwistyButtonsV2 } from "./control-panel/TwistyButtonsV2";
+import { TwistyPlayerSettable } from "./TwistyPlayerSettable";
+export declare const twistyPlayerAttributeMap: {
+    alg: string;
+    "experimental-setup-alg": string;
+    "experimental-setup-anchor": string;
+    puzzle: string;
+    "experimental-puzzle-description": string;
+    visualization: string;
+    "hint-facelets": string;
+    "experimental-stickering": string;
+    background: string;
+    "control-panel": string;
+    "back-view": string;
+    "viewer-link": string;
+    "camera-latitude": string;
+    "camera-longitude": string;
+    "camera-distance": string;
+    "camera-latitude-limit": string;
+    "tempo-scale": string;
+    "experimental-sprite": string;
+    "experimental-hint-sprite": string;
+};
+export declare type TwistyPlayerAttribute = keyof typeof twistyPlayerAttributeMap;
+export interface TwistyPlayerConfig {
+    alg?: Alg | string;
+    experimentalSetupAlg?: Alg | string;
+    experimentalSetupAnchor?: SetupToLocation;
+    puzzle?: PuzzleID;
+    experimentalPuzzleDescription?: PuzzleDescriptionString;
+    visualization?: VisualizationFormatWithAuto;
+    hintFacelets?: HintFaceletStyleWithAuto;
+    experimentalStickering?: ExperimentalStickering;
+    background?: BackViewLayoutWithAuto;
+    controlPanel?: ControlPanelThemeWithAuto;
+    backView?: BackViewLayoutWithAuto;
+    viewerLink?: ViewerLinkPageWithAuto;
+    cameraLatitude?: number;
+    cameraLongitude?: number;
+    cameraDistance?: number;
+    cameraLatitudeLimit?: number;
+    tempoScale?: number;
+    experimentalSprite?: string | null;
+    experimentalHintSprite?: string | null;
+}
+/**
+ * TwistyPlayer is the heart of `cubing.js`. It can be used to display a puzzle on a web page like this:
+ *
+ *     <script src="path/to/cubing/twisty" type="module"></script>
+ *     <twisty-player alg="R U R'"></twisty-player>
+ *
+ * You can also construct it directly in JavaScript:
+ *
+ *     import { TwistyPlayer } from "cubing/twisty";
+ *     const twistyPlayer = new TwistyPlayer({alg: "R U R'"});
+ *     // Once the page has loaded, you can do this:
+ *     document.body.appendChild(twistyPlayer);
+ *
+ * See {@link https://js.cubing.net/cubing/} for more examples.
+ */
+export declare class TwistyPlayer extends TwistyPlayerSettable implements TwistyAnimationControllerDelegate {
+    #private;
+    controller: TwistyPlayerController;
+    buttons: TwistyButtonsV2;
+    constructor(config?: TwistyPlayerConfig);
+    connectedCallback(): Promise<void>;
+    flash(): void;
+    jumpToStart(options?: {
+        flash: boolean;
+    }): void;
+    jumpToEnd(options?: {
+        flash: boolean;
+    }): void;
+    play(): void;
+    pause(): void;
+    togglePlay(play?: boolean): void;
+    experimentalAddMove(move: Move): void;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(attributeName: string, _oldValue: string, newValue: string): void;
+    experimentalScreenshot(options?: {
+        width: number;
+        height: number;
+    }): Promise<string>;
+    experimentalDownloadScreenshot(filename?: string): Promise<void>;
+}
+//# sourceMappingURL=TwistyPlayer.d.ts.map

package/dist/types/twisty/views/TwistyPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwistyPlayer.d.ts","sourceRoot":"","sources":["../../../../src/cubing/twisty/views/TwistyPlayer.ts"],"names":[],"mappings":"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"}

package/dist/types/twisty/views/TwistyPlayerSettable.d.ts

@@ -0,0 +1,71 @@
+import type { Alg } from "../../alg";
+import type { PuzzleDescriptionString } from "../../puzzle-geometry/PGPuzzles";
+import type { ExperimentalStickering } from "../../twisty";
+import type { BackgroundThemeWithAuto } from "../model/props/viewer/BackgroundProp";
+import type { BackViewLayoutWithAuto } from "../model/props/viewer/BackViewProp";
+import type { ControlPanelThemeWithAuto } from "../model/props/viewer/ControlPanelProp";
+import type { HintFaceletStyleWithAuto } from "../model/props/puzzle/display/HintFaceletProp";
+import type { IndexerStrategyName } from "../model/props/puzzle/state/IndexerConstructorRequestProp";
+import type { TimestampRequest } from "../model/props/timeline/TimestampRequestProp";
+import type { ViewerLinkPageWithAuto } from "../model/props/viewer/ViewerLinkProp";
+import type { VisualizationFormatWithAuto } from "../model/props/viewer/VisualizationProp";
+import { TwistyPlayerModel } from "../model/TwistyPlayerModel";
+import type { MillisecondTimestamp } from "../old/animation/cursor/CursorTypes";
+import { ManagedCustomElement } from "../old/dom/element/ManagedCustomElement";
+import type { PuzzleID, SetupToLocation } from "../old/dom/TwistyPlayerConfig";
+export declare abstract class TwistyPlayerSettable extends ManagedCustomElement {
+    experimentalModel: TwistyPlayerModel;
+    set alg(newAlg: Alg | string);
+    get alg(): never;
+    set experimentalSetupAlg(newSetup: Alg | string);
+    get experimentalSetupAlg(): never;
+    set experimentalSetupAnchor(anchor: SetupToLocation);
+    get experimentalSetupAnchor(): never;
+    set puzzle(puzzleID: PuzzleID);
+    get puzzle(): never;
+    set experimentalPuzzleDescription(puzzleDescription: PuzzleDescriptionString);
+    get experimentalPuzzleDescription(): never;
+    set timestamp(timestamp: TimestampRequest);
+    get timestamp(): never;
+    set hintFacelets(hintFaceletStyle: HintFaceletStyleWithAuto);
+    get hintFacelets(): never;
+    set experimentalStickering(stickering: ExperimentalStickering);
+    get experimentalStickering(): never;
+    set backView(backView: BackViewLayoutWithAuto);
+    get backView(): never;
+    set background(backgroundTheme: BackgroundThemeWithAuto);
+    get background(): never;
+    set controlPanel(newControlPanel: ControlPanelThemeWithAuto);
+    get controlPanel(): never;
+    set visualization(visualizationFormat: VisualizationFormatWithAuto);
+    get visualization(): never;
+    set viewerLink(viewerLinkPage: ViewerLinkPageWithAuto);
+    get viewerLink(): never;
+    set cameraLatitude(latitude: number);
+    get cameraLatitude(): never;
+    set cameraLongitude(longitude: number);
+    get cameraLongitude(): never;
+    set cameraDistance(distance: number);
+    get cameraDistance(): never;
+    set cameraLatitudeLimit(latitudeLimit: number);
+    get cameraLatitudeLimit(): never;
+    set indexer(indexer: IndexerStrategyName);
+    get indexer(): never;
+    set tempoScale(newTempoScale: number);
+    get tempoScale(): never;
+    set experimentalSprite(url: string | URL);
+    get experimentalSprite(): never;
+    set experimentalHintSprite(url: string | URL);
+    get experimentalHintSprite(): never;
+    experimentalGet: ExperimentalGetters;
+}
+declare class ExperimentalGetters {
+    private model;
+    constructor(model: TwistyPlayerModel);
+    alg(): Promise<Alg>;
+    setupAlg(): Promise<Alg>;
+    puzzleID(): Promise<PuzzleID>;
+    timestamp(): Promise<MillisecondTimestamp>;
+}
+export {};
+//# sourceMappingURL=TwistyPlayerSettable.d.ts.map

package/dist/types/twisty/views/TwistyPlayerSettable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwistyPlayerSettable.d.ts","sourceRoot":"","sources":["../../../../src/cubing/twisty/views/TwistyPlayerSettable.ts"],"names":[],"mappings":"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"}

package/dist/types/twisty/views/control-panel/TwistyButtonsV2.d.ts

@@ -0,0 +1,33 @@
+import { ManagedCustomElement } from "../../old/dom/element/ManagedCustomElement";
+import { ButtonAppearances, ButtonIcon } from "../../model/props/viewer/ButtonAppearanceProp";
+import type { TwistyPlayerModel } from "../../model/TwistyPlayerModel";
+import type { TwistyPlayerController } from "../../controllers/TwistyPlayerController";
+declare const buttonCommands: {
+    fullscreen: boolean;
+    "jump-to-start": boolean;
+    "play-step-backwards": boolean;
+    "play-pause": boolean;
+    "play-step": boolean;
+    "jump-to-end": boolean;
+    "twizzle-link": boolean;
+};
+export declare type ButtonCommand = keyof typeof buttonCommands;
+export declare class TwistyButtonsV2 extends ManagedCustomElement {
+    #private;
+    model?: TwistyPlayerModel | undefined;
+    controller?: TwistyPlayerController | undefined;
+    private fullscreenElement?;
+    buttons: Record<ButtonCommand, TwistyButtonV2> | null;
+    constructor(model?: TwistyPlayerModel | undefined, controller?: TwistyPlayerController | undefined, fullscreenElement?: HTMLElement | undefined);
+    connectedCallback(): void;
+    onFullscreenButton(): Promise<void>;
+    update(buttonAppearances: ButtonAppearances): Promise<void>;
+}
+declare class TwistyButtonV2 extends ManagedCustomElement {
+    #private;
+    button: HTMLButtonElement;
+    connectedCallback(): void;
+    setIcon(iconName: ButtonIcon): void;
+}
+export {};
+//# sourceMappingURL=TwistyButtonsV2.d.ts.map

package/dist/types/twisty/views/control-panel/TwistyButtonsV2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwistyButtonsV2.d.ts","sourceRoot":"","sources":["../../../../../src/cubing/twisty/views/control-panel/TwistyButtonsV2.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAElF,OAAO,EACL,iBAAiB,EACjB,UAAU,EAEX,MAAM,+CAA+C,CAAC;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAOvF,QAAA,MAAM,cAAc;;;;;;;;CAQnB,CAAC;AAEF,oBAAY,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAExD,qBAAa,eAAgB,SAAQ,oBAAoB;;IAK9C,KAAK,CAAC;IACN,UAAU,CAAC;IAClB,OAAO,CAAC,iBAAiB,CAAC;IAN5B,OAAO,EAAE,MAAM,CAAC,aAAa,EAAE,cAAc,CAAC,GAAG,IAAI,CAAQ;gBAIpD,KAAK,CAAC,+BAAmB,EACzB,UAAU,CAAC,oCAAwB,EAClC,iBAAiB,CAAC,yBAAa;IAKzC,iBAAiB,IAAI,IAAI;IAqDnB,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAuBnC,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;CAclE;AAID,cAAM,cAAe,SAAQ,oBAAoB;;IAC/C,MAAM,EAAE,iBAAiB,CAAoC;IAE7D,iBAAiB;IAWjB,OAAO,CAAC,QAAQ,EAAE,UAAU,GAAG,IAAI;CAGpC"}

package/dist/types/twisty/views/control-panel/TwistyScrubberV2.d.ts

@@ -0,0 +1,14 @@
+import { ManagedCustomElement } from "../../old/dom/element/ManagedCustomElement";
+import type { DetailedTimelineInfo } from "../../model/props/timeline/DetailedTimelineInfoProp";
+import type { TwistyPlayerModel } from "../../model/TwistyPlayerModel";
+export declare class TwistyScrubberV2 extends ManagedCustomElement {
+    #private;
+    model?: TwistyPlayerModel | undefined;
+    constructor(model?: TwistyPlayerModel | undefined);
+    onDetailedTimelineInfo(detailedTimelineInfo: DetailedTimelineInfo): Promise<void>;
+    connectedCallback(): Promise<void>;
+    inputElem(): Promise<HTMLInputElement>;
+    onInput(e: Event): Promise<void>;
+    slowDown(e: Event, inputElem: HTMLInputElement): Promise<void>;
+}
+//# sourceMappingURL=TwistyScrubberV2.d.ts.map

package/dist/types/twisty/views/control-panel/TwistyScrubberV2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwistyScrubberV2.d.ts","sourceRoot":"","sources":["../../../../../src/cubing/twisty/views/control-panel/TwistyScrubberV2.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAElF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAChG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAkDvE,qBAAa,gBAAiB,SAAQ,oBAAoB;;IACrC,KAAK,CAAC;gBAAN,KAAK,CAAC,+BAAmB;IAItC,sBAAsB,CAC1B,oBAAoB,EAAE,oBAAoB,GACzC,OAAO,CAAC,IAAI,CAAC;IAQV,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAMlC,SAAS,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAiBtC,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAahC,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;CAqCrE"}

package/dist/types/twisty/views/control-panel/webkit-fullscreen.d.ts

@@ -0,0 +1,15 @@
+declare global {
+    interface Document {
+        webkitFullscreenEnabled?: boolean;
+        webkitExitFullscreen?: () => Promise<void>;
+        webkitFullscreenElement?: Element | null;
+    }
+    interface Element {
+        webkitRequestFullscreen: () => Promise<void>;
+    }
+}
+export declare const fullscreenEnabled: boolean;
+export declare function documentExitFullscreen(): Promise<void>;
+export declare function documentFullscreenElement(): Element | null;
+export declare function requestFullscreen(element: Element): Promise<void>;
+//# sourceMappingURL=webkit-fullscreen.d.ts.map

package/dist/types/twisty/views/control-panel/webkit-fullscreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webkit-fullscreen.d.ts","sourceRoot":"","sources":["../../../../../src/cubing/twisty/views/control-panel/webkit-fullscreen.ts"],"names":[],"mappings":"AAIA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,QAAQ;QAChB,uBAAuB,CAAC,EAAE,OAAO,CAAC;QAClC,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;QAC3C,uBAAuB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;KAC1C;IAED,UAAU,OAAO;QACf,uBAAuB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;KAC9C;CACF;AAGD,eAAO,MAAM,iBAAiB,EAAE,OAEe,CAAC;AAEhD,wBAAgB,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC,CAMtD;AAED,wBAAgB,yBAAyB,IAAI,OAAO,GAAG,IAAI,CAM1D;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAMjE"}

package/dist/types/twisty/views/document.d.ts

@@ -0,0 +1,2 @@
+export declare const globalSafeDocument: Document | null;
+//# sourceMappingURL=document.d.ts.map

package/dist/types/twisty/views/document.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"document.d.ts","sourceRoot":"","sources":["../../../../src/cubing/twisty/views/document.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,EAAE,QAAQ,GAAG,IACO,CAAC"}

package/dist/types/twisty/views/screenshot.d.ts

@@ -0,0 +1,12 @@
+import type { TwistyPlayerModel } from "../model/TwistyPlayerModel";
+export interface TwistyPlayerScreenshot {
+    dataURL: string;
+    download: (filename?: string) => Promise<void>;
+}
+export declare function screenshot(model: TwistyPlayerModel, options?: {
+    width: number;
+    height: number;
+}): Promise<TwistyPlayerScreenshot>;
+export declare function getDefaultFilename(model: TwistyPlayerModel): Promise<string>;
+export declare function downloadURL(url: string, name: string, extension?: string): void;
+//# sourceMappingURL=screenshot.d.ts.map

package/dist/types/twisty/views/screenshot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenshot.d.ts","sourceRoot":"","sources":["../../../../src/cubing/twisty/views/screenshot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAIpE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAChD;AAID,wBAAsB,UAAU,CAC9B,KAAK,EAAE,iBAAiB,EACxB,OAAO,CAAC,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC1C,OAAO,CAAC,sBAAsB,CAAC,CAgDjC;AAED,wBAAsB,kBAAkB,CACtC,KAAK,EAAE,iBAAiB,GACvB,OAAO,CAAC,MAAM,CAAC,CAUjB;AAED,wBAAgB,WAAW,CACzB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,SAAS,GAAE,MAAc,GACxB,IAAI,CAKN"}

package/dist/types/vendor/p-lazy/p-lazy.d.ts

@@ -0,0 +1,10 @@
+export declare class PLazy<T> extends Promise<T> {
+    constructor(executor: any);
+    static from(function_: any): PLazy<unknown>;
+    static resolve(value: any): PLazy<unknown>;
+    static reject(error: any): PLazy<unknown>;
+    then(onFulfilled: any, onRejected: any): any;
+    catch(onRejected: any): any;
+}
+export declare function from<T>(function_: any): Promise<T>;
+//# sourceMappingURL=p-lazy.d.ts.map

package/dist/types/vendor/p-lazy/p-lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-lazy.d.ts","sourceRoot":"","sources":["../../../../src/cubing/vendor/p-lazy/p-lazy.ts"],"names":[],"mappings":"AAKA,qBAAa,KAAK,CAAC,CAAC,CAAE,SAAQ,OAAO,CAAC,CAAC,CAAC;gBAC1B,QAAQ,KAAA;IAQpB,MAAM,CAAC,IAAI,CAAC,SAAS,KAAA;IAMrB,MAAM,CAAC,OAAO,CAAC,KAAK,KAAA;IAMpB,MAAM,CAAC,MAAM,CAAC,KAAK,KAAA;IAMnB,IAAI,CAAC,WAAW,KAAA,EAAE,UAAU,KAAA;IAO5B,KAAK,CAAC,UAAU,KAAA;CAMjB;AAED,wBAAgB,IAAI,CAAC,CAAC,EAAE,SAAS,KAAA,GAAG,OAAO,CAAC,CAAC,CAAC,CAI7C"}

package/dist/types/vendor/three/examples/jsm/libs/stats.modified.module.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @author mrdoob / http://mrdoob.com/
+ * ESM conversion by Lucas Garron, 2021-12-21
+ */
+export declare class Stats {
+    mode: number;
+    dom: HTMLDivElement;
+    constructor();
+    addPanel(panel: StatsPanel): StatsPanel;
+    showPanel(id: number): void;
+    beginTime: number;
+    prevTime: number;
+    frames: number;
+    fpsPanel: StatsPanel;
+    msPanel: StatsPanel;
+    memPanel: StatsPanel | null;
+    REVISION: number;
+    begin(): void;
+    end(): number;
+    update(): void;
+}
+export declare class StatsPanel {
+    private name;
+    private fg;
+    private bg;
+    min: number;
+    max: number;
+    dom: HTMLCanvasElement;
+    context: CanvasRenderingContext2D;
+    constructor(name: string, fg: string, bg: string);
+    update(value: number, maxValue: number): void;
+}
+//# sourceMappingURL=stats.modified.module.d.ts.map

package/dist/types/vendor/three/examples/jsm/libs/stats.modified.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stats.modified.module.d.ts","sourceRoot":"","sources":["../../../../../../../src/cubing/vendor/three/examples/jsm/libs/stats.modified.module.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAWH,qBAAa,KAAK;IAChB,IAAI,SAAK;IAET,GAAG,iBAAiC;;IAiBpC,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU;IAKvC,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAS3B,SAAS,SAA+B;IACxC,QAAQ,SAAkB;IAC1B,MAAM,SAAK;IAEX,QAAQ,aAAwD;IAChE,OAAO,aAAuD;IAC9D,QAAQ,oBAEC;IACT,QAAQ,SAAM;IAEd,KAAK;IAIL,GAAG;IAyBH,MAAM;CAGP;AAaD,qBAAa,UAAU;IAKT,OAAO,CAAC,IAAI;IAAU,OAAO,CAAC,EAAE;IAAU,OAAO,CAAC,EAAE;IAJhE,GAAG,SAAY;IACf,GAAG,SAAK;IACR,GAAG,oBAAoC;IACvC,OAAO,2BAA8B;gBACjB,IAAI,EAAE,MAAM,EAAU,EAAE,EAAE,MAAM,EAAU,EAAE,EAAE,MAAM;IAoBxE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;CAiDvC"}

package/docs/cubing/alg/index.html

@@ -35,10 +35,23 @@ console.log(alg.toString());</span>
           </code>
         </div>
         <code class="sample output">
-          <span>Alg {}</span>
+          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span></span>
           <span>&quot;R U R' U R U2' R'&quot;</span>
         </code>
       </div>
+      <p>As a convenience, you can use <code>.log()</code> to view an alg in a JavaScript console (e.g. <a href="https://nodejs.org/en/about/"><code>node</code></a> or <a href="https://developer.chrome.com/docs/devtools/console/javascript/">DevTools</a>). We'll use that for all the examples from now on:</p>
+      <div class="code-demo">
+        <div>
+          <code class="sample">
+            <span>import { Alg } from &quot;cubing/alg&quot;<br>
+<br>
+new Alg(&quot;R U R' U R U2' R'&quot;).log();</span>
+          </code>
+        </div>
+        <code class="sample output">
+          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U R' U R U2' R'&quot;</span>
+        </code>
+      </div>
       <p>Note that this will result in a canonical string for the alg with whitespace collapsed.</p>
       <div class="code-demo">
         <div>
@@ -46,11 +59,11 @@ console.log(alg.toString());</span>
             <span>import { Alg } from &quot;cubing/alg&quot;<br>
 <br>
 const alg = new Alg(&quot;&nbsp;R&nbsp;&nbsp;&nbsp;U&nbsp;R'&nbsp;&nbsp;&nbsp;U&nbsp;R&nbsp;U2'&nbsp;&nbsp;&nbsp;R'&quot;);<br>
-console.log(alg.toString());</span>
+alg.log();</span>
           </code>
         </div>
         <code class="sample output">
-          <span>&quot;R U R' U R U2' R'&quot;</span>
+          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U R' U R U2' R'&quot;</span>
         </code>
       </div>
     </section>
@@ -71,32 +84,33 @@ console.log(alg.toString());</span>
             <span>import { Alg } from &quot;cubing/alg&quot;;<br>
 <br>
 const commutator = new Alg(&quot;[R, [U': L']]&quot;);<br>
-console.log(commutator<b><u>.expand()</u></b>.toString());
+commutator<b><u>.expand()</u></b>.log();
 </span>
           </code>
         </div>
         <code class="sample output">
-          <span>&quot;R U' L' U R' U' L U&quot;</span>
+          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U' L' U R' U' L U&quot;</span>
         </code>
       </div>
       <br>
       <div class="code-demo">
         <div>
+          <!-- TODO: The number of underlines match the number of output lines, which might decivingly imply they match up. Can we make this clear in another way? -->
           <code class="sample">
             <span>import { Alg } from &quot;cubing/alg&quot;;<br>
 const commutator = new Alg(&quot;[R, [U': L']]&quot;);<br>
 <br>
 const niklas = commutator<b><u>.concat(&quot;U'&quot;)</u></b>;<br>
-console.log(niklas.toString());<br>
-console.log(niklas<b><u>.expand()</u></b>.toString());<br>
-console.log(niklas<b><u>.expand().simplify()</u></b>.toString());
+niklas.log();<br>
+niklas<b><u>.expand()</u></b>.log();<br>
+niklas<b><u>.expand().simplify()</u></b>.log();
 </span>
           </code>
         </div>
         <code class="sample output">
-          <span>&quot;[R, [U': L']] U'&quot;</span>
-          <span>&quot;R U' L' U R' U' L U U'&quot;</span>
-          <span>&quot;R U' L' U R' U' L&quot;</span>
+          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;[R, [U': L']] U'&quot;</span>
+          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U' L' U R' U' L U U'&quot;</span>
+          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U' L' U R' U' L&quot;</span>
         </code>
       </div>
       <br>
@@ -107,14 +121,14 @@ console.log(niklas<b><u>.expand().simplify()</u></b>.toString());
 <br>
 const sune = new Alg(&quot;[R U R2', [R: U]]&quot;);<br>
 const antiSune = sune.<b><u>invert()</u></b>;<br>
-console.log(antiSune.toString());<br>
-console.log(antiSune<b><u>.expand()</u></b>.toString());
+antiSune.log();<br>
+antiSune<b><u>.expand()</u></b>.log();
 </span>
           </code>
         </div>
           <code class="sample output">
-            <span>&quot;[[R: U], R U R2']&quot;</span>
-            <span>&quot;R U2 R' U' R U' R'&quot;</span>
+            <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;[[R: U], R U R2']&quot;</span>
+            <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U2 R' U' R U' R'&quot;</span>
           </code>
       </div>
       <br>
@@ -126,16 +140,16 @@ const antiSune = new Alg(&quot;[[R: U], R U R2']&quot;);<br>
 const niklas = new Alg(&quot;[R, [U': L']] U'&quot;);<br>
 <br>
 const jPerm = antiSune<b><u>.concat(niklas)</u></b>;<br>
-console.log(jPerm.toString());<br>
-console.log(jPerm<b><u>.expand()</u></b>.toString());<br>
-console.log(jPerm<b><u>.expand()</u></b>.simplify().toString());
+jPerm.log();<br>
+jPerm<b><u>.expand()</u></b>.log();<br>
+jPerm<b><u>.expand()</u></b>.simplify().log();
 </span>
           </code>
         </div>
         <code class="sample output">
-          <span>&quot;[[R: U], R U R2'] [R, [U': L']] U'&quot;</span>
-          <span>&quot;R U R' R U R2' R U' R' R2 U' R' R U' L' U R' U' L U U'&quot;</span>
-          <span>&quot;R U2 R' U' R U2' L' U R' U' L&quot;</span>
+          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;[[R: U], R U R2'] [R, [U': L']] U'&quot;</span>
+          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U R' R U R2' R U' R' R2 U' R' R U' L' U R' U' L U U'&quot;</span>
+          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;R U2 R' U' R U2' L' U R' U' L&quot;</span>
         </code>
       </div>
       <p><code>.expand()</code> and <code>.simplify()</code> can also take options:</p>
@@ -145,12 +159,12 @@ console.log(jPerm<b><u>.expand()</u></b>.simplify().toString());
             <span>import { Alg } from &quot;cubing/alg&quot;;<br>
 <br>
 const oll = new Alg(&quot;[F: [R, U]]]&quot;);<br>
-console.log(<b><u>oll.expand({depth: 1})</u></b>.toString());<br>
+<b><u>oll.expand({depth: 1})</u></b>.log();<br>
 </span>
           </code>
         </div>
         <code class="sample output">
-          <span>&quot;F [R, U] F'&quot;</span>
+          <span><span class="js-object" title="This will show available methods and internal details of the Alg object, depending on your JS environment.">Alg {}</span> &quot;F [R, U] F'&quot;</span>
         </code>
       </div>
     </section>