@editframe/elements 0.47.2 → 0.48.0

package/dist/canvas/EFCanvasItem.d.ts

@@ -1,9 +1,8 @@
-import * as lit30 from "lit";
+import { TemplateResult as TemplateResult$1 } from "../node_modules/lit-html/development/lit-html.js";
+import * as _$lit from "lit";
 import { LitElement } from "lit";
-import * as lit_html28 from "lit-html";
 
 //#region src/canvas/EFCanvasItem.d.ts
-
 /**
  * Canvas item wrapper component.
  *
@@ -28,7 +27,7 @@ import * as lit_html28 from "lit-html";
  * ```
  */
 declare class EFCanvasItem extends LitElement {
-  static styles: lit30.CSSResult;
+  static styles: _$lit.CSSResult;
   id: string;
   private canvas;
   private api;
@@ -43,7 +42,7 @@ declare class EFCanvasItem extends LitElement {
    * Unregister this element from the canvas.
    */
   private unregister;
-  render(): lit_html28.TemplateResult<1>;
+  render(): TemplateResult$1<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/canvas/EFCanvasItem.js

@@ -1,10 +1,9 @@
-import { __decorate } from "../_virtual/_@oxc-project_runtime@0.95.0/helpers/decorate.js";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { CanvasAPI } from "./api/CanvasAPI.js";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-
 //#region src/canvas/EFCanvasItem.ts
-let EFCanvasItem = class EFCanvasItem$1 extends LitElement {
+let EFCanvasItem = class EFCanvasItem extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.id = "";
@@ -66,7 +65,7 @@ __decorate([property({
 	reflect: true
 })], EFCanvasItem.prototype, "id", void 0);
 EFCanvasItem = __decorate([customElement("ef-canvas-item")], EFCanvasItem);
-
 //#endregion
 export { EFCanvasItem };
+
 //# sourceMappingURL=EFCanvasItem.js.map

package/dist/canvas/EFCanvasItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFCanvasItem.js","names":["EFCanvasItem"],"sources":["../../src/canvas/EFCanvasItem.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport type { EFCanvas } from \"./EFCanvas.js\";\nimport { CanvasAPI } from \"./api/CanvasAPI.js\";\n\n/**\n * Canvas item wrapper component.\n *\n * @deprecated This component is deprecated. All DOM nodes in ef-canvas are now automatically\n * treated as canvas elements. Use plain HTML elements (div, etc.) instead.\n *\n * @example\n * ```html\n * <!-- Old way (deprecated) -->\n * <ef-canvas>\n *   <ef-canvas-item id=\"item-1\" style=\"left: 100px; top: 100px;\">\n *     <div>My content</div>\n *   </ef-canvas-item>\n * </ef-canvas>\n *\n * <!-- New way -->\n * <ef-canvas>\n *   <div id=\"item-1\" style=\"left: 100px; top: 100px;\">\n *     <div>My content</div>\n *   </div>\n * </ef-canvas>\n * ```\n */\n@customElement(\"ef-canvas-item\")\nexport class EFCanvasItem extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      position: absolute;\n    }\n  `;\n\n  @property({ type: String, reflect: true })\n  id = \"\";\n\n  private canvas: EFCanvas | null = null;\n  private api: CanvasAPI | null = null;\n  private registeredId: string | null = null;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.findAndRegister();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unregister();\n  }\n\n  /**\n   * Find parent ef-canvas and register this element.\n   */\n  private findAndRegister() {\n    // Find parent ef-canvas\n    this.canvas = this.closest(\"ef-canvas\") as EFCanvas | null;\n    if (!this.canvas) {\n      console.warn(\"[EFCanvasItem] No parent ef-canvas found. Element will not be registered.\");\n      return;\n    }\n\n    // Wait for canvas to be ready\n    this.canvas.updateComplete.then(() => {\n      // Create API instance\n      this.api = new CanvasAPI(this.canvas!);\n\n      // Element must have an ID - check before registering\n      if (!this.id) {\n        console.error(\n          \"[EFCanvasItem] Element must have an 'id' attribute. Set it before adding to canvas.\",\n        );\n        return;\n      }\n\n      // Register this element with the canvas\n      // Pass the id explicitly - canvas will throw if it's missing or duplicate\n      this.registeredId = this.api.registerElement(this, this.id);\n    });\n  }\n\n  /**\n   * Unregister this element from the canvas.\n   */\n  private unregister() {\n    if (this.api && this.registeredId) {\n      this.api.unregisterElement(this.registeredId);\n      this.registeredId = null;\n    }\n    this.api = null;\n    this.canvas = null;\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-canvas-item\": EFCanvasItem;\n  }\n}\n"],"mappings":";;;;;;AA6BO,yBAAMA,uBAAqB,WAAW;;;YAStC;gBAE6B;aACF;sBACM;;;gBAZtB,GAAG;;;;;;;CAcnB,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,iBAAiB;;CAGxB,uBAAuB;AACrB,QAAM,sBAAsB;AAC5B,OAAK,YAAY;;;;;CAMnB,AAAQ,kBAAkB;AAExB,OAAK,SAAS,KAAK,QAAQ,YAAY;AACvC,MAAI,CAAC,KAAK,QAAQ;AAChB,WAAQ,KAAK,4EAA4E;AACzF;;AAIF,OAAK,OAAO,eAAe,WAAW;AAEpC,QAAK,MAAM,IAAI,UAAU,KAAK,OAAQ;AAGtC,OAAI,CAAC,KAAK,IAAI;AACZ,YAAQ,MACN,sFACD;AACD;;AAKF,QAAK,eAAe,KAAK,IAAI,gBAAgB,MAAM,KAAK,GAAG;IAC3D;;;;;CAMJ,AAAQ,aAAa;AACnB,MAAI,KAAK,OAAO,KAAK,cAAc;AACjC,QAAK,IAAI,kBAAkB,KAAK,aAAa;AAC7C,QAAK,eAAe;;AAEtB,OAAK,MAAM;AACX,OAAK,SAAS;;CAGhB,SAAS;AACP,SAAO,IAAI;;;YA5DZ,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC;2BAT3C,cAAc,iBAAiB"}
+{"version":3,"file":"EFCanvasItem.js","names":[],"sources":["../../src/canvas/EFCanvasItem.ts"],"mappings":";;;;;AA6BO,IAAA,eAAA,MAAM,qBAAqB,WAAW;;;YAStC;gBAE6B;aACF;sBACM;;;gBAZtB,GAAG;;;;;;;CAcnB,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,iBAAiB;;CAGxB,uBAAuB;AACrB,QAAM,sBAAsB;AAC5B,OAAK,YAAY;;;;;CAMnB,kBAA0B;AAExB,OAAK,SAAS,KAAK,QAAQ,YAAY;AACvC,MAAI,CAAC,KAAK,QAAQ;AAChB,WAAQ,KAAK,4EAA4E;AACzF;;AAIF,OAAK,OAAO,eAAe,WAAW;AAEpC,QAAK,MAAM,IAAI,UAAU,KAAK,OAAQ;AAGtC,OAAI,CAAC,KAAK,IAAI;AACZ,YAAQ,MACN,sFACD;AACD;;AAKF,QAAK,eAAe,KAAK,IAAI,gBAAgB,MAAM,KAAK,GAAG;IAC3D;;;;;CAMJ,aAAqB;AACnB,MAAI,KAAK,OAAO,KAAK,cAAc;AACjC,QAAK,IAAI,kBAAkB,KAAK,aAAa;AAC7C,QAAK,eAAe;;AAEtB,OAAK,MAAM;AACX,OAAK,SAAS;;CAGhB,SAAS;AACP,SAAO,IAAI;;;YA5DZ,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,aAAA,WAAA,MAAA,KAAA,EAAA;2BAT3C,cAAc,iBAAiB,CAAA,EAAA,aAAA"}

package/dist/canvas/api/CanvasAPI.d.ts

@@ -2,7 +2,6 @@ import { CanvasData, CanvasElementData } from "./types.js";
 import { EFCanvas } from "../EFCanvas.js";
 
 //#region src/canvas/api/CanvasAPI.d.ts
-
 /**
  * Programmatic API/SDK for canvas operations.
  */

package/dist/canvas/api/CanvasAPI.js

@@ -176,7 +176,7 @@ var CanvasAPI = class {
 		for (const group of data.groups) controller.getModel().createGroup(group.elementIds);
 	}
 };
-
 //#endregion
 export { CanvasAPI };
+
 //# sourceMappingURL=CanvasAPI.js.map

