@aarsteinmedia/dotlottie-player/CHANGELOG.md

Web Component for playing Lottie animations in your web app.

# Changelog for @aarsteinmedia/dotlottie-player

All notable changes to this project will be documented in this file.

The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

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.3.0] - 22-02-2026

### Changed

- Added partial support for Lottie v2.0 folder structure.
- Made it so that aria-label only is set if explicitly specified.

## [6.2.5] - 12-11-2025

### Changed

- Adjusted length of animation on animateOnScroll
- Added enum to `mouseout` attribute

## [6.2.0] - 06-11-2025

### Changed

- Adjusted length of animation on animateOnScroll, to fit screen height dynamically.

## [6.1.1] - 13-10-2025

### Changed

- Added attributes:
  - `delay` – Delay playback on playOnVisible, in miliseconds
  - `mouseout` – Action on mouseout
  - `once` – Whether, if playOnVisible is true, to play once or anytime animation is in view
  - `playOnClick` – Whether to toggle play on click
  - `playOnVisible` – Play when visible
  - `selector` – Play on clicked element by id attribute

## [6.0.5] - 12-09-2025

### Changed

- Fixed unwanted behavior with animateOnScroll.

## [6.0.3] - 13-08-2025

### Changed

- Minor optimizations.

## [6.0.2] - 04-07-2025

### Changed

- Added new attribute: `dontFreezeOnBlur`. This disables default behavior where animation is frozen on window blur.

## [6.0.1] - 22-06-2025

### Changed

- Refactored code to export both full and light version from this package, thereby deprecating `@aarsteinmedia/dotlottie-player-light`. To import light version use `@aarsteinmedia/dotlottie-player/light`.

## [5.3.2] - 21-06-2025

### Changed

- Fixed bug causing some elements to have wrong placement.
- Fixed bug with toggling boomerang
- Minor optimizations

### Changed

## [5.2.4] - 11-06-2025

### Changed

- Optimization to animation engine:
  - Prevented needless function calls to check for rendering context, when only one is sufficiant.
  - Swapped deprecated attributes like xml:href and xml:space for modern equivalents.

## [5.2.1] - 08-06-2025

- Fixed runtime bug where minification caused some functionality to break

### Changed

- Fixed several issues with Canvas renderer.
- Removed Hybrid rendere1

## [5.2.0] - 07-06-2025

### Changed

- Fixed several issues with Canvas renderer.
- Removed Hybrid renderer

## [5.1.13] - 06-06-2025

### Changed

- Fixed issue with sanitation of string values, causing trouble for text layers and unencoded expressions.

## [5.1.11] - 06-06-2025

### Changed

- Fixed issue with interpolation of shapes, causing some renders to fail.


## [5.1.10] - 05-06-2025

### Changed

- Fixed issue with data handling in animation engine.
- Fixed issue with enums causing compiler errors in TypeScript
- Fixed bug preventing conversion to dotLottie in some cases
- Fixed bug with next-prev buttons

## [5.1.4] - 03-06-2025

### Changed

- Minor bugfix to expression handlers

## [5.1.3] - 02-06-2025

### Changed

- Added button to convert dotLottie to JSON. Helpful when debugging animations.
- Fixed issue with modifiers not being rendered correctly
- Added missing global variables from scoped expressions function

## [5.1.0] - 02-06-2025

### Changed

- Dropped `lottie-web` as dependency in favour of `@aarsteinmedia/lottie-web`. This animation engine is based on `lottie-web`, has the same features + it works better in Node SSR environments, it doesn't rely on `eval()` to execute AE expressions, and it is hopefully easier to maintain and expand.

## [5.0.4] - 31-05-2025

### Changed

- Fixed bug preventing autoplay on some animations

## [5.0.3] - 28-05-2025

### Changed

- Improved dotLottie parsing and generation to keep expressions from being mangled by compression.

## [5.0.1] - 23-05-2025

### Changed

- Added support for abbreviated (optimized) Lottie format.

## [5.0.0] - 25-02-2025

### Changed

- Added TypeScript compatibility with React 19 JSX
- BREAKING CHANGE:
  - Dropped support for CommonJS
  - Set ESM Module as main script, and moved IIFE to unpkg-folder

## [4.0.14] - 21-02-2025

### Changed

- Fixed CSS bug
- Updated backend script

## [4.0.13] - 05-02-2025

### Changed

- Changed from ES2021 to ES2022

