pixi-watchface-engine 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Pixi Watchface Engine Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,257 @@
+# Pixi Watchface Editor Engine
+
+A standalone PixiJS v8 watchface editor library with a visual editor, plugin system, and intuitive developer API. Framework-agnostic (works with Svelte, React, vanilla JS).
+
+## Features
+
+- 🎨 **Visual Editor** — Click, drag, resize, rotate watchface elements
+- 🔌 **Plugin System** — Grid, autosave, undo/redo, keyboard shortcuts
+- 📦 **Rich Elements** — Text, images, shapes (line, circle, rectangle, arc)
+- ⚙️ **Fill Percentage** — Configurable fill direction for shape elements
+- ✏️ **Reactive Properties** — Setting `element.x = 500` auto-updates the canvas
+- 🔄 **Full Serialization** — Export/import watchfaces as JSON
+- ⌨️ **Keyboard Shortcuts** — Cmd/Ctrl-aware (macOS/Windows), copy/paste, undo/redo
+- 🎯 **Z-Ordering** — Bring to front, send to back
+- 📋 **Multi-Select** — Click, Shift+Click, drag-to-select marquee
+
+## Quick Start
+
+```typescript
+import {
+  WatchfaceEngine,
+  TextElement,
+  ShapeElement,
+  GridPlugin,
+  UndoRedoPlugin,
+  KeyboardShortcutsPlugin,
+} from 'pixi-watchface-engine';
+
+const engine = new WatchfaceEngine();
+await engine.init(document.getElementById('canvas')!, {
+  width: 400,
+  height: 400,
+  background: 0x1a1a2e,
+});
+
+// Register plugins
+engine.plugins.register(new GridPlugin({ snapEnabled: true }));
+engine.plugins.register(new UndoRedoPlugin());
+engine.plugins.register(new KeyboardShortcutsPlugin());
+
+// Add elements
+const text = new TextElement('12:00', 150, 170, { fontSize: 48 });
+engine.elements.add(text);
+
+const battery = ShapeElement.rectangle(160, 350, 80, 12);
+battery.fillPercentage = 75;
+battery.foregroundColor = 0x00ff88;
+engine.elements.add(battery);
+
+// Reactive updates
+text.x = 160;  // Auto-updates canvas
+battery.fillPercentage = 50;
+```
+
+## Elements
+
+### TextElement
+```typescript
+const text = new TextElement('Hello', x, y, {
+  fontFamily: 'Arial',
+  fontSize: 24,
+  fontWeight: 'bold',
+  align: 'center',
+  color: 0xffffff,
+});
+```
+
+### ImageElement
+```typescript
+const image = new ImageElement('/assets/logo.png', x, y);
+image.width = 100;
+image.height = 100;
+```
+
+### ShapeElement
+```typescript
+ShapeElement.line(x1, y1, x2, y2);
+ShapeElement.circle(cx, cy, radius);
+ShapeElement.rectangle(x, y, width, height);
+ShapeElement.arc(cx, cy, radius, startAngle, endAngle);
+
+// Shape properties
+shape.foregroundColor = 0xffffff;
+shape.backgroundColor = 0x333333;
+shape.fillPercentage = 75;  // 0-100
+shape.fillDirection = 'left-to-right';  // or right-to-left, top-to-bottom, bottom-to-top
+shape.strokeWidth = 2;  // for lines and arcs
+```
+
+## Selection & Transformation
+
+**Programmatically:**
+```typescript
+engine.selection.select(element);
+engine.selection.selectAll();
+engine.selection.deleteSelected();
+engine.selection.copySelected();
+engine.selection.pasteClipboard();
+engine.selection.nudgeSelected(dx, dy);
+```
+
+**User interactions:**
+- Click to select
+- Shift+Click to toggle
+- Drag to select multiple (marquee)
+- Drag element to move
+- Drag corner handle to resize
+- Drag rotation handle to rotate
+- Ctrl/Cmd+C/V for copy/paste
+- Delete/Backspace to delete
+- Arrow keys to nudge
+- Ctrl/Cmd+Z/Shift+Z for undo/redo
+
+## Z-Ordering
+```typescript
+engine.zOrder.bringToFront(element);
+engine.zOrder.sendToBack(element);
+engine.zOrder.moveForward(element);
+engine.zOrder.moveBackward(element);
+```
+
+## Serialization
+```typescript
+// Export
+const json = engine.serialization.serialize();
+localStorage.setItem('watchface', json);
+
+// Import
+await engine.serialization.deserialize(json);
+```
+
+## Plugins
+
+### GridPlugin
+```typescript
+engine.plugins.register(new GridPlugin({
+  cellSize: 20,
+  color: 0x444444,
+  opacity: 0.3,
+  snapEnabled: false,
+  visible: true,
+}));
+```
+
+### AutosavePlugin
+```typescript
+engine.plugins.register(new AutosavePlugin({
+  intervalMs: 30000,
+  onSave: async (json) => { /* save */ },
+}));
+```
+
+### UndoRedoPlugin
+```typescript
+engine.plugins.register(new UndoRedoPlugin({ maxHistory: 100 }));
+const ur = engine.plugins.get('undoredo');
+ur.undo();
+ur.redo();
+```
+
+### KeyboardShortcutsPlugin
+```typescript
+engine.plugins.register(new KeyboardShortcutsPlugin());
+// Automatically handles Cmd on macOS, Ctrl elsewhere
+```
+
+### Custom Plugins
+```typescript
+class MyPlugin implements Plugin {
+  readonly name = 'my-plugin';
+  init(engine: WatchfaceEngine) { /* setup */ }
+  destroy() { /* cleanup */ }
+  update?(deltaTime: number) { /* per-frame */ }
+}
+```
+
+## Events
+```typescript
+engine.eventBus.on('element:added', ({ element }) => {});
+engine.eventBus.on('element:changed', ({ element, property, oldValue, newValue }) => {});
+engine.eventBus.on('selection:changed', ({ selected }) => {});
+engine.eventBus.on('interaction:dragMove', ({ elements, dx, dy }) => {});
+engine.eventBus.on('state:saved', ({ json }) => {});
+engine.eventBus.on('state:loaded', ({ json }) => {});
+engine.eventBus.on('action:performed', ({ action }) => {});
+// ... and more
+```
+
+## API Reference
+
+### WatchfaceEngine
+```typescript
+app: Application;
+eventBus: EventBus;
+elements: ElementManager;
+selection: SelectionManager;
+plugins: PluginManager;
+serialization: SerializationManager;
+zOrder: ZOrderManager;
+
+async init(container: HTMLDivElement, options: WatchfaceEngineOptions): Promise<void>;
+destroy(): void;
+```
+
+### Element Properties
+```typescript
+// All elements have
+x: number;
+y: number;
+rotation: number;        // radians
+zIndex: number;
+visible: boolean;
+interactable: boolean;   // false = not selectable
+opacity: number;         // 0-1
+width: number;           // element-specific
+height: number;          // element-specific
+```
+
+### Engine Options
+```typescript
+interface WatchfaceEngineOptions {
+  width: number;
+  height: number;
+  background?: string | number;
+  selectionHandleColor?: number;
+  selectionHandleFillColor?: number;
+  selectionHandleSize?: number;
+}
+```
+
+## Svelte Integration
+
+```svelte
+<script lang="ts">
+  import { WatchfaceEngine, TextElement, ShapeElement } from 'pixi-watchface-engine';
+  
+  let canvasContainer: HTMLDivElement;
+  
+  onMount(async () => {
+    const engine = new WatchfaceEngine();
+    await engine.init(canvasContainer, { width: 400, height: 400 });
+    
+    const text = new TextElement('Hello', 100, 100);
+    engine.elements.add(text);
+  });
+</script>
+
+<div bind:this={canvasContainer} class="canvas"></div>
+
+<style>
+  .canvas { width: 400px; height: 400px; }
+</style>
+```
+
+## License
+
+MIT

