@m2c2kit/addons 0.3.16 → 0.3.18

package/dist/index.d.ts

@@ -869,6 +869,181 @@ 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 timer whose state is running (already started)
+     * or stopped 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. This can be called on a
+     * CountdownTimer in any state.
+     */
+    stop(): void;
+    /**
+     * Resets the countdown timer to its initial state so it can be started
+     * again.
+     *
+     * @remarks This method is idempotent. Calling reset() multiple times will
+     * not raise an error. This can be called on a CountdownTimer in any state.
+     */
+    reset(): 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 +1070,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 +1240,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,419 @@ 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();
+    this._isRunning = false;
+    this.hasStopped = false;
+    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,
+        suppressEvents: true
+      });
+      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,
+        suppressEvents: true
+      });
+      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
+        }
+      },
+      suppressEvents: true
+    });
+    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 timer whose state is running (already started)
+   * or stopped 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 or call CountdownTimer.reset() before starting."
+      );
+    }
+    if (this.needsInitialization) {
+      this.initialize();
+    }
+    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. This can be called on a
+   * CountdownTimer in any state.
+   */
+  stop() {
+    if (this.isRunning) {
+      this.removeAction("__countdownSequenceAction");
+      this._isRunning = false;
+      this.hasStopped = true;
+    }
+  }
+  /**
+   * Resets the countdown timer to its initial state so it can be started
+   * again.
+   *
+   * @remarks This method is idempotent. Calling reset() multiple times will
+   * not raise an error. This can be called on a CountdownTimer in any state.
+   */
+  reset() {
+    this.stop();
+    this.initialize();
+  }
+  /**
+   * 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.needsInitialization = true;
+    this.savePropertyChangeEvent("milliseconds", milliseconds);
+  }
+  get tickIntervalMilliseconds() {
+    return this._tickIntervalMilliseconds;
+  }
+  set tickIntervalMilliseconds(tickIntervalMilliseconds) {
+    if (Equal.value(this._tickIntervalMilliseconds, tickIntervalMilliseconds)) {
+      return;
+    }
+    this._tickIntervalMilliseconds = tickIntervalMilliseconds;
+    this.needsInitialization = true;
+    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.needsInitialization = true;
+    this.savePropertyChangeEvent("zeroString", zeroString);
+  }
+  get timerShape() {
+    return this._timerShape;
+  }
+  set timerShape(shape) {
+    if (Equal.value(this._timerShape, shape)) {
+      return;
+    }
+    this._timerShape = shape;
+    this.needsInitialization = true;
+    this.savePropertyChangeEvent("timerShape", shape);
+  }
+  get textVerticalBias() {
+    return this._textVerticalBias;
+  }
+  set textVerticalBias(textVerticalBias) {
+    if (Equal.value(this._textVerticalBias, textVerticalBias)) {
+      return;
+    }
+    this._textVerticalBias = textVerticalBias;
+    this.needsInitialization = true;
+    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.18 (b6c9faab)");
 
-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