## [4.0.12] - 26-01-2025

### Changed

- Dropped scss
- Flat Config Eslint

## [4.0.11] - 02-12-2024

### Changed

- Improved type safety and error handling

## [4.0.10] - 20-11-2024

### Changed

- Better attribute handling

## [4.0.9] - 12-11-2024

### Changed

- Fixed bug with setting playback direction

## [4.0.8] - 03-11-2024

### Changed

- Made it possible to set certain properties before lottie instance is loaded

## [4.0.7] - 03-11-2024

### Changed

- Made download optional for snapshot

- Made snapshot work for programatically set instances

- Changed CSS to respect hidden-attribute

## [4.0.4] - 31-10-2024

### Changed

- Added Changelog to npm package

- Removed minification from module versions

## [4.0.3] - 30-10-2024

### Changed

- Fixed typo causing externals to be bundled

## [4.0.2] - 30-10-2024

### Changed

- Conditionally loading of controls

## [4.0.1] - 29-10-2024

### Changed

- Added attribute listener to `src`

## [4.0.0] - 24-10-2024

### Changed

- Refactored type import
  - BREAKING CHANGE:
    ```diff
    - import type { DotLottiePlayer } from '@aarsteinmedia/dotlottie-player'
    + import type DotLottiePlayer from '@aarsteinmedia/dotlottie-player'
    ```
- Rich data moved from attributes to properties
  - BREAKING CHANGE:
  ```diff
  <dotlottie-player
    id="find-me"
    - multianimationsettings="[{ autoplay: true, loop: false }]"
    - segment="[0, 1]"
  ></dotlottie-player>

  + const player = document.querySelector('#find-me')
  + player?.setMultianimationsettings([{ autoplay: true, loop: false }])
  + player?.setSegment([0, 1])
  ```

- Moved `./dist/custom-elements.json` to `./custom-elements.json`

### Added

  - Added unit tests

## [3.2.5] - 21-10-2024

### Changed

- Fixed typo, causing some types not to be resolved

## [3.2.4] - 20-10-2024

### Changed

- Extended browser support

## [3.2.3] - 14-10-2024

### Added

- Added Changelog

### Changed

- Migrated from eslint@8 to eslint@9

## [3.2.2] - 27-09-2024

### Changed

- Minor stylistic changes

## [3.2.1] - 03-09-2024

### Changed

- Minor stylistic changes

## [3.2.0] - 02-09-2024

### Changed

- Refactored code
  - Code splitting for maintainability, with no intended changes for how the component is consumed

## [3.1.0] - 02-09-2024

### Added

- Added support for AVIF images in assets

### Changed

- Refactored return types
  - `addAnimation` now returns object
  ```typescript
  public async addAnimation(
    configs: AnimationAttributes[],
    fileName?: string,
    shouldDownload = true
  ): Promise<{
    result?: void | ArrayBuffer
    success: boolean
    error?: string
  }>
  ```

## [3.0.0] - 06-09-2024

### Changed

- Refactored imports
  - BREAKING CHANGE:
    ```diff
    - import type DotLottiePlayer from '@aarsteinmedia/dotlottie-player'
    + import type { DotLottiePlayer } from '@aarsteinmedia/dotlottie-player'
    ```

### Removed

- Removed dependencies
  - `@lit`

[6.3.0]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/6.3.0
[6.0.1]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/6.0.1
[5.3.2]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.3.2
[5.2.4]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.2.4
[5.2.0]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.2.0
[5.1.13]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.1.13
[5.1.11]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.1.11
[5.1.10]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.1.10
[5.1.4]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.1.4
[5.1.3]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.1.3
[5.1.0]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.1.0
[5.0.4]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.0.4
[5.0.3]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.0.3
[5.0.1]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.0.1
[5.0.0]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.0.0
[4.0.14]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.14
[4.0.13]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.13
[4.0.12]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.12
[4.0.11]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.11
[4.0.10]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.10
[4.0.9]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.9
[4.0.8]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.8
[4.0.7]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.7
[4.0.4]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.4
[4.0.3]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.3
[4.0.2]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.2
[4.0.1]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.1
[4.0.0]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/4.0.0
[3.2.5]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/3.2.5
[3.2.4]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/3.2.4
[3.2.3]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/3.2.3
[3.2.2]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/3.2.2
[3.2.1]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/3.2.1
[3.2.0]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/3.2.0
[3.1.0]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/3.1.0
[3.0.0]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/3.0.0