package/dist/EventBus.d.ts

@@ -0,0 +1,73 @@
+import type { BaseElement } from './elements/BaseElement.ts';
+import type { UndoableAction } from './types.ts';
+export interface EngineEventMap {
+    'engine:ready': void;
+    'engine:destroy': void;
+    'element:added': {
+        element: BaseElement;
+    };
+    'element:removed': {
+        element: BaseElement;
+    };
+    'element:changed': {
+        element: BaseElement;
+        property: string;
+        oldValue: unknown;
+        newValue: unknown;
+    };
+    'element:zChanged': {
+        element: BaseElement;
+        oldZ: number;
+        newZ: number;
+    };
+    'selection:changed': {
+        selected: BaseElement[];
+    };
+    'selection:cleared': void;
+    'interaction:dragStart': {
+        element: BaseElement;
+        position: {
+            x: number;
+            y: number;
+        };
+    };
+    'interaction:dragMove': {
+        elements: BaseElement[];
+        dx: number;
+        dy: number;
+    };
+    'interaction:dragEnd': {
+        elements: BaseElement[];
+    };
+    'interaction:resizeStart': {
+        element: BaseElement;
+    };
+    'interaction:resizeEnd': {
+        element: BaseElement;
+    };
+    'interaction:rotateStart': {
+        element: BaseElement;
+    };
+    'interaction:rotateEnd': {
+        element: BaseElement;
+    };
+    'action:performed': {
+        action: UndoableAction;
+    };
+    'state:saved': {
+        json: string;
+    };
+    'state:loaded': {
+        json: string;
+    };
+}
+type Handler<T> = T extends void ? () => void : (data: T) => void;
+export declare class EventBus {
+    private listeners;
+    on<K extends keyof EngineEventMap>(event: K, handler: Handler<EngineEventMap[K]>): () => void;
+    emit<K extends keyof EngineEventMap>(event: K, ...args: EngineEventMap[K] extends void ? [] : [EngineEventMap[K]]): void;
+    off<K extends keyof EngineEventMap>(event: K, handler: Handler<EngineEventMap[K]>): void;
+    removeAllListeners(): void;
+}
+export {};
+//# sourceMappingURL=EventBus.d.ts.map

