chore: update versions

[lottiefiles-bot]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@lottiefiles/dotlottie-react@0.7.0

Minor Changes

• f0226ec: Feature Update: 🎸 Add optional animationId, themeId, and themeData props to DotLottieReact component

  We are excited to introduce new optional props to the DotLottieReact component: animationId, themeId, and themeData.

  New Features:

  • animationId: Allows you to specify and render a particular animation from a .lottie file containing multiple animations.
  • themeId: Enables the application of a particular theme from the loaded .lottie file to the currently active animation.
  • themeData: Allows you to pass custom theme data to the currently active animation.

  Usage Example:

  import { DotLottieReact } from '@lottiefiles/dotlottie-react';
  import React, { useState, useEffect } from 'react';
  
  const App = () => {
    const [dotLottie, setDotLottie] = useState(null);
    const [animations, setAnimations] = useState([]);
    const [themes, setThemes] = useState([]);
    const [currentThemeId, setCurrentThemeId] = useState('');
    const [currentAnimationId, setCurrentAnimationId] = useState('');
  
    useEffect(() => {
      const onLoad = () => {
        if (dotLottie) {
          setAnimations(dotLottie.manifest.animations || []);
          setThemes(dotLottie.manifest.themes || []);
          setCurrentAnimationId(dotLottie.activeAnimationId);
          setCurrentThemeId(dotLottie.activeThemeId);
        }
      };
  
      dotLottie?.addEventListener('load', onLoad);
  
      return () => {
        dotLottie?.removeEventListener('load', onLoad);
      };
    }, [dotLottie]);
  
    return (
      <div>
        <DotLottieReact dotLottieRefCallback={setDotLottie} animationId={currentAnimationId} />
        <label>Theme:</label>
        {currentThemeId && (
          <select value={currentThemeId} onChange={(e) => setCurrentThemeId(e.target.value)}>
            {themes.map((theme) => (
              <option key={theme.id} value={theme.id}>
                {theme.id}
              </option>
            ))}
          </select>
        )}
        <label>Animation:</label>
        {currentAnimationId && (
          <select value={currentAnimationId} onChange={(e) => setCurrentAnimationId(e.target.value)}>
            {animations.map((animation) => (
              <option key={animation.id} value={animation.id}>
                {animation.id}
              </option>
            ))}
          </select>
        )}
      </div>
    );
  };

• a564ff0: perf(react): ⚡️ render only visible canvas area

  This update optimizes the rendering performance by ensuring that only the visible portion of the canvas is rendered, utilizing the dotlottie-web setViewport API.

  Note: No changes are required for existing usage. The optimization is applied internally within the DotLottieReact component.

Patch Changes

• Updated dependencies [ba46fd1]
• Updated dependencies [d7c2c20]
  • @lottiefiles/dotlottie-web@0.26.0

@lottiefiles/dotlottie-vue@0.4.0

Minor Changes

• e292df8: feat(vue): 🎸 added markers, animationId, themeId, themeData, autoResizeCanvas and playOnHover props perf(vue): ⚡️ added setViewport to render visible canvas

Patch Changes

• Updated dependencies [ba46fd1]
• Updated dependencies [d7c2c20]
  • @lottiefiles/dotlottie-web@0.26.0

@lottiefiles/dotlottie-web@0.26.0

Minor Changes

• ba46fd1: feat(web): 🎸 added loadStateMachineData & animationSize & state machine context related methods

  • Integrated dotlottie-rs v0.1.24 WASM bindings.
  • New methods added to DotLottie:
    • loadStateMachineData(stateMachineData: string): boolean: Loads the state machine data as a json string.
    • animationSize(): {width: number, height: number}: Retrieves the original lottie animation size.
    • setStateMachineBooleanContext(name: string, value: boolean): boolean: Sets the state machine context with a boolean value.
    • setStateMachineStringContext(name: string, value: string): boolean: Sets the state machine context with a string value.
    • setStateMachineNumericContext(name: string, value: number): boolean: Sets the state machine context with a numeric value.

Patch Changes

• d7c2c20: fix(web): 🐛 skip triggering LoadEvent for already loaded animations

@lottiefiles/dotlottie-solid@0.0.3

Patch Changes

• Updated dependencies [ba46fd1]
• Updated dependencies [d7c2c20]
  • @lottiefiles/dotlottie-web@0.26.0

@lottiefiles/dotlottie-svelte@0.3.5

Patch Changes

• Updated dependencies [ba46fd1]
• Updated dependencies [d7c2c20]
  • @lottiefiles/dotlottie-web@0.26.0

@lottiefiles/dotlottie-wc@0.2.6

Patch Changes

• Updated dependencies [ba46fd1]
• Updated dependencies [d7c2c20]
  • @lottiefiles/dotlottie-web@0.26.0

[github-actions[bot]]

Coverage Report for @lottiefiles/dotlottie-web (packages/web)

Status	Category	Percentage	Covered / Total
🟢	Lines	77.06% / 77%	289 / 375
🟢	Statements	74.44% / 74%	303 / 407
🟢	Functions	75.24% / 75%	76 / 101
🟢	Branches	67.47% / 67%	195 / 289

File Coverage

No changed files found.

Generated in workflow #1084

[github-actions[bot]]

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
@lottiefiles/dotlottie-web	13.4 KB (-0.2% 🔽)	269 ms (-0.2% 🔽)	53 ms (-44.47% 🔽)	321 ms
@lottiefiles/dotlottie-web WASM	416.88 KB (0%)	8.4 s (0%)	0 ms (+100% 🔺)	8.4 s
@lottiefiles/dotlottie-react	17.12 KB (-0.08% 🔽)	343 ms (-0.08% 🔽)	113 ms (+44.42% 🔺)	455 ms
@lottiefiles/dotlottie-vue	20.16 KB (+0.08% 🔺)	404 ms (+0.08% 🔺)	304 ms (+40.73% 🔺)	707 ms
@lottiefiles/dotlottie-wc	21.16 KB (+0.02% 🔺)	424 ms (+0.02% 🔺)	326 ms (+187.3% 🔺)	749 ms
@lottiefiles/dotlottie-svelte	21.05 KB (-0.1% 🔽)	422 ms (-0.1% 🔽)	308 ms (+183.63% 🔺)	729 ms
@lottiefiles/dotlottie-solid	20.21 KB (+0.16% 🔺)	405 ms (+0.16% 🔺)	185 ms (+143.4% 🔺)	589 ms