@streamscloud/embeddable 14.1.0 → 14.1.2

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

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

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

@@ -1,16 +1,11 @@
-<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>
+  <div class="chunks" 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/dist/ui/shadow-dom/cmp.shadow-root.svelte

@@ -14,19 +14,6 @@ const styles = $derived.by(() => {
 
 <svelte:head>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300..700&display=swap" />
-  <meta name="theme-color" content="#242424" />
-  <meta name="color-scheme" content="dark" />
-  <meta name="mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-
-  <style>
-    html,
-    body {
-      background-color: #242424;
-      color-scheme: dark;
-    }
-  </style>
 </svelte:head>
 
 <div

package/package.json

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