package/dist/EventBus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventBus.d.ts","sourceRoot":"","sources":["../src/EventBus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,IAAI,CAAC;IACrB,gBAAgB,EAAE,IAAI,CAAC;IAEvB,eAAe,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC;IAC1C,iBAAiB,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC;IAC5C,iBAAiB,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;IACpG,kBAAkB,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAEzE,mBAAmB,EAAE;QAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;KAAE,CAAC;IACjD,mBAAmB,EAAE,IAAI,CAAC;IAE1B,uBAAuB,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACtF,sBAAsB,EAAE;QAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5E,qBAAqB,EAAE;QAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;KAAE,CAAC;IACnD,yBAAyB,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC;IACpD,uBAAuB,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC;IAClD,yBAAyB,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC;IACpD,uBAAuB,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC;IAElD,kBAAkB,EAAE;QAAE,MAAM,EAAE,cAAc,CAAA;KAAE,CAAC;IAE/C,aAAa,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC,cAAc,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAClC;AAED,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;AAElE,qBAAa,QAAQ;IACnB,OAAO,CAAC,SAAS,CAAoC;IAErD,EAAE,CAAC,CAAC,SAAS,MAAM,cAAc,EAC/B,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAClC,MAAM,IAAI;IAQb,IAAI,CAAC,CAAC,SAAS,MAAM,cAAc,EACjC,KAAK,EAAE,CAAC,EACR,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GACjE,IAAI;IAIP,GAAG,CAAC,CAAC,SAAS,MAAM,cAAc,EAChC,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAClC,IAAI;IAIP,kBAAkB,IAAI,IAAI;CAG3B"}

package/dist/WatchfaceEngine.d.ts

