@sbb-esta/lyne-elements-experimental 5.3.0 → 5.4.0

package/development/easter-egg/easter-egg.component.d.ts

@@ -0,0 +1,80 @@
+import { type SbbElementType } from '@sbb-esta/lyne-elements/core.js';
+import { SbbDialogElement } from '@sbb-esta/lyne-elements/dialog.pure.js';
+import { type CSSResultGroup, type TemplateResult } from 'lit';
+/**
+ * A hidden easter egg dialog rendering a canvas-based Snake game.
+ *
+ * Use the inherited `open()`, `close()` methods and the `isOpen` getter
+ * to control the dialog. The dialog can also be triggered from any element
+ * via the inherited `trigger` id-reference attribute. Score is exposed via
+ * the readonly `score` getter.
+ */
+export declare class SbbEasterEggElement extends SbbDialogElement {
+    static readonly elementName: string;
+    static elementDependencies: SbbElementType[];
+    static styles: CSSResultGroup;
+    /** The current game score (number of food items eaten in the current run). */
+    get score(): number;
+    /** The highest score reached in the current dialog session. Reset on close. */
+    get highScore(): number;
+    private accessor _score;
+    private accessor _highScore;
+    private accessor _gameOver;
+    private accessor _started;
+    private _canvas;
+    private _ctx;
+    private _cellSize;
+    private _snake;
+    private _currentDir;
+    private _nextDir;
+    private _snakePresence;
+    private _foodPixel;
+    private _currentFoodIndex;
+    private _currentSpeed;
+    private _timerId;
+    private _touchStart;
+    private _touchEnd;
+    private _trainImages;
+    private _foodImages;
+    private _gridImage;
+    private _imagesReady;
+    private _openAbortController;
+    private _prevTailCell;
+    private _ateFoodThisFrame;
+    private _needsFullRedraw;
+    constructor();
+    disconnectedCallback(): void;
+    protected handleOpening(): void;
+    protected handleClosing(): void;
+    private _initGame;
+    private _loadImage;
+    private _attachInputListeners;
+    private _onTouchStart;
+    private _onTouchEnd;
+    private _handleSwipe;
+    private _onKeydown;
+    private _applyDirectionKey;
+    private _resetGame;
+    private _handleStartClick;
+    private _startGame;
+    private _stopGame;
+    private _setGameOver;
+    private _focusStartButton;
+    private _updatePoints;
+    private _hasCollided;
+    private _placeFood;
+    private _isReverse;
+    private _idx;
+    private _getSecondSnakeCellDir;
+    private _update;
+    private _clearTile;
+    private _draw;
+    private _getTrainHeadDir;
+    private _getTrainTailDir;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-easter-egg': SbbEasterEggElement;
+    }
+}

package/development/easter-egg/i18n.d.ts

@@ -0,0 +1,10 @@
+/** Localized dialog title. */
+export declare const i18nSnakeTitle: Record<string, string>;
+/** Localized label shown next to the current score value. */
+export declare const i18nSnakeScore: Record<string, string>;
+/** Localized label shown next to the current session's high score value. */
+export declare const i18nSnakeHighScore: Record<string, string>;
+/** Localized label for the button that starts the game. */
+export declare const i18nSnakeStart: Record<string, string>;
+/** Localized label for the button that restarts the game after game-over. */
+export declare const i18nSnakeRestart: Record<string, string>;

package/development/easter-egg/svgs.d.ts

@@ -0,0 +1,10 @@
+/** The game board (grid) background image. */
+export declare const gridSvgUrl: string;
+/**
+ * The 14 train sprite images, indexed the same way as the original snake.js
+ * spritesheet: 0/1 straight body segments, 2..5 corner pieces, 6..9 heads,
+ * 10..13 tails.
+ */
+export declare const trainSvgUrls: readonly string[];
+/** The 8 food sprite images. */
+export declare const foodSvgUrls: readonly string[];

package/development/easter-egg.d.ts

@@ -0,0 +1 @@
+export * from './easter-egg.pure.ts';

package/development/easter-egg.js

@@ -0,0 +1,9 @@
+import { SbbEasterEggElement } from "./easter-egg.pure.js";
+
+export * from "./easter-egg.pure.js"
+
+//#region src/elements-experimental/easter-egg.ts
+/** @entrypoint */
+SbbEasterEggElement.define();
+
+//#endregion

package/development/easter-egg.pure.d.ts

@@ -0,0 +1,2 @@
+/** @entrypoint */
+export * from './easter-egg/easter-egg.component.ts';