From fc17d3b9114380efde612295df3f6486a4847459 Mon Sep 17 00:00:00 2001
From: Sudev Kiyada <sudev.kiyada@thomsonreuters.com>
Date: Fri, 26 Sep 2025 14:44:13 +0530
Subject: [PATCH] fix linting and formatting

---
 .../ScrollerLottie/ScrollerLottie.stories.svelte |   3 ++-
 .../ScrollerLottieForeground.svelte              |   2 +-
 .../ScrollerLottie/data/themesLottie.lottie      | Bin 0 -> 4551 bytes
 .../ScrollerLottie/demo/withScrollerBase.svelte  |   9 ++-------
 4 files changed, 5 insertions(+), 9 deletions(-)
 create mode 100644 src/components/ScrollerLottie/data/themesLottie.lottie

diff --git a/src/components/ScrollerLottie/ScrollerLottie.stories.svelte b/src/components/ScrollerLottie/ScrollerLottie.stories.svelte
index 5ce7031a..454ca513 100644
--- a/src/components/ScrollerLottie/ScrollerLottie.stories.svelte
+++ b/src/components/ScrollerLottie/ScrollerLottie.stories.svelte
@@ -7,6 +7,7 @@
 
   import MarkerSample from './data/markerSample.lottie?url';
   import ForegroundSample from './data/foregroundSample.lottie?url';
+  import ThemesSample from './data/themesLottie.lottie?url';
   import WithScrollerBase from './demo/withScrollerBase.svelte';
 
   const { Story } = defineMeta({
@@ -56,7 +57,7 @@
 
 <Story name="Themes">
   <ScrollerLottie
-    src={'https://lottie.host/9a5a6605-fc90-4935-8d10-9df4c83902ff/PFUKH53LJk.lottie'}
+    src={ThemesSample}
     showDebugInfo
     autoplay
     bind:progress
diff --git a/src/components/ScrollerLottie/ScrollerLottieForeground.svelte b/src/components/ScrollerLottie/ScrollerLottieForeground.svelte
index ba4c9d09..1f777e85 100644
--- a/src/components/ScrollerLottie/ScrollerLottieForeground.svelte
+++ b/src/components/ScrollerLottie/ScrollerLottieForeground.svelte
@@ -38,7 +38,7 @@
     Foreground,
   }: ForegroundProps = $props();
 
-  let componentState: LottieState | null = getContext('lottieState');
+  let componentState: LottieState | null = $state(getContext('lottieState'));
 
   onDestroy(() => {
     componentState = null;
diff --git a/src/components/ScrollerLottie/data/themesLottie.lottie b/src/components/ScrollerLottie/data/themesLottie.lottie
new file mode 100644
index 0000000000000000000000000000000000000000..eed4febcc58bb35f89965fe9a9eb74878ef556c0
GIT binary patch
literal 4551
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
GzWoQ-jxUt}

literal 0
HcmV?d00001

diff --git a/src/components/ScrollerLottie/demo/withScrollerBase.svelte b/src/components/ScrollerLottie/demo/withScrollerBase.svelte
index 0bb35c8a..91002a8f 100644
--- a/src/components/ScrollerLottie/demo/withScrollerBase.svelte
+++ b/src/components/ScrollerLottie/demo/withScrollerBase.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
-  import Block from '../../Block/Block.svelte';
   import ScrollerBase from '../../ScrollerBase/ScrollerBase.svelte';
   import ScrollerLottie from '../ScrollerLottie.svelte';
-  import LottieSample from '../data/markerSample.lottie?url';
+  import LottieSample from '../data/themesLottie.lottie?url';
 
   // Optional: Bind your own variables to use them in your code.
   let count = $state(1);
@@ -27,11 +26,7 @@
   {#snippet backgroundSnippet()}
     <!-- Add custom background HTML or component -->
     <div class="lottie-container">
-      <ScrollerLottie
-        src={'https://lottie.host/9a5a6605-fc90-4935-8d10-9df4c83902ff/PFUKH53LJk.lottie'}
-        showDebugInfo
-        {progress}
-      />
+      <ScrollerLottie src={LottieSample} showDebugInfo {progress} />
     </div>
   {/snippet}
   {#snippet foregroundSnippet()}