@@ -0,0 +1,43 @@
+import { Application, Container } from 'pixi.js';
+import { EventBus } from './EventBus.ts';
+import { ElementManager } from './managers/ElementManager.ts';
+import { ZOrderManager } from './managers/ZOrderManager.ts';
+import { SerializationManager } from './managers/SerializationManager.ts';
+import { SelectionManager } from './selection/SelectionManager.ts';
+import { PluginManager } from './plugins/PluginManager.ts';
+export interface WatchfaceEngineOptions {
+    width: number;
+    height: number;
+    background?: string | number;
+    selectionHandleColor?: number;
+    selectionHandleFillColor?: number;
+    selectionHandleSize?: number;
+}
+export declare class WatchfaceEngine {
+    readonly app: Application;
+    readonly eventBus: EventBus;
+    readonly elements: ElementManager;
+    readonly selection: SelectionManager;
+    readonly plugins: PluginManager;
+    readonly serialization: SerializationManager;
+    readonly zOrder: ZOrderManager;
+    private backgroundLayer;
+    private elementsLayer;
+    private selectionLayer;
+    private overlayLayer;
+    private interaction;
+    private _options;
+    private _initialized;
+    /** @internal Used by UndoRedoPlugin to suppress action recording during undo/redo */
+    _suppressActions: boolean;
+    constructor();
+    init(container: HTMLDivElement, options: WatchfaceEngineOptions): Promise<void>;
+    get options(): Readonly<WatchfaceEngineOptions>;
+    get initialized(): boolean;
+    getBackgroundLayer(): Container;
+    getElementsLayer(): Container;
+    getSelectionLayer(): Container;
+    getOverlayLayer(): Container;
+    destroy(): void;
+}
+//# sourceMappingURL=WatchfaceEngine.d.ts.map

package/dist/WatchfaceEngine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WatchfaceEngine.d.ts","sourceRoot":"","sources":["../src/WatchfaceEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,qBAAa,eAAe;IAC1B,QAAQ,CAAC,GAAG,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IAClC,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC;IACrC,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,aAAa,EAAE,oBAAoB,CAAC;IAC7C,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAE/B,OAAO,CAAC,eAAe,CAAa;IACpC,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,cAAc,CAAa;IACnC,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,WAAW,CAAqB;IAExC,OAAO,CAAC,QAAQ,CAA0B;IAC1C,OAAO,CAAC,YAAY,CAAS;IAE7B,qFAAqF;IACrF,gBAAgB,UAAS;;IAqBnB,IAAI,CAAC,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,sBAAsB,GAAG,OAAO,CAAC,IAAI,CAAC;IA8CrF,IAAI,OAAO,IAAI,QAAQ,CAAC,sBAAsB,CAAC,CAE9C;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,kBAAkB,IAAI,SAAS;IAI/B,gBAAgB,IAAI,SAAS;IAI7B,iBAAiB,IAAI,SAAS;IAI9B,eAAe,IAAI,SAAS;IAI5B,OAAO,IAAI,IAAI;CAUhB"}

package/dist/elements/BaseElement.d.ts

@@ -0,0 +1,49 @@
+import { Container } from 'pixi.js';
+import type { EventBus } from '../EventBus.ts';
+import type { ElementType, SerializedElement } from '../types.ts';
+export interface EngineRef {
+    eventBus: EventBus;
+    _suppressActions: boolean;
+}
+export declare abstract class BaseElement {
+    readonly id: string;
+    readonly type: ElementType;
+    protected readonly container: Container;
+    protected engine: EngineRef | null;
+    private _x;
+    private _y;
+    private _rotation;
+    private _zIndex;
+    private _visible;
+    private _interactable;
+    private _opacity;
+    constructor(type: ElementType, id?: string);
+    get x(): number;
+    set x(value: number);
+    get y(): number;
+    set y(value: number);
+    get rotation(): number;
+    set rotation(value: number);
+    get zIndex(): number;
+    set zIndex(value: number);
+    get visible(): boolean;
+    set visible(value: boolean);
+    get interactable(): boolean;
+    set interactable(value: boolean);
+    get opacity(): number;
+    set opacity(value: number);
+    abstract get width(): number;
+    abstract set width(value: number);
+    abstract get height(): number;
+    abstract set height(value: number);
+    protected emitChange(property: string, oldValue: unknown, newValue: unknown): void;
+    /** @internal Called by ElementManager when added to engine */
+    _attach(engine: EngineRef): void;
+    /** @internal Called by ElementManager when removed from engine */
+    _detach(): void;
+    getDisplayObject(): Container;
+    toJSON(): SerializedElement;
+    abstract applyJSON(data: SerializedElement): void;
+    protected abstract redraw(): void;
+}
+//# sourceMappingURL=BaseElement.d.ts.map

