@aarsteinmedia/dotlottie-player 6.2.2 → 6.2.3

package/CHANGELOG.md

@@ -7,7 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Changelog was only added since [3.2.3], so it's not exhaustive. [Please report any missing noteable changes to us](https://github.com/aarsteinmedia/dotlottie-player/issues), and we'll add them promptly.
 
-## [6.2.2] - 11-11-2025
+## [6.2.3] - 11-11-2025
 
 ### Changed
 

package/dist/canvas.d.ts

@@ -1,40 +1,18 @@
-import { RendererType, PreserveAspectRatio, PlayMode } from '@aarsteinmedia/lottie-web/utils';
+import { PlayMode, PreserveAspectRatio, RendererType } from '@aarsteinmedia/lottie-web/utils';
 export { PlayMode, PlayerEvents } from '@aarsteinmedia/lottie-web/utils';
 import * as _aarsteinmedia_lottie_web_canvas from '@aarsteinmedia/lottie-web/canvas';
-import * as _aarsteinmedia_lottie_web from '@aarsteinmedia/lottie-web';
-import { Vector2, AnimationConfiguration, AnimationData, AnimationDirection, AddAnimationParams, Result, ConvertParams, AnimationItem, LottieManifest, AnimationSettings } from '@aarsteinmedia/lottie-web';
-import { addAnimation, convert } from '@aarsteinmedia/lottie-web/dotlottie';
-import * as _aarsteinmedia_lottie_web_light from '@aarsteinmedia/lottie-web/light';
-import * as _aarsteinmedia_lottie_web_svg from '@aarsteinmedia/lottie-web/svg';
+import { HTMLBooleanAttribute, AnimationData, AnimationDirection, AddAnimationParams, Result, ConvertParams, AnimationItem, LottieManifest, AnimationSettings, Vector2, AnimationConfiguration } from '@aarsteinmedia/lottie-web';
 