package/dist/canvas/api/CanvasAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasAPI.js","names":["canvas: EFCanvas","groups: Array<{ id: string; elementIds: string[] }>"],"sources":["../../../src/canvas/api/CanvasAPI.ts"],"sourcesContent":["import type { EFCanvas } from \"../EFCanvas.js\";\nimport type { CanvasElementData, CanvasData } from \"./types.js\";\nimport { SelectionModel } from \"../selection/SelectionModel.js\";\n\n/**\n * Programmatic API/SDK for canvas operations.\n */\nexport class CanvasAPI {\n  constructor(private canvas: EFCanvas) {}\n\n  /**\n   * Register an existing element for canvas management.\n   * @param element - The HTML element to register\n   * @param id - Optional custom ID, otherwise auto-generated\n   * @returns The element ID\n   */\n  registerElement(element: HTMLElement, id?: string): string {\n    return (this.canvas as any).registerElement(element, id);\n  }\n\n  /**\n   * Unregister an element from canvas management.\n   * @param id - Element ID or element itself\n   */\n  unregisterElement(id: string | HTMLElement): void {\n    (this.canvas as any).unregisterElement(id);\n  }\n\n  /**\n   * Update element position/transform in canvas coordinates.\n   * @param id - Element ID\n   * @param updates - Partial element data to update\n   */\n  updateElement(id: string, updates: Partial<CanvasElementData>): void {\n    const current = this.getElement(id);\n    if (!current) {\n      throw new Error(`Element ${id} not found`);\n    }\n\n    if (updates.x !== undefined || updates.y !== undefined) {\n      const x = updates.x !== undefined ? updates.x : current.x;\n      const y = updates.y !== undefined ? updates.y : current.y;\n      (this.canvas as any).updateElementPosition(id, x, y);\n    }\n\n    if (updates.width !== undefined || updates.height !== undefined) {\n      const element = current.element;\n      const width = updates.width !== undefined ? updates.width : current.width;\n      const height = updates.height !== undefined ? updates.height : current.height;\n      // Set size in canvas coordinates (parent transform handles scaling)\n      element.style.width = `${width}px`;\n      element.style.height = `${height}px`;\n    }\n\n    if (updates.rotation !== undefined) {\n      const element = current.element;\n      element.style.transform = `rotate(${updates.rotation}deg)`;\n    }\n  }\n\n  /**\n   * Get element data by ID.\n   * @param id - Element ID\n   * @returns Element data or null if not found\n   */\n  getElement(id: string): CanvasElementData | null {\n    return (this.canvas as any).getElementData(id);\n  }\n\n  /**\n   * Get all registered elements.\n   * @returns Array of all element data\n   */\n  getAllElements(): CanvasElementData[] {\n    return (this.canvas as any).getAllElementsData();\n  }\n\n  /**\n   * Get the number of registered elements.\n   * @returns The count of registered elements\n   */\n  get elementCount(): number {\n    return this.getAllElements().length;\n  }\n\n  /**\n   * Get all registered elements (getter alias for getAllElements).\n   * @returns Array of all element data\n   */\n  get elements(): CanvasElementData[] {\n    return this.getAllElements();\n  }\n\n  /**\n   * Convert screen coordinates to canvas coordinates.\n   * @param screenX - X coordinate in screen space\n   * @param screenY - Y coordinate in screen space\n   * @returns Canvas coordinates\n   */\n  screenToCanvas(screenX: number, screenY: number): { x: number; y: number } {\n    return (this.canvas as any).screenToCanvasCoords(screenX, screenY);\n  }\n\n  /**\n   * Convert canvas coordinates to screen coordinates.\n   * @param canvasX - X coordinate in canvas space\n   * @param canvasY - Y coordinate in canvas space\n   * @returns Screen coordinates\n   */\n  canvasToScreen(canvasX: number, canvasY: number): { x: number; y: number } {\n    return (this.canvas as any).canvasToScreenCoords(canvasX, canvasY);\n  }\n\n  /**\n   * Select an element.\n   * @param id - Element ID\n   */\n  select(id: string): void {\n    const controller = (this.canvas as any).selectionController as {\n      getModel(): SelectionModel;\n    };\n    controller.getModel().select(id);\n    // Update is deferred via selectionchange event listener\n  }\n\n  /**\n   * Select multiple elements.\n   * @param ids - Array of element IDs\n   */\n  selectMultiple(ids: string[]): void {\n    const controller = (this.canvas as any).selectionController as {\n      getModel(): SelectionModel;\n    };\n    controller.getModel().selectMultiple(ids);\n    // Update is deferred via selectionchange event listener\n  }\n\n  /**\n   * Deselect an element.\n   * @param id - Element ID\n   */\n  deselect(id: string): void {\n    const controller = (this.canvas as any).selectionController as {\n      getModel(): SelectionModel;\n    };\n    controller.getModel().deselect(id);\n    // Update is deferred via selectionchange event listener\n  }\n\n  /**\n   * Get currently selected element IDs.\n   * @returns Set of selected IDs\n   */\n  getSelectedIds(): string[] {\n    const controller = (this.canvas as any).selectionController as {\n      getModel(): SelectionModel;\n    };\n    return Array.from(controller.getModel().selectedIds);\n  }\n\n  /**\n   * Create a group from element IDs.\n   * @param ids - Array of element IDs to group\n   * @returns Group ID\n   */\n  group(ids: string[]): string {\n    const controller = (this.canvas as any).selectionController as {\n      getModel(): SelectionModel;\n    };\n    const groupId = controller.getModel().createGroup(ids);\n    // Update is deferred via selectionchange event listener\n    return groupId;\n  }\n\n  /**\n   * Ungroup a group.\n   * @param groupId - Group ID\n   */\n  ungroup(groupId: string): void {\n    const controller = (this.canvas as any).selectionController as {\n      getModel(): SelectionModel;\n    };\n    controller.getModel().ungroup(groupId);\n    // Update is deferred via selectionchange event listener\n  }\n\n  /**\n   * Export canvas data.\n   * @returns Canvas data structure\n   */\n  export(): CanvasData {\n    const controller = (this.canvas as any).selectionController as {\n      getModel(): SelectionModel;\n    };\n    const model = controller.getModel();\n    const groups: Array<{ id: string; elementIds: string[] }> = [];\n\n    // Collect all groups\n    const processedGroups = new Set<string>();\n    for (const elementId of this.getAllElements().map((e) => e.id)) {\n      const groupId = model.getGroupId(elementId);\n      if (groupId && !processedGroups.has(groupId)) {\n        processedGroups.add(groupId);\n        groups.push({\n          id: groupId,\n          elementIds: model.getGroupElements(groupId),\n        });\n      }\n    }\n\n    return {\n      elements: this.getAllElements(),\n      groups,\n    };\n  }\n\n  /**\n   * Import canvas data.\n   * @param data - Canvas data structure\n   */\n  import(data: CanvasData): void {\n    // Clear existing\n    for (const element of this.getAllElements()) {\n      this.unregisterElement(element.id);\n    }\n\n    // Import elements\n    for (const elementData of data.elements) {\n      const element = elementData.element;\n      this.registerElement(element, elementData.id);\n      this.updateElement(elementData.id, elementData);\n    }\n\n    // Import groups\n    const controller = (this.canvas as any).selectionController as {\n      getModel(): SelectionModel;\n    };\n    for (const group of data.groups) {\n      controller.getModel().createGroup(group.elementIds);\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"CanvasAPI.js","names":[],"sources":["../../../src/canvas/api/CanvasAPI.ts"],"mappings":";;;;AAOA,IAAa,YAAb,MAAuB;CACrB,YAAY,QAA0B;AAAlB,OAAA,SAAA;;;;;;;;CAQpB,gBAAgB,SAAsB,IAAqB;AACzD,SAAQ,KAAK,OAAe,gBAAgB,SAAS,GAAG;;;;;;CAO1D,kBAAkB,IAAgC;AAC/C,OAAK,OAAe,kBAAkB,GAAG;;;;;;;CAQ5C,cAAc,IAAY,SAA2C;EACnE,MAAM,UAAU,KAAK,WAAW,GAAG;AACnC,MAAI,CAAC,QACH,OAAM,IAAI,MAAM,WAAW,GAAG,YAAY;AAG5C,MAAI,QAAQ,MAAM,KAAA,KAAa,QAAQ,MAAM,KAAA,GAAW;GACtD,MAAM,IAAI,QAAQ,MAAM,KAAA,IAAY,QAAQ,IAAI,QAAQ;GACxD,MAAM,IAAI,QAAQ,MAAM,KAAA,IAAY,QAAQ,IAAI,QAAQ;AACvD,QAAK,OAAe,sBAAsB,IAAI,GAAG,EAAE;;AAGtD,MAAI,QAAQ,UAAU,KAAA,KAAa,QAAQ,WAAW,KAAA,GAAW;GAC/D,MAAM,UAAU,QAAQ;GACxB,MAAM,QAAQ,QAAQ,UAAU,KAAA,IAAY,QAAQ,QAAQ,QAAQ;GACpE,MAAM,SAAS,QAAQ,WAAW,KAAA,IAAY,QAAQ,SAAS,QAAQ;AAEvE,WAAQ,MAAM,QAAQ,GAAG,MAAM;AAC/B,WAAQ,MAAM,SAAS,GAAG,OAAO;;AAGnC,MAAI,QAAQ,aAAa,KAAA,GAAW;GAClC,MAAM,UAAU,QAAQ;AACxB,WAAQ,MAAM,YAAY,UAAU,QAAQ,SAAS;;;;;;;;CASzD,WAAW,IAAsC;AAC/C,SAAQ,KAAK,OAAe,eAAe,GAAG;;;;;;CAOhD,iBAAsC;AACpC,SAAQ,KAAK,OAAe,oBAAoB;;;;;;CAOlD,IAAI,eAAuB;AACzB,SAAO,KAAK,gBAAgB,CAAC;;;;;;CAO/B,IAAI,WAAgC;AAClC,SAAO,KAAK,gBAAgB;;;;;;;;CAS9B,eAAe,SAAiB,SAA2C;AACzE,SAAQ,KAAK,OAAe,qBAAqB,SAAS,QAAQ;;;;;;;;CASpE,eAAe,SAAiB,SAA2C;AACzE,SAAQ,KAAK,OAAe,qBAAqB,SAAS,QAAQ;;;;;;CAOpE,OAAO,IAAkB;AACH,OAAK,OAAe,oBAG7B,UAAU,CAAC,OAAO,GAAG;;;;;;CAQlC,eAAe,KAAqB;AACd,OAAK,OAAe,oBAG7B,UAAU,CAAC,eAAe,IAAI;;;;;;CAQ3C,SAAS,IAAkB;AACL,OAAK,OAAe,oBAG7B,UAAU,CAAC,SAAS,GAAG;;;;;;CAQpC,iBAA2B;EACzB,MAAM,aAAc,KAAK,OAAe;AAGxC,SAAO,MAAM,KAAK,WAAW,UAAU,CAAC,YAAY;;;;;;;CAQtD,MAAM,KAAuB;AAM3B,SALoB,KAAK,OAAe,oBAGb,UAAU,CAAC,YAAY,IAAI;;;;;;CASxD,QAAQ,SAAuB;AACT,OAAK,OAAe,oBAG7B,UAAU,CAAC,QAAQ,QAAQ;;;;;;CAQxC,SAAqB;EAInB,MAAM,QAHc,KAAK,OAAe,oBAGf,UAAU;EACnC,MAAM,SAAsD,EAAE;EAG9D,MAAM,kCAAkB,IAAI,KAAa;AACzC,OAAK,MAAM,aAAa,KAAK,gBAAgB,CAAC,KAAK,MAAM,EAAE,GAAG,EAAE;GAC9D,MAAM,UAAU,MAAM,WAAW,UAAU;AAC3C,OAAI,WAAW,CAAC,gBAAgB,IAAI,QAAQ,EAAE;AAC5C,oBAAgB,IAAI,QAAQ;AAC5B,WAAO,KAAK;KACV,IAAI;KACJ,YAAY,MAAM,iBAAiB,QAAQ;KAC5C,CAAC;;;AAIN,SAAO;GACL,UAAU,KAAK,gBAAgB;GAC/B;GACD;;;;;;CAOH,OAAO,MAAwB;AAE7B,OAAK,MAAM,WAAW,KAAK,gBAAgB,CACzC,MAAK,kBAAkB,QAAQ,GAAG;AAIpC,OAAK,MAAM,eAAe,KAAK,UAAU;GACvC,MAAM,UAAU,YAAY;AAC5B,QAAK,gBAAgB,SAAS,YAAY,GAAG;AAC7C,QAAK,cAAc,YAAY,IAAI,YAAY;;EAIjD,MAAM,aAAc,KAAK,OAAe;AAGxC,OAAK,MAAM,SAAS,KAAK,OACvB,YAAW,UAAU,CAAC,YAAY,MAAM,WAAW"}

package/dist/canvas/coordinateTransform.js

@@ -84,7 +84,7 @@ function canvasToScreen(canvasX, canvasY, canvasRect, panZoomTransform) {
 		y: canvasRect.top + canvasY * panZoomTransform.scale
 	};
 }
-
 //#endregion
 export { canvasToScreen, screenToCanvas };
+
 //# sourceMappingURL=coordinateTransform.js.map

package/dist/canvas/coordinateTransform.js.map