package/dist/elements/BaseElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseElement.d.ts","sourceRoot":"","sources":["../../src/elements/BaseElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAElE,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,QAAQ,CAAC;IACnB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,8BAAsB,WAAW;IAC/B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;IAC3B,SAAS,CAAC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IACxC,SAAS,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,CAAQ;IAE1C,OAAO,CAAC,EAAE,CAAK;IACf,OAAO,CAAC,EAAE,CAAK;IACf,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,aAAa,CAAQ;IAC7B,OAAO,CAAC,QAAQ,CAAK;gBAET,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC,EAAE,MAAM;IAU1C,IAAI,CAAC,IAAI,MAAM,CAAoB;IACnC,IAAI,CAAC,CAAC,KAAK,EAAE,MAAM,EAMlB;IAED,IAAI,CAAC,IAAI,MAAM,CAAoB;IACnC,IAAI,CAAC,CAAC,KAAK,EAAE,MAAM,EAMlB;IAED,IAAI,QAAQ,IAAI,MAAM,CAA2B;IACjD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAMzB;IAED,IAAI,MAAM,IAAI,MAAM,CAAyB;IAC7C,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAOvB;IAED,IAAI,OAAO,IAAI,OAAO,CAA0B;IAChD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAMzB;IAED,IAAI,YAAY,IAAI,OAAO,CAA+B;IAC1D,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,EAO9B;IAED,IAAI,OAAO,IAAI,MAAM,CAA0B;IAC/C,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAMxB;IAED,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC;IAC7B,QAAQ,KAAK,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE;IAClC,QAAQ,KAAK,MAAM,IAAI,MAAM,CAAC;IAC9B,QAAQ,KAAK,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE;IAEnC,SAAS,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI;IA8BlF,8DAA8D;IAC9D,OAAO,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI;IAIhC,kEAAkE;IAClE,OAAO,IAAI,IAAI;IAIf,gBAAgB,IAAI,SAAS;IAI7B,MAAM,IAAI,iBAAiB;IAkB3B,QAAQ,CAAC,SAAS,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAEjD,SAAS,CAAC,QAAQ,CAAC,MAAM,IAAI,IAAI;CAClC"}

package/dist/elements/ElementRegistry.d.ts

@@ -0,0 +1,12 @@
+import type { BaseElement } from './BaseElement.ts';
+import type { SerializedElement } from '../types.ts';
+export interface ElementConstructor {
+    fromJSON(data: SerializedElement): BaseElement;
+}
+export declare class ElementRegistry {
+    private registry;
+    register(type: string, ctor: ElementConstructor): void;
+    get(type: string): ElementConstructor | undefined;
+    has(type: string): boolean;
+}
+//# sourceMappingURL=ElementRegistry.d.ts.map

package/dist/elements/ElementRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementRegistry.d.ts","sourceRoot":"","sources":["../../src/elements/ElementRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,EAAE,iBAAiB,GAAG,WAAW,CAAC;CAChD;AAED,qBAAa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAyC;IAEzD,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,GAAG,IAAI;IAItD,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,kBAAkB,GAAG,SAAS;IAIjD,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;CAG3B"}

package/dist/elements/FillMask.d.ts

@@ -0,0 +1,10 @@
+import { Graphics } from 'pixi.js';
+import type { Bounds, FillDirection } from '../types.ts';
+export declare class FillMask {
+    private maskGraphics;
+    constructor();
+    getMaskGraphics(): Graphics;
+    update(bounds: Bounds, fillPercentage: number, direction: FillDirection): void;
+    destroy(): void;
+}
+//# sourceMappingURL=FillMask.d.ts.map

