@streamscloud/embeddable 14.1.0 → 14.1.1

package/dist/media-center/media-center/header/media-center-header-mobile.svelte

@@ -6,13 +6,15 @@ let { context, locale = 'en', on } = $props();
 const localization = $derived(new MediaCenterHeaderLocalization(locale));
 const headerMounted = (node) => {
     const heightResizeObserver = new ResizeObserver(() => {
+        var _a;
         const headerHeight = node.clientHeight;
-        on === null || on === void 0 ? void 0 : on.headerHeightChanged(headerHeight);
+        (_a = on === null || on === void 0 ? void 0 : on.headerHeightChanged) === null || _a === void 0 ? void 0 : _a.call(on, headerHeight);
     });
     heightResizeObserver.observe(node);
     return {
         destroy: () => {
-            on === null || on === void 0 ? void 0 : on.headerHeightChanged(0);
+            var _a;
+            (_a = on === null || on === void 0 ? void 0 : on.headerHeightChanged) === null || _a === void 0 ? void 0 : _a.call(on, 0);
             heightResizeObserver.disconnect();
         }
     };

package/dist/media-center/media-center/header/media-center-header.svelte

@@ -19,14 +19,16 @@ let scrollAreaRef = $state(null);
 const headerMounted = (node) => {
     headerRef = node;
     const heightResizeObserver = new ResizeObserver(() => {
+        var _a;
         const headerHeight = node.clientHeight;
-        on === null || on === void 0 ? void 0 : on.headerHeightChanged(headerHeight);
+        (_a = on === null || on === void 0 ? void 0 : on.headerHeightChanged) === null || _a === void 0 ? void 0 : _a.call(on, headerHeight);
         calcHeaderGridProportions();
     });
     heightResizeObserver.observe(node);
     return {
         destroy: () => {
-            on === null || on === void 0 ? void 0 : on.headerHeightChanged(0);
+            var _a;
+            (_a = on === null || on === void 0 ? void 0 : on.headerHeightChanged) === null || _a === void 0 ? void 0 : _a.call(on, 0);
             heightResizeObserver.disconnect();
         }
     };

package/dist/streams/streams-player/streams-player-view.svelte

@@ -360,8 +360,8 @@ const stopActivityTracking = () => {
         </div>
       {/snippet}
       <ChunksProgress
-        allChunkItems={buffer.activeChunk.chunkItems.map((i) => i.model.id)}
-        activeChunkItem={buffer.activeChunk.activeChunkItem.model.id}
+        totalItems={buffer.activeChunk.model.pagesCount}
+        activeItemIndex={buffer.activeChunk.activeItemIndex}
         chunkInfo={info} />
     </div>
   {/if}

package/dist/ui/player/progress/cmp.chunks-progress.svelte

@@ -1,16 +1,15 @@
-<script lang="ts">let { allChunkItems, activeChunkItem, chunkInfo } = $props();
-let currentIndex = $derived(allChunkItems.indexOf(activeChunkItem));
+<script lang="ts">let { totalItems, activeItemIndex, chunkInfo } = $props();
 export {};
 </script>
 
 <div class="chunks-progress">
   <div
     class="chunks"
-    class:chunks--few={allChunkItems.length <= 3}
-    class:chunks--common={allChunkItems.length > 3 && allChunkItems.length <= 6}
-    class:chunks--many={allChunkItems.length > 6}>
-    {#each allChunkItems as chunk, i (chunk)}
-      <div class="chunk" class:active={i <= currentIndex} aria-label={chunk}></div>
+    class:chunks--few={totalItems <= 3}
+    class:chunks--common={totalItems > 3 && totalItems <= 6}
+    class:chunks--many={totalItems > 6}>
+    {#each Array(totalItems) as _, i (i)}
+      <div class="chunk" class:active={i <= activeItemIndex} aria-label={`Item ${i}`}></div>
     {/each}
   </div>
 

package/dist/ui/player/progress/cmp.chunks-progress.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { Snippet } from 'svelte';
 type Props = {
-    allChunkItems: string[];
-    activeChunkItem: string;
+    totalItems: number;
+    activeItemIndex: number;
     chunkInfo?: Snippet;
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;

package/dist/ui/player/providers/chunks-player-buffer/player-chunks-manager.svelte.js

@@ -122,8 +122,6 @@ export class PlayerChunksManager {
             ? this.provider.initialData.startItemIndex
             : 0;
         this.setActiveChunkIndex(firstFilledChunkIndex, initialStartItemIndex);
-        // Start background warm-up after initialization
-        this.warmUp();
     };
     setActiveChunkIndex = async (index, chunkItemIndex) => {
         this._activeChunkIndex = index;
@@ -148,6 +146,8 @@ export class PlayerChunksManager {
         }
         else {
             this.activeChunk.setActiveItemIndex(this.activeChunk.chunkItems.indexOf(nextItem));
+            // Don't wait for warm up to be finished, it runs in the background
+            this.warmUp();
         }
     };
     warmUp = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "14.1.0",
+  "version": "14.1.1",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",