@editframe/elements 0.47.1 → 0.48.0

package/dist/gui/EFActiveRootTemporal.js

@@ -1,9 +1,8 @@
-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 { LitElement, css, html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-
 //#region src/gui/EFActiveRootTemporal.ts
-let EFActiveRootTemporal = class EFActiveRootTemporal$1 extends LitElement {
+let EFActiveRootTemporal = class EFActiveRootTemporal extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.canvas = "";
@@ -88,7 +87,7 @@ let EFActiveRootTemporal = class EFActiveRootTemporal$1 extends LitElement {
 __decorate([property({ type: String })], EFActiveRootTemporal.prototype, "canvas", void 0);
 __decorate([state()], EFActiveRootTemporal.prototype, "activeRootTemporal", void 0);
 EFActiveRootTemporal = __decorate([customElement("ef-active-root-temporal")], EFActiveRootTemporal);
-
 //#endregion
 export { EFActiveRootTemporal };
+
 //# sourceMappingURL=EFActiveRootTemporal.js.map

package/dist/gui/EFActiveRootTemporal.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFActiveRootTemporal.js","names":["EFActiveRootTemporal"],"sources":["../../src/gui/EFActiveRootTemporal.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport type { EFCanvas } from \"../canvas/EFCanvas.js\";\nimport type { TemporalMixinInterface } from \"../elements/EFTemporal.js\";\n\n/**\n * Displays the ID of the active root temporal element from a canvas.\n * Automatically updates when selection changes.\n *\n * @example\n * ```html\n * <ef-active-root-temporal canvas=\"canvas\"></ef-active-root-temporal>\n * ```\n */\n@customElement(\"ef-active-root-temporal\")\nexport class EFActiveRootTemporal extends LitElement {\n  static styles = css`\n    :host {\n      display: inline-block;\n    }\n  `;\n\n  /**\n   * Canvas element ID or selector to bind to.\n   * If not specified, will search for the nearest ef-canvas ancestor.\n   */\n  @property({ type: String })\n  canvas = \"\";\n\n  @state()\n  private activeRootTemporal: (TemporalMixinInterface & HTMLElement) | null = null;\n\n  private canvasElement: EFCanvas | null = null;\n  private activeroottemporalchangeHandler?: () => void;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.findCanvas();\n    this.setupListener();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeListener();\n  }\n\n  protected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n    if (changedProperties.has(\"canvas\")) {\n      this.findCanvas();\n      this.setupListener();\n    }\n  }\n\n  /**\n   * Find the canvas element to bind to.\n   */\n  private findCanvas(): void {\n    // If canvas attribute is set, use it\n    if (this.canvas) {\n      const byId = document.getElementById(this.canvas);\n      if (byId && byId.tagName === \"EF-CANVAS\") {\n        this.canvasElement = byId as EFCanvas;\n        return;\n      }\n\n      // Try as selector\n      try {\n        const bySelector = document.querySelector(this.canvas) as EFCanvas | null;\n        if (bySelector && bySelector.tagName === \"EF-CANVAS\") {\n          this.canvasElement = bySelector;\n          return;\n        }\n      } catch {\n        // Invalid selector, ignore\n      }\n    }\n\n    // Fall back to nearest ancestor\n    const ancestor = this.closest(\"ef-canvas\") as EFCanvas | null;\n    if (ancestor) {\n      this.canvasElement = ancestor;\n      return;\n    }\n\n    this.canvasElement = null;\n  }\n\n  /**\n   * Setup listener for activeroottemporalchange events.\n   */\n  private setupListener(): void {\n    this.removeListener();\n\n    if (!this.canvasElement) {\n      this.activeRootTemporal = null;\n      return;\n    }\n\n    // Get initial value\n    const canvasEl = this.canvasElement as any;\n    this.activeRootTemporal = canvasEl.activeRootTemporal || null;\n\n    // Listen for changes\n    this.activeroottemporalchangeHandler = () => {\n      const canvasEl = this.canvasElement as any;\n      this.activeRootTemporal = canvasEl.activeRootTemporal || null;\n    };\n\n    this.canvasElement.addEventListener(\n      \"activeroottemporalchange\",\n      this.activeroottemporalchangeHandler,\n    );\n  }\n\n  /**\n   * Remove event listener.\n   */\n  private removeListener(): void {\n    if (this.canvasElement && this.activeroottemporalchangeHandler) {\n      this.canvasElement.removeEventListener(\n        \"activeroottemporalchange\",\n        this.activeroottemporalchangeHandler,\n      );\n      this.activeroottemporalchangeHandler = undefined;\n    }\n  }\n\n  render() {\n    const displayText = this.activeRootTemporal?.id || this.textContent || \"None\";\n    return html`<span>${displayText}</span>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-active-root-temporal\": EFActiveRootTemporal;\n  }\n}\n"],"mappings":";;;;;AAeO,iCAAMA,+BAA6B,WAAW;;;gBAY1C;4BAGmE;uBAEnC;;;gBAhBzB,GAAG;;;;;;CAmBnB,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,OAAK,YAAY;AACjB,OAAK,eAAe;;CAGtB,uBAA6B;AAC3B,QAAM,sBAAsB;AAC5B,OAAK,gBAAgB;;CAGvB,AAAU,QAAQ,mBAAiE;AACjF,MAAI,kBAAkB,IAAI,SAAS,EAAE;AACnC,QAAK,YAAY;AACjB,QAAK,eAAe;;;;;;CAOxB,AAAQ,aAAmB;AAEzB,MAAI,KAAK,QAAQ;GACf,MAAM,OAAO,SAAS,eAAe,KAAK,OAAO;AACjD,OAAI,QAAQ,KAAK,YAAY,aAAa;AACxC,SAAK,gBAAgB;AACrB;;AAIF,OAAI;IACF,MAAM,aAAa,SAAS,cAAc,KAAK,OAAO;AACtD,QAAI,cAAc,WAAW,YAAY,aAAa;AACpD,UAAK,gBAAgB;AACrB;;WAEI;;EAMV,MAAM,WAAW,KAAK,QAAQ,YAAY;AAC1C,MAAI,UAAU;AACZ,QAAK,gBAAgB;AACrB;;AAGF,OAAK,gBAAgB;;;;;CAMvB,AAAQ,gBAAsB;AAC5B,OAAK,gBAAgB;AAErB,MAAI,CAAC,KAAK,eAAe;AACvB,QAAK,qBAAqB;AAC1B;;AAKF,OAAK,qBADY,KAAK,cACa,sBAAsB;AAGzD,OAAK,wCAAwC;AAE3C,QAAK,qBADY,KAAK,cACa,sBAAsB;;AAG3D,OAAK,cAAc,iBACjB,4BACA,KAAK,gCACN;;;;;CAMH,AAAQ,iBAAuB;AAC7B,MAAI,KAAK,iBAAiB,KAAK,iCAAiC;AAC9D,QAAK,cAAc,oBACjB,4BACA,KAAK,gCACN;AACD,QAAK,kCAAkC;;;CAI3C,SAAS;AAEP,SAAO,IAAI,SADS,KAAK,oBAAoB,MAAM,KAAK,eAAe,OACvC;;;YAvGjC,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,OAAO;mCAfT,cAAc,0BAA0B"}
+{"version":3,"file":"EFActiveRootTemporal.js","names":[],"sources":["../../src/gui/EFActiveRootTemporal.ts"],"mappings":";;;;AAeO,IAAA,uBAAA,MAAM,6BAA6B,WAAW;;;gBAY1C;4BAGmE;uBAEnC;;;gBAhBzB,GAAG;;;;;;CAmBnB,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,OAAK,YAAY;AACjB,OAAK,eAAe;;CAGtB,uBAA6B;AAC3B,QAAM,sBAAsB;AAC5B,OAAK,gBAAgB;;CAGvB,QAAkB,mBAAiE;AACjF,MAAI,kBAAkB,IAAI,SAAS,EAAE;AACnC,QAAK,YAAY;AACjB,QAAK,eAAe;;;;;;CAOxB,aAA2B;AAEzB,MAAI,KAAK,QAAQ;GACf,MAAM,OAAO,SAAS,eAAe,KAAK,OAAO;AACjD,OAAI,QAAQ,KAAK,YAAY,aAAa;AACxC,SAAK,gBAAgB;AACrB;;AAIF,OAAI;IACF,MAAM,aAAa,SAAS,cAAc,KAAK,OAAO;AACtD,QAAI,cAAc,WAAW,YAAY,aAAa;AACpD,UAAK,gBAAgB;AACrB;;WAEI;;EAMV,MAAM,WAAW,KAAK,QAAQ,YAAY;AAC1C,MAAI,UAAU;AACZ,QAAK,gBAAgB;AACrB;;AAGF,OAAK,gBAAgB;;;;;CAMvB,gBAA8B;AAC5B,OAAK,gBAAgB;AAErB,MAAI,CAAC,KAAK,eAAe;AACvB,QAAK,qBAAqB;AAC1B;;AAKF,OAAK,qBADY,KAAK,cACa,sBAAsB;AAGzD,OAAK,wCAAwC;AAE3C,QAAK,qBADY,KAAK,cACa,sBAAsB;;AAG3D,OAAK,cAAc,iBACjB,4BACA,KAAK,gCACN;;;;;CAMH,iBAA+B;AAC7B,MAAI,KAAK,iBAAiB,KAAK,iCAAiC;AAC9D,QAAK,cAAc,oBACjB,4BACA,KAAK,gCACN;AACD,QAAK,kCAAkC,KAAA;;;CAI3C,SAAS;AAEP,SAAO,IAAI,SADS,KAAK,oBAAoB,MAAM,KAAK,eAAe,OACvC;;;YAvGjC,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,qBAAA,WAAA,UAAA,KAAA,EAAA;YAG1B,OAAO,CAAA,EAAA,qBAAA,WAAA,sBAAA,KAAA,EAAA;mCAfT,cAAc,0BAA0B,CAAA,EAAA,qBAAA"}

package/dist/gui/EFConfiguration.d.ts

@@ -1,14 +1,14 @@
-import * as lit7 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_html7 from "lit-html";
 
 //#region src/gui/EFConfiguration.d.ts
 declare class EFConfiguration extends LitElement {
-  static styles: lit7.CSSResult[];
+  static styles: _$lit.CSSResult[];
   efConfiguration: this;
   apiHost?: string;
   signingURL: string;
-  render(): lit_html7.TemplateResult<1>;
+  render(): TemplateResult$1<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFConfiguration.js

@@ -1,11 +1,10 @@
-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 { createContext, provide } from "@lit/context";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-
 //#region src/gui/EFConfiguration.ts
 const efConfigurationContext = createContext(Symbol("efConfigurationContext"));
-let EFConfiguration = class EFConfiguration$1 extends LitElement {
+let EFConfiguration = class EFConfiguration extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.efConfiguration = this;
@@ -32,7 +31,7 @@ __decorate([property({
 	attribute: "signing-url"
 })], EFConfiguration.prototype, "signingURL", void 0);
 EFConfiguration = __decorate([customElement("ef-configuration")], EFConfiguration);
-
 //#endregion
 export { EFConfiguration, efConfigurationContext };
+
 //# sourceMappingURL=EFConfiguration.js.map

package/dist/gui/EFConfiguration.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFConfiguration.js","names":["EFConfiguration"],"sources":["../../src/gui/EFConfiguration.ts"],"sourcesContent":["import { createContext, provide } from \"@lit/context\";\nimport { css, html, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nexport const efConfigurationContext = createContext<EFConfiguration | null>(\n  Symbol(\"efConfigurationContext\"),\n);\n\n@customElement(\"ef-configuration\")\nexport class EFConfiguration extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: contents;\n      }\n    `,\n  ];\n\n  @provide({ context: efConfigurationContext })\n  efConfiguration = this;\n\n  @property({ type: String, attribute: \"api-host\" })\n  apiHost?: string;\n\n  @property({ type: String, attribute: \"signing-url\" })\n  signingURL = \"/@ef-sign-url\";\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-configuration\": EFConfiguration;\n  }\n}\n"],"mappings":";;;;;;AAIA,MAAa,yBAAyB,cACpC,OAAO,yBAAyB,CACjC;AAGM,4BAAMA,0BAAwB,WAAW;;;yBAU5B;oBAML;;;gBAfG,CACd,GAAG;;;;MAKJ;;CAWD,SAAS;AACP,SAAO,IAAI;;;YAVZ,QAAQ,EAAE,SAAS,wBAAwB,CAAC;YAG5C,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAY,CAAC;YAGjD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAe,CAAC;8BAhBtD,cAAc,mBAAmB"}
+{"version":3,"file":"EFConfiguration.js","names":[],"sources":["../../src/gui/EFConfiguration.ts"],"mappings":";;;;;AAIA,MAAa,yBAAyB,cACpC,OAAO,yBAAyB,CACjC;AAGM,IAAA,kBAAA,MAAM,wBAAwB,WAAW;;;yBAU5B;oBAML;;;gBAfG,CACd,GAAG;;;;MAKJ;;CAWD,SAAS;AACP,SAAO,IAAI;;;YAVZ,QAAQ,EAAE,SAAS,wBAAwB,CAAC,CAAA,EAAA,gBAAA,WAAA,mBAAA,KAAA,EAAA;YAG5C,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAY,CAAC,CAAA,EAAA,gBAAA,WAAA,WAAA,KAAA,EAAA;YAGjD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAe,CAAC,CAAA,EAAA,gBAAA,WAAA,cAAA,KAAA,EAAA;8BAhBtD,cAAc,mBAAmB,CAAA,EAAA,gBAAA"}

package/dist/gui/EFControls.d.ts

@@ -1,11 +1,10 @@
 import { TemporalMixinInterface } from "../elements/EFTemporal.js";
 import { ControllableInterface } from "./Controllable.js";
 import { FocusContext } from "./focusContext.js";
-import * as lit23 from "lit";
+import * as _$lit from "lit";
 import { LitElement, PropertyValueMap } from "lit";
 
 //#region src/gui/EFControls.d.ts
-
 /**
  * EFControls provides a way to control an ef-preview element that is not a direct ancestor.
  * It bridges the contexts from a target preview element to its children controls.
@@ -26,7 +25,7 @@ import { LitElement, PropertyValueMap } from "lit";
  */
 declare class EFControls extends LitElement {
   #private;
-  static styles: lit23.CSSResult;
+  static styles: _$lit.CSSResult;
   createRenderRoot(): this;
   /**
    * The ID of the ef-preview element to control

package/dist/gui/EFControls.js

@@ -2,7 +2,7 @@ import { efContext } from "./efContext.js";
 import { currentTimeContext } from "./currentTimeContext.js";
 import { durationContext } from "./durationContext.js";
 import { loopContext, playingContext } from "./playingContext.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 { isEFTemporal } from "../elements/EFTemporal.js";
 import { focusContext } from "./focusContext.js";
 import { focusedElementContext } from "./focusedElementContext.js";
@@ -13,7 +13,6 @@ import { attachContextRoot } from "../attachContextRoot.js";
 import { createContext, provide } from "@lit/context";
 import { LitElement, css } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-
 //#region src/gui/EFControls.ts
 attachContextRoot();
 var ContextRequestEvent = class extends Event {
@@ -37,8 +36,8 @@ const proxiedContexts = [
 	[(proxy, value) => proxy.focusedElement = value, focusedElementContext],
 	[(proxy, value) => proxy.focusContext.focusedElement = value, focusContext]
 ];
-const testContext = createContext("test");
-let EFControls = class EFControls$1 extends LitElement {
+createContext("test");
+let EFControls = class EFControls extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.target = "";
@@ -188,7 +187,7 @@ __decorate([provide({ context: targetTemporalContext }), state()], EFControls.pr
 __decorate([provide({ context: focusedElementContext }), state()], EFControls.prototype, "focusedElement", void 0);
 __decorate([provide({ context: focusContext })], EFControls.prototype, "focusContext", void 0);
 EFControls = __decorate([customElement("ef-controls")], EFControls);
-
 //#endregion
 export { EFControls };
+
 //# sourceMappingURL=EFControls.js.map

package/dist/gui/EFControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFControls.js","names":["EFControls","#subscribeAbortController","#contextUnsubscribeMap","#directTemporalSubscription","#subscribeToContextProvider","#subscribeToDirectTemporal","#waitForTemporalToInitialize","#unsubscribe","#subscribe","#resubscribe"],"sources":["../../src/gui/EFControls.ts"],"sourcesContent":["import { type Context, createContext, provide } from \"@lit/context\";\nimport { css, LitElement, type PropertyValueMap } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { attachContextRoot } from \"../attachContextRoot.js\";\nimport { isEFTemporal, type TemporalMixinInterface } from \"../elements/EFTemporal.js\";\nimport { TargetController } from \"../elements/TargetController.js\";\nimport { targetTemporalContext } from \"./ContextMixin.js\";\nimport {\n  type ControllableInterface,\n  type ControllableSubscription,\n  createDirectTemporalSubscription,\n  determineTargetType,\n} from \"./Controllable.js\";\nimport { currentTimeContext } from \"./currentTimeContext.js\";\nimport { durationContext } from \"./durationContext.js\";\nimport { efContext } from \"./efContext.js\";\nimport { type FocusContext, focusContext } from \"./focusContext.js\";\nimport { focusedElementContext } from \"./focusedElementContext.js\";\nimport { loopContext, playingContext } from \"./playingContext.js\";\n\nattachContextRoot();\n\nclass ContextRequestEvent extends Event {\n  context: Context<any, any>;\n  contextTarget: Element;\n  callback: (proxy: EFControls, value: any) => void;\n  subscribe: boolean;\n\n  constructor(\n    context: Context<any, any>,\n    contextTarget: Element,\n    callback: (proxy: EFControls, value: any) => void,\n    subscribe: boolean,\n  ) {\n    super(\"context-request\", { bubbles: true, composed: true });\n    this.context = context;\n    this.contextTarget = contextTarget;\n    this.callback = callback;\n    this.subscribe = subscribe ?? false;\n  }\n}\n\nconst proxiedContexts = [\n  [\n    // biome-ignore lint/suspicious/noAssignInExpressions: Intentional assignment in callback\n    (proxy: EFControls, value: boolean) => (proxy.playing = value),\n    playingContext,\n  ],\n  [\n    // biome-ignore lint/suspicious/noAssignInExpressions: Intentional assignment in callback\n    (proxy: EFControls, value: boolean) => (proxy.loop = value),\n    loopContext,\n  ],\n  [\n    // biome-ignore lint/suspicious/noAssignInExpressions: Intentional assignment in callback\n    (proxy: EFControls, value: number) => (proxy.currentTimeMs = value),\n    currentTimeContext,\n  ],\n  [\n    // biome-ignore lint/suspicious/noAssignInExpressions: Intentional assignment in callback\n    (proxy: EFControls, value: number) => (proxy.durationMs = value),\n    durationContext,\n  ],\n  [\n    (proxy: EFControls, value: TemporalMixinInterface) =>\n      // biome-ignore lint/suspicious/noAssignInExpressions: Intentional assignment in callback\n      (proxy.targetTemporal = value),\n    targetTemporalContext,\n  ],\n  [\n    // biome-ignore lint/suspicious/noAssignInExpressions: Intentional assignment in callback\n    (proxy: EFControls, value: HTMLElement) => (proxy.focusedElement = value),\n    focusedElementContext,\n  ],\n  [\n    (proxy: EFControls, value: HTMLElement) =>\n      // biome-ignore lint/suspicious/noAssignInExpressions: Intentional assignment in callback\n      (proxy.focusContext.focusedElement = value),\n    focusContext,\n  ],\n] as const;\n\nexport const testContext = createContext<string | null>(\"test\");\n\n/**\n * EFControls provides a way to control an ef-preview element that is not a direct ancestor.\n * It bridges the contexts from a target preview element to its children controls.\n *\n * Usage:\n * ```html\n * <ef-preview id=\"my-preview\">...</ef-preview>\n *\n * <ef-controls target=\"my-preview\">\n *   <ef-toggle-play>\n *     <button slot=\"play\">Play</button>\n *     <button slot=\"pause\">Pause</button>\n *   </ef-toggle-play>\n *   <ef-scrubber></ef-scrubber>\n *   <ef-time-display></ef-time-display>\n * </ef-controls>\n * ```\n */\n@customElement(\"ef-controls\")\nexport class EFControls extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n    }\n  `;\n\n  createRenderRoot() {\n    return this;\n  }\n\n  /**\n   * The ID of the ef-preview element to control\n   */\n  @property({ type: String })\n  target = \"\";\n\n  /**\n   * The target element (set by TargetController)\n   */\n  @provide({ context: efContext })\n  @state()\n  targetElement: ControllableInterface | null = null;\n\n  @provide({ context: playingContext })\n  @state()\n  playing = false;\n\n  @provide({ context: loopContext })\n  @state()\n  loop = false;\n\n  @provide({ context: currentTimeContext })\n  @state()\n  currentTimeMs = 0;\n\n  @provide({ context: durationContext })\n  @state()\n  durationMs = 0;\n\n  @provide({ context: targetTemporalContext })\n  @state()\n  targetTemporal: TemporalMixinInterface | null = null;\n\n  @provide({ context: focusedElementContext })\n  @state()\n  focusedElement?: HTMLElement;\n\n  @provide({ context: focusContext })\n  focusContext = this as FocusContext;\n\n  // @ts-expect-error controller is intentionally not referenced directly\n  // oxlint-disable-next-line no-unused-private-class-members -- retained for constructor side effects\n  #targetController = new TargetController(this);\n\n  // Subscription tracking for different target types\n  #contextUnsubscribeMap = new Map<Context<any, any>, () => void>();\n  #directTemporalSubscription: ControllableSubscription | null = null;\n\n  #unsubscribe() {\n    // Abort any pending async subscription attempts\n    this.#subscribeAbortController?.abort();\n    this.#subscribeAbortController = null;\n\n    // Unsubscribe from context-provider subscriptions\n    for (const unsubscribe of this.#contextUnsubscribeMap.values()) {\n      unsubscribe();\n    }\n    this.#contextUnsubscribeMap.clear();\n\n    // Unsubscribe from direct-temporal subscription\n    if (this.#directTemporalSubscription) {\n      this.#directTemporalSubscription.unsubscribe();\n      this.#directTemporalSubscription = null;\n    }\n\n    // Note: We don't reset state here because:\n    // 1. During resubscribe, the new subscription will immediately provide values\n    // 2. During disconnect, the element is being removed anyway\n    // Resetting state would cause race conditions with context consumers\n  }\n\n  #subscribeAbortController: AbortController | null = null;\n\n  #subscribe() {\n    if (!this.targetElement) return;\n\n    // Cancel any pending async subscription\n    this.#subscribeAbortController?.abort();\n    this.#subscribeAbortController = new AbortController();\n\n    const targetType = determineTargetType(this.targetElement);\n\n    switch (targetType) {\n      case \"context-provider\":\n        this.#subscribeToContextProvider();\n        break;\n      case \"direct-temporal\":\n        this.#subscribeToDirectTemporal();\n        break;\n      case \"none\":\n        // Target might be a temporal that hasn't initialized yet\n        // Try to wait for it to become controllable\n        this.#waitForTemporalToInitialize();\n        break;\n    }\n  }\n\n  /**\n   * Wait for a temporal element to initialize its playbackController.\n   * This handles the case where we target a temporal element before it has\n   * completed initialization and created its playbackController.\n   *\n   * Note: playbackController is created in EFTemporal's connectedCallback via\n   * `this.updateComplete.then(() => this.didBecomeRoot())`, so we need to wait\n   * past updateComplete for the .then() callback to run.\n   */\n  async #waitForTemporalToInitialize() {\n    if (!this.targetElement || !isEFTemporal(this.targetElement)) return;\n\n    const temporal = this.targetElement as TemporalMixinInterface & HTMLElement;\n    const signal = this.#subscribeAbortController?.signal;\n\n    // Wait for the element to finish its update cycle\n    await temporal.updateComplete;\n    if (signal?.aborted) return;\n\n    // playbackController is created in a .then() callback after updateComplete,\n    // so we need to wait for that microtask to complete\n    if (!temporal.playbackController) {\n      await new Promise((resolve) => requestAnimationFrame(resolve));\n      if (signal?.aborted) return;\n      await temporal.updateComplete;\n      if (signal?.aborted) return;\n    }\n\n    // Check again if it now has a playbackController\n    if (temporal.playbackController) {\n      this.#subscribeToDirectTemporal();\n    }\n  }\n\n  /**\n   * Subscribe to a context-providing target (like EFPreview).\n   * Uses Lit Context dispatch mechanism.\n   */\n  #subscribeToContextProvider() {\n    if (!this.targetElement) return;\n\n    for (const [callback, context] of proxiedContexts) {\n      const event = new ContextRequestEvent(\n        context,\n        this,\n        (value, unsubscribe) => {\n          callback(this, value as never);\n          this.#contextUnsubscribeMap.set(context, unsubscribe);\n        },\n        true,\n      );\n      this.targetElement.dispatchEvent(event);\n    }\n  }\n\n  /**\n   * Subscribe to a direct temporal element's playback controller.\n   * Used when targeting ef-timegroup, ef-video, ef-audio directly without ef-preview wrapper.\n   */\n  async #subscribeToDirectTemporal() {\n    if (!this.targetElement || !isEFTemporal(this.targetElement)) return;\n\n    const temporal = this.targetElement as TemporalMixinInterface & HTMLElement;\n    const signal = this.#subscribeAbortController?.signal;\n\n    // Wait for the temporal element to complete initialization\n    // This ensures playbackController exists\n    await temporal.updateComplete;\n    if (signal?.aborted) return;\n\n    // If playbackController still doesn't exist, the element might need another update cycle\n    if (!temporal.playbackController) {\n      // Wait one more frame for didBecomeRoot to create the controller\n      await new Promise((resolve) => requestAnimationFrame(resolve));\n      if (signal?.aborted) return;\n      await temporal.updateComplete;\n      if (signal?.aborted) return;\n    }\n\n    if (!temporal.playbackController) {\n      // Still no controller - this element is likely a nested temporal\n      return;\n    }\n\n    this.#directTemporalSubscription = createDirectTemporalSubscription(temporal, {\n      onPlayingChange: (value) => {\n        this.playing = value;\n      },\n      onLoopChange: (value) => {\n        this.loop = value;\n      },\n      onCurrentTimeMsChange: (value) => {\n        this.currentTimeMs = value;\n      },\n      onDurationMsChange: (value) => {\n        this.durationMs = value;\n      },\n      onTargetTemporalChange: (value) => {\n        this.targetTemporal = value;\n      },\n      onFocusedElementChange: (value) => {\n        this.focusedElement = value;\n      },\n    });\n  }\n\n  #resubscribe() {\n    this.#unsubscribe();\n    this.#subscribe();\n  }\n  updated(changedProperties: PropertyValueMap<this>) {\n    super.updated(changedProperties);\n    if (changedProperties.has(\"targetElement\")) {\n      this.#resubscribe();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#unsubscribe();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-controls\": EFControls;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,mBAAmB;AAEnB,IAAM,sBAAN,cAAkC,MAAM;CAMtC,YACE,SACA,eACA,UACA,WACA;AACA,QAAM,mBAAmB;GAAE,SAAS;GAAM,UAAU;GAAM,CAAC;AAC3D,OAAK,UAAU;AACf,OAAK,gBAAgB;AACrB,OAAK,WAAW;AAChB,OAAK,YAAY,aAAa;;;AAIlC,MAAM,kBAAkB;CACtB,EAEG,OAAmB,UAAoB,MAAM,UAAU,OACxD,eACD;CACD,EAEG,OAAmB,UAAoB,MAAM,OAAO,OACrD,YACD;CACD,EAEG,OAAmB,UAAmB,MAAM,gBAAgB,OAC7D,mBACD;CACD,EAEG,OAAmB,UAAmB,MAAM,aAAa,OAC1D,gBACD;CACD,EACG,OAAmB,UAEjB,MAAM,iBAAiB,OAC1B,sBACD;CACD,EAEG,OAAmB,UAAwB,MAAM,iBAAiB,OACnE,sBACD;CACD,EACG,OAAmB,UAEjB,MAAM,aAAa,iBAAiB,OACvC,aACD;CACF;AAED,MAAa,cAAc,cAA6B,OAAO;AAqBxD,uBAAMA,qBAAmB,WAAW;;;gBAehC;uBAOqC;iBAIpC;cAIH;uBAIS;oBAIH;wBAImC;sBAOjC;;;gBAhDC,GAAG;;;;;;CAMnB,mBAAmB;AACjB,SAAO;;CA6CT,oBAAoB,IAAI,iBAAiB,KAAK;CAG9C,yCAAyB,IAAI,KAAoC;CACjE,8BAA+D;CAE/D,eAAe;AAEb,QAAKC,0BAA2B,OAAO;AACvC,QAAKA,2BAA4B;AAGjC,OAAK,MAAM,eAAe,MAAKC,sBAAuB,QAAQ,CAC5D,cAAa;AAEf,QAAKA,sBAAuB,OAAO;AAGnC,MAAI,MAAKC,4BAA6B;AACpC,SAAKA,2BAA4B,aAAa;AAC9C,SAAKA,6BAA8B;;;CASvC,4BAAoD;CAEpD,aAAa;AACX,MAAI,CAAC,KAAK,cAAe;AAGzB,QAAKF,0BAA2B,OAAO;AACvC,QAAKA,2BAA4B,IAAI,iBAAiB;AAItD,UAFmB,oBAAoB,KAAK,cAAc,EAE1D;GACE,KAAK;AACH,UAAKG,4BAA6B;AAClC;GACF,KAAK;AACH,UAAKC,2BAA4B;AACjC;GACF,KAAK;AAGH,UAAKC,6BAA8B;AACnC;;;;;;;;;;;;CAaN,OAAMA,8BAA+B;AACnC,MAAI,CAAC,KAAK,iBAAiB,CAAC,aAAa,KAAK,cAAc,CAAE;EAE9D,MAAM,WAAW,KAAK;EACtB,MAAM,SAAS,MAAKL,0BAA2B;AAG/C,QAAM,SAAS;AACf,MAAI,QAAQ,QAAS;AAIrB,MAAI,CAAC,SAAS,oBAAoB;AAChC,SAAM,IAAI,SAAS,YAAY,sBAAsB,QAAQ,CAAC;AAC9D,OAAI,QAAQ,QAAS;AACrB,SAAM,SAAS;AACf,OAAI,QAAQ,QAAS;;AAIvB,MAAI,SAAS,mBACX,OAAKI,2BAA4B;;;;;;CAQrC,8BAA8B;AAC5B,MAAI,CAAC,KAAK,cAAe;AAEzB,OAAK,MAAM,CAAC,UAAU,YAAY,iBAAiB;GACjD,MAAM,QAAQ,IAAI,oBAChB,SACA,OACC,OAAO,gBAAgB;AACtB,aAAS,MAAM,MAAe;AAC9B,UAAKH,sBAAuB,IAAI,SAAS,YAAY;MAEvD,KACD;AACD,QAAK,cAAc,cAAc,MAAM;;;;;;;CAQ3C,OAAMG,4BAA6B;AACjC,MAAI,CAAC,KAAK,iBAAiB,CAAC,aAAa,KAAK,cAAc,CAAE;EAE9D,MAAM,WAAW,KAAK;EACtB,MAAM,SAAS,MAAKJ,0BAA2B;AAI/C,QAAM,SAAS;AACf,MAAI,QAAQ,QAAS;AAGrB,MAAI,CAAC,SAAS,oBAAoB;AAEhC,SAAM,IAAI,SAAS,YAAY,sBAAsB,QAAQ,CAAC;AAC9D,OAAI,QAAQ,QAAS;AACrB,SAAM,SAAS;AACf,OAAI,QAAQ,QAAS;;AAGvB,MAAI,CAAC,SAAS,mBAEZ;AAGF,QAAKE,6BAA8B,iCAAiC,UAAU;GAC5E,kBAAkB,UAAU;AAC1B,SAAK,UAAU;;GAEjB,eAAe,UAAU;AACvB,SAAK,OAAO;;GAEd,wBAAwB,UAAU;AAChC,SAAK,gBAAgB;;GAEvB,qBAAqB,UAAU;AAC7B,SAAK,aAAa;;GAEpB,yBAAyB,UAAU;AACjC,SAAK,iBAAiB;;GAExB,yBAAyB,UAAU;AACjC,SAAK,iBAAiB;;GAEzB,CAAC;;CAGJ,eAAe;AACb,QAAKI,aAAc;AACnB,QAAKC,WAAY;;CAEnB,QAAQ,mBAA2C;AACjD,QAAM,QAAQ,kBAAkB;AAChC,MAAI,kBAAkB,IAAI,gBAAgB,CACxC,OAAKC,aAAc;;CAIvB,uBAAuB;AACrB,QAAM,sBAAsB;AAC5B,QAAKF,aAAc;;;YArNpB,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,QAAQ,EAAE,SAAS,WAAW,CAAC,EAC/B,OAAO;YAGP,QAAQ,EAAE,SAAS,gBAAgB,CAAC,EACpC,OAAO;YAGP,QAAQ,EAAE,SAAS,aAAa,CAAC,EACjC,OAAO;YAGP,QAAQ,EAAE,SAAS,oBAAoB,CAAC,EACxC,OAAO;YAGP,QAAQ,EAAE,SAAS,iBAAiB,CAAC,EACrC,OAAO;YAGP,QAAQ,EAAE,SAAS,uBAAuB,CAAC,EAC3C,OAAO;YAGP,QAAQ,EAAE,SAAS,uBAAuB,CAAC,EAC3C,OAAO;YAGP,QAAQ,EAAE,SAAS,cAAc,CAAC;yBAjDpC,cAAc,cAAc"}
+{"version":3,"file":"EFControls.js","names":["#subscribeAbortController","#contextUnsubscribeMap","#directTemporalSubscription","#subscribeToContextProvider","#subscribeToDirectTemporal","#waitForTemporalToInitialize","#unsubscribe","#subscribe","#resubscribe"],"sources":["../../src/gui/EFControls.ts"],"mappings":"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"}

package/dist/gui/EFDial.d.ts

@@ -1,6 +1,6 @@
-import * as lit22 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_html21 from "lit-html";
 
 //#region src/gui/EFDial.d.ts
 interface DialChangeDetail {
@@ -13,12 +13,12 @@ declare class EFDial extends LitElement {
   private isDragging;
   private dragStartAngle;
   private dragStartValue;
-  static styles: lit22.CSSResult;
+  static styles: _$lit.CSSResult;
   private getAngleFromPoint;
   private handlePointerDown;
   private handlePointerMove;
   private handlePointerUp;
-  render(): lit_html21.TemplateResult<1>;
+  render(): TemplateResult$1<1>;
 }
 //#endregion
 export { DialChangeDetail, EFDial };

package/dist/gui/EFDial.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 { LitElement, css, html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
-
 //#region src/gui/EFDial.ts
-let EFDial = class EFDial$1 extends LitElement {
+let EFDial = class EFDial extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this._value = 0;
@@ -145,7 +144,7 @@ let EFDial = class EFDial$1 extends LitElement {
 __decorate([property({ type: Number })], EFDial.prototype, "value", null);
 __decorate([state()], EFDial.prototype, "isDragging", void 0);
 EFDial = __decorate([customElement("ef-dial")], EFDial);
-
 //#endregion
 export { EFDial };
+
 //# sourceMappingURL=EFDial.js.map

package/dist/gui/EFDial.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFDial.js","names":["EFDial"],"sources":["../../src/gui/EFDial.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { styleMap } from \"lit/directives/style-map.js\";\n\nexport interface DialChangeDetail {\n  value: number;\n}\n\n@customElement(\"ef-dial\")\nexport class EFDial extends LitElement {\n  @property({ type: Number })\n  set value(newValue: number) {\n    // Normalize to 0-360 range\n    newValue = newValue % 360;\n    if (newValue < 0) {\n      newValue += 360;\n    }\n    // Limit to 6 significant digits\n    newValue = Number.parseFloat(newValue.toPrecision(6));\n\n    const oldValue = this._value;\n    this._value = newValue;\n    this.requestUpdate(\"value\", oldValue);\n  }\n\n  get value() {\n    return this._value;\n  }\n\n  private _value = 0;\n\n  @state()\n  private isDragging = false;\n\n  private dragStartAngle = 0;\n  private dragStartValue = 0;\n\n  static styles = css`\n    :host {\n        display: inline-block;\n        width: 200px; /* Default size, can be overridden by CSS */\n        height: 200px; /* Default size, can be overridden by CSS */\n        --dial-stroke: var(--ef-color-border);\n        --dial-tick: var(--ef-color-border-subtle);\n    }\n    .dial-container {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      background-color: var(--ef-color-bg-panel);\n      border: 2px solid var(--ef-color-border);\n    }\n    .handle {\n        position: absolute;\n        width: 16px;\n        height: 16px;\n        border-radius: 50%;\n        border: 2px solid var(--ef-color-primary);\n        background-color: var(--ef-color-bg-elevated);\n        cursor: grab;\n    }\n    .handle.dragging {\n        background-color: var(--ef-color-primary);\n        cursor: grabbing;\n    }\n    .center-text {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: var(--ef-color-bg-elevated);\n        border: 1px solid var(--ef-color-border);\n        padding: 2px 4px;\n        border-radius: 4px;\n        font-family: monospace;\n        font-size: 12px;\n        color: var(--ef-color-text);\n    }\n  `;\n\n  private getAngleFromPoint(clientX: number, clientY: number, rect: DOMRect) {\n    const center = this.clientWidth / 2;\n    const x = clientX - rect.left - center;\n    const y = clientY - rect.top - center;\n    return Math.atan2(y, x);\n  }\n\n  private handlePointerDown(e: PointerEvent) {\n    e.preventDefault();\n    this.isDragging = true;\n    const rect = this.getBoundingClientRect();\n    this.dragStartAngle = this.getAngleFromPoint(e.clientX, e.clientY, rect);\n    this.dragStartValue = this.value;\n    this.setPointerCapture(e.pointerId);\n    this.addEventListener(\"pointermove\", this.handlePointerMove, {\n      passive: false,\n    });\n    this.addEventListener(\"pointerup\", this.handlePointerUp, {\n      passive: false,\n    });\n  }\n\n  private handlePointerMove(e: PointerEvent) {\n    if (!this.isDragging) return;\n\n    e.preventDefault();\n    const rect = this.getBoundingClientRect();\n    const currentAngle = this.getAngleFromPoint(e.clientX, e.clientY, rect);\n    const angleDelta = currentAngle - this.dragStartAngle;\n\n    let newValue = this.dragStartValue + (angleDelta * 180) / Math.PI;\n\n    if (e.shiftKey) {\n      newValue = Math.round(newValue / 15) * 15;\n    }\n\n    // Normalize to 0-360 range\n    newValue = newValue % 360;\n    if (newValue < 0) {\n      newValue += 360;\n    }\n\n    // Limit to 6 significant digits\n    newValue = Number.parseFloat(newValue.toPrecision(6));\n\n    this.value = newValue;\n    this.dispatchEvent(\n      new CustomEvent<DialChangeDetail>(\"change\", {\n        detail: { value: this.value },\n      }),\n    );\n  }\n\n  private handlePointerUp(e: PointerEvent) {\n    e.preventDefault();\n    this.isDragging = false;\n    this.releasePointerCapture(e.pointerId);\n    this.removeEventListener(\"pointermove\", this.handlePointerMove);\n    this.removeEventListener(\"pointerup\", this.handlePointerUp);\n  }\n\n  render() {\n    const center = this.clientWidth / 2;\n    const radius = center - 20;\n    const handleAngle = (this.value * Math.PI) / 180;\n    const handleX = center + Math.cos(handleAngle) * radius;\n    const handleY = center + Math.sin(handleAngle) * radius;\n\n    const handleStyles = {\n      left: `${handleX - 8}px`,\n      top: `${handleY - 8}px`,\n    };\n\n    return html`\n      <div class=\"dial-container\" @pointerdown=${this.handlePointerDown}>\n        <svg class=\"absolute inset-0 w-full h-full\">\n          <circle\n            cx=${center}\n            cy=${center}\n            r=${radius}\n            fill=\"none\"\n            stroke=\"var(--dial-stroke)\"\n            stroke-width=\"2\"\n            stroke-dasharray=\"4 4\"\n          />\n          ${[0, 90, 180, 270].map((deg) => {\n            const angle = (deg * Math.PI) / 180;\n            const x1 = center + Math.cos(angle) * (radius - 8);\n            const y1 = center + Math.sin(angle) * (radius - 8);\n            const x2 = center + Math.cos(angle) * (radius + 8);\n            const y2 = center + Math.sin(angle) * (radius + 8);\n            return html`<line x1=${x1} y1=${y1} x2=${x2} y2=${y2} stroke=\"var(--dial-tick)\" stroke-width=\"2\" />`;\n          })}\n        </svg>\n        <div class=\"handle ${this.isDragging ? \"dragging\" : \"\"}\" style=${styleMap(handleStyles)}></div>\n        <div class=\"center-text\">${this.value.toFixed(0)}°</div>\n      </div>\n    `;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"EFDial.js","names":[],"sources":["../../src/gui/EFDial.ts"],"mappings":"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"}

package/dist/gui/EFFilmstrip.d.ts

@@ -1,15 +1,14 @@
+import { TemplateResult as TemplateResult$1 } from "../node_modules/lit-html/development/lit-html.js";
 import { TemporalMixinInterface } from "../elements/EFTemporal.js";
-import "./timeline/EFTimeline.js";
-import * as lit10 from "lit";
+import { Ref } from "../node_modules/lit-html/development/directives/ref.js";
+import * as _$lit from "lit";
 import { LitElement } from "lit";
-import * as lit_html10 from "lit-html";
-import * as lit_html_directives_ref0 from "lit-html/directives/ref";
 
 //#region src/gui/EFFilmstrip.d.ts
 declare const EFFilmstrip_base: typeof LitElement;
 declare class EFFilmstrip extends EFFilmstrip_base {
   #private;
-  static styles: lit10.CSSResult[];
+  static styles: _$lit.CSSResult[];
   target: string;
   pixelsPerMs: number;
   hidePlayhead: boolean;
@@ -21,10 +20,10 @@ declare class EFFilmstrip extends EFFilmstrip_base {
   get targetTemporal(): TemporalMixinInterface | null;
   get hideSelectors(): string[] | undefined;
   get showSelectors(): string[] | undefined;
-  timelineRef: lit_html_directives_ref0.Ref<HTMLElement>;
+  timelineRef: Ref<HTMLElement>;
   connectedCallback(): void;
   protected willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
-  render(): lit_html10.TemplateResult<1>;
+  render(): TemplateResult$1<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFFilmstrip.js

@@ -1,5 +1,5 @@
 import { TWMixin } from "./TWMixin2.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 { isEFTemporal } from "../elements/EFTemporal.js";
 import { targetTemporalContext } from "./ContextMixin.js";
 import { TargetController } from "../elements/TargetController.js";
@@ -8,9 +8,8 @@ import { consume } from "@lit/context";
 import { LitElement, css, html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
-
 //#region src/gui/EFFilmstrip.ts
-let EFFilmstrip = class EFFilmstrip$1 extends TWMixin(LitElement) {
+let EFFilmstrip = class EFFilmstrip extends TWMixin(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.target = "";
@@ -104,7 +103,7 @@ __decorate([consume({
 	subscribe: true
 }), state()], EFFilmstrip.prototype, "_contextProvidedTemporal", void 0);
 EFFilmstrip = __decorate([customElement("ef-filmstrip")], EFFilmstrip);
-
 //#endregion
 export { EFFilmstrip };
+
 //# sourceMappingURL=EFFilmstrip.js.map

package/dist/gui/EFFilmstrip.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFFilmstrip.js","names":["EFFilmstrip","#targetController","#lastTargetTemporal"],"sources":["../../src/gui/EFFilmstrip.ts"],"sourcesContent":["import { consume } from \"@lit/context\";\nimport { css, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { createRef, ref } from \"lit/directives/ref.js\";\n\nimport { isEFTemporal, type TemporalMixinInterface } from \"../elements/EFTemporal.js\";\nimport { TargetController } from \"../elements/TargetController.js\";\nimport { targetTemporalContext } from \"./ContextMixin.ts\";\nimport { TWMixin } from \"./TWMixin.js\";\nimport \"./timeline/EFTimeline.js\";\n\n@customElement(\"ef-filmstrip\")\nexport class EFFilmstrip extends TWMixin(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        width: 100%;\n        height: 100%;\n      }\n    `,\n  ];\n\n  @property({ type: String })\n  target = \"\";\n\n  @property({ type: Number, attribute: \"pixels-per-ms\" })\n  pixelsPerMs = 0.04;\n\n  @property({ type: Boolean, attribute: \"hide-playhead\" })\n  hidePlayhead = false;\n\n  @property({ type: Boolean, attribute: \"disable-internal-scroll\" })\n  disableInternalScroll = false;\n\n  @property({ type: String })\n  hide = \"\";\n\n  @property({ type: String })\n  show = \"\";\n\n  @state()\n  targetElement: Element | null = null;\n\n  #targetController?: TargetController;\n  #lastTargetTemporal?: TemporalMixinInterface | null;\n\n  @consume({ context: targetTemporalContext, subscribe: true })\n  @state()\n  private _contextProvidedTemporal?: TemporalMixinInterface | null;\n\n  get targetTemporal(): TemporalMixinInterface | null {\n    const fromTarget =\n      this.targetElement && isEFTemporal(this.targetElement)\n        ? (this.targetElement as TemporalMixinInterface & HTMLElement)\n        : null;\n    const fromContext = this._contextProvidedTemporal;\n\n    if (fromTarget && fromContext && fromTarget !== fromContext) {\n      console.warn(\n        \"EFFilmstrip: Both target attribute and parent context found. Using target attribute.\",\n        { target: this.target, fromTarget, fromContext },\n      );\n    }\n\n    return fromTarget ?? fromContext ?? null;\n  }\n\n  get hideSelectors(): string[] | undefined {\n    if (!this.hide) return undefined;\n    return this.hide\n      .split(\",\")\n      .map((s) => s.trim())\n      .filter((s) => s.length > 0);\n  }\n\n  get showSelectors(): string[] | undefined {\n    if (!this.show) return undefined;\n    return this.show\n      .split(\",\")\n      .map((s) => s.trim())\n      .filter((s) => s.length > 0);\n  }\n\n  timelineRef = createRef<HTMLElement>();\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.target) {\n      this.#targetController = new TargetController(this);\n    }\n  }\n\n  protected willUpdate(changedProperties: Map<string | number | symbol, unknown>) {\n    if (changedProperties.has(\"target\")) {\n      if (this.target && !this.#targetController) {\n        this.#targetController = new TargetController(this);\n      }\n    }\n\n    const currentTargetTemporal = this.targetTemporal;\n    if (this.#lastTargetTemporal !== currentTargetTemporal) {\n      this.#lastTargetTemporal = currentTargetTemporal;\n\n      // The inner ef-timeline lives in our shadow root and can't resolve\n      // targets from the document registry. Force it to re-render when\n      // our own target resolution succeeds or changes.\n      const timeline = this.timelineRef.value as any;\n      if (timeline) {\n        timeline.requestUpdate();\n      }\n    }\n\n    super.willUpdate(changedProperties);\n  }\n\n  render() {\n    const targetId = this.targetTemporal\n      ? (this.targetTemporal as unknown as HTMLElement).id || this.target\n      : this.target;\n\n    return html`\n      <ef-timeline\n        ${ref(this.timelineRef)}\n        target=${targetId}\n        control-target=${targetId}\n        pixels-per-ms=${this.pixelsPerMs}\n        .showPlayhead=${!this.hidePlayhead}\n        .showControls=${true}\n        hide=${this.hide}\n        show=${this.show}\n      ></ef-timeline>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-filmstrip\": EFFilmstrip;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAYO,wBAAMA,sBAAoB,QAAQ,WAAW,CAAC;;;gBAY1C;qBAGK;sBAGC;+BAGS;cAGjB;cAGA;uBAGyB;qBA0ClB,WAAwB;;;gBAvEtB,CACd,GAAG;;;;;;MAOJ;;CAuBD;CACA;CAMA,IAAI,iBAAgD;EAClD,MAAM,aACJ,KAAK,iBAAiB,aAAa,KAAK,cAAc,GACjD,KAAK,gBACN;EACN,MAAM,cAAc,KAAK;AAEzB,MAAI,cAAc,eAAe,eAAe,YAC9C,SAAQ,KACN,wFACA;GAAE,QAAQ,KAAK;GAAQ;GAAY;GAAa,CACjD;AAGH,SAAO,cAAc,eAAe;;CAGtC,IAAI,gBAAsC;AACxC,MAAI,CAAC,KAAK,KAAM,QAAO;AACvB,SAAO,KAAK,KACT,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,QAAQ,MAAM,EAAE,SAAS,EAAE;;CAGhC,IAAI,gBAAsC;AACxC,MAAI,CAAC,KAAK,KAAM,QAAO;AACvB,SAAO,KAAK,KACT,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,QAAQ,MAAM,EAAE,SAAS,EAAE;;CAKhC,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,MAAI,KAAK,OACP,OAAKC,mBAAoB,IAAI,iBAAiB,KAAK;;CAIvD,AAAU,WAAW,mBAA2D;AAC9E,MAAI,kBAAkB,IAAI,SAAS,EACjC;OAAI,KAAK,UAAU,CAAC,MAAKA,iBACvB,OAAKA,mBAAoB,IAAI,iBAAiB,KAAK;;EAIvD,MAAM,wBAAwB,KAAK;AACnC,MAAI,MAAKC,uBAAwB,uBAAuB;AACtD,SAAKA,qBAAsB;GAK3B,MAAM,WAAW,KAAK,YAAY;AAClC,OAAI,SACF,UAAS,eAAe;;AAI5B,QAAM,WAAW,kBAAkB;;CAGrC,SAAS;EACP,MAAM,WAAW,KAAK,iBACjB,KAAK,eAA0C,MAAM,KAAK,SAC3D,KAAK;AAET,SAAO,IAAI;;UAEL,IAAI,KAAK,YAAY,CAAC;iBACf,SAAS;yBACD,SAAS;wBACV,KAAK,YAAY;wBACjB,CAAC,KAAK,aAAa;wBACnB,KAAK;eACd,KAAK,KAAK;eACV,KAAK,KAAK;;;;;YA3GtB,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAiB,CAAC;YAGtD,SAAS;CAAE,MAAM;CAAS,WAAW;CAAiB,CAAC;YAGvD,SAAS;CAAE,MAAM;CAAS,WAAW;CAA2B,CAAC;YAGjE,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAG1B,OAAO;YAMP,QAAQ;CAAE,SAAS;CAAuB,WAAW;CAAM,CAAC,EAC5D,OAAO;0BArCT,cAAc,eAAe"}
+{"version":3,"file":"EFFilmstrip.js","names":["#targetController","#lastTargetTemporal"],"sources":["../../src/gui/EFFilmstrip.ts"],"mappings":";;;;;;;;;;;AAYO,IAAA,cAAA,MAAM,oBAAoB,QAAQ,WAAW,CAAC;;;gBAY1C;qBAGK;sBAGC;+BAGS;cAGjB;cAGA;uBAGyB;qBA0ClB,WAAwB;;;gBAvEtB,CACd,GAAG;;;;;;MAOJ;;CAuBD;CACA;CAMA,IAAI,iBAAgD;EAClD,MAAM,aACJ,KAAK,iBAAiB,aAAa,KAAK,cAAc,GACjD,KAAK,gBACN;EACN,MAAM,cAAc,KAAK;AAEzB,MAAI,cAAc,eAAe,eAAe,YAC9C,SAAQ,KACN,wFACA;GAAE,QAAQ,KAAK;GAAQ;GAAY;GAAa,CACjD;AAGH,SAAO,cAAc,eAAe;;CAGtC,IAAI,gBAAsC;AACxC,MAAI,CAAC,KAAK,KAAM,QAAO,KAAA;AACvB,SAAO,KAAK,KACT,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,QAAQ,MAAM,EAAE,SAAS,EAAE;;CAGhC,IAAI,gBAAsC;AACxC,MAAI,CAAC,KAAK,KAAM,QAAO,KAAA;AACvB,SAAO,KAAK,KACT,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,QAAQ,MAAM,EAAE,SAAS,EAAE;;CAKhC,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,MAAI,KAAK,OACP,OAAA,mBAAyB,IAAI,iBAAiB,KAAK;;CAIvD,WAAqB,mBAA2D;AAC9E,MAAI,kBAAkB,IAAI,SAAS;OAC7B,KAAK,UAAU,CAAC,MAAA,iBAClB,OAAA,mBAAyB,IAAI,iBAAiB,KAAK;;EAIvD,MAAM,wBAAwB,KAAK;AACnC,MAAI,MAAA,uBAA6B,uBAAuB;AACtD,SAAA,qBAA2B;GAK3B,MAAM,WAAW,KAAK,YAAY;AAClC,OAAI,SACF,UAAS,eAAe;;AAI5B,QAAM,WAAW,kBAAkB;;CAGrC,SAAS;EACP,MAAM,WAAW,KAAK,iBACjB,KAAK,eAA0C,MAAM,KAAK,SAC3D,KAAK;AAET,SAAO,IAAI;;UAEL,IAAI,KAAK,YAAY,CAAC;iBACf,SAAS;yBACD,SAAS;wBACV,KAAK,YAAY;wBACjB,CAAC,KAAK,aAAa;wBACnB,KAAK;eACd,KAAK,KAAK;eACV,KAAK,KAAK;;;;;YA3GtB,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,YAAA,WAAA,UAAA,KAAA,EAAA;YAG1B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAiB,CAAC,CAAA,EAAA,YAAA,WAAA,eAAA,KAAA,EAAA;YAGtD,SAAS;CAAE,MAAM;CAAS,WAAW;CAAiB,CAAC,CAAA,EAAA,YAAA,WAAA,gBAAA,KAAA,EAAA;YAGvD,SAAS;CAAE,MAAM;CAAS,WAAW;CAA2B,CAAC,CAAA,EAAA,YAAA,WAAA,yBAAA,KAAA,EAAA;YAGjE,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,YAAA,WAAA,QAAA,KAAA,EAAA;YAG1B,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,YAAA,WAAA,QAAA,KAAA,EAAA;YAG1B,OAAO,CAAA,EAAA,YAAA,WAAA,iBAAA,KAAA,EAAA;YAMP,QAAQ;CAAE,SAAS;CAAuB,WAAW;CAAM,CAAC,EAC5D,OAAO,CAAA,EAAA,YAAA,WAAA,4BAAA,KAAA,EAAA;0BArCT,cAAc,eAAe,CAAA,EAAA,YAAA"}

package/dist/gui/EFFitScale.d.ts

@@ -1,5 +1,5 @@
+import { Ref } from "../node_modules/lit-html/development/directives/ref.js";
 import { LitElement } from "lit";
-import * as lit_html_directives_ref1 from "lit-html/directives/ref";
 
 //#region src/gui/EFFitScale.d.ts
 interface ScaleInput {
@@ -21,8 +21,8 @@ interface ScaleOutput {
  */
 declare function computeFitScale(input: ScaleInput): ScaleOutput | null;
 declare class EFFitScale extends LitElement {
-  containerRef: lit_html_directives_ref1.Ref<HTMLDivElement>;
-  contentRef: lit_html_directives_ref1.Ref<HTMLSlotElement>;
+  containerRef: Ref<HTMLDivElement>;
+  contentRef: Ref<HTMLSlotElement>;
   createRenderRoot(): this;
   uniqueId: string;
   paused: boolean;

package/dist/gui/EFFitScale.js

@@ -1,8 +1,7 @@
-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 { LitElement } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { createRef } from "lit/directives/ref.js";
-
 //#region src/gui/EFFitScale.ts
 /**
 * Compute the scale factor and centering translation needed to fit
@@ -22,7 +21,7 @@ function computeFitScale(input) {
 		translateY: (containerHeight - scaledHeight) / 2
 	};
 }
-let EFFitScale = class EFFitScale$1 extends LitElement {
+let EFFitScale = class EFFitScale extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.containerRef = createRef();
@@ -118,9 +117,9 @@ let EFFitScale = class EFFitScale$1 extends LitElement {
 				return results;
 			}
 			if (!isNonContentElement(element)) results.push(element);
-			const children$1 = Array.from(element.children);
-			for (let i = 0; i < children$1.length; i++) {
-				const child = children$1[i];
+			const children = Array.from(element.children);
+			for (let i = 0; i < children.length; i++) {
+				const child = children[i];
 				if (child) results.push(...findAllContentElements(child));
 			}
 			return results;
@@ -224,7 +223,7 @@ let EFFitScale = class EFFitScale$1 extends LitElement {
 };
 __decorate([property({ type: Boolean })], EFFitScale.prototype, "paused", void 0);
 EFFitScale = __decorate([customElement("ef-fit-scale")], EFFitScale);
-
 //#endregion
 export { EFFitScale, computeFitScale };
+
 //# sourceMappingURL=EFFitScale.js.map

package/dist/gui/EFFitScale.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFFitScale.js","names":["EFFitScale","results: HTMLElement[]","children","allContentElements: HTMLElement[]"],"sources":["../../src/gui/EFFitScale.ts"],"sourcesContent":["import { LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { createRef } from \"lit/directives/ref.js\";\n\n/* ━━ Pure scale calculation ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\nexport interface ScaleInput {\n  containerWidth: number;\n  containerHeight: number;\n  contentWidth: number;\n  contentHeight: number;\n}\n\nexport interface ScaleOutput {\n  scale: number;\n  translateX: number;\n  translateY: number;\n}\n\n/**\n * Compute the scale factor and centering translation needed to fit\n * content of a given size into a container while preserving aspect ratio.\n *\n * Returns `null` when any dimension is zero or negative (cannot compute).\n */\nexport function computeFitScale(input: ScaleInput): ScaleOutput | null {\n  const { containerWidth, containerHeight, contentWidth, contentHeight } = input;\n\n  if (containerWidth <= 0 || containerHeight <= 0 || contentWidth <= 0 || contentHeight <= 0) {\n    return null;\n  }\n\n  const containerRatio = containerWidth / containerHeight;\n  const contentRatio = contentWidth / contentHeight;\n\n  const scale =\n    containerRatio > contentRatio ? containerHeight / contentHeight : containerWidth / contentWidth;\n\n  const scaledWidth = contentWidth * scale;\n  const scaledHeight = contentHeight * scale;\n  const translateX = (containerWidth - scaledWidth) / 2;\n  const translateY = (containerHeight - scaledHeight) / 2;\n\n  return { scale, translateX, translateY };\n}\n\n/* ━━ Component ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */\n\n@customElement(\"ef-fit-scale\")\nexport class EFFitScale extends LitElement {\n  containerRef = createRef<HTMLDivElement>();\n  contentRef = createRef<HTMLSlotElement>();\n\n  createRenderRoot() {\n    Object.assign(this.style, {\n      display: \"grid\",\n      width: \"100%\",\n      height: \"100%\",\n      gridTemplateColumns: \"100%\",\n      gridTemplateRows: \"100%\",\n      overflow: \"hidden\",\n      boxSizing: \"border-box\",\n      contain: \"layout paint style\",\n      position: \"relative\",\n    });\n    this.id = `${this.uniqueId}`;\n    return this;\n  }\n\n  uniqueId = Math.random().toString(36).substring(2, 15);\n\n  @property({ type: Boolean })\n  paused = false;\n\n  updated(changedProperties: Map<string, unknown>): void {\n    if (changedProperties.has(\"paused\") && !this.paused) {\n      // When unpaused, immediately recalculate scale\n      this.updateScale();\n    }\n  }\n\n  private containerResizeObserver?: ResizeObserver;\n  private contentResizeObserver?: ResizeObserver;\n  private childMutationObserver?: MutationObserver;\n  private observedContentChild: HTMLElement | null = null;\n  private hasWarnedZeroDimensions = false;\n\n  get contentChild() {\n    if (!this.children.length) return null;\n\n    const isNonContentElement = (element: Element): boolean => {\n      const tagName = element.tagName.toLowerCase();\n      const nonContentTags = [\"style\", \"script\", \"meta\", \"link\", \"title\", \"noscript\"];\n      if (nonContentTags.includes(tagName)) return true;\n\n      try {\n        const display = window.getComputedStyle(element).display;\n        return display === \"none\" || display === \"contents\";\n      } catch {\n        return false;\n      }\n    };\n\n    const findAllContentElements = (element: Element): HTMLElement[] => {\n      const results: HTMLElement[] = [];\n\n      if (element instanceof HTMLSlotElement) {\n        const assigned = element.assignedElements()[0];\n        if (assigned) {\n          results.push(...findAllContentElements(assigned));\n        }\n        return results;\n      }\n\n      if (!isNonContentElement(element)) {\n        results.push(element as HTMLElement);\n      }\n\n      const children = Array.from(element.children);\n      for (let i = 0; i < children.length; i++) {\n        const child = children[i];\n        if (child) {\n          results.push(...findAllContentElements(child));\n        }\n      }\n\n      return results;\n    };\n\n    const children = Array.from(this.children);\n    const allContentElements: HTMLElement[] = [];\n    for (let i = 0; i < children.length; i++) {\n      const child = children[i];\n      if (child) {\n        allContentElements.push(...findAllContentElements(child));\n      }\n    }\n\n    if (allContentElements.length === 0) return null;\n\n    return allContentElements[0] ?? null;\n  }\n\n  get scaleInfo() {\n    if (!this.contentChild) {\n      return {\n        scale: 1,\n        containerWidth: 0,\n        containerHeight: 0,\n        contentWidth: 0,\n        contentHeight: 0,\n      };\n    }\n\n    const containerWidth = this.clientWidth;\n    const containerHeight = this.clientHeight;\n\n    // Try to get natural dimensions from media elements (ef-video, ef-image)\n    let contentWidth = 0;\n    let contentHeight = 0;\n\n    if (typeof (this.contentChild as any).getNaturalDimensions === \"function\") {\n      const naturalDimensions = (this.contentChild as any).getNaturalDimensions() as {\n        width: number;\n        height: number;\n      } | null;\n      if (naturalDimensions && naturalDimensions.width > 0 && naturalDimensions.height > 0) {\n        contentWidth = naturalDimensions.width;\n        contentHeight = naturalDimensions.height;\n\n        // ESSENTIAL: For ef-video, set canvas to explicit pixel dimensions to break 100% circular dependency\n        // Canvas default CSS is width:100%, height:100% which would make ef-video collapse to 0x0\n        // when ef-video is set to width:auto, height:auto by ElementRenderer\n        if (this.contentChild.tagName === \"EF-VIDEO\") {\n          const canvas = (this.contentChild as any).canvasElement;\n          if (canvas) {\n            canvas.style.setProperty(\"width\", `${contentWidth}px`, \"important\");\n            canvas.style.setProperty(\"height\", `${contentHeight}px`, \"important\");\n          }\n        }\n      } else {\n        // Natural dimensions not available yet, fall back to client dimensions\n        contentWidth = this.contentChild.clientWidth;\n        contentHeight = this.contentChild.clientHeight;\n      }\n    } else {\n      // For other elements, use clientWidth/Height\n      contentWidth = this.contentChild.clientWidth;\n      contentHeight = this.contentChild.clientHeight;\n    }\n\n    if (contentWidth === 0 || contentHeight === 0) {\n      return {\n        scale: 1,\n        containerWidth,\n        containerHeight,\n        contentWidth: 0,\n        contentHeight: 0,\n      };\n    }\n\n    const result = computeFitScale({\n      containerWidth,\n      containerHeight,\n      contentWidth,\n      contentHeight,\n    });\n\n    return {\n      scale: result?.scale ?? 1,\n      containerWidth,\n      containerHeight,\n      contentWidth,\n      contentHeight,\n    };\n  }\n\n  scaleLastSetOn: HTMLElement | null = null;\n\n  private updateScale = (): void => {\n    if (!this.isConnected || this.paused) return;\n\n    const { containerWidth, containerHeight, contentWidth, contentHeight } = this.scaleInfo;\n\n    // Warn on zero container dimensions\n    if (containerWidth === 0 || containerHeight === 0) {\n      if (!this.hasWarnedZeroDimensions) {\n        this.hasWarnedZeroDimensions = true;\n        console.warn(\n          `[ef-fit-scale] Container has zero dimensions (${containerWidth}×${containerHeight}). ` +\n            `Content will be invisible. Ensure all ancestors have resolved height.`,\n          this,\n        );\n      }\n      return;\n    }\n\n    // Reset warning flag when dimensions become valid\n    this.hasWarnedZeroDimensions = false;\n\n    if (this.contentChild && contentWidth > 0 && contentHeight > 0) {\n      const result = computeFitScale({\n        containerWidth,\n        containerHeight,\n        contentWidth,\n        contentHeight,\n      });\n\n      if (!result) return;\n\n      // In the rare event that the content child is changed, we need to remove the scale\n      // because we don't want to have a scale on the old content child that is somewhere else in the DOM\n      if (this.scaleLastSetOn !== this.contentChild) {\n        this.removeScale();\n      }\n      // Use toFixed to avoid floating point precision issues\n      // this will update every frame with sub-pixel changes if we don't pin it down\n      Object.assign(this.contentChild.style, {\n        width: `${contentWidth}px`,\n        height: `${contentHeight}px`,\n        transform: `translate(${result.translateX.toFixed(4)}px, ${result.translateY.toFixed(4)}px) scale(${result.scale.toFixed(4)})`,\n        transformOrigin: \"top left\",\n      });\n      this.scaleLastSetOn = this.contentChild;\n    }\n  };\n\n  private observeContentChild(): void {\n    const child = this.contentChild;\n    if (child === this.observedContentChild) return;\n\n    // Stop observing old child\n    this.contentResizeObserver?.disconnect();\n\n    // Observe new child\n    if (child) {\n      this.contentResizeObserver = new ResizeObserver(() => {\n        this.updateScale();\n      });\n      this.contentResizeObserver.observe(child);\n    }\n    this.observedContentChild = child;\n  }\n\n  removeScale = () => {\n    if (this.scaleLastSetOn) {\n      Object.assign(this.scaleLastSetOn.style, {\n        width: \"\",\n        height: \"\",\n        transform: \"\",\n        transformOrigin: \"\",\n      });\n      this.scaleLastSetOn = null;\n    }\n  };\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this.hasWarnedZeroDimensions = false;\n\n    // Observe self for container size changes\n    this.containerResizeObserver = new ResizeObserver(() => {\n      this.updateScale();\n    });\n    this.containerResizeObserver.observe(this);\n\n    // Observe child list for content child changes\n    this.childMutationObserver = new MutationObserver(() => {\n      this.observeContentChild();\n      this.updateScale();\n    });\n    this.childMutationObserver.observe(this, { childList: true });\n\n    // Initial content child observation\n    this.observeContentChild();\n\n    // Initial scale calculation (deferred to allow layout to settle)\n    requestAnimationFrame(() => this.updateScale());\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeScale();\n    this.containerResizeObserver?.disconnect();\n    this.contentResizeObserver?.disconnect();\n    this.childMutationObserver?.disconnect();\n    this.observedContentChild = null;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-fit-scale\": EFFitScale;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"EFFitScale.js","names":[],"sources":["../../src/gui/EFFitScale.ts"],"mappings":"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"}

package/dist/gui/EFFocusOverlay.d.ts

@@ -1,16 +1,16 @@
-import * as lit24 from "lit";
+import { TemplateResult as TemplateResult$1 } from "../node_modules/lit-html/development/lit-html.js";
+import { Ref } from "../node_modules/lit-html/development/directives/ref.js";
+import * as _$lit from "lit";
 import { LitElement } from "lit";
-import * as lit_html22 from "lit-html";
-import * as lit_html_directives_ref_js3 from "lit-html/directives/ref.js";
 
 //#region src/gui/EFFocusOverlay.d.ts
 declare class EFFocusOverlay extends LitElement {
-  static styles: lit24.CSSResult;
+  static styles: _$lit.CSSResult;
   focusedElement?: HTMLElement | null;
-  overlay: lit_html_directives_ref_js3.Ref<HTMLDivElement>;
+  overlay: Ref<HTMLDivElement>;
   private animationFrame?;
   drawOverlay: () => void;
-  render(): lit_html22.TemplateResult<1>;
+  render(): TemplateResult$1<1>;
   connectedCallback(): void;
   disconnectedCallback(): void;
   protected updated(): void;

package/dist/gui/EFFocusOverlay.js

@@ -1,12 +1,11 @@
-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 { focusedElementContext } from "./focusedElementContext.js";
 import { consume } from "@lit/context";
 import { LitElement, css, html } from "lit";
 import { customElement } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
-
 //#region src/gui/EFFocusOverlay.ts
-let EFFocusOverlay = class EFFocusOverlay$1 extends LitElement {
+let EFFocusOverlay = class EFFocusOverlay extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.overlay = createRef();
@@ -65,7 +64,7 @@ __decorate([consume({
 	subscribe: true
 })], EFFocusOverlay.prototype, "focusedElement", void 0);
 EFFocusOverlay = __decorate([customElement("ef-focus-overlay")], EFFocusOverlay);
-
 //#endregion
 export { EFFocusOverlay };
+
 //# sourceMappingURL=EFFocusOverlay.js.map

package/dist/gui/EFFocusOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFFocusOverlay.js","names":["EFFocusOverlay"],"sources":["../../src/gui/EFFocusOverlay.ts"],"sourcesContent":["import { consume } from \"@lit/context\";\nimport { css, html, LitElement } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\nimport { createRef, ref } from \"lit/directives/ref.js\";\nimport { focusedElementContext } from \"./focusedElementContext.js\";\n\n@customElement(\"ef-focus-overlay\")\nexport class EFFocusOverlay extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      position: relative;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n    }\n    .overlay {\n      position: fixed;\n      outline: 2px solid var(--ef-focus-overlay-color, var(--ef-color-primary));\n      background: var(--ef-focus-overlay-background, var(--ef-color-primary));\n      outline: 2px solid var(--ef-focus-overlay-color, var(--ef-color-primary));\n      mix-blend-mode: multiply;\n      opacity: 0.4;\n      display: none;\n    }\n  `;\n\n  @consume({ context: focusedElementContext, subscribe: true })\n  focusedElement?: HTMLElement | null;\n\n  overlay = createRef<HTMLDivElement>();\n\n  private animationFrame?: number;\n\n  drawOverlay = () => {\n    const overlay = this.overlay.value;\n    if (overlay) {\n      if (this.focusedElement) {\n        overlay.style.display = \"block\";\n        const rect = this.focusedElement.getBoundingClientRect();\n        Object.assign(overlay.style, {\n          top: `${rect.top}px`,\n          left: `${rect.left}px`,\n          width: `${rect.width}px`,\n          height: `${rect.height}px`,\n        });\n        this.animationFrame = requestAnimationFrame(this.drawOverlay);\n      } else {\n        overlay.style.display = \"none\";\n      }\n    }\n  };\n\n  render() {\n    return html`<div ${ref(this.overlay)} class=\"overlay\"></div>`;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.drawOverlay();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.animationFrame) {\n      cancelAnimationFrame(this.animationFrame);\n    }\n  }\n\n  protected updated(): void {\n    this.drawOverlay();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-focus-overlay\": EFFocusOverlay;\n  }\n}\n"],"mappings":";;;;;;;;AAOO,2BAAMA,yBAAuB,WAAW;;;iBAuBnC,WAA2B;2BAIjB;GAClB,MAAM,UAAU,KAAK,QAAQ;AAC7B,OAAI,QACF,KAAI,KAAK,gBAAgB;AACvB,YAAQ,MAAM,UAAU;IACxB,MAAM,OAAO,KAAK,eAAe,uBAAuB;AACxD,WAAO,OAAO,QAAQ,OAAO;KAC3B,KAAK,GAAG,KAAK,IAAI;KACjB,MAAM,GAAG,KAAK,KAAK;KACnB,OAAO,GAAG,KAAK,MAAM;KACrB,QAAQ,GAAG,KAAK,OAAO;KACxB,CAAC;AACF,SAAK,iBAAiB,sBAAsB,KAAK,YAAY;SAE7D,SAAQ,MAAM,UAAU;;;;gBAxCd,GAAG;;;;;;;;;;;;;;;;;;;CA6CnB,SAAS;AACP,SAAO,IAAI,QAAQ,IAAI,KAAK,QAAQ,CAAC;;CAGvC,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,OAAK,aAAa;;CAGpB,uBAA6B;AAC3B,QAAM,sBAAsB;AAC5B,MAAI,KAAK,eACP,sBAAqB,KAAK,eAAe;;CAI7C,AAAU,UAAgB;AACxB,OAAK,aAAa;;;YA3CnB,QAAQ;CAAE,SAAS;CAAuB,WAAW;CAAM,CAAC;6BArB9D,cAAc,mBAAmB"}
+{"version":3,"file":"EFFocusOverlay.js","names":[],"sources":["../../src/gui/EFFocusOverlay.ts"],"mappings":";;;;;;;AAOO,IAAA,iBAAA,MAAM,uBAAuB,WAAW;;;iBAuBnC,WAA2B;2BAIjB;GAClB,MAAM,UAAU,KAAK,QAAQ;AAC7B,OAAI,QACF,KAAI,KAAK,gBAAgB;AACvB,YAAQ,MAAM,UAAU;IACxB,MAAM,OAAO,KAAK,eAAe,uBAAuB;AACxD,WAAO,OAAO,QAAQ,OAAO;KAC3B,KAAK,GAAG,KAAK,IAAI;KACjB,MAAM,GAAG,KAAK,KAAK;KACnB,OAAO,GAAG,KAAK,MAAM;KACrB,QAAQ,GAAG,KAAK,OAAO;KACxB,CAAC;AACF,SAAK,iBAAiB,sBAAsB,KAAK,YAAY;SAE7D,SAAQ,MAAM,UAAU;;;;gBAxCd,GAAG;;;;;;;;;;;;;;;;;;;CA6CnB,SAAS;AACP,SAAO,IAAI,QAAQ,IAAI,KAAK,QAAQ,CAAC;;CAGvC,oBAA0B;AACxB,QAAM,mBAAmB;AACzB,OAAK,aAAa;;CAGpB,uBAA6B;AAC3B,QAAM,sBAAsB;AAC5B,MAAI,KAAK,eACP,sBAAqB,KAAK,eAAe;;CAI7C,UAA0B;AACxB,OAAK,aAAa;;;YA3CnB,QAAQ;CAAE,SAAS;CAAuB,WAAW;CAAM,CAAC,CAAA,EAAA,eAAA,WAAA,kBAAA,KAAA,EAAA;6BArB9D,cAAc,mBAAmB,CAAA,EAAA,eAAA"}

package/dist/gui/EFOverlayItem.d.ts

@@ -1,6 +1,6 @@
-import * as lit32 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_html30 from "lit-html";
 
 //#region src/gui/EFOverlayItem.d.ts
 /**
@@ -23,7 +23,7 @@ interface OverlayItemPosition {
  * ensures transforms are applied before positions are read.
  */
 declare class EFOverlayItem extends LitElement {
-  static styles: lit32.CSSResult[];
+  static styles: _$lit.CSSResult[];
   elementId?: string;
   target?: HTMLElement | string;
   private currentPosition;
@@ -36,7 +36,7 @@ declare class EFOverlayItem extends LitElement {
   updatePosition(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
-  render(): lit_html30.TemplateResult<1>;
+  render(): TemplateResult$1<1>;
 }
 declare global {
   interface HTMLElementTagNameMap {

package/dist/gui/EFOverlayItem.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 { parseRotationFromTransform } from "./transformCalculations.js";
 import { LitElement, css, html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-
 //#region src/gui/EFOverlayItem.ts
-let EFOverlayItem = class EFOverlayItem$1 extends LitElement {
+let EFOverlayItem = class EFOverlayItem extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.currentPosition = null;
@@ -91,7 +90,7 @@ __decorate([property({
 })], EFOverlayItem.prototype, "elementId", void 0);
 __decorate([property({ attribute: false })], EFOverlayItem.prototype, "target", void 0);
 EFOverlayItem = __decorate([customElement("ef-overlay-item")], EFOverlayItem);
-
 //#endregion
 export { EFOverlayItem };
+
 //# sourceMappingURL=EFOverlayItem.js.map

package/dist/gui/EFOverlayItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFOverlayItem.js","names":["EFOverlayItem"],"sources":["../../src/gui/EFOverlayItem.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport type { EFOverlayLayer } from \"./EFOverlayLayer.js\";\nimport { parseRotationFromTransform } from \"./transformCalculations.js\";\n\n/**\n * Position changed event detail.\n */\nexport interface OverlayItemPosition {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  rotation: number;\n}\n\n/**\n * Individual overlay item that tracks a target element.\n * Must be a direct child of ef-overlay-layer.\n *\n * NEW ARCHITECTURE: This component is now PASSIVE - it does not run its own RAF loop.\n * Instead, it registers with its parent EFOverlayLayer, which manages position updates\n * for all children in a synchronized RAF loop. This eliminates race conditions and\n * ensures transforms are applied before positions are read.\n */\n@customElement(\"ef-overlay-item\")\nexport class EFOverlayItem extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        position: absolute;\n        pointer-events: auto;\n        transform-origin: center;\n      }\n    `,\n  ];\n\n  @property({ type: String, attribute: \"element-id\" })\n  elementId?: string;\n\n  @property({ attribute: false })\n  target?: HTMLElement | string;\n\n  private currentPosition: OverlayItemPosition | null = null;\n\n  private resolveTarget(): HTMLElement | null {\n    if (this.elementId) {\n      let element = document.querySelector(`[data-element-id=\"${this.elementId}\"]`) as HTMLElement;\n\n      if (!element) {\n        element = document.querySelector(`[data-timegroup-id=\"${this.elementId}\"]`) as HTMLElement;\n      }\n\n      return element || null;\n    }\n\n    if (!this.target) return null;\n\n    if (typeof this.target === \"string\") {\n      return (\n        (document.querySelector(this.target) as HTMLElement) || document.getElementById(this.target)\n      );\n    }\n\n    // For direct HTMLElement references, verify the element is still in the DOM\n    if (!this.target.isConnected) {\n      return null;\n    }\n\n    return this.target;\n  }\n\n  /**\n   * Update position based on target element.\n   * Called by parent EFOverlayLayer in its synchronized RAF loop.\n   * PUBLIC API - called by parent layer.\n   */\n  updatePosition() {\n    const targetElement = this.resolveTarget();\n    if (!targetElement) {\n      // Target not found - hide the overlay item\n      if (this.style.display !== \"none\") {\n        this.style.display = \"none\";\n      }\n      return;\n    }\n\n    // Target found - ensure we're visible\n    if (this.style.display === \"none\") {\n      this.style.display = \"\";\n    }\n\n    // Use parent element as overlay layer (like old system)\n    const overlayLayer = this.parentElement;\n    if (!overlayLayer) {\n      return;\n    }\n\n    const overlayLayerRect = overlayLayer.getBoundingClientRect();\n    const targetRect = targetElement.getBoundingClientRect();\n\n    if (targetRect.width === 0 && targetRect.height === 0) return;\n\n    const computedStyle = window.getComputedStyle(targetElement);\n    const rotation = parseRotationFromTransform(computedStyle.transform);\n\n    const overlayPosition = {\n      x: targetRect.left - overlayLayerRect.left,\n      y: targetRect.top - overlayLayerRect.top,\n      width: targetRect.width,\n      height: targetRect.height,\n      rotation,\n    };\n\n    if (overlayPosition.width <= 0 || overlayPosition.height <= 0) return;\n\n    const positionChanged =\n      !this.currentPosition ||\n      Math.abs(this.currentPosition.x - overlayPosition.x) > 0.01 ||\n      Math.abs(this.currentPosition.y - overlayPosition.y) > 0.01 ||\n      Math.abs(this.currentPosition.width - overlayPosition.width) > 0.01 ||\n      Math.abs(this.currentPosition.height - overlayPosition.height) > 0.01 ||\n      Math.abs(this.currentPosition.rotation - overlayPosition.rotation) > 0.01;\n\n    if (positionChanged) {\n      this.currentPosition = overlayPosition;\n\n      this.style.left = `${overlayPosition.x}px`;\n      this.style.top = `${overlayPosition.y}px`;\n      this.style.width = `${overlayPosition.width}px`;\n      this.style.height = `${overlayPosition.height}px`;\n\n      if (overlayPosition.rotation !== 0) {\n        this.style.transform = `rotate(${overlayPosition.rotation}deg)`;\n      } else {\n        this.style.transform = \"\";\n      }\n\n      this.dispatchEvent(\n        new CustomEvent<OverlayItemPosition>(\"position-changed\", {\n          detail: { ...overlayPosition },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    // Register with parent overlay layer for coordinated updates\n    const parent = this.parentElement as EFOverlayLayer | null;\n    if (parent && typeof (parent as any).registerOverlayItem === \"function\") {\n      (parent as any).registerOverlayItem(this);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    // Unregister from parent overlay layer\n    const parent = this.parentElement as EFOverlayLayer | null;\n    if (parent && typeof (parent as any).unregisterOverlayItem === \"function\") {\n      (parent as any).unregisterOverlayItem(this);\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-overlay-item\": EFOverlayItem;\n  }\n}\n"],"mappings":";;;;;;AA0BO,0BAAMA,wBAAsB,WAAW;;;yBAkBU;;;gBAjBtC,CACd,GAAG;;;;;;;MAQJ;;CAUD,AAAQ,gBAAoC;AAC1C,MAAI,KAAK,WAAW;GAClB,IAAI,UAAU,SAAS,cAAc,qBAAqB,KAAK,UAAU,IAAI;AAE7E,OAAI,CAAC,QACH,WAAU,SAAS,cAAc,uBAAuB,KAAK,UAAU,IAAI;AAG7E,UAAO,WAAW;;AAGpB,MAAI,CAAC,KAAK,OAAQ,QAAO;AAEzB,MAAI,OAAO,KAAK,WAAW,SACzB,QACG,SAAS,cAAc,KAAK,OAAO,IAAoB,SAAS,eAAe,KAAK,OAAO;AAKhG,MAAI,CAAC,KAAK,OAAO,YACf,QAAO;AAGT,SAAO,KAAK;;;;;;;CAQd,iBAAiB;EACf,MAAM,gBAAgB,KAAK,eAAe;AAC1C,MAAI,CAAC,eAAe;AAElB,OAAI,KAAK,MAAM,YAAY,OACzB,MAAK,MAAM,UAAU;AAEvB;;AAIF,MAAI,KAAK,MAAM,YAAY,OACzB,MAAK,MAAM,UAAU;EAIvB,MAAM,eAAe,KAAK;AAC1B,MAAI,CAAC,aACH;EAGF,MAAM,mBAAmB,aAAa,uBAAuB;EAC7D,MAAM,aAAa,cAAc,uBAAuB;AAExD,MAAI,WAAW,UAAU,KAAK,WAAW,WAAW,EAAG;EAGvD,MAAM,WAAW,2BADK,OAAO,iBAAiB,cAAc,CACF,UAAU;EAEpE,MAAM,kBAAkB;GACtB,GAAG,WAAW,OAAO,iBAAiB;GACtC,GAAG,WAAW,MAAM,iBAAiB;GACrC,OAAO,WAAW;GAClB,QAAQ,WAAW;GACnB;GACD;AAED,MAAI,gBAAgB,SAAS,KAAK,gBAAgB,UAAU,EAAG;AAU/D,MAPE,CAAC,KAAK,mBACN,KAAK,IAAI,KAAK,gBAAgB,IAAI,gBAAgB,EAAE,GAAG,OACvD,KAAK,IAAI,KAAK,gBAAgB,IAAI,gBAAgB,EAAE,GAAG,OACvD,KAAK,IAAI,KAAK,gBAAgB,QAAQ,gBAAgB,MAAM,GAAG,OAC/D,KAAK,IAAI,KAAK,gBAAgB,SAAS,gBAAgB,OAAO,GAAG,OACjE,KAAK,IAAI,KAAK,gBAAgB,WAAW,gBAAgB,SAAS,GAAG,KAElD;AACnB,QAAK,kBAAkB;AAEvB,QAAK,MAAM,OAAO,GAAG,gBAAgB,EAAE;AACvC,QAAK,MAAM,MAAM,GAAG,gBAAgB,EAAE;AACtC,QAAK,MAAM,QAAQ,GAAG,gBAAgB,MAAM;AAC5C,QAAK,MAAM,SAAS,GAAG,gBAAgB,OAAO;AAE9C,OAAI,gBAAgB,aAAa,EAC/B,MAAK,MAAM,YAAY,UAAU,gBAAgB,SAAS;OAE1D,MAAK,MAAM,YAAY;AAGzB,QAAK,cACH,IAAI,YAAiC,oBAAoB;IACvD,QAAQ,EAAE,GAAG,iBAAiB;IAC9B,SAAS;IACT,UAAU;IACX,CAAC,CACH;;;CAIL,oBAAoB;AAClB,QAAM,mBAAmB;EAEzB,MAAM,SAAS,KAAK;AACpB,MAAI,UAAU,OAAQ,OAAe,wBAAwB,WAC3D,CAAC,OAAe,oBAAoB,KAAK;;CAI7C,uBAAuB;AACrB,QAAM,sBAAsB;EAE5B,MAAM,SAAS,KAAK;AACpB,MAAI,UAAU,OAAQ,OAAe,0BAA0B,WAC7D,CAAC,OAAe,sBAAsB,KAAK;;CAI/C,SAAS;AACP,SAAO,IAAI;;;YAlIZ,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,CAAC;YAGnD,SAAS,EAAE,WAAW,OAAO,CAAC;4BAhBhC,cAAc,kBAAkB"}
+{"version":3,"file":"EFOverlayItem.js","names":[],"sources":["../../src/gui/EFOverlayItem.ts"],"mappings":";;;;;AA0BO,IAAA,gBAAA,MAAM,sBAAsB,WAAW;;;yBAkBU;;;gBAjBtC,CACd,GAAG;;;;;;;MAQJ;;CAUD,gBAA4C;AAC1C,MAAI,KAAK,WAAW;GAClB,IAAI,UAAU,SAAS,cAAc,qBAAqB,KAAK,UAAU,IAAI;AAE7E,OAAI,CAAC,QACH,WAAU,SAAS,cAAc,uBAAuB,KAAK,UAAU,IAAI;AAG7E,UAAO,WAAW;;AAGpB,MAAI,CAAC,KAAK,OAAQ,QAAO;AAEzB,MAAI,OAAO,KAAK,WAAW,SACzB,QACG,SAAS,cAAc,KAAK,OAAO,IAAoB,SAAS,eAAe,KAAK,OAAO;AAKhG,MAAI,CAAC,KAAK,OAAO,YACf,QAAO;AAGT,SAAO,KAAK;;;;;;;CAQd,iBAAiB;EACf,MAAM,gBAAgB,KAAK,eAAe;AAC1C,MAAI,CAAC,eAAe;AAElB,OAAI,KAAK,MAAM,YAAY,OACzB,MAAK,MAAM,UAAU;AAEvB;;AAIF,MAAI,KAAK,MAAM,YAAY,OACzB,MAAK,MAAM,UAAU;EAIvB,MAAM,eAAe,KAAK;AAC1B,MAAI,CAAC,aACH;EAGF,MAAM,mBAAmB,aAAa,uBAAuB;EAC7D,MAAM,aAAa,cAAc,uBAAuB;AAExD,MAAI,WAAW,UAAU,KAAK,WAAW,WAAW,EAAG;EAGvD,MAAM,WAAW,2BADK,OAAO,iBAAiB,cAAc,CACF,UAAU;EAEpE,MAAM,kBAAkB;GACtB,GAAG,WAAW,OAAO,iBAAiB;GACtC,GAAG,WAAW,MAAM,iBAAiB;GACrC,OAAO,WAAW;GAClB,QAAQ,WAAW;GACnB;GACD;AAED,MAAI,gBAAgB,SAAS,KAAK,gBAAgB,UAAU,EAAG;AAU/D,MAPE,CAAC,KAAK,mBACN,KAAK,IAAI,KAAK,gBAAgB,IAAI,gBAAgB,EAAE,GAAG,OACvD,KAAK,IAAI,KAAK,gBAAgB,IAAI,gBAAgB,EAAE,GAAG,OACvD,KAAK,IAAI,KAAK,gBAAgB,QAAQ,gBAAgB,MAAM,GAAG,OAC/D,KAAK,IAAI,KAAK,gBAAgB,SAAS,gBAAgB,OAAO,GAAG,OACjE,KAAK,IAAI,KAAK,gBAAgB,WAAW,gBAAgB,SAAS,GAAG,KAElD;AACnB,QAAK,kBAAkB;AAEvB,QAAK,MAAM,OAAO,GAAG,gBAAgB,EAAE;AACvC,QAAK,MAAM,MAAM,GAAG,gBAAgB,EAAE;AACtC,QAAK,MAAM,QAAQ,GAAG,gBAAgB,MAAM;AAC5C,QAAK,MAAM,SAAS,GAAG,gBAAgB,OAAO;AAE9C,OAAI,gBAAgB,aAAa,EAC/B,MAAK,MAAM,YAAY,UAAU,gBAAgB,SAAS;OAE1D,MAAK,MAAM,YAAY;AAGzB,QAAK,cACH,IAAI,YAAiC,oBAAoB;IACvD,QAAQ,EAAE,GAAG,iBAAiB;IAC9B,SAAS;IACT,UAAU;IACX,CAAC,CACH;;;CAIL,oBAAoB;AAClB,QAAM,mBAAmB;EAEzB,MAAM,SAAS,KAAK;AACpB,MAAI,UAAU,OAAQ,OAAe,wBAAwB,WAC1D,QAAe,oBAAoB,KAAK;;CAI7C,uBAAuB;AACrB,QAAM,sBAAsB;EAE5B,MAAM,SAAS,KAAK;AACpB,MAAI,UAAU,OAAQ,OAAe,0BAA0B,WAC5D,QAAe,sBAAsB,KAAK;;CAI/C,SAAS;AACP,SAAO,IAAI;;;YAlIZ,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,CAAC,CAAA,EAAA,cAAA,WAAA,aAAA,KAAA,EAAA;YAGnD,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,cAAA,WAAA,UAAA,KAAA,EAAA;4BAhBhC,cAAc,kBAAkB,CAAA,EAAA,cAAA"}