package/dist/elements/FillMask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FillMask.d.ts","sourceRoot":"","sources":["../../src/elements/FillMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGzD,qBAAa,QAAQ;IACnB,OAAO,CAAC,YAAY,CAAW;;IAM/B,eAAe,IAAI,QAAQ;IAI3B,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,GAAG,IAAI;IA6B9E,OAAO,IAAI,IAAI;CAGhB"}

package/dist/elements/ImageElement.d.ts

@@ -0,0 +1,21 @@
+import { BaseElement } from './BaseElement.ts';
+import type { SerializedElement } from '../types.ts';
+export declare class ImageElement extends BaseElement {
+    private sprite;
+    private _src;
+    private _loaded;
+    constructor(src: string, x: number, y: number);
+    private loadTexture;
+    get src(): string;
+    set src(value: string);
+    get loaded(): boolean;
+    get width(): number;
+    set width(value: number);
+    get height(): number;
+    set height(value: number);
+    protected redraw(): void;
+    toJSON(): SerializedElement;
+    applyJSON(data: SerializedElement): void;
+    static fromJSON(data: SerializedElement): ImageElement;
+}
+//# sourceMappingURL=ImageElement.d.ts.map

package/dist/elements/ImageElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../src/elements/ImageElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,qBAAa,YAAa,SAAQ,WAAW;IAC3C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,OAAO,CAAS;gBAEZ,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;YAW/B,WAAW;IAUzB,IAAI,GAAG,IAAI,MAAM,CAAsB;IACvC,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAOpB;IAED,IAAI,MAAM,IAAI,OAAO,CAAyB;IAE9C,IAAa,KAAK,IAAI,MAAM,CAA8B;IAC1D,IAAa,KAAK,CAAC,KAAK,EAAE,MAAM,EAK/B;IAED,IAAa,MAAM,IAAI,MAAM,CAA+B;IAC5D,IAAa,MAAM,CAAC,KAAK,EAAE,MAAM,EAKhC;cAEkB,MAAM,IAAI,IAAI;IAIxB,MAAM,IAAI,iBAAiB;IAO3B,SAAS,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAajD,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,iBAAiB,GAAG,YAAY;CASvD"}

package/dist/elements/ShapeElement.d.ts

@@ -0,0 +1,42 @@
+import { BaseElement } from './BaseElement.ts';
+import type { Bounds, FillDirection, SerializedElement, ShapeType } from '../types.ts';
+export declare class ShapeElement extends BaseElement {
+    private bgGraphics;
+    private fgGraphics;
+    private fillMask;
+    private _shapeType;
+    private _foregroundColor;
+    private _backgroundColor;
+    private _fillPercentage;
+    private _fillDirection;
+    private _strokeWidth;
+    private _shapeParams;
+    private constructor();
+    static line(x1: number, y1: number, x2: number, y2: number): ShapeElement;
+    static circle(x: number, y: number, radius: number): ShapeElement;
+    static rectangle(x: number, y: number, width: number, height: number): ShapeElement;
+    static arc(x: number, y: number, radius: number, startAngle: number, endAngle: number): ShapeElement;
+    get shapeType(): ShapeType;
+    get foregroundColor(): number;
+    set foregroundColor(value: number);
+    get backgroundColor(): number;
+    set backgroundColor(value: number);
+    get fillPercentage(): number;
+    set fillPercentage(value: number);
+    get fillDirection(): FillDirection;
+    set fillDirection(value: FillDirection);
+    get strokeWidth(): number;
+    set strokeWidth(value: number);
+    get width(): number;
+    set width(value: number);
+    get height(): number;
+    set height(value: number);
+    getLocalBounds(): Bounds;
+    protected redraw(): void;
+    private drawShape;
+    private updateMask;
+    toJSON(): SerializedElement;
+    applyJSON(data: SerializedElement): void;
+    static fromJSON(data: SerializedElement): ShapeElement;
+}
+//# sourceMappingURL=ShapeElement.d.ts.map