-declare class DotLottiePlayer extends DotLottiePlayerBase {
-    addAnimation: typeof addAnimation;
-    convert: typeof convert;
-    loadAnimation: typeof _aarsteinmedia_lottie_web.loadAnimation;
-    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, rendererType }: {
-        container?: HTMLElement;
-        rendererType: RendererType;
-        initialSegment?: Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration<RendererType>;
-}
-
-declare class DotLottiePlayerLight extends DotLottiePlayerBase {
-    loadAnimation: typeof _aarsteinmedia_lottie_web_light.loadAnimation;
-    get renderer(): RendererType;
+declare abstract class PropertyCallbackElement extends HTMLElement {
     constructor();
-    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, }: {
-        container?: HTMLElement;
-        rendererType: RendererType;
-        initialSegment?: Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration<RendererType.SVG>;
+    connectedCallback(): void;
+    propertyChangedCallback(_name: string, _oldValue: unknown, _value: unknown): void;
 }
 
+declare function renderControls(this: DotLottiePlayerBase): void;
+
+declare function renderPlayer(this: DotLottiePlayerBase): Promise<void>;
+
 declare enum MouseOut {
     Pause = "pause",
     Reverse = "reverse",
@@ -53,69 +31,6 @@ declare enum PlayerState {
 }
 declare const tagName = "dotlottie-player";
 
-declare class DotLottiePlayerSVG extends DotLottiePlayerBase {
-    loadAnimation: typeof _aarsteinmedia_lottie_web_svg.loadAnimation;
-    get renderer(): RendererType;
-    constructor();
-    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, }: {
-        container?: HTMLElement;
-        rendererType: RendererType;
-        initialSegment?: Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration<RendererType.SVG>;
-}
-
-type AnimateOnScroll = boolean | '' | null;
-type Autoplay = boolean | '' | 'autoplay' | null;
-type Controls = boolean | '' | 'controls' | null;
-type Loop = boolean | '' | 'loop' | null;
-type Subframe = boolean | '' | null;
-declare global {
-    interface HTMLElementTagNameMap {
-        [tagName]: DotLottiePlayer | DotLottiePlayerLight;
-    }
-    function dotLottiePlayer(): DotLottiePlayer | DotLottiePlayerLight | DotLottiePlayerSVG | DotLottiePlayerCanvas;
-}
-type JSXLottiePlayer = Omit<Partial<DotLottiePlayer | DotLottiePlayerLight>, 'style'> & {
-    class?: string;
-    ref?: React.RefObject<unknown>;
-    style?: React.CSSProperties;
-    src: string;
-};
-declare module 'react' {
-    namespace JSX {
-        interface IntrinsicElements {
-            [tagName]: JSXLottiePlayer;
-        }
-    }
-}
-declare module 'react/jsx-runtime' {
-    namespace JSX {
-        interface IntrinsicElements {
-            [tagName]: JSXLottiePlayer;
-        }
-    }
-}
-declare module 'react/jsx-dev-runtime' {
-    namespace JSX {
-        interface IntrinsicElements {
-            [tagName]: JSXLottiePlayer;
-        }
-    }
-}
-
-declare abstract class PropertyCallbackElement extends HTMLElement {
-    constructor();
-    connectedCallback(): void;
-    propertyChangedCallback(_name: string, _oldValue: unknown, _value: unknown): void;
-}
-
-declare function renderControls(this: DotLottiePlayerBase): void;
-
-declare function renderPlayer(this: DotLottiePlayerBase): Promise<void>;
-
 declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     static get observedAttributes(): readonly ["animateOnScroll", "autoplay", "controls", "direction", "hover", "loop", "mode", "playOnClick", "playOnVisible", "selector", "speed", "src", "subframe"];
     static get observedProperties(): string[];
@@ -125,15 +40,15 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     shadow: ShadowRoot | undefined;
     source?: string;
     template?: HTMLTemplateElement;
-    set animateOnScroll(value: AnimateOnScroll);
-    get animateOnScroll(): AnimateOnScroll;
+    set animateOnScroll(value: HTMLBooleanAttribute);
+    get animateOnScroll(): HTMLBooleanAttribute;
     get animations(): AnimationData[];
-    set autoplay(value: Autoplay);
-    get autoplay(): Autoplay;
+    set autoplay(value: HTMLBooleanAttribute);
+    get autoplay(): HTMLBooleanAttribute;
     set background(value: string);
     get background(): string;
-    set controls(value: Controls);
-    get controls(): Controls;
+    set controls(value: HTMLBooleanAttribute);
+    get controls(): HTMLBooleanAttribute;
     set count(value: number);
     get count(): number;
     get currentAnimation(): number;
@@ -150,34 +65,34 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     set intermission(value: number);
     get intermission(): number;
     get isDotLottie(): boolean;
-    set loop(value: Loop);
-    get loop(): Loop;
+    set loop(value: HTMLBooleanAttribute);
+    get loop(): HTMLBooleanAttribute;
     set mode(value: PlayMode);
     get mode(): PlayMode;
     set mouseout(value: MouseOut);
     get mouseout(): MouseOut;
     set objectfit(value: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down');
     get objectfit(): "contain" | "cover" | "fill" | "none" | "scale-down";
-    set once(value: boolean);
-    get once(): boolean;
-    set playOnClick(value: boolean);
-    get playOnClick(): boolean;
-    set playOnVisible(value: boolean);
-    get playOnVisible(): boolean;
+    set once(value: HTMLBooleanAttribute);
+    get once(): HTMLBooleanAttribute;
+    set playOnClick(value: HTMLBooleanAttribute);
+    get playOnClick(): HTMLBooleanAttribute;
+    set playOnVisible(value: HTMLBooleanAttribute);
+    get playOnVisible(): HTMLBooleanAttribute;
     set preserveAspectRatio(value: PreserveAspectRatio | null);
     get preserveAspectRatio(): PreserveAspectRatio | null;
     set renderer(value: RendererType);
     get renderer(): RendererType;
     set selector(value: string | null);
     get selector(): string | null;
-    set simple(value: boolean);
-    get simple(): boolean;
+    set simple(value: HTMLBooleanAttribute);
+    get simple(): HTMLBooleanAttribute;
     set speed(value: number);
     get speed(): number;
     set src(value: string | null);
     get src(): string | null;
-    set subframe(value: Subframe);
-    get subframe(): Subframe;
+    set subframe(value: HTMLBooleanAttribute);
+    get subframe(): HTMLBooleanAttribute;
     protected _container: HTMLElement | null;
     protected _errorMessage: string;
     protected _identifier: string;

package/dist/canvas.js

@@ -531,7 +531,7 @@ const notImplemented = 'Method is not implemented';
    * Whether to play once or reset,
    * if playOnVisible is true.
    */ set once(value) {
-        this.setAttribute('once', value.toString());
+        this.setAttribute('once', Boolean(value).toString());
     }
     get once() {
         const val = this.getAttribute('once');
@@ -540,7 +540,7 @@ const notImplemented = 'Method is not implemented';
     /**
    * Whether to toggle play on click.
    */ set playOnClick(value) {
-        this.setAttribute('playOnClick', value.toString());
+        this.setAttribute('playOnClick', Boolean(value).toString());
     }
     get playOnClick() {
         const val = this.getAttribute('playOnClick');
@@ -549,7 +549,7 @@ const notImplemented = 'Method is not implemented';
     /**
    * Play when visible.
    */ set playOnVisible(value) {
-        this.setAttribute('playOnVisible', value.toString());
+        this.setAttribute('playOnVisible', Boolean(value).toString());
     }
     get playOnVisible() {
         const val = this.getAttribute('playOnVisible');
@@ -594,7 +594,7 @@ const notImplemented = 'Method is not implemented';
     /**
    * Hide advanced controls.
    */ set simple(value) {
-        this.setAttribute('simple', value.toString());
+        this.setAttribute('simple', Boolean(value).toString());
     }
     get simple() {
         const val = this.getAttribute('simple');

package/dist/full.d.ts

@@ -1,26 +1,19 @@
-import { RendererType, PreserveAspectRatio, PlayMode } from '@aarsteinmedia/lottie-web/utils';
+import { PlayMode, PreserveAspectRatio, RendererType } from '@aarsteinmedia/lottie-web/utils';
 export { PlayMode, PlayerEvents } from '@aarsteinmedia/lottie-web/utils';
 import * as _aarsteinmedia_lottie_web from '@aarsteinmedia/lottie-web';
-import { Vector2, AnimationConfiguration, AnimationData, AnimationDirection, AddAnimationParams, Result, ConvertParams, AnimationItem, LottieManifest, AnimationSettings } from '@aarsteinmedia/lottie-web';
+import { HTMLBooleanAttribute, AnimationData, AnimationDirection, AddAnimationParams, Result, ConvertParams, AnimationItem, LottieManifest, AnimationSettings, Vector2, AnimationConfiguration } from '@aarsteinmedia/lottie-web';
 import { addAnimation, convert } from '@aarsteinmedia/lottie-web/dotlottie';
-import * as _aarsteinmedia_lottie_web_light from '@aarsteinmedia/lottie-web/light';
-import * as _aarsteinmedia_lottie_web_canvas from '@aarsteinmedia/lottie-web/canvas';
-import * as _aarsteinmedia_lottie_web_svg from '@aarsteinmedia/lottie-web/svg';
 
-declare class DotLottiePlayerLight extends DotLottiePlayerBase {
-    loadAnimation: typeof _aarsteinmedia_lottie_web_light.loadAnimation;
-    get renderer(): RendererType;
+declare abstract class PropertyCallbackElement extends HTMLElement {
     constructor();
-    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, }: {
-        container?: HTMLElement;
-        rendererType: RendererType;
-        initialSegment?: Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration<RendererType.SVG>;
+    connectedCallback(): void;
+    propertyChangedCallback(_name: string, _oldValue: unknown, _value: unknown): void;
 }
 
+declare function renderControls(this: DotLottiePlayerBase): void;
+
+declare function renderPlayer(this: DotLottiePlayerBase): Promise<void>;
+
 declare enum MouseOut {
     Pause = "pause",
     Reverse = "reverse",
@@ -39,83 +32,6 @@ declare enum PlayerState {
 }
 declare const tagName = "dotlottie-player";
 
-declare class DotLottiePlayerCanvas extends DotLottiePlayerBase {
-    loadAnimation: typeof _aarsteinmedia_lottie_web_canvas.loadAnimation;
-    get renderer(): RendererType;
-    constructor();
-    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, }: {
-        container?: HTMLElement;
-        rendererType: RendererType;
-        initialSegment?: Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration<RendererType.Canvas>;
-}
-
-declare class DotLottiePlayerSVG extends DotLottiePlayerBase {
-    loadAnimation: typeof _aarsteinmedia_lottie_web_svg.loadAnimation;
-    get renderer(): RendererType;
-    constructor();
-    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, }: {
-        container?: HTMLElement;
-        rendererType: RendererType;
-        initialSegment?: Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration<RendererType.SVG>;
-}
-
-type AnimateOnScroll = boolean | '' | null;
-type Autoplay = boolean | '' | 'autoplay' | null;
-type Controls = boolean | '' | 'controls' | null;
-type Loop = boolean | '' | 'loop' | null;
-type Subframe = boolean | '' | null;
-declare global {
-    interface HTMLElementTagNameMap {
-        [tagName]: DotLottiePlayer | DotLottiePlayerLight;
-    }
-    function dotLottiePlayer(): DotLottiePlayer | DotLottiePlayerLight | DotLottiePlayerSVG | DotLottiePlayerCanvas;
-}
-type JSXLottiePlayer = Omit<Partial<DotLottiePlayer | DotLottiePlayerLight>, 'style'> & {
-    class?: string;
-    ref?: React.RefObject<unknown>;
-    style?: React.CSSProperties;
-    src: string;
-};
-declare module 'react' {
-    namespace JSX {
-        interface IntrinsicElements {
-            [tagName]: JSXLottiePlayer;
-        }
-    }
-}
-declare module 'react/jsx-runtime' {
-    namespace JSX {
-        interface IntrinsicElements {
-            [tagName]: JSXLottiePlayer;
-        }
-    }
-}
-declare module 'react/jsx-dev-runtime' {
-    namespace JSX {
-        interface IntrinsicElements {
-            [tagName]: JSXLottiePlayer;
-        }
-    }
-}
-
-declare abstract class PropertyCallbackElement extends HTMLElement {
-    constructor();
-    connectedCallback(): void;
-    propertyChangedCallback(_name: string, _oldValue: unknown, _value: unknown): void;
-}
-
-declare function renderControls(this: DotLottiePlayerBase): void;
-
-declare function renderPlayer(this: DotLottiePlayerBase): Promise<void>;
-
 declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     static get observedAttributes(): readonly ["animateOnScroll", "autoplay", "controls", "direction", "hover", "loop", "mode", "playOnClick", "playOnVisible", "selector", "speed", "src", "subframe"];
     static get observedProperties(): string[];
@@ -125,15 +41,15 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     shadow: ShadowRoot | undefined;
     source?: string;
     template?: HTMLTemplateElement;
-    set animateOnScroll(value: AnimateOnScroll);
-    get animateOnScroll(): AnimateOnScroll;
+    set animateOnScroll(value: HTMLBooleanAttribute);
+    get animateOnScroll(): HTMLBooleanAttribute;
     get animations(): AnimationData[];
-    set autoplay(value: Autoplay);
-    get autoplay(): Autoplay;
+    set autoplay(value: HTMLBooleanAttribute);
+    get autoplay(): HTMLBooleanAttribute;
     set background(value: string);
     get background(): string;
-    set controls(value: Controls);
-    get controls(): Controls;
+    set controls(value: HTMLBooleanAttribute);
+    get controls(): HTMLBooleanAttribute;
     set count(value: number);
     get count(): number;
     get currentAnimation(): number;
@@ -150,34 +66,34 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     set intermission(value: number);
     get intermission(): number;
     get isDotLottie(): boolean;
-    set loop(value: Loop);
-    get loop(): Loop;
+    set loop(value: HTMLBooleanAttribute);
+    get loop(): HTMLBooleanAttribute;
     set mode(value: PlayMode);
     get mode(): PlayMode;
     set mouseout(value: MouseOut);
     get mouseout(): MouseOut;
     set objectfit(value: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down');
     get objectfit(): "contain" | "cover" | "fill" | "none" | "scale-down";
-    set once(value: boolean);
-    get once(): boolean;
-    set playOnClick(value: boolean);
-    get playOnClick(): boolean;
-    set playOnVisible(value: boolean);
-    get playOnVisible(): boolean;
+    set once(value: HTMLBooleanAttribute);
+    get once(): HTMLBooleanAttribute;
+    set playOnClick(value: HTMLBooleanAttribute);
+    get playOnClick(): HTMLBooleanAttribute;
+    set playOnVisible(value: HTMLBooleanAttribute);
+    get playOnVisible(): HTMLBooleanAttribute;
     set preserveAspectRatio(value: PreserveAspectRatio | null);
     get preserveAspectRatio(): PreserveAspectRatio | null;
     set renderer(value: RendererType);
     get renderer(): RendererType;
     set selector(value: string | null);
     get selector(): string | null;
-    set simple(value: boolean);
-    get simple(): boolean;
+    set simple(value: HTMLBooleanAttribute);
+    get simple(): HTMLBooleanAttribute;
     set speed(value: number);
     get speed(): number;
     set src(value: string | null);
     get src(): string | null;
-    set subframe(value: Subframe);
-    get subframe(): Subframe;
+    set subframe(value: HTMLBooleanAttribute);
+    get subframe(): HTMLBooleanAttribute;
     protected _container: HTMLElement | null;
     protected _errorMessage: string;
     protected _identifier: string;

package/dist/full.js

@@ -531,7 +531,7 @@ const notImplemented = 'Method is not implemented';
    * Whether to play once or reset,
    * if playOnVisible is true.
    */ set once(value) {
-        this.setAttribute('once', value.toString());
+        this.setAttribute('once', Boolean(value).toString());
     }
     get once() {
         const val = this.getAttribute('once');
@@ -540,7 +540,7 @@ const notImplemented = 'Method is not implemented';
     /**
    * Whether to toggle play on click.
    */ set playOnClick(value) {
-        this.setAttribute('playOnClick', value.toString());
+        this.setAttribute('playOnClick', Boolean(value).toString());
     }
     get playOnClick() {
         const val = this.getAttribute('playOnClick');
@@ -549,7 +549,7 @@ const notImplemented = 'Method is not implemented';
     /**
    * Play when visible.
    */ set playOnVisible(value) {
-        this.setAttribute('playOnVisible', value.toString());
+        this.setAttribute('playOnVisible', Boolean(value).toString());
     }
     get playOnVisible() {
         const val = this.getAttribute('playOnVisible');
@@ -594,7 +594,7 @@ const notImplemented = 'Method is not implemented';
     /**
    * Hide advanced controls.
    */ set simple(value) {
-        this.setAttribute('simple', value.toString());
+        this.setAttribute('simple', Boolean(value).toString());
     }
     get simple() {
         const val = this.getAttribute('simple');

package/dist/light.d.ts

@@ -1,26 +1,18 @@
-import { RendererType, PreserveAspectRatio, PlayMode } from '@aarsteinmedia/lottie-web/utils';
+import { PlayMode, PreserveAspectRatio, RendererType } from '@aarsteinmedia/lottie-web/utils';
 export { PlayMode, PlayerEvents } from '@aarsteinmedia/lottie-web/utils';
 import * as _aarsteinmedia_lottie_web_light from '@aarsteinmedia/lottie-web/light';
-import * as _aarsteinmedia_lottie_web from '@aarsteinmedia/lottie-web';
-import { Vector2, AnimationConfiguration, AnimationData, AnimationDirection, AddAnimationParams, Result, ConvertParams, AnimationItem, LottieManifest, AnimationSettings } from '@aarsteinmedia/lottie-web';
-import { addAnimation, convert } from '@aarsteinmedia/lottie-web/dotlottie';
-import * as _aarsteinmedia_lottie_web_canvas from '@aarsteinmedia/lottie-web/canvas';
-import * as _aarsteinmedia_lottie_web_svg from '@aarsteinmedia/lottie-web/svg';
+import { HTMLBooleanAttribute, AnimationData, AnimationDirection, AddAnimationParams, Result, ConvertParams, AnimationItem, LottieManifest, AnimationSettings, Vector2, AnimationConfiguration } from '@aarsteinmedia/lottie-web';
 
-declare class DotLottiePlayer extends DotLottiePlayerBase {
-    addAnimation: typeof addAnimation;
-    convert: typeof convert;
-    loadAnimation: typeof _aarsteinmedia_lottie_web.loadAnimation;
-    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, rendererType }: {
-        container?: HTMLElement;
-        rendererType: RendererType;
-        initialSegment?: Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration<RendererType>;
+declare abstract class PropertyCallbackElement extends HTMLElement {
+    constructor();
+    connectedCallback(): void;
+    propertyChangedCallback(_name: string, _oldValue: unknown, _value: unknown): void;
 }
 
+declare function renderControls(this: DotLottiePlayerBase): void;
+
+declare function renderPlayer(this: DotLottiePlayerBase): Promise<void>;
+
 declare enum MouseOut {
     Pause = "pause",
     Reverse = "reverse",
@@ -39,83 +31,6 @@ declare enum PlayerState {
 }
 declare const tagName = "dotlottie-player";
 
-declare class DotLottiePlayerCanvas extends DotLottiePlayerBase {
-    loadAnimation: typeof _aarsteinmedia_lottie_web_canvas.loadAnimation;
-    get renderer(): RendererType;
-    constructor();
-    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, }: {
-        container?: HTMLElement;
-        rendererType: RendererType;
-        initialSegment?: Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration<RendererType.Canvas>;
-}
-
-declare class DotLottiePlayerSVG extends DotLottiePlayerBase {
-    loadAnimation: typeof _aarsteinmedia_lottie_web_svg.loadAnimation;
-    get renderer(): RendererType;
-    constructor();
-    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, }: {
-        container?: HTMLElement;
-        rendererType: RendererType;
-        initialSegment?: Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration<RendererType.SVG>;
-}
-
-type AnimateOnScroll = boolean | '' | null;
-type Autoplay = boolean | '' | 'autoplay' | null;
-type Controls = boolean | '' | 'controls' | null;
-type Loop = boolean | '' | 'loop' | null;
-type Subframe = boolean | '' | null;
-declare global {
-    interface HTMLElementTagNameMap {
-        [tagName]: DotLottiePlayer | DotLottiePlayerLight;
-    }
-    function dotLottiePlayer(): DotLottiePlayer | DotLottiePlayerLight | DotLottiePlayerSVG | DotLottiePlayerCanvas;
-}
-type JSXLottiePlayer = Omit<Partial<DotLottiePlayer | DotLottiePlayerLight>, 'style'> & {
-    class?: string;
-    ref?: React.RefObject<unknown>;
-    style?: React.CSSProperties;
-    src: string;
-};
-declare module 'react' {
-    namespace JSX {
-        interface IntrinsicElements {
-            [tagName]: JSXLottiePlayer;
-        }
-    }
-}
-declare module 'react/jsx-runtime' {
-    namespace JSX {
-        interface IntrinsicElements {
-            [tagName]: JSXLottiePlayer;
-        }
-    }
-}
-declare module 'react/jsx-dev-runtime' {
-    namespace JSX {
-        interface IntrinsicElements {
-            [tagName]: JSXLottiePlayer;
-        }
-    }
-}
-
-declare abstract class PropertyCallbackElement extends HTMLElement {
-    constructor();
-    connectedCallback(): void;
-    propertyChangedCallback(_name: string, _oldValue: unknown, _value: unknown): void;
-}
-
-declare function renderControls(this: DotLottiePlayerBase): void;
-
-declare function renderPlayer(this: DotLottiePlayerBase): Promise<void>;
-
 declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     static get observedAttributes(): readonly ["animateOnScroll", "autoplay", "controls", "direction", "hover", "loop", "mode", "playOnClick", "playOnVisible", "selector", "speed", "src", "subframe"];
     static get observedProperties(): string[];
@@ -125,15 +40,15 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     shadow: ShadowRoot | undefined;
     source?: string;
     template?: HTMLTemplateElement;
-    set animateOnScroll(value: AnimateOnScroll);
-    get animateOnScroll(): AnimateOnScroll;
+    set animateOnScroll(value: HTMLBooleanAttribute);
+    get animateOnScroll(): HTMLBooleanAttribute;
     get animations(): AnimationData[];
-    set autoplay(value: Autoplay);
-    get autoplay(): Autoplay;
+    set autoplay(value: HTMLBooleanAttribute);
+    get autoplay(): HTMLBooleanAttribute;
     set background(value: string);
     get background(): string;
-    set controls(value: Controls);
-    get controls(): Controls;
+    set controls(value: HTMLBooleanAttribute);
+    get controls(): HTMLBooleanAttribute;
     set count(value: number);
     get count(): number;
     get currentAnimation(): number;
@@ -150,34 +65,34 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     set intermission(value: number);
     get intermission(): number;
     get isDotLottie(): boolean;
-    set loop(value: Loop);
-    get loop(): Loop;
+    set loop(value: HTMLBooleanAttribute);
+    get loop(): HTMLBooleanAttribute;
     set mode(value: PlayMode);
     get mode(): PlayMode;
     set mouseout(value: MouseOut);
     get mouseout(): MouseOut;
     set objectfit(value: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down');
     get objectfit(): "contain" | "cover" | "fill" | "none" | "scale-down";
-    set once(value: boolean);
-    get once(): boolean;
-    set playOnClick(value: boolean);
-    get playOnClick(): boolean;
-    set playOnVisible(value: boolean);
-    get playOnVisible(): boolean;
+    set once(value: HTMLBooleanAttribute);
+    get once(): HTMLBooleanAttribute;
+    set playOnClick(value: HTMLBooleanAttribute);
+    get playOnClick(): HTMLBooleanAttribute;
+    set playOnVisible(value: HTMLBooleanAttribute);
+    get playOnVisible(): HTMLBooleanAttribute;
     set preserveAspectRatio(value: PreserveAspectRatio | null);
     get preserveAspectRatio(): PreserveAspectRatio | null;
     set renderer(value: RendererType);
     get renderer(): RendererType;
     set selector(value: string | null);
     get selector(): string | null;
-    set simple(value: boolean);
-    get simple(): boolean;
+    set simple(value: HTMLBooleanAttribute);
+    get simple(): HTMLBooleanAttribute;
     set speed(value: number);
     get speed(): number;
     set src(value: string | null);
     get src(): string | null;
-    set subframe(value: Subframe);
-    get subframe(): Subframe;
+    set subframe(value: HTMLBooleanAttribute);
+    get subframe(): HTMLBooleanAttribute;
     protected _container: HTMLElement | null;
     protected _errorMessage: string;
     protected _identifier: string;