@m2c2kit/addons 0.3.16 → 0.3.17

package/dist/index.d.ts

@@ -869,6 +869,172 @@ declare class Instructions extends Story {
     static Create(options: InstructionsOptions): Array<Scene>;
 }
 
+interface CountdownTimerOptions extends CompositeOptions {
+    /** Duration of the countdown, in milliseconds. Must be multiple of 1000. Default is 3000. */
+    milliseconds?: number;
+    /** Duration of each tick interval, in milliseconds. Default is 1000. */
+    tickIntervalMilliseconds?: number;
+    /** Font name for timer text (numbers). */
+    fontName?: string;
+    /** Font size for timer text (numbers). Default is 50. */
+    fontSize?: number;
+    /** Font size for timer text (numbers). Default is white. */
+    fontColor?: RgbaColor;
+    /** String to show when the timer reaches zero. Default is "0". This could be changed to another value, such as "GO!" */
+    zeroString?: string;
+    /** Shape of the timer. Default is a Royal Blue circle with a radius of 100. */
+    timerShape?: TimerShape;
+    /** Default is to center the timer text (numbers) vertically within the timer shape (verticalBias = .5). Setting verticalBias less than .5 will pull the text towards the top of the timer shape. Setting verticalBias greater than .5 will pull the text towards the bottom of the timer shape. */
+    textVerticalBias?: number;
+}
+interface TimerShape {
+    circle?: {
+        /** Radius of the circle timer shape. */
+        radius: number;
+    };
+    rectangle?: {
+        /** Width of the rectangle timer shape. */
+        width: number;
+        /** Height of the rectangle timer shape. */
+        height: number;
+        /** Corner radius of the rectangle timer shape. Default is 0. */
+        cornerRadius?: number;
+    };
+    /** Color of the timer shape. Default is Royal Blue. */
+    fillColor?: RgbaColor;
+}
+interface CountdownTimerEvent extends CompositeEvent {
+    type: "Composite";
+    compositeType: "CountdownTimer";
+    compositeEventType: "CountdownTimerTick" | "CountdownTimerComplete";
+    millisecondsRemaining: number;
+    target: CountdownTimer | string;
+}
+declare class CountdownTimer extends Composite implements CountdownTimerOptions {
+    readonly compositeType = "CountdownTimer";
+    private originalOptions;
+    private _milliseconds;
+    private _tickIntervalMilliseconds;
+    private _fontName;
+    private _fontSize;
+    private _fontColor;
+    private _zeroString;
+    private _timerShape;
+    private _textVerticalBias;
+    private countdownSequence;
+    private timerShapeNode?;
+    private timerNumberLabel?;
+    private _isRunning;
+    private hasStopped;
+    /**
+     * A countdown timer displays a number that counts down to zero.
+     *
+     * @param options
+     */
+    constructor(options: CountdownTimerOptions);
+    get completeNodeOptions(): {
+        /** Duration of the countdown, in milliseconds. Must be multiple of 1000. Default is 3000. */
+        milliseconds?: number;
+        /** Duration of each tick interval, in milliseconds. Default is 1000. */
+        tickIntervalMilliseconds?: number;
+        /** Font name for timer text (numbers). */
+        fontName?: string;
+        /** Font size for timer text (numbers). Default is 50. */
+        fontSize?: number;
+        /** Font size for timer text (numbers). Default is white. */
+        fontColor?: RgbaColor;
+        /** String to show when the timer reaches zero. Default is "0". This could be changed to another value, such as "GO!" */
+        zeroString?: string;
+        /** Shape of the timer. Default is a Royal Blue circle with a radius of 100. */
+        timerShape?: TimerShape;
+        /** Default is to center the timer text (numbers) vertically within the timer shape (verticalBias = .5). Setting verticalBias less than .5 will pull the text towards the top of the timer shape. Setting verticalBias greater than .5 will pull the text towards the bottom of the timer shape. */
+        textVerticalBias?: number;
+        name?: string;
+        position?: _m2c2kit_core.Point;
+        scale?: number;
+        alpha?: number;
+        zRotation?: number;
+        isUserInteractionEnabled?: boolean;
+        draggable?: boolean;
+        hidden?: boolean;
+        layout?: _m2c2kit_core.Layout;
+        uuid?: string;
+        suppressEvents?: boolean;
+        anchorPoint?: _m2c2kit_core.Point;
+        zPosition?: number;
+    };
+    initialize(): void;
+    private tick;
+    /**
+     * Starts the countdown timer.
+     *
+     * @remarks Calling start on a running timer or a stopped timer will raise
+     * an error.
+     */
+    start(): void;
+    /**
+     * Stops the countdown timer.
+     *
+     * @remarks This method is idempotent. Calling stop() on a stopped timer has
+     * no effect and will not raise an error.
+     */
+    stop(): void;
+    /**
+     * Returns true if the countdown timer is running.
+     */
+    get isRunning(): boolean;
+    handleCompositeEvent(event: CountdownTimerEvent): void;
+    /**
+     * Executes a callback when the timer ticks.
+     *
+     * @remarks The callback is also executed when the timer completes.
+     *
+     * @param callback - function to execute
+     * @param options
+     */
+    onTick(callback: (countdownTimerEvent: CountdownTimerEvent) => void, options?: CallbackOptions): void;
+    /**
+     * Executes a callback when the timer completes.
+     *
+     * @remarks This is the last tick of the timer.
+     *
+     * @param callback - function to execute.
+     * @param options
+     */
+    onComplete(callback: (countdownTimerEvent: CountdownTimerEvent) => void, options?: CallbackOptions): void;
+    private addCountdownTimerEventListener;
+    get milliseconds(): number;
+    set milliseconds(milliseconds: number);
+    get tickIntervalMilliseconds(): number;
+    set tickIntervalMilliseconds(tickIntervalMilliseconds: number);
+    get fontColor(): RgbaColor;
+    set fontColor(fontColor: RgbaColor);
+    get fontName(): string | undefined;
+    set fontName(fontName: string | undefined);
+    get fontSize(): number;
+    set fontSize(fontSize: number);
+    get zeroString(): string;
+    set zeroString(zeroString: string);
+    get timerShape(): TimerShape;
+    set timerShape(shape: TimerShape);
+    get textVerticalBias(): number;
+    set textVerticalBias(textVerticalBias: number);
+    /**
+     * Duplicates a node using deep copy.
+     *
+     * @remarks This is a deep recursive clone (node and children).
+     * The uuid property of all duplicated nodes will be newly created,
+     * because uuid must be unique.
+     *
+     * @param newName - optional name of the new, duplicated node. If not
+     * provided, name will be the new uuid
+     */
+    duplicate(newName?: string | undefined): CountdownTimer;
+    update(): void;
+    draw(canvas: Canvas): void;
+    warmup(canvas: Canvas): void;
+}
+
 interface CountdownSceneOptions extends SceneOptions {
     /** Duration of the countdown, in milliseconds. */
     milliseconds: number;
@@ -895,27 +1061,11 @@ interface CountdownSceneOptions extends SceneOptions {
     /** Font size for timer numbers. Default is white. */
     timerNumbersFontColor?: RgbaColor;
     /** String to show when the timer reaches zero. Default is "0". This could be changed to another value, such as "GO!" */
-    timerZeroString?: string;
+    zeroString?: string;
     /** Shape of the timer. Default is a Royal Blue circle with a radius of 100 centered vertically. */
     timerShape?: TimerShape;
-}
-interface TimerShape {
-    circle?: {
-        /** Radius of the circle timer shape. */
-        radius: number;
-    };
-    rectangle?: {
-        /** Width of the rectangle timer shape. */
-        width: number;
-        /** Height of the rectangle timer shape. */
-        height: number;
-        /** Corner radius of the rectangle timer shape. Default is 0. */
-        cornerRadius?: number;
-    };
-    /** Color of the timer shape. Default is Royal Blue. */
-    fillColor?: RgbaColor;
     /** Default is to center the timer shape vertically within the scene (verticalBias = .5). Setting verticalBias less than .5 will pull the shape towards the top. Setting verticalBias greater than .5 will pull the shape towards the bottom. */
-    verticalBias?: number;
+    shapeVerticalBias?: number;
 }
 declare class CountdownScene extends Scene {
     /**
@@ -1081,4 +1231,4 @@ declare class LocalePicker extends Composite {
     duplicate(newName?: string): LocalePicker;
 }
 
-export { Button, type ButtonOptions, CountdownScene, type CountdownSceneOptions, Dialog, type DialogEvent, type DialogOptions, DialogResult, DrawPad, type DrawPadEvent, DrawPadEventType, type DrawPadItem, type DrawPadItemEvent, DrawPadItemEventType, type DrawPadOptions, type DrawPadStroke, Grid, type GridChild, type GridOptions, type InstructionScene, Instructions, type InstructionsOptions, type KeyConfiguration, type KeyTapMetadata, type LocaleOption, LocalePicker, type LocalePickerEvent, type LocalePickerIcon, type LocalePickerOptions, type LocalePickerResult, type StrokeInteraction, type TimerShape, VirtualKeyboard, type VirtualKeyboardEvent, type VirtualKeyboardOptions, type VirtualKeyboardRow };
+export { Button, type ButtonOptions, CountdownScene, type CountdownSceneOptions, CountdownTimer, type CountdownTimerEvent, type CountdownTimerOptions, Dialog, type DialogEvent, type DialogOptions, DialogResult, DrawPad, type DrawPadEvent, DrawPadEventType, type DrawPadItem, type DrawPadItemEvent, DrawPadItemEventType, type DrawPadOptions, type DrawPadStroke, Grid, type GridChild, type GridOptions, type InstructionScene, Instructions, type InstructionsOptions, type KeyConfiguration, type KeyTapMetadata, type LocaleOption, LocalePicker, type LocalePickerEvent, type LocalePickerIcon, type LocalePickerOptions, type LocalePickerResult, type StrokeInteraction, type TimerShape, VirtualKeyboard, type VirtualKeyboardEvent, type VirtualKeyboardOptions, type VirtualKeyboardRow };

package/dist/index.js

@@ -293,18 +293,16 @@ class Grid extends Composite {
   set gridChildren(gridChildren) {
     this._gridChildren = gridChildren;
     this.needsInitialization = true;
-    if (this.game.eventStore.mode === EventStoreMode.Record) {
-      this.savePropertyChangeEvent(
-        "gridChildren",
-        this.gridChildren.map(
-          (gridChild) => ({
-            node: gridChild.node.uuid,
-            row: gridChild.row,
-            column: gridChild.column
-          })
-        )
-      );
-    }
+    this.savePropertyChangeEvent(
+      "gridChildren",
+      this.gridChildren.map(
+        (gridChild) => ({
+          node: gridChild.node.uuid,
+          row: gridChild.row,
+          column: gridChild.column
+        })
+      )
+    );
   }
   /**
    * Removes all grid children from the grid.
@@ -2398,7 +2396,7 @@ class CountdownScene extends Scene {
             bottomToBottomOf: this,
             startToStartOf: this,
             endToEndOf: this,
-            verticalBias: options?.timerShape?.verticalBias ?? 0.5
+            verticalBias: options?.shapeVerticalBias ?? 0.5
           }
         },
         fillColor: options?.timerShape?.fillColor ?? WebColors.RoyalBlue
@@ -2417,7 +2415,7 @@ class CountdownScene extends Scene {
             bottomToBottomOf: this,
             startToStartOf: this,
             endToEndOf: this,
-            verticalBias: options?.timerShape?.verticalBias ?? 0.5
+            verticalBias: options.shapeVerticalBias ?? 0.5
           }
         },
         fillColor: options?.timerShape?.fillColor ?? WebColors.RoyalBlue
@@ -2465,7 +2463,7 @@ class CountdownScene extends Scene {
     countdownSequence.push(
       Action.custom({
         callback: () => {
-          timerNumberLabel.text = options?.timerZeroString ?? "0";
+          timerNumberLabel.text = options?.zeroString ?? "0";
         }
       })
     );
@@ -2965,7 +2963,394 @@ class LocalePicker extends Composite {
   }
 }
 
-console.log("\u26AA @m2c2kit/addons version 0.3.16 (0679492d)");
+class CountdownTimer extends Composite {
+  /**
+   * A countdown timer displays a number that counts down to zero.
+   *
+   * @param options
+   */
+  constructor(options) {
+    super(options);
+    this.compositeType = "CountdownTimer";
+    this._milliseconds = 3e3;
+    this._tickIntervalMilliseconds = 1e3;
+    this._fontSize = 50;
+    this._fontColor = WebColors.White;
+    this._zeroString = "0";
+    this._timerShape = {
+      circle: {
+        radius: 100
+      },
+      fillColor: WebColors.RoyalBlue
+    };
+    this._textVerticalBias = 0.5;
+    this.countdownSequence = new Array();
+    this._isRunning = false;
+    this.hasStopped = false;
+    this.originalOptions = JSON.parse(JSON.stringify(options));
+    if (options.milliseconds) {
+      this.milliseconds = options.milliseconds;
+    }
+    if (options.tickIntervalMilliseconds) {
+      this.tickIntervalMilliseconds = options.tickIntervalMilliseconds;
+    }
+    if (options.fontName) {
+      this.fontName = options.fontName;
+    }
+    if (options.fontSize !== void 0) {
+      this.fontSize = options.fontSize;
+    }
+    if (options.fontColor) {
+      this.fontColor = options.fontColor;
+    }
+    if (options.zeroString !== void 0) {
+      this.zeroString = options.zeroString;
+    }
+    if (options.timerShape) {
+      this.timerShape = options.timerShape;
+    }
+    if (options.textVerticalBias !== void 0) {
+      this.textVerticalBias = options.textVerticalBias;
+    }
+    this.saveNodeNewEvent();
+  }
+  get completeNodeOptions() {
+    return {
+      ...this.options,
+      ...this.getNodeOptions(),
+      ...this.getDrawableOptions(),
+      ...this.originalOptions
+    };
+  }
+  initialize() {
+    this.removeAllChildren();
+    if (this.timerShape?.circle === void 0 && this.timerShape?.rectangle === void 0 || this.timerShape?.circle !== void 0) {
+      this.timerShapeNode = new Shape({
+        circleOfRadius: this.timerShape.circle?.radius ?? 100,
+        fillColor: this.timerShape?.fillColor ?? WebColors.RoyalBlue
+      });
+      this.addChild(this.timerShapeNode);
+    } else if (this.timerShape?.rectangle !== void 0) {
+      this.timerShapeNode = new Shape({
+        rect: {
+          width: this.timerShape?.rectangle?.width ?? 200,
+          height: this.timerShape?.rectangle?.height ?? 200
+        },
+        cornerRadius: this.timerShape?.rectangle?.cornerRadius,
+        fillColor: this.timerShape?.fillColor ?? WebColors.RoyalBlue
+      });
+      this.addChild(this.timerShapeNode);
+    } else {
+      throw new Error("Invalid timer shape options.");
+    }
+    this.size = this.timerShapeNode.size;
+    if (this.milliseconds % 1e3 !== 0) {
+      throw new Error(
+        "CountdownTimer milliseconds must be a multiple of 1000."
+      );
+    }
+    const timerInitialNumber = Math.floor(this.milliseconds / 1e3);
+    this.timerNumberLabel = new Label({
+      text: timerInitialNumber.toString(),
+      fontSize: this.fontSize,
+      fontName: this._fontName,
+      fontColor: this.fontColor,
+      layout: {
+        constraints: {
+          topToTopOf: this.timerShapeNode,
+          bottomToBottomOf: this.timerShapeNode,
+          startToStartOf: this.timerShapeNode,
+          endToEndOf: this.timerShapeNode,
+          verticalBias: this.textVerticalBias
+        }
+      }
+    });
+    this.timerShapeNode.addChild(this.timerNumberLabel);
+    this.countdownSequence = new Array();
+    for (let i = this.milliseconds; i > this.tickIntervalMilliseconds; i = i - this.tickIntervalMilliseconds) {
+      this.countdownSequence.push(
+        Action.wait({ duration: this.tickIntervalMilliseconds })
+      );
+      this.countdownSequence.push(
+        Action.custom({
+          callback: () => {
+            this.tick(i - this.tickIntervalMilliseconds);
+          }
+        })
+      );
+    }
+    this.countdownSequence.push(
+      Action.wait({ duration: this.tickIntervalMilliseconds })
+    );
+    this.countdownSequence.push(
+      Action.custom({
+        callback: () => {
+          this.tick(0);
+          const countdownTimerEvent = {
+            type: M2EventType.Composite,
+            compositeType: this.compositeType,
+            compositeEventType: "CountdownTimerComplete",
+            target: this,
+            handled: false,
+            millisecondsRemaining: 0,
+            ...M2c2KitHelpers.createTimestamps()
+          };
+          this.handleCompositeEvent(countdownTimerEvent);
+          this.saveEvent(countdownTimerEvent);
+          if (this.eventListeners.length > 0) {
+            this.eventListeners.filter(
+              (listener) => listener.type === M2EventType.Composite && listener.compositeType === "CountdownTimer" && listener.compositeEventType === "CountdownTimerComplete"
+            ).forEach((listener) => {
+              listener.callback(countdownTimerEvent);
+            });
+          }
+        }
+      })
+    );
+    this.needsInitialization = false;
+  }
+  tick(millisecondsRemaining) {
+    const countdownTimerEvent = {
+      type: M2EventType.Composite,
+      compositeType: this.compositeType,
+      compositeEventType: "CountdownTimerTick",
+      target: this,
+      handled: false,
+      millisecondsRemaining,
+      ...M2c2KitHelpers.createTimestamps()
+    };
+    this.handleCompositeEvent(countdownTimerEvent);
+    this.saveEvent(countdownTimerEvent);
+    if (this.eventListeners.length > 0) {
+      this.eventListeners.filter(
+        (listener) => listener.type === M2EventType.Composite && listener.compositeType === "CountdownTimer" && listener.compositeEventType === "CountdownTimerTick"
+      ).forEach((listener) => {
+        listener.callback(countdownTimerEvent);
+      });
+    }
+  }
+  /**
+   * Starts the countdown timer.
+   *
+   * @remarks Calling start on a running timer or a stopped timer will raise
+   * an error.
+   */
+  start() {
+    if (this.isRunning) {
+      throw new Error("CountdownTimer: cannot start. It is already running.");
+    }
+    if (this.hasStopped) {
+      throw new Error(
+        "CountdownTimer: It has stopped. You cannot start a stopped CountdownTimer. Instead, create a new CountdownTimer."
+      );
+    }
+    this.run(
+      Action.sequence(this.countdownSequence),
+      "__countdownSequenceAction"
+    );
+    this._isRunning = true;
+  }
+  /**
+   * Stops the countdown timer.
+   *
+   * @remarks This method is idempotent. Calling stop() on a stopped timer has
+   * no effect and will not raise an error.
+   */
+  stop() {
+    if (this.isRunning) {
+      this.removeAction("__countdownSequenceAction");
+      this._isRunning = false;
+      this.hasStopped = true;
+    }
+  }
+  /**
+   * Returns true if the countdown timer is running.
+   */
+  get isRunning() {
+    return this._isRunning;
+  }
+  handleCompositeEvent(event) {
+    if (!this.timerNumberLabel) {
+      throw new Error("Timer number label not found.");
+    }
+    switch (event.compositeEventType) {
+      case "CountdownTimerTick": {
+        this.timerNumberLabel.text = Math.ceil(
+          event.millisecondsRemaining / 1e3
+        ).toString();
+        break;
+      }
+      case "CountdownTimerComplete": {
+        this.timerNumberLabel.text = this.zeroString;
+        break;
+      }
+      default:
+        throw new Error(
+          `Invalid TimerCountdown event type: ${event.compositeEventType}`
+        );
+    }
+  }
+  /**
+   * Executes a callback when the timer ticks.
+   *
+   * @remarks The callback is also executed when the timer completes.
+   *
+   * @param callback - function to execute
+   * @param options
+   */
+  onTick(callback, options) {
+    const eventListener = {
+      type: M2EventType.Composite,
+      compositeEventType: "CountdownTimerTick",
+      compositeType: this.compositeType,
+      nodeUuid: this.uuid,
+      callback
+    };
+    this.addCountdownTimerEventListener(eventListener, options);
+  }
+  /**
+   * Executes a callback when the timer completes.
+   *
+   * @remarks This is the last tick of the timer.
+   *
+   * @param callback - function to execute.
+   * @param options
+   */
+  onComplete(callback, options) {
+    const eventListener = {
+      type: M2EventType.Composite,
+      compositeEventType: "CountdownTimerComplete",
+      compositeType: this.compositeType,
+      nodeUuid: this.uuid,
+      callback
+    };
+    this.addCountdownTimerEventListener(eventListener, options);
+  }
+  addCountdownTimerEventListener(eventListener, options) {
+    if (options?.replaceExisting) {
+      this.eventListeners = this.eventListeners.filter(
+        (listener) => !(listener.nodeUuid === eventListener.nodeUuid && listener.type === eventListener.type && listener.compositeType === eventListener.compositeType)
+      );
+    }
+    this.eventListeners.push(eventListener);
+  }
+  get milliseconds() {
+    return this._milliseconds;
+  }
+  set milliseconds(milliseconds) {
+    if (Equal.value(this._milliseconds, milliseconds)) {
+      return;
+    }
+    this._milliseconds = milliseconds;
+    this.savePropertyChangeEvent("milliseconds", milliseconds);
+  }
+  get tickIntervalMilliseconds() {
+    return this._tickIntervalMilliseconds;
+  }
+  set tickIntervalMilliseconds(tickIntervalMilliseconds) {
+    if (Equal.value(this._tickIntervalMilliseconds, tickIntervalMilliseconds)) {
+      return;
+    }
+    this._tickIntervalMilliseconds = tickIntervalMilliseconds;
+    this.savePropertyChangeEvent(
+      "tickIntervalMilliseconds",
+      tickIntervalMilliseconds
+    );
+  }
+  get fontColor() {
+    return this._fontColor;
+  }
+  set fontColor(fontColor) {
+    if (Equal.value(this._fontColor, fontColor)) {
+      return;
+    }
+    this._fontColor = fontColor;
+    this.needsInitialization = true;
+    this.savePropertyChangeEvent("fontColor", fontColor);
+  }
+  get fontName() {
+    return this._fontName;
+  }
+  set fontName(fontName) {
+    if (this._fontName === fontName) {
+      return;
+    }
+    this._fontName = fontName;
+    this.needsInitialization = true;
+    this.savePropertyChangeEvent("fontName", fontName);
+  }
+  get fontSize() {
+    return this._fontSize;
+  }
+  set fontSize(fontSize) {
+    if (Equal.value(this._fontSize, fontSize)) {
+      return;
+    }
+    this._fontSize = fontSize;
+    this.needsInitialization = true;
+    this.savePropertyChangeEvent("fontSize", fontSize);
+  }
+  get zeroString() {
+    return this._zeroString;
+  }
+  set zeroString(zeroString) {
+    if (this._zeroString === zeroString) {
+      return;
+    }
+    this._zeroString = zeroString;
+    this.savePropertyChangeEvent("zeroString", zeroString);
+  }
+  get timerShape() {
+    return this._timerShape;
+  }
+  set timerShape(shape) {
+    if (Equal.value(this._timerShape, shape)) {
+      return;
+    }
+    this._timerShape = shape;
+    this.savePropertyChangeEvent("timerShape", shape);
+  }
+  get textVerticalBias() {
+    return this._textVerticalBias;
+  }
+  set textVerticalBias(textVerticalBias) {
+    if (Equal.value(this._textVerticalBias, textVerticalBias)) {
+      return;
+    }
+    this._textVerticalBias = textVerticalBias;
+    this.savePropertyChangeEvent("textVerticalBias", textVerticalBias);
+  }
+  /**
+   * Duplicates a node using deep copy.
+   *
+   * @remarks This is a deep recursive clone (node and children).
+   * The uuid property of all duplicated nodes will be newly created,
+   * because uuid must be unique.
+   *
+   * @param newName - optional name of the new, duplicated node. If not
+   * provided, name will be the new uuid
+   */
+  duplicate(newName) {
+    throw new Error(`Method not implemented. ${newName}`);
+  }
+  update() {
+    super.update();
+  }
+  draw(canvas) {
+    super.drawChildren(canvas);
+  }
+  warmup(canvas) {
+    this.initialize();
+    this.children.filter((child) => child.isDrawable).forEach((child) => {
+      child.warmup(canvas);
+    });
+  }
+}
+M2c2KitHelpers.registerM2NodeClass(
+  CountdownTimer
+);
+
+console.log("\u26AA @m2c2kit/addons version 0.3.17 (faa531ea)");
 
-export { Button, CountdownScene, Dialog, DialogResult, DrawPad, DrawPadEventType, DrawPadItemEventType, Grid, Instructions, LocalePicker, VirtualKeyboard };
+export { Button, CountdownScene, CountdownTimer, Dialog, DialogResult, DrawPad, DrawPadEventType, DrawPadItemEventType, Grid, Instructions, LocalePicker, VirtualKeyboard };
 //# sourceMappingURL=index.js.map