package/dist/elements/ShapeElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeElement.d.ts","sourceRoot":"","sources":["../../src/elements/ShapeElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGvF,qBAAa,YAAa,SAAQ,WAAW;IAC3C,OAAO,CAAC,UAAU,CAAW;IAC7B,OAAO,CAAC,UAAU,CAAW;IAC7B,OAAO,CAAC,QAAQ,CAAW;IAE3B,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,cAAc,CAAgB;IACtC,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,YAAY,CAAyB;IAE7C,OAAO;IAkCP,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,YAAY;IAczE,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,YAAY;IAOjE,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,YAAY;IAOnF,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,YAAY;IASpG,IAAI,SAAS,IAAI,SAAS,CAA4B;IAEtD,IAAI,eAAe,IAAI,MAAM,CAAkC;IAC/D,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,EAMhC;IAED,IAAI,eAAe,IAAI,MAAM,CAAkC;IAC/D,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,EAMhC;IAED,IAAI,cAAc,IAAI,MAAM,CAAiC;IAC7D,IAAI,cAAc,CAAC,KAAK,EAAE,MAAM,EAO/B;IAED,IAAI,aAAa,IAAI,aAAa,CAAgC;IAClE,IAAI,aAAa,CAAC,KAAK,EAAE,aAAa,EAMrC;IAED,IAAI,WAAW,IAAI,MAAM,CAA8B;IACvD,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,EAM5B;IAED,IAAa,KAAK,IAAI,MAAM,CAE3B;IACD,IAAa,KAAK,CAAC,KAAK,EAAE,MAAM,EAmB/B;IAED,IAAa,MAAM,IAAI,MAAM,CAE5B;IACD,IAAa,MAAM,CAAC,KAAK,EAAE,MAAM,EAmBhC;IAED,cAAc,IAAI,MAAM;cAwBL,MAAM,IAAI,IAAI;IASjC,OAAO,CAAC,SAAS;IA+BjB,OAAO,CAAC,UAAU;IAKT,MAAM,IAAI,iBAAiB;IAa3B,SAAS,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAejD,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,iBAAiB,GAAG,YAAY;CAkBvD"}

package/dist/elements/TextElement.d.ts

@@ -0,0 +1,43 @@
+import { type TextStyleFontWeight } from 'pixi.js';
+import { BaseElement } from './BaseElement.ts';
+import type { SerializedElement } from '../types.ts';
+export interface TextElementStyle {
+    fontFamily?: string;
+    fontSize?: number;
+    fontWeight?: TextStyleFontWeight;
+    align?: TextStyleAlign;
+    color?: number;
+}
+type TextStyleAlign = 'left' | 'center' | 'right';
+export declare class TextElement extends BaseElement {
+    private pixiText;
+    private _text;
+    private _fontFamily;
+    private _fontSize;
+    private _fontWeight;
+    private _align;
+    private _color;
+    constructor(text: string, x: number, y: number, style?: TextElementStyle);
+    get text(): string;
+    set text(value: string);
+    get fontFamily(): string;
+    set fontFamily(value: string);
+    get fontSize(): number;
+    set fontSize(value: number);
+    get fontWeight(): TextStyleFontWeight;
+    set fontWeight(value: TextStyleFontWeight);
+    get align(): TextStyleAlign;
+    set align(value: TextStyleAlign);
+    get color(): number;
+    set color(value: number);
+    get width(): number;
+    set width(value: number);
+    get height(): number;
+    set height(value: number);
+    protected redraw(): void;
+    toJSON(): SerializedElement;
+    applyJSON(data: SerializedElement): void;
+    static fromJSON(data: SerializedElement): TextElement;
+}
+export {};
+//# sourceMappingURL=TextElement.d.ts.map