@@ -1 +1 @@
-{"version":3,"file":"coordinateTransform.js","names":[],"sources":["../../src/canvas/coordinateTransform.ts"],"sourcesContent":["import type { PanZoomTransform } from \"../elements/EFPanZoom.js\";\n\n/**\n * =============================================================================\n * COORDINATE SPACES\n * =============================================================================\n *\n * This module provides utilities for converting between two coordinate spaces:\n *\n * 1. SCREEN SPACE (viewport coordinates)\n *    - Origin: Top-left of browser viewport\n *    - Units: Physical screen pixels\n *    - Used by: getBoundingClientRect(), mouse events (clientX/clientY)\n *    - AFFECTED by: zoom/scale transforms\n *\n * 2. CANVAS SPACE (logical coordinates)\n *    - Origin: Top-left of the canvas content area\n *    - Units: CSS pixels at 1:1 scale (unaffected by zoom)\n *    - Used by: Element positioning (style.left/top), metadata storage\n *    - NOT AFFECTED by: zoom/scale transforms\n *\n * KEY RELATIONSHIP:\n *   screenPosition = canvasRect.origin + (canvasPosition * scale)\n *   canvasPosition = (screenPosition - canvasRect.origin) / scale\n *\n * IMPORTANT: These functions convert POSITIONS, not DIMENSIONS.\n *\n * For positions (like element center or mouse coordinates):\n *   - Use screenToCanvas() / canvasToScreen() for conversion\n *\n * For dimensions (like element width/height):\n *   - Screen dimensions = canvas dimensions * scale\n *   - Canvas dimensions = screen dimensions / scale\n *   - OR better: use offsetWidth/offsetHeight which are already in canvas space\n *\n * =============================================================================\n */\n\n/**\n * Convert screen coordinates to canvas coordinates.\n *\n * Use this for converting POSITIONS from screen space (getBoundingClientRect,\n * mouse events) to canvas space (element positioning, metadata).\n *\n * Example: Converting a click position to canvas coordinates for hit testing.\n * Example: Converting element center from screen to canvas for metadata.\n *\n * @param screenX - X coordinate in screen space (e.g., event.clientX, rect.left)\n * @param screenY - Y coordinate in screen space (e.g., event.clientY, rect.top)\n * @param canvasRect - Canvas content element's bounding rect (.canvas-content, not <ef-canvas>)\n * @param panZoomTransform - Optional PanZoom transform from context\n * @returns Object with x, y in canvas coordinate space\n */\nexport function screenToCanvas(\n  screenX: number,\n  screenY: number,\n  canvasRect: DOMRect,\n  panZoomTransform?: PanZoomTransform,\n): { x: number; y: number } {\n  if (!panZoomTransform) {\n    return {\n      x: screenX - canvasRect.left,\n      y: screenY - canvasRect.top,\n    };\n  }\n  // canvasRect already includes the panzoom transform (since canvas is inside .content-wrapper)\n  // So we only need to:\n  // 1. Get position relative to canvas in screen space: screenX - canvasRect.left\n  // 2. Divide by scale to get canvas coordinates\n  // We don't need to subtract panZoomTransform.x/y because it's already accounted for in canvasRect\n  return {\n    x: (screenX - canvasRect.left) / panZoomTransform.scale,\n    y: (screenY - canvasRect.top) / panZoomTransform.scale,\n  };\n}\n\n/**\n * Convert canvas coordinates to screen coordinates.\n *\n * Use this for converting POSITIONS from canvas space (element positioning,\n * metadata) to screen space (overlay positioning, visual display).\n *\n * Example: Converting element top-left from metadata to screen position for overlays.\n * Example: Converting a canvas point to screen coordinates for rendering guides.\n *\n * @param canvasX - X coordinate in canvas space (from metadata or style.left)\n * @param canvasY - Y coordinate in canvas space (from metadata or style.top)\n * @param canvasRect - Canvas content element's bounding rect (.canvas-content, not <ef-canvas>)\n * @param panZoomTransform - Optional PanZoom transform from context\n * @returns Object with x, y in screen coordinate space\n */\nexport function canvasToScreen(\n  canvasX: number,\n  canvasY: number,\n  canvasRect: DOMRect,\n  panZoomTransform?: PanZoomTransform,\n): { x: number; y: number } {\n  if (!panZoomTransform) {\n    return {\n      x: canvasRect.left + canvasX,\n      y: canvasRect.top + canvasY,\n    };\n  }\n  // canvasRect already includes the panzoom transform (since canvas is inside .content-wrapper)\n  // So we only need to:\n  // 1. Multiply canvas coordinates by scale to get screen-space offset\n  // 2. Add to canvasRect.left/top (which already includes pan)\n  // We don't need to add panZoomTransform.x/y because it's already accounted for in canvasRect\n  return {\n    x: canvasRect.left + canvasX * panZoomTransform.scale,\n    y: canvasRect.top + canvasY * panZoomTransform.scale,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,SAAgB,eACd,SACA,SACA,YACA,kBAC0B;AAC1B,KAAI,CAAC,iBACH,QAAO;EACL,GAAG,UAAU,WAAW;EACxB,GAAG,UAAU,WAAW;EACzB;AAOH,QAAO;EACL,IAAI,UAAU,WAAW,QAAQ,iBAAiB;EAClD,IAAI,UAAU,WAAW,OAAO,iBAAiB;EAClD;;;;;;;;;;;;;;;;;AAkBH,SAAgB,eACd,SACA,SACA,YACA,kBAC0B;AAC1B,KAAI,CAAC,iBACH,QAAO;EACL,GAAG,WAAW,OAAO;EACrB,GAAG,WAAW,MAAM;EACrB;AAOH,QAAO;EACL,GAAG,WAAW,OAAO,UAAU,iBAAiB;EAChD,GAAG,WAAW,MAAM,UAAU,iBAAiB;EAChD"}
+{"version":3,"file":"coordinateTransform.js","names":[],"sources":["../../src/canvas/coordinateTransform.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,SAAgB,eACd,SACA,SACA,YACA,kBAC0B;AAC1B,KAAI,CAAC,iBACH,QAAO;EACL,GAAG,UAAU,WAAW;EACxB,GAAG,UAAU,WAAW;EACzB;AAOH,QAAO;EACL,IAAI,UAAU,WAAW,QAAQ,iBAAiB;EAClD,IAAI,UAAU,WAAW,OAAO,iBAAiB;EAClD;;;;;;;;;;;;;;;;;AAkBH,SAAgB,eACd,SACA,SACA,YACA,kBAC0B;AAC1B,KAAI,CAAC,iBACH,QAAO;EACL,GAAG,WAAW,OAAO;EACrB,GAAG,WAAW,MAAM;EACrB;AAOH,QAAO;EACL,GAAG,WAAW,OAAO,UAAU,iBAAiB;EAChD,GAAG,WAAW,MAAM,UAAU,iBAAiB;EAChD"}

package/dist/canvas/getElementBounds.js

@@ -34,7 +34,7 @@ function getElementBounds(element) {
 	if ("getCanvasBounds" in element && typeof element.getCanvasBounds === "function") return element.getCanvasBounds();
 	return element.getBoundingClientRect();
 }
-
 //#endregion
 export { getElementBounds };
+
 //# sourceMappingURL=getElementBounds.js.map

package/dist/canvas/getElementBounds.js.map

@@ -1 +1 @@
-{"version":3,"file":"getElementBounds.js","names":[],"sources":["../../src/canvas/getElementBounds.ts"],"sourcesContent":["import type { CanvasElementBounds } from \"./api/types.js\";\n\n/**\n * Get element bounds using the CanvasElementBounds protocol if available,\n * otherwise fall back to getBoundingClientRect().\n *\n * This allows elements to provide custom hit testing areas or account for\n * visual bounds that differ from DOM bounds.\n *\n * IMPORTANT: This returns a DOMRect in SCREEN SPACE (like getBoundingClientRect).\n *\n * For ROTATED elements, the returned rect is the AXIS-ALIGNED BOUNDING BOX:\n * - rect.width/height are the bounding box dimensions, NOT the element's actual dimensions\n * - rect.left/top are the bounding box corner, NOT the element's visual top-left\n *\n * CORRECT USAGE:\n *\n * ✅ Getting element CENTER (rotation-invariant):\n *    const rect = getElementBounds(element);\n *    const centerX = rect.left + rect.width / 2;\n *    const centerY = rect.top + rect.height / 2;\n *\n * ✅ Hit testing (checking if a point is inside the bounding box):\n *    const rect = getElementBounds(element);\n *    if (x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom) { ... }\n *\n * ❌ Getting element DIMENSIONS (wrong for rotated elements):\n *    const rect = getElementBounds(element);\n *    const width = rect.width;  // WRONG! This is bounding box width, not element width\n *\n * For actual dimensions, use element.offsetWidth / element.offsetHeight instead.\n * These return layout dimensions unaffected by CSS transforms.\n */\nexport function getElementBounds(element: HTMLElement): DOMRect {\n  if (\"getCanvasBounds\" in element && typeof (element as any).getCanvasBounds === \"function\") {\n    return (element as CanvasElementBounds).getCanvasBounds();\n  }\n  return element.getBoundingClientRect();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,SAAgB,iBAAiB,SAA+B;AAC9D,KAAI,qBAAqB,WAAW,OAAQ,QAAgB,oBAAoB,WAC9E,QAAQ,QAAgC,iBAAiB;AAE3D,QAAO,QAAQ,uBAAuB"}
+{"version":3,"file":"getElementBounds.js","names":[],"sources":["../../src/canvas/getElementBounds.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,SAAgB,iBAAiB,SAA+B;AAC9D,KAAI,qBAAqB,WAAW,OAAQ,QAAgB,oBAAoB,WAC9E,QAAQ,QAAgC,iBAAiB;AAE3D,QAAO,QAAQ,uBAAuB"}

package/dist/canvas/overlays/SelectionOverlay.d.ts

@@ -1,8 +1,8 @@
+import { TemplateResult as TemplateResult$1 } from "../../node_modules/lit-html/development/lit-html.js";
 import { SelectionContext } from "../selection/selectionContext.js";
 import { PanZoomTransform } from "../../elements/EFPanZoom.js";
-import * as lit37 from "lit";
+import * as _$lit from "lit";
 import { LitElement } from "lit";
-import * as lit_html34 from "lit-html";
 
 //#region src/canvas/overlays/SelectionOverlay.d.ts
 /**
@@ -10,7 +10,7 @@ import * as lit_html34 from "lit-html";
  * Uses fixed positioning to ensure 1:1 pixel ratio regardless of zoom level.
  */
 declare class SelectionOverlay extends LitElement {
-  static styles: lit37.CSSResult[];
+  static styles: _$lit.CSSResult[];
   createRenderRoot(): this;
   firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
   selectionFromContext?: SelectionContext;
@@ -93,7 +93,7 @@ declare class SelectionOverlay extends LitElement {
    * This ensures we always have fresh values instead of stale property/context.
    */
   private readCurrentTransform;
-  render(): lit_html34.TemplateResult<1>;
+  render(): TemplateResult$1<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/canvas/overlays/SelectionOverlay.js

@@ -1,13 +1,12 @@
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.95.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { panZoomTransformContext } from "../../gui/panZoomTransformContext.js";
 import { selectionContext } from "../selection/selectionContext.js";
 import { calculateOverlayState, getOverlayTargets } from "./overlayState.js";
 import { consume } from "@lit/context";
 import { LitElement, css, html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-
 //#region src/canvas/overlays/SelectionOverlay.ts
-let SelectionOverlay = class SelectionOverlay$1 extends LitElement {
+let SelectionOverlay = class SelectionOverlay extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.canvasElement = null;
@@ -104,9 +103,9 @@ let SelectionOverlay = class SelectionOverlay$1 extends LitElement {
 	findCanvasElement() {
 		const parent = this.parentElement;
 		if (parent) {
-			const panZoom$1 = parent.querySelector("ef-pan-zoom");
-			if (panZoom$1) {
-				const canvas = panZoom$1.querySelector("ef-canvas");
+			const panZoom = parent.querySelector("ef-pan-zoom");
+			if (panZoom) {
+				const canvas = panZoom.querySelector("ef-canvas");
 				if (canvas) {
 					this.canvasElement = canvas;
 					return;
@@ -253,6 +252,6 @@ __decorate([state()], SelectionOverlay.prototype, "overlayState", void 0);
 __decorate([state()], SelectionOverlay.prototype, "lastSelectionMode", void 0);
 __decorate([property({ type: Boolean })], SelectionOverlay.prototype, "paused", void 0);
 SelectionOverlay = __decorate([customElement("ef-canvas-selection-overlay")], SelectionOverlay);
-
 //#endregion
+
 //# sourceMappingURL=SelectionOverlay.js.map

package/dist/canvas/overlays/SelectionOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionOverlay.js","names":["SelectionOverlay","panZoom","current: Node | null","canvasWithMetadata: CanvasWithMetadata"],"sources":["../../../src/canvas/overlays/SelectionOverlay.ts"],"sourcesContent":["import { consume } from \"@lit/context\";\nimport { css, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { selectionContext, type SelectionContext } from \"../selection/selectionContext.js\";\nimport { panZoomTransformContext } from \"../../gui/panZoomTransformContext.js\";\nimport type { PanZoomTransform } from \"../../elements/EFPanZoom.js\";\nimport {\n  type OverlayState,\n  type CanvasWithMetadata,\n  getOverlayTargets,\n  calculateOverlayState,\n} from \"./overlayState.js\";\n\n/**\n * Selection overlay that renders unscaled selection indicators.\n * Uses fixed positioning to ensure 1:1 pixel ratio regardless of zoom level.\n */\n@customElement(\"ef-canvas-selection-overlay\")\nexport class SelectionOverlay extends LitElement {\n  static styles = [\n    css`\n      :host {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100vw;\n        height: 100vh;\n        pointer-events: none;\n        z-index: 1000;\n      }\n      .box-select {\n        position: absolute;\n        border: 2px dashed rgb(59, 130, 246);\n        background: rgba(59, 130, 246, 0.05);\n        pointer-events: none;\n      }\n      .highlight-box {\n        position: absolute;\n        border: 2px solid rgb(148, 163, 184);\n        background: rgba(148, 163, 184, 0.1);\n        pointer-events: none;\n        box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.3);\n      }\n    `,\n  ];\n\n  createRenderRoot() {\n    // Return this to render directly to the element (no shadow DOM)\n    // This allows the overlay to use fixed positioning relative to viewport\n    // Lit will inject styles as a <style> element when createRenderRoot returns this\n    return this;\n  }\n\n  firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void {\n    super.firstUpdated?.(changedProperties);\n  }\n\n  @consume({ context: selectionContext, subscribe: true })\n  selectionFromContext?: SelectionContext;\n\n  @consume({ context: panZoomTransformContext, subscribe: true })\n  panZoomTransformFromContext?: PanZoomTransform;\n\n  /**\n   * Selection context as fallback for when overlay is outside context providers (e.g., sibling of pan-zoom).\n   */\n  @property({ type: Object })\n  selection?: SelectionContext;\n\n  /**\n   * Pan/zoom transform as fallback for when overlay is outside context providers (e.g., sibling of pan-zoom).\n   */\n  @property({ type: Object })\n  panZoomTransform?: PanZoomTransform;\n\n  @state()\n  private canvasElement: HTMLElement | null = null;\n\n  /**\n   * Canvas element property - can be set directly when overlay is outside context providers.\n   */\n  @property({ type: Object })\n  canvas?: HTMLElement;\n\n  /**\n   * Complete overlay state - calculated from targets using the abstraction layer.\n   * This is the SINGLE source of truth for overlay bounds.\n   */\n  @state()\n  private overlayState: OverlayState = {\n    selection: null,\n    boxSelect: null,\n    highlight: null,\n  };\n\n  @state()\n  private lastSelectionMode: string | null = null;\n\n  /**\n   * When true, the RAF loop skips all work. Used during playback to avoid\n   * layout-thrashing getBoundingClientRect/getComputedStyle calls that\n   * compete with the canvas render pipeline.\n   */\n  @property({ type: Boolean }) paused = false;\n\n  private animationFrame?: number;\n  private rafLoopActive = false;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    // Apply styles directly since :host doesn't work in light DOM\n    // These styles are critical for proper positioning relative to viewport\n    this.style.position = \"fixed\";\n    this.style.top = \"0\";\n    this.style.left = \"0\";\n    this.style.width = \"100vw\";\n    this.style.height = \"100vh\";\n    this.style.pointerEvents = \"none\";\n    this.style.zIndex = \"1000\";\n    // Add a data attribute for easier debugging\n    this.setAttribute(\"data-selection-overlay\", \"true\");\n    // Use requestAnimationFrame to ensure DOM is ready\n    requestAnimationFrame(() => {\n      // Use canvas property if provided, otherwise try to find it\n      if (this.canvas) {\n        this.canvasElement = this.canvas;\n      } else {\n        this.findCanvasElement();\n      }\n      // Always start RAF loop if we have a canvas element (needed for highlight updates)\n      if (this.canvasElement) {\n        this.startRafLoop();\n      }\n    });\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.stopRafLoop();\n  }\n\n  /**\n   * React to selection context changes to ensure box selection visual updates.\n   * This is called whenever Lit detects a property change, including context updates.\n   * Note: We don't call requestUpdate() here to avoid the Lit warning about scheduling\n   * updates after an update completes. The RAF loop handles all updates.\n   */\n  updated(changedProperties: Map<string | number | symbol, unknown>): void {\n    super.updated?.(changedProperties);\n    // Check if selection mode changed (context updates might not show in changedProperties)\n    const selection = this.effectiveSelection;\n    const currentMode = selection?.selectionMode ?? null;\n    if (currentMode !== this.lastSelectionMode) {\n      this.lastSelectionMode = currentMode;\n    }\n    // Ensure RAF loop is running when box selecting (in case it stopped)\n    if (currentMode === \"box-selecting\" && !this.rafLoopActive) {\n      this.startRafLoop();\n    }\n    // Ensure RAF loop is running when canvas property is set (for highlight updates)\n    if (changedProperties.has(\"canvas\") && this.canvas) {\n      this.canvasElement = this.canvas;\n      if (!this.rafLoopActive) {\n        this.startRafLoop();\n      }\n    }\n    // Start RAF loop if we have a canvas but loop isn't running\n    if (this.canvasElement && !this.rafLoopActive) {\n      this.startRafLoop();\n    }\n    // On unpause, force an immediate overlay update to sync stale state\n    if (changedProperties.has(\"paused\") && !this.paused) {\n      this.updateOverlayData();\n    }\n  }\n\n  /**\n   * Find the EFCanvas element.\n   * Handles both cases:\n   * 1. Overlay is inside EFCanvas's shadow DOM (old case)\n   * 2. Overlay is a sibling of ef-pan-zoom (new case - outside transform)\n   */\n  private findCanvasElement(): void {\n    // First, try to find ef-canvas as a sibling or descendant of ef-pan-zoom\n    // (when overlay is outside the transform)\n    // Since overlay is a sibling of ef-pan-zoom, we need to search in the parent\n    const parent = this.parentElement;\n    if (parent) {\n      // Look for ef-pan-zoom sibling\n      const panZoom = parent.querySelector(\"ef-pan-zoom\") as HTMLElement | null;\n      if (panZoom) {\n        // Look for ef-canvas inside ef-pan-zoom\n        const canvas = panZoom.querySelector(\"ef-canvas\") as HTMLElement | null;\n        if (canvas) {\n          this.canvasElement = canvas;\n          return;\n        }\n      }\n    }\n\n    // Also try closest in case overlay is inside pan-zoom somehow\n    const panZoom = this.closest(\"ef-pan-zoom\") as HTMLElement | null;\n    if (panZoom) {\n      const canvas = panZoom.querySelector(\"ef-canvas\") as HTMLElement | null;\n      if (canvas) {\n        this.canvasElement = canvas;\n        return;\n      }\n    }\n\n    // Fallback: traverse up the DOM tree (for when overlay is inside canvas shadow DOM)\n    // oxlint-disable-next-line no-this-alias -- legitimate DOM traversal starting at this element\n    let current: Node | null = this;\n    while (current) {\n      if (current instanceof ShadowRoot) {\n        current = (current as ShadowRoot).host;\n      } else if (current instanceof HTMLElement) {\n        // Check if this is the EFCanvas element (case-insensitive check)\n        if (current.tagName === \"EF-CANVAS\" || current.tagName.toLowerCase() === \"ef-canvas\") {\n          this.canvasElement = current;\n          return;\n        }\n        // Check parent element or shadow root host\n        const rootNode = current.getRootNode();\n        if (rootNode instanceof ShadowRoot) {\n          current = rootNode.host;\n        } else {\n          current = current.parentElement;\n        }\n      } else {\n        const rootNode = (current as Node).getRootNode();\n        if (rootNode instanceof ShadowRoot) {\n          current = rootNode.host;\n        } else {\n          current = (current as Node).parentElement;\n        }\n      }\n    }\n  }\n\n  /**\n   * Start continuous RAF loop for smooth overlay updates.\n   */\n  private startRafLoop(): void {\n    if (this.rafLoopActive) {\n      return;\n    }\n    this.rafLoopActive = true;\n    this.rafLoop();\n  }\n\n  /**\n   * Stop RAF loop.\n   */\n  private stopRafLoop(): void {\n    this.rafLoopActive = false;\n    if (this.animationFrame) {\n      cancelAnimationFrame(this.animationFrame);\n      this.animationFrame = undefined;\n    }\n  }\n\n  /**\n   * Continuous RAF loop to update overlays every frame using Lit render cycle.\n   * When paused, the loop keeps running (for quick resume) but skips all\n   * expensive layout queries.\n   */\n  private rafLoop = (): void => {\n    if (!this.rafLoopActive) {\n      return;\n    }\n\n    // Skip all work when paused to avoid layout-thrashing during playback\n    if (!this.paused) {\n      this.updateOverlayData();\n    }\n\n    // Schedule next frame\n    this.animationFrame = requestAnimationFrame(this.rafLoop);\n  };\n\n  /**\n   * Get the effective selection context (from context or property).\n   */\n  private get effectiveSelection(): SelectionContext | undefined {\n    return this.selectionFromContext ?? this.selection;\n  }\n\n  /**\n   * Get the effective pan-zoom transform (from context or property).\n   */\n  private get effectivePanZoomTransform(): PanZoomTransform | undefined {\n    return this.panZoomTransformFromContext ?? this.panZoomTransform;\n  }\n\n  /**\n   * Update overlay data state using the abstraction layer.\n   *\n   * This method now uses the clean separation of:\n   * - SEMANTICS: getOverlayTargets() determines WHAT should be shown\n   * - MECHANISM: calculateOverlayState() determines HOW to show it\n   */\n  private updateOverlayData(): void {\n    // Ensure canvas element reference is up-to-date\n    if (this.canvas && this.canvas !== this.canvasElement) {\n      this.canvasElement = this.canvas;\n    }\n\n    // Get canvas element - required for all overlay calculations\n    const effectiveCanvas = this.canvasElement || this.canvas;\n    if (!effectiveCanvas) {\n      this.overlayState = { selection: null, boxSelect: null, highlight: null };\n      return;\n    }\n\n    // Get canvas rect (try .canvas-content first for accurate positioning)\n    let canvasRect = effectiveCanvas.getBoundingClientRect();\n    if (effectiveCanvas.shadowRoot) {\n      const canvasContent = effectiveCanvas.shadowRoot.querySelector(\n        \".canvas-content\",\n      ) as HTMLElement;\n      if (canvasContent) {\n        canvasRect = canvasContent.getBoundingClientRect();\n      }\n    }\n\n    // Get pan-zoom element for box-select coordinate conversion\n    const panZoomElement = effectiveCanvas.closest(\"ef-pan-zoom\") as HTMLElement | null;\n\n    // Get highlighted element from canvas\n    const canvas = effectiveCanvas as any;\n    const highlightedElement = canvas?.highlightedElement as HTMLElement | null;\n\n    // SEMANTICS: What should be shown?\n    const targets = getOverlayTargets(this.effectiveSelection, highlightedElement);\n\n    // Adapt canvas to CanvasWithMetadata interface\n    const canvasWithMetadata: CanvasWithMetadata = {\n      getElementData: (id: string) => canvas?.getElementData?.(id),\n      getElement: (id: string) => canvas?.elementRegistry?.get(id),\n      querySelector: (selector: string) => effectiveCanvas.querySelector(selector),\n      shadowRoot: effectiveCanvas.shadowRoot,\n    };\n\n    // Read current transform directly from panzoom element (not stale property/context)\n    // This ensures we always have the current scale/pan values\n    const currentTransform = this.readCurrentTransform(panZoomElement);\n\n    // MECHANISM: Calculate screen bounds\n    this.overlayState = calculateOverlayState(\n      targets,\n      canvasWithMetadata,\n      canvasRect,\n      panZoomElement,\n      currentTransform,\n    );\n  }\n\n  /**\n   * Read current transform directly from panzoom element.\n   * This ensures we always have fresh values instead of stale property/context.\n   */\n  private readCurrentTransform(panZoomElement: HTMLElement | null): PanZoomTransform | undefined {\n    // Try reading from panzoom element directly (most accurate)\n    if (panZoomElement) {\n      const pz = panZoomElement as any;\n      if (typeof pz.x === \"number\" && typeof pz.y === \"number\" && typeof pz.scale === \"number\") {\n        return { x: pz.x, y: pz.y, scale: pz.scale };\n      }\n    }\n\n    // Fall back to context/property\n    return this.effectivePanZoomTransform;\n  }\n\n  render() {\n    // We only need canvasElement to render overlays\n    const effectiveCanvas = this.canvasElement || this.canvas;\n    if (!effectiveCanvas) {\n      return html``;\n    }\n\n    // NOTE: Selection visualization is handled by EFTransformHandles (with rotation support).\n    // This overlay only renders:\n    // - box-select: marquee during drag-to-select\n    // - highlight-box: hover indication for non-selected elements\n    const { boxSelect, highlight } = this.overlayState;\n\n    return html`\n      ${\n        boxSelect\n          ? html`\n            <div\n              class=\"box-select\"\n              style=\"left: ${boxSelect.x}px; top: ${boxSelect.y}px; width: ${boxSelect.width}px; height: ${boxSelect.height}px; position: absolute; border: 2px dashed rgb(59, 130, 246); background: rgba(59, 130, 246, 0.05); pointer-events: none;\"\n            ></div>\n          `\n          : html``\n      }\n      ${\n        highlight\n          ? html`\n            <div\n              class=\"highlight-box\"\n              style=\"left: ${highlight.x}px; top: ${highlight.y}px; width: ${highlight.width}px; height: ${highlight.height}px; position: absolute; border: 2px solid rgb(148, 163, 184); background: rgba(148, 163, 184, 0.1); pointer-events: none; box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.3);\"\n            ></div>\n          `\n          : html``\n      }\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-canvas-selection-overlay\": SelectionOverlay;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"SelectionOverlay.js","names":[],"sources":["../../../src/canvas/overlays/SelectionOverlay.ts"],"mappings":"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"}

package/dist/canvas/overlays/overlayState.js

@@ -1,5 +1,4 @@
 import { getElementBounds } from "../getElementBounds.js";
-
 //#region src/canvas/overlays/overlayState.ts
 /**
 * Extract overlay targets from selection context and highlighted element.
@@ -147,7 +146,7 @@ function calculateOverlayState(targets, canvas, canvasRect, panZoomElement, panZ
 		highlight: calculateHighlightBounds(targets.highlightedElementId, canvas, canvasRect, scale)
 	};
 }
-
 //#endregion
 export { calculateOverlayState, getOverlayTargets };
+
 //# sourceMappingURL=overlayState.js.map

package/dist/canvas/overlays/overlayState.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlayState.js","names":[],"sources":["../../../src/canvas/overlays/overlayState.ts"],"sourcesContent":["/**\n * Overlay State Management\n *\n * This module provides a clean separation between:\n * - SEMANTICS: What should be shown? (OverlayTargets)\n * - MECHANISM: How to calculate screen bounds (calculateOverlayState)\n *\n * INVARIANTS:\n * 1. Overlay is visible iff bounds are non-null with positive dimensions\n * 2. All bounds are in screen coordinates (relative to viewport origin)\n * 3. Only one element can be highlighted at a time\n *\n * COORDINATE SPACES:\n * - Canvas space: Logical coordinates, unaffected by zoom (used for element positioning)\n * - Screen space: Viewport coordinates (used for overlay positioning)\n */\n\nimport type { PanZoomTransform } from \"../../elements/EFPanZoom.js\";\nimport type { SelectionContext } from \"../selection/selectionContext.js\";\nimport { getElementBounds } from \"../getElementBounds.js\";\n\n// ============================================================================\n// TYPES: Core Concepts\n// ============================================================================\n\n/**\n * Screen-space bounding box for overlay positioning.\n * All values are in viewport coordinates (pixels from viewport origin).\n */\nexport interface ScreenBounds {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Canvas-space bounding box (from selection context).\n */\nexport interface CanvasBounds {\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n}\n\n/**\n * The complete state of all overlays.\n * Each property is either a ScreenBounds or null.\n * An overlay is visible iff its bounds are non-null.\n */\nexport interface OverlayState {\n  selection: ScreenBounds | null;\n  boxSelect: ScreenBounds | null;\n  highlight: ScreenBounds | null;\n}\n\n/**\n * SEMANTICS: What elements should have overlays?\n * This represents the \"what\" without the \"how\".\n */\nexport interface OverlayTargets {\n  selectedIds: Set<string>;\n  boxSelectBounds: CanvasBounds | null;\n  highlightedElementId: string | null;\n}\n\n/**\n * Interface for canvas element data (metadata).\n */\nexport interface ElementMetadata {\n  id: string;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  rotation?: number;\n}\n\n/**\n * Interface for canvas that provides element data.\n */\nexport interface CanvasWithMetadata {\n  getElementData(elementId: string): ElementMetadata | undefined;\n  getElement?(elementId: string): HTMLElement | undefined;\n  querySelector(selector: string): HTMLElement | null;\n  shadowRoot: ShadowRoot | null;\n}\n\n// ============================================================================\n// SEMANTICS: Extract what should be shown\n// ============================================================================\n\n/**\n * Extract overlay targets from selection context and highlighted element.\n * This is pure SEMANTICS - it determines WHAT should be shown.\n */\nexport function getOverlayTargets(\n  selection: SelectionContext | undefined,\n  highlightedElement: HTMLElement | null,\n): OverlayTargets {\n  return {\n    selectedIds: selection?.selectedIds ? new Set(selection.selectedIds) : new Set(),\n    boxSelectBounds: selection?.boxSelectBounds ?? null,\n    highlightedElementId:\n      highlightedElement?.getAttribute(\"data-element-id\") ?? highlightedElement?.id ?? null,\n  };\n}\n\n// ============================================================================\n// MECHANISM: Calculate screen bounds\n// ============================================================================\n\n/**\n * Calculate screen bounds for a single element.\n * This is the SINGLE SOURCE OF TRUTH for element → screen bounds conversion.\n *\n * Strategy:\n * 1. Try to use metadata (already in canvas coordinates)\n * 2. Fall back to DOM measurement if metadata unavailable\n *\n * @param elementId - The element's ID (data-element-id or id attribute)\n * @param canvas - Canvas element with getElementData method\n * @param canvasRect - Canvas content element's bounding rect\n * @param scale - Current zoom scale\n * @returns Screen bounds or null if element not found\n */\nexport function calculateElementScreenBounds(\n  elementId: string,\n  canvas: CanvasWithMetadata,\n  canvasRect: DOMRect,\n  scale: number,\n): ScreenBounds | null {\n  const metadata = canvas.getElementData(elementId);\n\n  if (metadata && metadata.width > 0 && metadata.height > 0) {\n    // Use metadata (already in canvas coordinates)\n    return {\n      x: canvasRect.left + metadata.x * scale,\n      y: canvasRect.top + metadata.y * scale,\n      width: metadata.width * scale,\n      height: metadata.height * scale,\n    };\n  }\n\n  // Fallback: find element and use DOM measurement\n  const element = findElement(elementId, canvas);\n  if (!element) return null;\n\n  const bounds = getElementBounds(element);\n  return {\n    x: bounds.left,\n    y: bounds.top,\n    width: bounds.width,\n    height: bounds.height,\n  };\n}\n\n/**\n * Find an element by ID in the canvas (checks both light DOM and shadow DOM).\n */\nfunction findElement(elementId: string, canvas: CanvasWithMetadata): HTMLElement | null {\n  // Try canvas's getElement method first\n  if (canvas.getElement) {\n    const element = canvas.getElement(elementId);\n    if (element) return element;\n  }\n\n  // Try shadow DOM\n  if (canvas.shadowRoot) {\n    const element = canvas.shadowRoot.querySelector(\n      `[data-element-id=\"${elementId}\"]`,\n    ) as HTMLElement | null;\n    if (element) return element;\n  }\n\n  // Try light DOM\n  return canvas.querySelector(`[data-element-id=\"${elementId}\"]`) as HTMLElement | null;\n}\n\n/**\n * Calculate the union of multiple bounds (bounding box that contains all).\n */\nexport function unionBounds(bounds: ScreenBounds[]): ScreenBounds | null {\n  if (bounds.length === 0) return null;\n\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  for (const b of bounds) {\n    minX = Math.min(minX, b.x);\n    minY = Math.min(minY, b.y);\n    maxX = Math.max(maxX, b.x + b.width);\n    maxY = Math.max(maxY, b.y + b.height);\n  }\n\n  return {\n    x: minX,\n    y: minY,\n    width: maxX - minX,\n    height: maxY - minY,\n  };\n}\n\n/**\n * Calculate selection bounds for all selected elements.\n */\nexport function calculateSelectionBounds(\n  selectedIds: Set<string>,\n  canvas: CanvasWithMetadata,\n  canvasRect: DOMRect,\n  scale: number,\n): ScreenBounds | null {\n  if (selectedIds.size === 0) return null;\n\n  const elementBounds = Array.from(selectedIds)\n    .map((id) => calculateElementScreenBounds(id, canvas, canvasRect, scale))\n    .filter((b): b is ScreenBounds => b !== null);\n\n  return unionBounds(elementBounds);\n}\n\n/**\n * Calculate box-select bounds (convert canvas bounds to screen bounds).\n *\n * @param boxSelectBounds - Box selection bounds in canvas coordinates\n * @param panZoomElement - The pan-zoom element (for canvasToScreen conversion)\n * @param panZoomTransform - Current pan-zoom transform\n * @returns Screen bounds or null\n */\nexport function calculateBoxSelectBounds(\n  boxSelectBounds: CanvasBounds | null,\n  panZoomElement: HTMLElement | null,\n  panZoomTransform: PanZoomTransform | undefined,\n): ScreenBounds | null {\n  if (!boxSelectBounds || !panZoomElement || !panZoomTransform) {\n    return null;\n  }\n\n  // Try to use EFPanZoom's canvasToScreen method if available\n  const pz = panZoomElement as any;\n  if (typeof pz.canvasToScreen === \"function\") {\n    const topLeft = pz.canvasToScreen(boxSelectBounds.left, boxSelectBounds.top);\n    const bottomRight = pz.canvasToScreen(boxSelectBounds.right, boxSelectBounds.bottom);\n\n    return {\n      x: topLeft.x,\n      y: topLeft.y,\n      width: bottomRight.x - topLeft.x,\n      height: bottomRight.y - topLeft.y,\n    };\n  }\n\n  // Fallback: manual calculation\n  const panZoomRect = panZoomElement.getBoundingClientRect();\n  const { scale, x, y } = panZoomTransform;\n\n  const screenLeft = panZoomRect.left + boxSelectBounds.left * scale + x;\n  const screenTop = panZoomRect.top + boxSelectBounds.top * scale + y;\n  const screenRight = panZoomRect.left + boxSelectBounds.right * scale + x;\n  const screenBottom = panZoomRect.top + boxSelectBounds.bottom * scale + y;\n\n  return {\n    x: screenLeft,\n    y: screenTop,\n    width: screenRight - screenLeft,\n    height: screenBottom - screenTop,\n  };\n}\n\n/**\n * Calculate highlight bounds for the highlighted element.\n */\nexport function calculateHighlightBounds(\n  highlightedElementId: string | null,\n  canvas: CanvasWithMetadata,\n  canvasRect: DOMRect,\n  scale: number,\n): ScreenBounds | null {\n  if (!highlightedElementId) return null;\n\n  return calculateElementScreenBounds(highlightedElementId, canvas, canvasRect, scale);\n}\n\n// ============================================================================\n// MAIN: Calculate complete overlay state\n// ============================================================================\n\n/**\n * Calculate the complete overlay state from targets.\n * This is the main entry point that combines semantics and mechanism.\n *\n * @param targets - What should be shown (from getOverlayTargets)\n * @param canvas - Canvas element with metadata\n * @param canvasRect - Canvas content bounding rect\n * @param panZoomElement - Pan-zoom element (for box-select conversion)\n * @param panZoomTransform - Current transform\n * @returns Complete overlay state\n */\nexport function calculateOverlayState(\n  targets: OverlayTargets,\n  canvas: CanvasWithMetadata,\n  canvasRect: DOMRect,\n  panZoomElement: HTMLElement | null,\n  panZoomTransform: PanZoomTransform | undefined,\n): OverlayState {\n  const scale = panZoomTransform?.scale ?? 1;\n\n  return {\n    selection: calculateSelectionBounds(targets.selectedIds, canvas, canvasRect, scale),\n    boxSelect: calculateBoxSelectBounds(targets.boxSelectBounds, panZoomElement, panZoomTransform),\n    highlight: calculateHighlightBounds(targets.highlightedElementId, canvas, canvasRect, scale),\n  };\n}\n\n// ============================================================================\n// INVARIANTS: Helper functions to check invariants\n// ============================================================================\n\n/**\n * INVARIANT: Overlay is visible iff bounds exist with positive dimensions.\n */\nexport function isOverlayVisible(bounds: ScreenBounds | null): boolean {\n  return bounds !== null && bounds.width > 0 && bounds.height > 0;\n}\n\n/**\n * Check if overlay state has any visible overlays.\n */\nexport function hasVisibleOverlays(state: OverlayState): boolean {\n  return (\n    isOverlayVisible(state.selection) ||\n    isOverlayVisible(state.boxSelect) ||\n    isOverlayVisible(state.highlight)\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"overlayState.js","names":[],"sources":["../../../src/canvas/overlays/overlayState.ts"],"mappings":"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"}

package/dist/canvas/selection/SelectionController.js

@@ -1,5 +1,4 @@
 import { SelectionModel } from "./SelectionModel.js";
-
 //#region src/canvas/selection/SelectionController.ts
 /**
 * Reactive controller that bridges SelectionModel and Lit element lifecycle.
@@ -97,7 +96,7 @@ var SelectionController = class {
 		} });
 	}
 };
-
 //#endregion
 export { SelectionController };
+
 //# sourceMappingURL=SelectionController.js.map

package/dist/canvas/selection/SelectionController.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionController.js","names":[],"sources":["../../../src/canvas/selection/SelectionController.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from \"lit\";\nimport { SelectionModel } from \"./SelectionModel.js\";\nimport type { SelectionContext } from \"./selectionContext.js\";\n\n/**\n * Reactive controller that bridges SelectionModel and Lit element lifecycle.\n * Provides selection context to child elements.\n */\nexport class SelectionController implements ReactiveController {\n  private host: ReactiveControllerHost;\n  private selectionModel: SelectionModel;\n  private hitTestFn: ((bounds: DOMRect) => string[]) | null = null;\n  selectionContext: SelectionContext;\n\n  constructor(host: ReactiveControllerHost) {\n    this.host = host;\n    this.selectionModel = new SelectionModel();\n    this.selectionContext = this.createContextProxy();\n    host.addController(this);\n\n    // Listen to selection change events from the model\n    // Use queueMicrotask to defer the update and avoid Lit warning about\n    // scheduling updates after update completed (change-in-update)\n    this.selectionModel.addEventListener(\"selectionchange\", () => {\n      queueMicrotask(() => this.host.requestUpdate());\n    });\n  }\n\n  hostConnected(): void {\n    // Context is provided via @provide decorator\n  }\n\n  hostDisconnected(): void {\n    // Cleanup if needed\n  }\n\n  /**\n   * Set the hit test function for box selection.\n   */\n  setHitTest(fn: (bounds: DOMRect) => string[]): void {\n    this.hitTestFn = fn;\n  }\n\n  /**\n   * Get the underlying selection model.\n   */\n  getModel(): SelectionModel {\n    return this.selectionModel;\n  }\n\n  /**\n   * Create a proxy context that delegates to the selection model.\n   */\n  private createContextProxy(): SelectionContext {\n    const selectionModel = this.selectionModel;\n    const getHost = () => this.host;\n    const getHitTestFn = () => this.hitTestFn;\n    return new Proxy(\n      {\n        select: (id: string) => {\n          selectionModel.select(id);\n          // Event will trigger requestUpdate via event listener\n        },\n        selectMultiple: (ids: string[]) => {\n          selectionModel.selectMultiple(ids);\n          // Event will trigger requestUpdate via event listener\n        },\n        addToSelection: (id: string) => {\n          selectionModel.addToSelection(id);\n          // Event will trigger requestUpdate via event listener\n        },\n        deselect: (id: string) => {\n          selectionModel.deselect(id);\n          // Event will trigger requestUpdate via event listener\n        },\n        toggle: (id: string) => {\n          selectionModel.toggle(id);\n          // Event will trigger requestUpdate via event listener\n        },\n        clear: () => {\n          selectionModel.clear();\n          // Event will trigger requestUpdate via event listener\n        },\n        startBoxSelect: (x: number, y: number) => {\n          selectionModel.startBoxSelect(x, y);\n          queueMicrotask(() => getHost().requestUpdate());\n        },\n        updateBoxSelect: (x: number, y: number) => {\n          selectionModel.updateBoxSelect(x, y);\n          queueMicrotask(() => getHost().requestUpdate());\n        },\n        endBoxSelect: (hitTest: (bounds: DOMRect) => string[], addToSelection?: boolean) => {\n          const fn = hitTest || getHitTestFn();\n          if (fn) {\n            selectionModel.endBoxSelect(fn, addToSelection ?? false);\n          }\n          // Event will trigger requestUpdate via event listener\n        },\n        createGroup: (ids: string[]) => {\n          const groupId = selectionModel.createGroup(ids);\n          return groupId;\n        },\n        ungroup: (groupId: string) => {\n          selectionModel.ungroup(groupId);\n        },\n        selectGroup: (groupId: string) => {\n          selectionModel.selectGroup(groupId);\n          // Event will trigger requestUpdate via event listener\n        },\n        getGroupId: (elementId: string) => {\n          return selectionModel.getGroupId(elementId);\n        },\n        getGroupElements: (groupId: string) => {\n          return selectionModel.getGroupElements(groupId);\n        },\n        addEventListener: (type: \"selectionchange\", listener: (event: CustomEvent) => void) => {\n          selectionModel.addEventListener(type, listener as EventListener);\n        },\n        removeEventListener: (type: \"selectionchange\", listener: (event: CustomEvent) => void) => {\n          selectionModel.removeEventListener(type, listener as EventListener);\n        },\n      } as Omit<SelectionContext, \"selectedIds\" | \"selectionMode\" | \"boxSelectBounds\">,\n      {\n        get(target, prop) {\n          if (prop === \"selectedIds\") {\n            return selectionModel.selectedIds;\n          }\n          if (prop === \"selectionMode\") {\n            return selectionModel.selectionMode;\n          }\n          if (prop === \"boxSelectBounds\") {\n            return selectionModel.boxSelectBounds;\n          }\n          return (target as any)[prop];\n        },\n      },\n    ) as SelectionContext;\n  }\n}\n"],"mappings":";;;;;;;AAQA,IAAa,sBAAb,MAA+D;CAM7D,YAAY,MAA8B;mBAHkB;AAI1D,OAAK,OAAO;AACZ,OAAK,iBAAiB,IAAI,gBAAgB;AAC1C,OAAK,mBAAmB,KAAK,oBAAoB;AACjD,OAAK,cAAc,KAAK;AAKxB,OAAK,eAAe,iBAAiB,yBAAyB;AAC5D,wBAAqB,KAAK,KAAK,eAAe,CAAC;IAC/C;;CAGJ,gBAAsB;CAItB,mBAAyB;;;;CAOzB,WAAW,IAAyC;AAClD,OAAK,YAAY;;;;;CAMnB,WAA2B;AACzB,SAAO,KAAK;;;;;CAMd,AAAQ,qBAAuC;EAC7C,MAAM,iBAAiB,KAAK;EAC5B,MAAM,gBAAgB,KAAK;EAC3B,MAAM,qBAAqB,KAAK;AAChC,SAAO,IAAI,MACT;GACE,SAAS,OAAe;AACtB,mBAAe,OAAO,GAAG;;GAG3B,iBAAiB,QAAkB;AACjC,mBAAe,eAAe,IAAI;;GAGpC,iBAAiB,OAAe;AAC9B,mBAAe,eAAe,GAAG;;GAGnC,WAAW,OAAe;AACxB,mBAAe,SAAS,GAAG;;GAG7B,SAAS,OAAe;AACtB,mBAAe,OAAO,GAAG;;GAG3B,aAAa;AACX,mBAAe,OAAO;;GAGxB,iBAAiB,GAAW,MAAc;AACxC,mBAAe,eAAe,GAAG,EAAE;AACnC,yBAAqB,SAAS,CAAC,eAAe,CAAC;;GAEjD,kBAAkB,GAAW,MAAc;AACzC,mBAAe,gBAAgB,GAAG,EAAE;AACpC,yBAAqB,SAAS,CAAC,eAAe,CAAC;;GAEjD,eAAe,SAAwC,mBAA6B;IAClF,MAAM,KAAK,WAAW,cAAc;AACpC,QAAI,GACF,gBAAe,aAAa,IAAI,kBAAkB,MAAM;;GAI5D,cAAc,QAAkB;AAE9B,WADgB,eAAe,YAAY,IAAI;;GAGjD,UAAU,YAAoB;AAC5B,mBAAe,QAAQ,QAAQ;;GAEjC,cAAc,YAAoB;AAChC,mBAAe,YAAY,QAAQ;;GAGrC,aAAa,cAAsB;AACjC,WAAO,eAAe,WAAW,UAAU;;GAE7C,mBAAmB,YAAoB;AACrC,WAAO,eAAe,iBAAiB,QAAQ;;GAEjD,mBAAmB,MAAyB,aAA2C;AACrF,mBAAe,iBAAiB,MAAM,SAA0B;;GAElE,sBAAsB,MAAyB,aAA2C;AACxF,mBAAe,oBAAoB,MAAM,SAA0B;;GAEtE,EACD,EACE,IAAI,QAAQ,MAAM;AAChB,OAAI,SAAS,cACX,QAAO,eAAe;AAExB,OAAI,SAAS,gBACX,QAAO,eAAe;AAExB,OAAI,SAAS,kBACX,QAAO,eAAe;AAExB,UAAQ,OAAe;KAE1B,CACF"}
+{"version":3,"file":"SelectionController.js","names":[],"sources":["../../../src/canvas/selection/SelectionController.ts"],"mappings":";;;;;;AAQA,IAAa,sBAAb,MAA+D;CAM7D,YAAY,MAA8B;mBAHkB;AAI1D,OAAK,OAAO;AACZ,OAAK,iBAAiB,IAAI,gBAAgB;AAC1C,OAAK,mBAAmB,KAAK,oBAAoB;AACjD,OAAK,cAAc,KAAK;AAKxB,OAAK,eAAe,iBAAiB,yBAAyB;AAC5D,wBAAqB,KAAK,KAAK,eAAe,CAAC;IAC/C;;CAGJ,gBAAsB;CAItB,mBAAyB;;;;CAOzB,WAAW,IAAyC;AAClD,OAAK,YAAY;;;;;CAMnB,WAA2B;AACzB,SAAO,KAAK;;;;;CAMd,qBAA+C;EAC7C,MAAM,iBAAiB,KAAK;EAC5B,MAAM,gBAAgB,KAAK;EAC3B,MAAM,qBAAqB,KAAK;AAChC,SAAO,IAAI,MACT;GACE,SAAS,OAAe;AACtB,mBAAe,OAAO,GAAG;;GAG3B,iBAAiB,QAAkB;AACjC,mBAAe,eAAe,IAAI;;GAGpC,iBAAiB,OAAe;AAC9B,mBAAe,eAAe,GAAG;;GAGnC,WAAW,OAAe;AACxB,mBAAe,SAAS,GAAG;;GAG7B,SAAS,OAAe;AACtB,mBAAe,OAAO,GAAG;;GAG3B,aAAa;AACX,mBAAe,OAAO;;GAGxB,iBAAiB,GAAW,MAAc;AACxC,mBAAe,eAAe,GAAG,EAAE;AACnC,yBAAqB,SAAS,CAAC,eAAe,CAAC;;GAEjD,kBAAkB,GAAW,MAAc;AACzC,mBAAe,gBAAgB,GAAG,EAAE;AACpC,yBAAqB,SAAS,CAAC,eAAe,CAAC;;GAEjD,eAAe,SAAwC,mBAA6B;IAClF,MAAM,KAAK,WAAW,cAAc;AACpC,QAAI,GACF,gBAAe,aAAa,IAAI,kBAAkB,MAAM;;GAI5D,cAAc,QAAkB;AAE9B,WADgB,eAAe,YAAY,IAAI;;GAGjD,UAAU,YAAoB;AAC5B,mBAAe,QAAQ,QAAQ;;GAEjC,cAAc,YAAoB;AAChC,mBAAe,YAAY,QAAQ;;GAGrC,aAAa,cAAsB;AACjC,WAAO,eAAe,WAAW,UAAU;;GAE7C,mBAAmB,YAAoB;AACrC,WAAO,eAAe,iBAAiB,QAAQ;;GAEjD,mBAAmB,MAAyB,aAA2C;AACrF,mBAAe,iBAAiB,MAAM,SAA0B;;GAElE,sBAAsB,MAAyB,aAA2C;AACxF,mBAAe,oBAAoB,MAAM,SAA0B;;GAEtE,EACD,EACE,IAAI,QAAQ,MAAM;AAChB,OAAI,SAAS,cACX,QAAO,eAAe;AAExB,OAAI,SAAS,gBACX,QAAO,eAAe;AAExB,OAAI,SAAS,kBACX,QAAO,eAAe;AAExB,UAAQ,OAAe;KAE1B,CACF"}

package/dist/canvas/selection/SelectionModel.d.ts

@@ -1,7 +1,6 @@
 import { SelectionState } from "../api/types.js";
 
 //#region src/canvas/selection/SelectionModel.d.ts
-
 /**
  * Pure selection logic - semantics separate from mechanism.
  * Manages selection state and operations.

package/dist/canvas/selection/SelectionModel.js

@@ -223,7 +223,7 @@ var SelectionModel = class extends EventTarget {
 		else this._selectionMode = "multiple";
 	}
 };
-
 //#endregion
 export { SelectionModel };
+
 //# sourceMappingURL=SelectionModel.js.map

package/dist/canvas/selection/SelectionModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionModel.js","names":[],"sources":["../../../src/canvas/selection/SelectionModel.ts"],"sourcesContent":["import type { SelectionState } from \"../api/types.js\";\n\n/**\n * Create a DOMRect-like object. Polyfill for Node.js environments.\n */\nfunction createRect(x: number, y: number, width: number, height: number): DOMRect {\n  if (typeof DOMRect !== \"undefined\") {\n    return new DOMRect(x, y, width, height);\n  }\n  // Polyfill for Node.js\n  return {\n    x,\n    y,\n    width,\n    height,\n    left: x,\n    top: y,\n    right: x + width,\n    bottom: y + height,\n    toJSON: () => ({ x, y, width, height }),\n  } as DOMRect;\n}\n\n/**\n * Pure selection logic - semantics separate from mechanism.\n * Manages selection state and operations.\n */\nexport class SelectionModel extends EventTarget {\n  private _selectedIds = new Set<string>();\n  private _primaryId: string | null = null;\n  private _selectionMode: SelectionState = \"none\";\n  private _boxSelectStart: { x: number; y: number } | null = null;\n  private _boxSelectCurrent: { x: number; y: number } | null = null;\n  private _groups = new Map<string, Set<string>>();\n  private _elementToGroup = new Map<string, string>();\n\n  /**\n   * Emit selectionchange event with current selection state.\n   */\n  private _emitSelectionChange(): void {\n    // Convert Set to array with primary first\n    const selectedIdsArray =\n      this._primaryId && this._selectedIds.has(this._primaryId)\n        ? [this._primaryId, ...Array.from(this._selectedIds).filter((id) => id !== this._primaryId)]\n        : Array.from(this._selectedIds);\n\n    this.dispatchEvent(\n      new CustomEvent(\"selectionchange\", {\n        detail: {\n          selectedIds: selectedIdsArray,\n          selectionMode: this._selectionMode,\n        },\n        bubbles: false,\n        composed: false,\n      }),\n    );\n  }\n\n  /**\n   * Get current selection state.\n   */\n  get selectedIds(): ReadonlySet<string> {\n    return this._selectedIds;\n  }\n\n  /**\n   * Get current selection mode.\n   */\n  get selectionMode(): SelectionState {\n    return this._selectionMode;\n  }\n\n  /**\n   * Get current box selection bounds, if active.\n   */\n  get boxSelectBounds(): DOMRect | null {\n    if (!this._boxSelectStart || !this._boxSelectCurrent) {\n      return null;\n    }\n    const left = Math.min(this._boxSelectStart.x, this._boxSelectCurrent.x);\n    const top = Math.min(this._boxSelectStart.y, this._boxSelectCurrent.y);\n    const right = Math.max(this._boxSelectStart.x, this._boxSelectCurrent.x);\n    const bottom = Math.max(this._boxSelectStart.y, this._boxSelectCurrent.y);\n    return createRect(left, top, right - left, bottom - top);\n  }\n\n  /**\n   * Select a single element.\n   */\n  select(id: string): void {\n    this._selectedIds.clear();\n    this._selectedIds.add(id);\n    this._primaryId = id;\n    this._selectionMode = \"single\";\n    this._emitSelectionChange();\n  }\n\n  /**\n   * Select multiple elements.\n   */\n  selectMultiple(ids: string[]): void {\n    this._selectedIds.clear();\n    for (const id of ids) {\n      this._selectedIds.add(id);\n    }\n    this._primaryId = ids.length > 0 ? (ids[0] ?? null) : null;\n    this._selectionMode = ids.length === 0 ? \"none\" : ids.length === 1 ? \"single\" : \"multiple\";\n    this._emitSelectionChange();\n  }\n\n  /**\n   * Add element to selection (for multi-select).\n   */\n  addToSelection(id: string): void {\n    this._selectedIds.add(id);\n    if (!this._primaryId) {\n      this._primaryId = id;\n    }\n    this._updateSelectionMode();\n    this._emitSelectionChange();\n  }\n\n  /**\n   * Remove element from selection.\n   */\n  deselect(id: string): void {\n    this._selectedIds.delete(id);\n    if (this._primaryId === id) {\n      // Set primary to first remaining, or null if none\n      const remaining = Array.from(this._selectedIds);\n      this._primaryId = remaining.length > 0 ? (remaining[0] ?? null) : null;\n    }\n    this._updateSelectionMode();\n    this._emitSelectionChange();\n  }\n\n  /**\n   * Toggle element selection state.\n   */\n  toggle(id: string): void {\n    if (this._selectedIds.has(id)) {\n      this.deselect(id);\n    } else {\n      this.addToSelection(id);\n    }\n  }\n\n  /**\n   * Clear all selections.\n   */\n  clear(): void {\n    this._selectedIds.clear();\n    this._primaryId = null;\n    this._selectionMode = \"none\";\n    this._boxSelectStart = null;\n    this._boxSelectCurrent = null;\n    this._emitSelectionChange();\n  }\n\n  /**\n   * Start box selection.\n   */\n  startBoxSelect(x: number, y: number): void {\n    this._boxSelectStart = { x, y };\n    this._boxSelectCurrent = { x, y };\n    this._selectionMode = \"box-selecting\";\n  }\n\n  /**\n   * Update box selection.\n   */\n  updateBoxSelect(x: number, y: number): void {\n    if (this._selectionMode !== \"box-selecting\") {\n      return;\n    }\n    this._boxSelectCurrent = { x, y };\n  }\n\n  /**\n   * End box selection and select elements within bounds.\n   * @param hitTest - Function to find elements within bounds\n   * @param addToSelection - If true, add to existing selection; if false, replace selection\n   */\n  endBoxSelect(hitTest: (bounds: DOMRect) => string[], addToSelection = false): void {\n    if (\n      this._selectionMode !== \"box-selecting\" ||\n      !this._boxSelectStart ||\n      !this._boxSelectCurrent\n    ) {\n      return;\n    }\n    const bounds = this.boxSelectBounds;\n    if (bounds) {\n      const ids = hitTest(bounds);\n      if (addToSelection) {\n        // Add each element to selection\n        for (const id of ids) {\n          this.addToSelection(id);\n        }\n      } else {\n        // Replace selection\n        this.selectMultiple(ids);\n      }\n    }\n    this._boxSelectStart = null;\n    this._boxSelectCurrent = null;\n    // Note: selectMultiple/addToSelection already emit events, so no need to emit again\n  }\n\n  /**\n   * Create a group from selected elements.\n   */\n  createGroup(ids: string[]): string {\n    if (ids.length === 0) {\n      throw new Error(\"Cannot create group with no elements\");\n    }\n    const groupId = `group-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n    const groupSet = new Set(ids);\n    this._groups.set(groupId, groupSet);\n    for (const id of ids) {\n      this._elementToGroup.set(id, groupId);\n    }\n    return groupId;\n  }\n\n  /**\n   * Ungroup a group.\n   */\n  ungroup(groupId: string): void {\n    const group = this._groups.get(groupId);\n    if (!group) {\n      return;\n    }\n    for (const id of group) {\n      this._elementToGroup.delete(id);\n    }\n    this._groups.delete(groupId);\n  }\n\n  /**\n   * Select all elements in a group.\n   */\n  selectGroup(groupId: string): void {\n    const group = this._groups.get(groupId);\n    if (!group) {\n      return;\n    }\n    this.selectMultiple(Array.from(group));\n    // Note: selectMultiple already emits event\n  }\n\n  /**\n   * Get group ID for an element, if any.\n   */\n  getGroupId(elementId: string): string | undefined {\n    return this._elementToGroup.get(elementId);\n  }\n\n  /**\n   * Get all element IDs in a group.\n   */\n  getGroupElements(groupId: string): string[] {\n    const group = this._groups.get(groupId);\n    return group ? Array.from(group) : [];\n  }\n\n  /**\n   * Update selection mode based on current selection count.\n   */\n  private _updateSelectionMode(): void {\n    const count = this._selectedIds.size;\n    if (count === 0) {\n      this._selectionMode = \"none\";\n    } else if (count === 1) {\n      this._selectionMode = \"single\";\n    } else {\n      this._selectionMode = \"multiple\";\n    }\n  }\n}\n"],"mappings":";;;;AAKA,SAAS,WAAW,GAAW,GAAW,OAAe,QAAyB;AAChF,KAAI,OAAO,YAAY,YACrB,QAAO,IAAI,QAAQ,GAAG,GAAG,OAAO,OAAO;AAGzC,QAAO;EACL;EACA;EACA;EACA;EACA,MAAM;EACN,KAAK;EACL,OAAO,IAAI;EACX,QAAQ,IAAI;EACZ,eAAe;GAAE;GAAG;GAAG;GAAO;GAAQ;EACvC;;;;;;AAOH,IAAa,iBAAb,cAAoC,YAAY;;;sCACvB,IAAI,KAAa;oBACJ;wBACK;yBACkB;2BACE;iCAC3C,IAAI,KAA0B;yCACtB,IAAI,KAAqB;;;;;CAKnD,AAAQ,uBAA6B;EAEnC,MAAM,mBACJ,KAAK,cAAc,KAAK,aAAa,IAAI,KAAK,WAAW,GACrD,CAAC,KAAK,YAAY,GAAG,MAAM,KAAK,KAAK,aAAa,CAAC,QAAQ,OAAO,OAAO,KAAK,WAAW,CAAC,GAC1F,MAAM,KAAK,KAAK,aAAa;AAEnC,OAAK,cACH,IAAI,YAAY,mBAAmB;GACjC,QAAQ;IACN,aAAa;IACb,eAAe,KAAK;IACrB;GACD,SAAS;GACT,UAAU;GACX,CAAC,CACH;;;;;CAMH,IAAI,cAAmC;AACrC,SAAO,KAAK;;;;;CAMd,IAAI,gBAAgC;AAClC,SAAO,KAAK;;;;;CAMd,IAAI,kBAAkC;AACpC,MAAI,CAAC,KAAK,mBAAmB,CAAC,KAAK,kBACjC,QAAO;EAET,MAAM,OAAO,KAAK,IAAI,KAAK,gBAAgB,GAAG,KAAK,kBAAkB,EAAE;EACvE,MAAM,MAAM,KAAK,IAAI,KAAK,gBAAgB,GAAG,KAAK,kBAAkB,EAAE;EACtE,MAAM,QAAQ,KAAK,IAAI,KAAK,gBAAgB,GAAG,KAAK,kBAAkB,EAAE;EACxE,MAAM,SAAS,KAAK,IAAI,KAAK,gBAAgB,GAAG,KAAK,kBAAkB,EAAE;AACzE,SAAO,WAAW,MAAM,KAAK,QAAQ,MAAM,SAAS,IAAI;;;;;CAM1D,OAAO,IAAkB;AACvB,OAAK,aAAa,OAAO;AACzB,OAAK,aAAa,IAAI,GAAG;AACzB,OAAK,aAAa;AAClB,OAAK,iBAAiB;AACtB,OAAK,sBAAsB;;;;;CAM7B,eAAe,KAAqB;AAClC,OAAK,aAAa,OAAO;AACzB,OAAK,MAAM,MAAM,IACf,MAAK,aAAa,IAAI,GAAG;AAE3B,OAAK,aAAa,IAAI,SAAS,IAAK,IAAI,MAAM,OAAQ;AACtD,OAAK,iBAAiB,IAAI,WAAW,IAAI,SAAS,IAAI,WAAW,IAAI,WAAW;AAChF,OAAK,sBAAsB;;;;;CAM7B,eAAe,IAAkB;AAC/B,OAAK,aAAa,IAAI,GAAG;AACzB,MAAI,CAAC,KAAK,WACR,MAAK,aAAa;AAEpB,OAAK,sBAAsB;AAC3B,OAAK,sBAAsB;;;;;CAM7B,SAAS,IAAkB;AACzB,OAAK,aAAa,OAAO,GAAG;AAC5B,MAAI,KAAK,eAAe,IAAI;GAE1B,MAAM,YAAY,MAAM,KAAK,KAAK,aAAa;AAC/C,QAAK,aAAa,UAAU,SAAS,IAAK,UAAU,MAAM,OAAQ;;AAEpE,OAAK,sBAAsB;AAC3B,OAAK,sBAAsB;;;;;CAM7B,OAAO,IAAkB;AACvB,MAAI,KAAK,aAAa,IAAI,GAAG,CAC3B,MAAK,SAAS,GAAG;MAEjB,MAAK,eAAe,GAAG;;;;;CAO3B,QAAc;AACZ,OAAK,aAAa,OAAO;AACzB,OAAK,aAAa;AAClB,OAAK,iBAAiB;AACtB,OAAK,kBAAkB;AACvB,OAAK,oBAAoB;AACzB,OAAK,sBAAsB;;;;;CAM7B,eAAe,GAAW,GAAiB;AACzC,OAAK,kBAAkB;GAAE;GAAG;GAAG;AAC/B,OAAK,oBAAoB;GAAE;GAAG;GAAG;AACjC,OAAK,iBAAiB;;;;;CAMxB,gBAAgB,GAAW,GAAiB;AAC1C,MAAI,KAAK,mBAAmB,gBAC1B;AAEF,OAAK,oBAAoB;GAAE;GAAG;GAAG;;;;;;;CAQnC,aAAa,SAAwC,iBAAiB,OAAa;AACjF,MACE,KAAK,mBAAmB,mBACxB,CAAC,KAAK,mBACN,CAAC,KAAK,kBAEN;EAEF,MAAM,SAAS,KAAK;AACpB,MAAI,QAAQ;GACV,MAAM,MAAM,QAAQ,OAAO;AAC3B,OAAI,eAEF,MAAK,MAAM,MAAM,IACf,MAAK,eAAe,GAAG;OAIzB,MAAK,eAAe,IAAI;;AAG5B,OAAK,kBAAkB;AACvB,OAAK,oBAAoB;;;;;CAO3B,YAAY,KAAuB;AACjC,MAAI,IAAI,WAAW,EACjB,OAAM,IAAI,MAAM,uCAAuC;EAEzD,MAAM,UAAU,SAAS,KAAK,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,UAAU,GAAG,EAAE;EACjF,MAAM,WAAW,IAAI,IAAI,IAAI;AAC7B,OAAK,QAAQ,IAAI,SAAS,SAAS;AACnC,OAAK,MAAM,MAAM,IACf,MAAK,gBAAgB,IAAI,IAAI,QAAQ;AAEvC,SAAO;;;;;CAMT,QAAQ,SAAuB;EAC7B,MAAM,QAAQ,KAAK,QAAQ,IAAI,QAAQ;AACvC,MAAI,CAAC,MACH;AAEF,OAAK,MAAM,MAAM,MACf,MAAK,gBAAgB,OAAO,GAAG;AAEjC,OAAK,QAAQ,OAAO,QAAQ;;;;;CAM9B,YAAY,SAAuB;EACjC,MAAM,QAAQ,KAAK,QAAQ,IAAI,QAAQ;AACvC,MAAI,CAAC,MACH;AAEF,OAAK,eAAe,MAAM,KAAK,MAAM,CAAC;;;;;CAOxC,WAAW,WAAuC;AAChD,SAAO,KAAK,gBAAgB,IAAI,UAAU;;;;;CAM5C,iBAAiB,SAA2B;EAC1C,MAAM,QAAQ,KAAK,QAAQ,IAAI,QAAQ;AACvC,SAAO,QAAQ,MAAM,KAAK,MAAM,GAAG,EAAE;;;;;CAMvC,AAAQ,uBAA6B;EACnC,MAAM,QAAQ,KAAK,aAAa;AAChC,MAAI,UAAU,EACZ,MAAK,iBAAiB;WACb,UAAU,EACnB,MAAK,iBAAiB;MAEtB,MAAK,iBAAiB"}
+{"version":3,"file":"SelectionModel.js","names":[],"sources":["../../../src/canvas/selection/SelectionModel.ts"],"mappings":"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"}

package/dist/canvas/selection/selectionContext.d.ts

@@ -1,7 +1,6 @@
 import { SelectionState } from "../api/types.js";
 
 //#region src/canvas/selection/selectionContext.d.ts
-
 /**
  * Selection context interface for Lit context.
  */

package/dist/canvas/selection/selectionContext.js

@@ -1,12 +1,11 @@
 import { createContext } from "@lit/context";
-
 //#region src/canvas/selection/selectionContext.ts
 /**
 * Lit context for selection state.
 * Provided by EFCanvas, consumed by child elements.
 */
 const selectionContext = createContext(Symbol("selectionContext"));
-
 //#endregion
 export { selectionContext };
+
 //# sourceMappingURL=selectionContext.js.map

package/dist/canvas/selection/selectionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectionContext.js","names":[],"sources":["../../../src/canvas/selection/selectionContext.ts"],"sourcesContent":["import { createContext } from \"@lit/context\";\nimport type { SelectionState } from \"../api/types.js\";\n\n/**\n * Selection context interface for Lit context.\n */\nexport interface SelectionContext {\n  selectedIds: ReadonlySet<string>;\n  selectionMode: SelectionState;\n  boxSelectBounds: DOMRect | null;\n  select: (id: string) => void;\n  selectMultiple: (ids: string[]) => void;\n  addToSelection: (id: string) => void;\n  deselect: (id: string) => void;\n  toggle: (id: string) => void;\n  clear: () => void;\n  startBoxSelect: (x: number, y: number) => void;\n  updateBoxSelect: (x: number, y: number) => void;\n  endBoxSelect: (hitTest: (bounds: DOMRect) => string[], addToSelection?: boolean) => void;\n  createGroup: (ids: string[]) => string;\n  ungroup: (groupId: string) => void;\n  selectGroup: (groupId: string) => void;\n  getGroupId: (elementId: string) => string | undefined;\n  getGroupElements: (groupId: string) => string[];\n  addEventListener: (type: \"selectionchange\", listener: (event: CustomEvent) => void) => void;\n  removeEventListener: (type: \"selectionchange\", listener: (event: CustomEvent) => void) => void;\n}\n\n/**\n * Lit context for selection state.\n * Provided by EFCanvas, consumed by child elements.\n */\nexport const selectionContext = createContext<SelectionContext>(Symbol(\"selectionContext\"));\n"],"mappings":";;;;;;;AAgCA,MAAa,mBAAmB,cAAgC,OAAO,mBAAmB,CAAC"}
+{"version":3,"file":"selectionContext.js","names":[],"sources":["../../../src/canvas/selection/selectionContext.ts"],"mappings":";;;;;;AAgCA,MAAa,mBAAmB,cAAgC,OAAO,mBAAmB,CAAC"}

package/dist/elements/ContainerInfo.js

@@ -24,7 +24,7 @@ function getContainerInfoFromElement(element) {
 		canContainChildren: isContainer
 	};
 }
-
 //#endregion
 export { getContainerInfoFromElement };
+
 //# sourceMappingURL=ContainerInfo.js.map

package/dist/elements/ContainerInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerInfo.js","names":["displayMode: \"flex\" | \"grid\" | \"block\" | null"],"sources":["../../src/elements/ContainerInfo.ts"],"sourcesContent":["/**\n * Container information interface for elements that can contain children.\n * Provides information about container capabilities and display mode.\n */\n\nexport interface ContainerInfo {\n  /**\n   * Whether this element is a container that can contain children.\n   */\n  isContainer: boolean;\n\n  /**\n   * The display mode of the container.\n   * \"flex\" | \"grid\" | \"block\" | null\n   */\n  displayMode: \"flex\" | \"grid\" | \"block\" | null;\n\n  /**\n   * Whether this container can contain children.\n   * This may differ from isContainer if the container is not configured to accept children.\n   */\n  canContainChildren: boolean;\n}\n\n/**\n * Helper function to get container info from any HTMLElement.\n * Reads computed styles to determine display mode.\n */\nexport function getContainerInfoFromElement(element: HTMLElement | null): ContainerInfo {\n  if (!element) {\n    return {\n      isContainer: false,\n      displayMode: null,\n      canContainChildren: false,\n    };\n  }\n\n  const computedStyle = window.getComputedStyle(element);\n  const display = computedStyle.display;\n\n  // Determine if it's a container (grid or flex)\n  const isGrid = display === \"grid\" || display === \"inline-grid\";\n  const isFlex = display === \"flex\" || display === \"inline-flex\";\n  const isBlock = display === \"block\" || display === \"inline-block\";\n\n  const isContainer = isGrid || isFlex || isBlock;\n\n  let displayMode: \"flex\" | \"grid\" | \"block\" | null = null;\n  if (isFlex) {\n    displayMode = \"flex\";\n  } else if (isGrid) {\n    displayMode = \"grid\";\n  } else if (isBlock) {\n    displayMode = \"block\";\n  }\n\n  return {\n    isContainer,\n    displayMode,\n    canContainChildren: isContainer,\n  };\n}\n"],"mappings":";;;;;AA4BA,SAAgB,4BAA4B,SAA4C;AACtF,KAAI,CAAC,QACH,QAAO;EACL,aAAa;EACb,aAAa;EACb,oBAAoB;EACrB;CAIH,MAAM,UADgB,OAAO,iBAAiB,QAAQ,CACxB;CAG9B,MAAM,SAAS,YAAY,UAAU,YAAY;CACjD,MAAM,SAAS,YAAY,UAAU,YAAY;CACjD,MAAM,UAAU,YAAY,WAAW,YAAY;CAEnD,MAAM,cAAc,UAAU,UAAU;CAExC,IAAIA,cAAgD;AACpD,KAAI,OACF,eAAc;UACL,OACT,eAAc;UACL,QACT,eAAc;AAGhB,QAAO;EACL;EACA;EACA,oBAAoB;EACrB"}
+{"version":3,"file":"ContainerInfo.js","names":[],"sources":["../../src/elements/ContainerInfo.ts"],"mappings":";;;;;AA4BA,SAAgB,4BAA4B,SAA4C;AACtF,KAAI,CAAC,QACH,QAAO;EACL,aAAa;EACb,aAAa;EACb,oBAAoB;EACrB;CAIH,MAAM,UADgB,OAAO,iBAAiB,QAAQ,CACxB;CAG9B,MAAM,SAAS,YAAY,UAAU,YAAY;CACjD,MAAM,SAAS,YAAY,UAAU,YAAY;CACjD,MAAM,UAAU,YAAY,WAAW,YAAY;CAEnD,MAAM,cAAc,UAAU,UAAU;CAExC,IAAI,cAAgD;AACpD,KAAI,OACF,eAAc;UACL,OACT,eAAc;UACL,QACT,eAAc;AAGhB,QAAO;EACL;EACA;EACA,oBAAoB;EACrB"}

package/dist/elements/CrossUpdateController.js

@@ -12,7 +12,7 @@ var CrossUpdateController = class {
 		this.host.removeController(this);
 	}
 };
-
 //#endregion
 export { CrossUpdateController };
+
 //# sourceMappingURL=CrossUpdateController.js.map

package/dist/elements/CrossUpdateController.js.map

@@ -1 +1 @@
-{"version":3,"file":"CrossUpdateController.js","names":["host: ReactiveControllerHost","target: LitElement"],"sources":["../../src/elements/CrossUpdateController.ts"],"sourcesContent":["import type { LitElement, ReactiveController, ReactiveControllerHost } from \"lit\";\n\nexport class CrossUpdateController implements ReactiveController {\n  constructor(\n    private host: ReactiveControllerHost,\n    private target: LitElement,\n  ) {\n    this.host.addController(this);\n  }\n\n  hostUpdate(): void {\n    this.target.requestUpdate();\n  }\n\n  remove(): void {\n    this.host.removeController(this);\n  }\n}\n"],"mappings":";AAEA,IAAa,wBAAb,MAAiE;CAC/D,YACE,AAAQA,MACR,AAAQC,QACR;EAFQ;EACA;AAER,OAAK,KAAK,cAAc,KAAK;;CAG/B,aAAmB;AACjB,OAAK,OAAO,eAAe;;CAG7B,SAAe;AACb,OAAK,KAAK,iBAAiB,KAAK"}
+{"version":3,"file":"CrossUpdateController.js","names":[],"sources":["../../src/elements/CrossUpdateController.ts"],"mappings":";AAEA,IAAa,wBAAb,MAAiE;CAC/D,YACE,MACA,QACA;AAFQ,OAAA,OAAA;AACA,OAAA,SAAA;AAER,OAAK,KAAK,cAAc,KAAK;;CAG/B,aAAmB;AACjB,OAAK,OAAO,eAAe;;CAG7B,SAAe;AACb,OAAK,KAAK,iBAAiB,KAAK"}

package/dist/elements/EFAudio.d.ts

@@ -1,7 +1,7 @@
+import { TemplateResult } from "../node_modules/lit-html/development/lit-html.js";
 import { FrameRenderable, FrameState } from "../preview/FrameController.js";
 import { EFMedia } from "./EFMedia.js";
-import * as lit_html2 from "lit-html";
-import * as lit_html_directives_ref_js1 from "lit-html/directives/ref.js";
+import { Ref } from "../node_modules/lit-html/development/directives/ref.js";
 
 //#region src/elements/EFAudio.d.ts
 declare const EFAudio_base: typeof EFMedia;
@@ -17,9 +17,9 @@ declare class EFAudio extends EFAudio_base implements FrameRenderable {
    * @domAttribute "volume"
    */
   volume: number;
-  audioElementRef: lit_html_directives_ref_js1.Ref<HTMLAudioElement>;
+  audioElementRef: Ref<HTMLAudioElement>;
   protected updated(changedProperties: Map<PropertyKey, unknown>): void;
-  render(): lit_html2.TemplateResult<1>;
+  render(): TemplateResult<1>;
   /**
    * Query readiness state for a given time.
    * @implements FrameRenderable

package/dist/elements/EFAudio.js

@@ -1,13 +1,11 @@
 import { TWMixin } from "../gui/TWMixin2.js";
-import { PRIORITY_AUDIO } from "../preview/FrameController.js";
-import { __decorate } from "../_virtual/_@oxc-project_runtime@0.95.0/helpers/decorate.js";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { EFMedia } from "./EFMedia.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
-
 //#region src/elements/EFAudio.ts
-let EFAudio = class EFAudio$1 extends TWMixin(EFMedia) {
+let EFAudio = class EFAudio extends TWMixin(EFMedia) {
 	constructor(..._args) {
 		super(..._args);
 		this.volume = 1;
@@ -39,7 +37,7 @@ let EFAudio = class EFAudio$1 extends TWMixin(EFMedia) {
 		return {
 			needsPreparation: !isReady,
 			isReady,
-			priority: PRIORITY_AUDIO
+			priority: 3
 		};
 	}
 	/**
@@ -62,7 +60,7 @@ __decorate([property({
 	reflect: true
 })], EFAudio.prototype, "volume", void 0);
 EFAudio = __decorate([customElement("ef-audio")], EFAudio);
-
 //#endregion
 export { EFAudio };
+
 //# sourceMappingURL=EFAudio.js.map

package/dist/elements/EFAudio.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFAudio.js","names":["EFAudio","#mediaEngineLoaded"],"sources":["../../src/elements/EFAudio.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { createRef, ref } from \"lit/directives/ref.js\";\nimport { TWMixin } from \"../gui/TWMixin.js\";\nimport {\n  type FrameRenderable,\n  type FrameState,\n  PRIORITY_AUDIO,\n} from \"../preview/FrameController.js\";\nimport { EFMedia } from \"./EFMedia.js\";\n\n@customElement(\"ef-audio\")\nexport class EFAudio extends TWMixin(EFMedia) implements FrameRenderable {\n  /**\n   * EFAudio only requires audio tracks - skip video track validation\n   * to avoid unnecessary network requests to transcoding service.\n   */\n  override get requiredTracks(): \"audio\" | \"video\" | \"both\" {\n    return \"audio\";\n  }\n\n  /**\n   * Audio volume level (0.0 to 1.0)\n   * @domAttribute \"volume\"\n   */\n  @property({ type: Number, attribute: \"volume\", reflect: true })\n  volume = 1.0;\n\n  audioElementRef = createRef<HTMLAudioElement>();\n\n  #mediaEngineLoaded = false;\n\n  protected updated(changedProperties: Map<PropertyKey, unknown>): void {\n    super.updated(changedProperties);\n\n    // Sync volume property to HTMLAudioElement whenever it changes or element is first rendered\n    if (this.audioElementRef.value) {\n      if (changedProperties.has(\"volume\") || changedProperties.size === 0) {\n        this.audioElementRef.value.volume = this.volume;\n      }\n    }\n  }\n\n  render() {\n    return html`<audio ${ref(this.audioElementRef)}></audio>`;\n  }\n\n  // ============================================================================\n  // FrameRenderable Implementation\n  // ============================================================================\n\n  /**\n   * Query readiness state for a given time.\n   * @implements FrameRenderable\n   */\n  getFrameState(_timeMs: number): FrameState {\n    // Check if media engine is loaded\n    const isReady = this.#mediaEngineLoaded && this.mediaEngineTask.status === 2; // COMPLETE\n\n    return {\n      needsPreparation: !isReady,\n      isReady,\n      priority: PRIORITY_AUDIO,\n    };\n  }\n\n  /**\n   * Async preparation - waits for media engine to load.\n   * @implements FrameRenderable\n   */\n  async prepareFrame(_timeMs: number, signal: AbortSignal): Promise<void> {\n    // Just ensure media engine is loaded\n    const mediaEngine = await this.getMediaEngine(signal);\n    this.#mediaEngineLoaded = !!mediaEngine;\n    signal.throwIfAborted();\n  }\n\n  /**\n   * Synchronous render - audio plays via HTMLAudioElement, no explicit render needed.\n   * @implements FrameRenderable\n   */\n  renderFrame(_timeMs: number): void {\n    // Audio playback is handled by the browser's HTMLAudioElement\n    // No explicit rendering action needed\n  }\n\n  // ============================================================================\n  // End FrameRenderable Implementation\n  // ============================================================================\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-audio\": EFAudio;\n  }\n}\n"],"mappings":";;;;;;;;;AAYO,oBAAMA,kBAAgB,QAAQ,QAAQ,CAA4B;;;gBAc9D;yBAES,WAA6B;;;;;;CAX/C,IAAa,iBAA6C;AACxD,SAAO;;CAYT,qBAAqB;CAErB,AAAU,QAAQ,mBAAoD;AACpE,QAAM,QAAQ,kBAAkB;AAGhC,MAAI,KAAK,gBAAgB,OACvB;OAAI,kBAAkB,IAAI,SAAS,IAAI,kBAAkB,SAAS,EAChE,MAAK,gBAAgB,MAAM,SAAS,KAAK;;;CAK/C,SAAS;AACP,SAAO,IAAI,UAAU,IAAI,KAAK,gBAAgB,CAAC;;;;;;CAWjD,cAAc,SAA6B;EAEzC,MAAM,UAAU,MAAKC,qBAAsB,KAAK,gBAAgB,WAAW;AAE3E,SAAO;GACL,kBAAkB,CAAC;GACnB;GACA,UAAU;GACX;;;;;;CAOH,MAAM,aAAa,SAAiB,QAAoC;AAGtE,QAAKA,oBAAqB,CAAC,CADP,MAAM,KAAK,eAAe,OAAO;AAErD,SAAO,gBAAgB;;;;;;CAOzB,YAAY,SAAuB;;YAxDlC,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAU,SAAS;CAAM,CAAC;sBAdhE,cAAc,WAAW"}
+{"version":3,"file":"EFAudio.js","names":["#mediaEngineLoaded"],"sources":["../../src/elements/EFAudio.ts"],"mappings":";;;;;;;AAYO,IAAA,UAAA,MAAM,gBAAgB,QAAQ,QAAQ,CAA4B;;;gBAc9D;yBAES,WAA6B;;;;;;CAX/C,IAAa,iBAA6C;AACxD,SAAO;;CAYT,qBAAqB;CAErB,QAAkB,mBAAoD;AACpE,QAAM,QAAQ,kBAAkB;AAGhC,MAAI,KAAK,gBAAgB;OACnB,kBAAkB,IAAI,SAAS,IAAI,kBAAkB,SAAS,EAChE,MAAK,gBAAgB,MAAM,SAAS,KAAK;;;CAK/C,SAAS;AACP,SAAO,IAAI,UAAU,IAAI,KAAK,gBAAgB,CAAC;;;;;;CAWjD,cAAc,SAA6B;EAEzC,MAAM,UAAU,MAAA,qBAA2B,KAAK,gBAAgB,WAAW;AAE3E,SAAO;GACL,kBAAkB,CAAC;GACnB;GACA,UAAA;GACD;;;;;;CAOH,MAAM,aAAa,SAAiB,QAAoC;AAGtE,QAAA,oBAA0B,CAAC,CADP,MAAM,KAAK,eAAe,OAAO;AAErD,SAAO,gBAAgB;;;;;;CAOzB,YAAY,SAAuB;;YAxDlC,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAU,SAAS;CAAM,CAAC,CAAA,EAAA,QAAA,WAAA,UAAA,KAAA,EAAA;sBAdhE,cAAc,WAAW,CAAA,EAAA,QAAA"}