@editframe/elements 0.45.0 → 0.45.2

package/dist/elements/EFText.d.ts

@@ -1,15 +1,15 @@
 import { TemporalMixinInterface } from "./EFTemporal.js";
 import { EFTextSegment } from "./EFTextSegment.js";
-import * as lit4 from "lit";
+import * as lit5 from "lit";
 import { LitElement, PropertyValueMap } from "lit";
-import * as lit_html4 from "lit-html";
+import * as lit_html5 from "lit-html";
 
 //#region src/elements/EFText.d.ts
 type SplitMode = "line" | "word" | "char";
 declare const EFText_base: (new (...args: any[]) => TemporalMixinInterface) & typeof LitElement;
 declare class EFText extends EFText_base {
   #private;
-  static styles: lit4.CSSResult[];
+  static styles: lit5.CSSResult[];
   split: SplitMode;
   private validateSplit;
   staggerMs?: number;
@@ -21,7 +21,7 @@ declare class EFText extends EFText_base {
   private _textContent;
   private _templateElement;
   private _segmentsReadyResolvers;
-  render(): lit_html4.TemplateResult<1>;
+  render(): lit_html5.TemplateResult<1>;
   set textContent(value: string | null);
   get textContent(): string;
   /**

package/dist/elements/EFTextSegment.d.ts

@@ -1,13 +1,13 @@
 import { TemporalMixinInterface } from "./EFTemporal.js";
-import * as lit5 from "lit";
+import * as lit6 from "lit";
 import { LitElement } from "lit";
-import * as lit_html5 from "lit-html";
+import * as lit_html6 from "lit-html";
 
 //#region src/elements/EFTextSegment.d.ts
 declare const EFTextSegment_base: (new (...args: any[]) => TemporalMixinInterface) & typeof LitElement;
 declare class EFTextSegment extends EFTextSegment_base {
-  static styles: lit5.CSSResult[];
-  render(): lit_html5.TemplateResult<1>;
+  static styles: lit6.CSSResult[];
+  render(): lit_html6.TemplateResult<1>;
   private setCSSVariables;
   protected firstUpdated(): void;
   protected updated(): void;

package/dist/elements/EFTimegroup.js

@@ -233,6 +233,10 @@ let EFTimegroup = class EFTimegroup$1 extends EFTargetable(EFTemporal(TWMixin(Li
 	shouldAutoReady() {
 		return false;
 	}
+	#onCSSAnimationStart = (e) => {
+		const target = e.target;
+		for (const anim of target.getAnimations()) if (anim.playState === "running") anim.pause();
+	};
 	#childReadyStateHandler = () => {
 		this.#recomputeAggregateReadyState();
 	};
@@ -745,6 +749,7 @@ let EFTimegroup = class EFTimegroup$1 extends EFTargetable(EFTemporal(TWMixin(Li
 	connectedCallback() {
 		super.connectedCallback();
 		for (const svg of this.querySelectorAll("svg")) svg.pauseAnimations();
+		this.addEventListener("animationstart", this.#onCSSAnimationStart, { capture: true });
 		if (this.canvasPreviewActive) return;
 		this.updateComplete.then(() => {
 			this.#runInitializer();
@@ -806,6 +811,7 @@ let EFTimegroup = class EFTimegroup$1 extends EFTargetable(EFTemporal(TWMixin(Li
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback();
+		this.removeEventListener("animationstart", this.#onCSSAnimationStart, { capture: true });
 		if (this.canvasPreviewActive) return;
 		this.#resizeObserver?.disconnect();
 		this.#removePlaybackListener();