package/dist/elements/TextElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../src/elements/TextElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,qBAAa,WAAY,SAAQ,WAAW;IAC1C,OAAO,CAAC,QAAQ,CAAO;IACvB,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAsB;IACzC,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,MAAM,CAAS;gBAEX,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,gBAAgB;IAyBxE,IAAI,IAAI,IAAI,MAAM,CAAuB;IACzC,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAMrB;IAED,IAAI,UAAU,IAAI,MAAM,CAA6B;IACrD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAM3B;IAED,IAAI,QAAQ,IAAI,MAAM,CAA2B;IACjD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAMzB;IAED,IAAI,UAAU,IAAI,mBAAmB,CAA6B;IAClE,IAAI,UAAU,CAAC,KAAK,EAAE,mBAAmB,EAMxC;IAED,IAAI,KAAK,IAAI,cAAc,CAAwB;IACnD,IAAI,KAAK,CAAC,KAAK,EAAE,cAAc,EAM9B;IAED,IAAI,KAAK,IAAI,MAAM,CAAwB;IAC3C,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAMtB;IAED,IAAa,KAAK,IAAI,MAAM,CAAgC;IAC5D,IAAa,KAAK,CAAC,KAAK,EAAE,MAAM,EAK/B;IAED,IAAa,MAAM,IAAI,MAAM,CAAiC;IAC9D,IAAa,MAAM,CAAC,KAAK,EAAE,MAAM,EAKhC;cAEkB,MAAM,IAAI,IAAI;IAIxB,MAAM,IAAI,iBAAiB;IAY3B,SAAS,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAgBjD,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,iBAAiB,GAAG,WAAW;CAetD"}

package/dist/elements/index.d.ts

@@ -0,0 +1,10 @@
+export { BaseElement } from './BaseElement.ts';
+export type { EngineRef } from './BaseElement.ts';
+export { TextElement } from './TextElement.ts';
+export type { TextElementStyle } from './TextElement.ts';
+export { ImageElement } from './ImageElement.ts';
+export { ShapeElement } from './ShapeElement.ts';
+export { FillMask } from './FillMask.ts';
+export { ElementRegistry } from './ElementRegistry.ts';
+export type { ElementConstructor } from './ElementRegistry.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/elements/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+export { WatchfaceEngine } from './WatchfaceEngine.ts';
+export type { WatchfaceEngineOptions } from './WatchfaceEngine.ts';
+export { BaseElement } from './elements/BaseElement.ts';
+export { TextElement } from './elements/TextElement.ts';
+export type { TextElementStyle } from './elements/TextElement.ts';
+export { ImageElement } from './elements/ImageElement.ts';
+export { ShapeElement } from './elements/ShapeElement.ts';
+export { FillMask } from './elements/FillMask.ts';
+export { ElementRegistry } from './elements/ElementRegistry.ts';
+export type { Plugin } from './plugins/Plugin.ts';
+export { PluginManager } from './plugins/PluginManager.ts';
+export { GridPlugin } from './plugins/GridPlugin.ts';
+export type { GridPluginOptions } from './plugins/GridPlugin.ts';
+export { AutosavePlugin } from './plugins/AutosavePlugin.ts';
+export type { AutosavePluginOptions } from './plugins/AutosavePlugin.ts';
+export { UndoRedoPlugin } from './plugins/UndoRedoPlugin.ts';
+export type { UndoRedoPluginOptions } from './plugins/UndoRedoPlugin.ts';
+export { KeyboardShortcutsPlugin } from './plugins/KeyboardShortcutsPlugin.ts';
+export { ElementManager } from './managers/ElementManager.ts';
+export { ZOrderManager } from './managers/ZOrderManager.ts';
+export { SelectionManager } from './selection/SelectionManager.ts';
+export { SerializationManager } from './managers/SerializationManager.ts';
+export type { FillDirection, ShapeType, ElementType, SerializedElement, WatchfaceState, UndoableAction, HandleConfig, Bounds, } from './types.ts';
+export { EventBus } from './EventBus.ts';
+export type { EngineEventMap } from './EventBus.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGhE,YAAY,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAG1E,YAAY,EACV,aAAa,EACb,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,YAAY,EACZ,MAAM,GACP,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}