@streamscloud/embeddable 15.1.0 → 16.0.1

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

@@ -1,21 +1,18 @@
-<script lang="ts">import { preloadImage } from '../../core/image-preloader';
-import { PostAttachments } from '../../posts/attachments';
+<script lang="ts">import { PostAttachments } from '../../posts/attachments';
 import { PostModel } from '../../posts/model';
 import { PostViewer } from '../../posts/post-viewer';
 import { StreamActionsGenerator } from '../controls';
 import { mapToPostModel } from '../layout/models';
 import { StreamPageViewer } from '../stream-page-viewer';
-import { IconColor } from '../../ui/icon';
 import { Player, PlayerConfig, PlayerSettings } from '../../ui/player';
 import { ChunksProgress } from '../../ui/player/progress';
 import { default as Overview } from './stream-overview.svelte';
-import { StreamPlayerLocalization } from './stream-player-localization';
 import { StreamsPlayerBuffer } from './streams-player-buffer.svelte';
 import IconDelete from '@fluentui/svg-icons/icons/delete_32_regular.svg?raw';
 import IconEdit from '@fluentui/svg-icons/icons/edit_32_regular.svg?raw';
+import { preloadImage } from '@streamscloud/kit/core/utils';
 import { untrack } from 'svelte';
 let { dataProvider, analyticsHandler, postSocialInteractionsHandler, sharingHandler, amplificationParameters, managementActions, playerSettings, closeOrchestrator, on } = $props();
-const localization = $derived(new StreamPlayerLocalization(playerSettings?.locale ?? 'en'));
 let currentStreamModel = $state(null);
 let mappedPostsCache = {};
 let activePageId = $derived.by(() => buffer?.current?.id ?? '');
@@ -95,7 +92,7 @@ const contentPlayerConfig = untrack(() => new PlayerConfig({
     playerBuffer: null,
     settings: new PlayerSettings(playerSettings),
     closeOrchestrator,
-    playerSliderCallbacks: {
+    feedSliderCallbacks: {
         itemActivated: (item) => onPageActivated(item),
         itemDeactivated: (itemId) => executeWithStreamId((streamId) => {
             analyticsHandler?.reportPageVideoViews(itemId, streamId);
@@ -212,7 +209,7 @@ const currentItemActions = $derived.by(() => {
     if (managementActions?.deleteStreamPage) {
         result.push({
             icon: IconDelete,
-            iconColor: IconColor.Red,
+            iconColor: 'red',
             callback: async () => {
                 await managementActions.deleteStreamPage(buffer.current.id);
             }
@@ -312,7 +309,6 @@ const stopActivityTracking = () => {
     <PostAttachments
       model={postModel}
       trackingParams={trackingParams}
-      locale={contentPlayerConfig.settings.locale}
       on={{
         productClick: (id) => onShortVideoProductClick(id, postModel.id),
         productImpression: (id) => onShortVideoProductImpression(id, postModel.id),
@@ -340,82 +336,78 @@ const stopActivityTracking = () => {
     </div>
   {/if}
 {/snippet}
-<Player
-  config={contentPlayerConfig}
-  itemActions={currentItemActions}
-  attachmentsView={buffer?.current && itemAsPostModel(buffer.current)?.attachments ? attachmentsView : undefined}>
-  {#snippet itemView({ item })}
-    <div class="page-view" use:handlePageViewMounted>
-      {#if item.type === 'general'}
-        <StreamPageViewer
-          page={item}
-          trackingParams={streamTrackingParams}
-          locale={localization.locale}
-          overlayControls={{
-            enabled: contentPlayerConfig.uiManager.showControlsOverlay,
-            actions: buffer?.activeChunk
-              ? streamActionsGenerator.getGeneralStreamPageActions({ streamId: buffer.activeChunk.model.id, streamPageId: item.id })
-              : []
-          }}
-          on={{
-            progress: (videoId, progress) => onProgress(item.id, videoId, progress),
-            productClick: (productId) => onStreamProductClick(productId),
-            productImpression: (productId) => onStreamProductImpression(productId)
-          }}
-          overlay={overlay} />
-      {:else}
-        {@const postModel = itemAsPostModel(item)}
-        {#if postModel}
-          {@const handler = buffer?.activeChunk
-            ? streamActionsGenerator.getPostActionsHandler({
-                model: postModel,
-                streamId: buffer.activeChunk.model.id,
-                streamPageId: item.id
-              })
-            : null}
-          <PostViewer
-            model={postModel}
-            trackingParams={trackingParams}
-            enableAttachments={contentPlayerConfig.uiManager.showAttachmentsOverlay}
-            enableControls={contentPlayerConfig.uiManager.showControlsOverlay}
-            controlActions={handler?.actions ?? []}
-            autoplay="on-appearance"
-            locale={contentPlayerConfig.settings.locale}
+<div class="player-host">
+  <Player
+    config={contentPlayerConfig}
+    itemActions={currentItemActions}
+    attachmentsView={buffer?.current && itemAsPostModel(buffer.current)?.attachments ? attachmentsView : undefined}>
+    {#snippet itemView({ item })}
+      <div class="page-view" use:handlePageViewMounted>
+        {#if item.type === 'general'}
+          <StreamPageViewer
+            page={item}
+            trackingParams={streamTrackingParams}
+            overlayControls={{
+              enabled: contentPlayerConfig.uiManager.showControlsOverlay,
+              actions: buffer?.activeChunk
+                ? streamActionsGenerator.getGeneralStreamPageActions({ streamId: buffer.activeChunk.model.id, streamPageId: item.id })
+                : []
+            }}
             on={{
-              progress: (progress) => onShortVideoProgress(item.id, postModel.id, progress),
-              productClick: (productId) => onShortVideoProductClick(productId, postModel.id),
-              productImpression: (productId) => onShortVideoProductImpression(productId, postModel.id),
-              adClick: (adId) => onShortVideoAdClick(adId),
-              adImpression: (adId) => onShortVideoAdImpression(adId)
+              progress: (videoId, progress) => onProgress(item.id, videoId, progress),
+              productClick: (productId) => onStreamProductClick(productId),
+              productImpression: (productId) => onStreamProductImpression(productId)
             }}
             overlay={overlay} />
+        {:else}
+          {@const postModel = itemAsPostModel(item)}
+          {#if postModel}
+            {@const handler = buffer?.activeChunk
+              ? streamActionsGenerator.getPostActionsHandler({
+                  model: postModel,
+                  streamId: buffer.activeChunk.model.id,
+                  streamPageId: item.id
+                })
+              : null}
+            <PostViewer
+              model={postModel}
+              trackingParams={trackingParams}
+              enableAttachments={contentPlayerConfig.uiManager.showAttachmentsOverlay}
+              enableControls={contentPlayerConfig.uiManager.showControlsOverlay}
+              controlActions={handler?.actions ?? []}
+              autoplay="on-appearance"
+              on={{
+                progress: (progress) => onShortVideoProgress(item.id, postModel.id, progress),
+                productClick: (productId) => onShortVideoProductClick(productId, postModel.id),
+                productImpression: (productId) => onShortVideoProductImpression(productId, postModel.id),
+                adClick: (adId) => onShortVideoAdClick(adId),
+                adImpression: (adId) => onShortVideoAdImpression(adId)
+              }}
+              overlay={overlay} />
+          {/if}
         {/if}
+      </div>
+    {/snippet}
+    {#snippet overviewPanelContent()}
+      {#if buffer}
+        <Overview
+          buffer={buffer}
+          activePageId={activePageId}
+          on={{
+            setCurrentItem: handleChangePage
+          }} />
       {/if}
-    </div>
-  {/snippet}
-  {#snippet overviewPanelContent()}
-    {#if buffer}
-      <Overview
-        buffer={buffer}
-        activePageId={activePageId}
-        on={{
-          setCurrentItem: handleChangePage
-        }} />
-    {/if}
-  {/snippet}
-</Player>
+    {/snippet}
+  </Player>
+</div>
 
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
+<style>.player-host {
+  display: contents;
+  --sc-kit--player-button--color: var(--sc-player--button);
+  --sc-kit--player-button--color--inactive: var(--sc-player--button-inactive);
+  --player--overview-panel--background: var(--sc-player--sidebar-background);
 }
+
 .page-view {
   width: 100%;
   height: 100%;
@@ -443,14 +435,14 @@ const stopActivityTracking = () => {
 .stream-progress-info__title {
   font-size: 1.125rem;
   text-overflow: ellipsis;
-  width: 100%;
+  max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
 }
 .stream-progress-info__sub-title {
   font-size: 0.875rem;
   text-overflow: ellipsis;
-  width: 100%;
+  max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
 }</style>

package/dist/streams/streams-player/types.d.ts

@@ -1,9 +1,9 @@
-import type { Locale } from '../../core/locale';
 import type { IPostSocialInteractionsHandler } from '../../posts/social-interactions';
 import type { IStreamSharingHandler } from '../sharing';
 import type { StreamPageViewerModel } from '../stream-page-viewer';
 import type { ICloseOrchestrator } from '../../ui/player/close-orchestrator';
 import type { StreamsPlayerBuffer } from './streams-player-buffer.svelte';
+import type { Locale } from '@streamscloud/kit/locale';
 export type StreamPlayerModel = {
     id: string;
     title: string;

package/dist/ui/media-item-view/cmp.media-item-view.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">import { MediaFormat, MediaType } from '../../core/enums';
 import { getMediaItemImageUrl } from '../../core/media';
-import { Image } from '../image';
-import { ProportionalContainer } from '../proportional-container';
-import { Video } from '../video';
+import { Image } from '@streamscloud/kit/ui/image';
+import { ProportionalContainer } from '@streamscloud/kit/ui/proportional-container';
+import { Video } from '@streamscloud/kit/ui/video';
 let { media, ratio = 0, inert = false, on } = $props();
 const handleClick = (e) => {
     if (on?.click) {
@@ -49,24 +49,13 @@ const parsedRatio = $derived.by(() => {
   </div>
 {/if}
 
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.media-item-view {
+<style>.media-item-view {
   width: 100%;
   min-width: 100%;
   max-width: 100%;
   overflow: hidden;
   position: relative;
-  --video--media-fit: cover;
+  --sc-kit--video--media-fit: cover;
 }
 .media-item-view--fit-parent {
   width: 100%;

package/dist/ui/media-items-gallery/cmp.media-items-gallery.svelte

@@ -116,18 +116,7 @@ const handleGalleryItemClick = (index) => {
   {/if}
 {/if}
 
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.gallery-container {
+<style>.gallery-container {
   display: block;
   width: 100%;
   position: relative;
@@ -136,10 +125,7 @@ const handleGalleryItemClick = (index) => {
 
 .gallery-item {
   position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
+  inset: 0;
 }
 
 .gallery {

package/dist/ui/media-items-gallery/types.js

@@ -1,4 +1,5 @@
-import { ImageHelper, getMediaItemImageUrl } from '../../core/media';
+import { getMediaItemImageUrl } from '../../core/media';
+import { ImageHelper } from '@streamscloud/kit/core/media';
 export class GalleryLayout {
     layoutClass;
     firstImage;

package/dist/ui/player/player/cmp.player.svelte

@@ -1,9 +1,8 @@
-<script lang="ts" generics="T extends { id: string }">import { handleEsc } from '../../../core/document.event-handlers';
-import { Loading } from '../../loading';
-import { PlayerSlider } from '../slider';
-import { SwipeIndicator } from '../../swipe-indicator';
-import { default as ControlsAndAttachments } from './controls-and-attachments.svelte';
+<script lang="ts" generics="T extends { id: string }">import { default as ControlsAndAttachments } from './controls-and-attachments.svelte';
 import { default as OverviewPanel } from './overview-panel.svelte';
+import { Loading } from '@streamscloud/kit/ui/loading';
+import { FeedSlider } from '@streamscloud/kit/ui/player/feed-slider';
+import { SwipeIndicator } from '@streamscloud/kit/ui/swipe-indicator';
 let { config, itemActions, itemView, attachmentsView, overviewPanelContent } = $props();
 let everTouched = $state(false);
 let overviewPosition = $state({
@@ -73,9 +72,9 @@ const handleSliderMounted = (node) => {
                 break;
             }
         }
-        node.style.setProperty('--_player--content--width', width);
-        node.style.setProperty('--_player--content--height', height);
-        node.style.setProperty('--_player--content--margin', margin);
+        node.style.setProperty('--player--content--width', width);
+        node.style.setProperty('--player--content--height', height);
+        node.style.setProperty('--player--content--margin', margin);
         uiManager.contentViewWidth = contentWidthNumber;
         const verticalIndent = uiManager.isMobileView ? 0 : 13;
         overviewPosition = {
@@ -95,8 +94,8 @@ const handleSliderMounted = (node) => {
 
 <svelte:document
   onkeydown={(e) => {
-    if (config.closeOrchestrator.closeTriggerVisible) {
-      handleEsc(e, () => config.closeOrchestrator.requestClose());
+    if (config.closeOrchestrator.closeTriggerVisible && (e.key === 'Escape' || e.key === 'Esc')) {
+      config.closeOrchestrator.requestClose();
     }
   }} />
 
@@ -110,16 +109,16 @@ const handleSliderMounted = (node) => {
   {/if}
   {#if config.playerBuffer}
     <div class="player__slider" use:handleSliderMounted>
-      <PlayerSlider buffer={config.playerBuffer} on={config.playerSliderCallbacks}>
+      <FeedSlider buffer={config.playerBuffer} on={config.feedSliderCallbacks}>
         {#snippet children({ item })}
           <div class="player__content">
             {@render itemView({ item })}
             {#if uiManager.isMobileView && config.playerBuffer && config.playerBuffer.loaded.length > 1 && !everTouched}
-              <SwipeIndicator locale={config.settings.locale} />
+              <SwipeIndicator />
             {/if}
           </div>
         {/snippet}
-      </PlayerSlider>
+      </FeedSlider>
       {#if overviewPanelContent && config.playerBuffer.loaded.length > 0}
         <OverviewPanel position={overviewPosition} uiManager={uiManager}>
           {@render overviewPanelContent()}
@@ -133,18 +132,7 @@ const handleSliderMounted = (node) => {
   {/if}
 </div>
 
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.player {
+<style>.player {
   display: flex;
   flex: 1;
   min-height: 0;
@@ -158,6 +146,9 @@ const handleSliderMounted = (node) => {
   }
 }
 .player__slider {
+  --_player--content--width: var(--player--content--width, 100%);
+  --_player--content--height: var(--player--content--height, 100%);
+  --_player--content--margin: var(--player--content--margin, 0);
   width: 100%;
   min-width: 100%;
   max-width: 100%;
@@ -171,9 +162,9 @@ const handleSliderMounted = (node) => {
   left: 4.375rem;
 }
 .player__content {
-  width: var(--_player--content--width, 100%);
-  height: var(--_player--content--height, 100%);
-  margin: var(--_player--content--margin, 0);
+  width: var(--_player--content--width);
+  height: var(--_player--content--height);
+  margin: var(--_player--content--margin);
   position: relative;
   display: flex;
   justify-content: center;

package/dist/ui/player/player/cmp.player.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { PlayerButtonDef } from '../button';
 import type { PlayerConfig } from './player-config.svelte';
+import type { PlayerButtonDef } from '@streamscloud/kit/ui/player/buttons';
 import type { Snippet } from 'svelte';
 declare class __sveltets_Render<T extends {
     id: string;

package/dist/ui/player/player/controls-and-attachments.svelte

@@ -1,10 +1,10 @@
-<script lang="ts" generics="T extends { id: string }">import { slideHorizontally } from '../../../core/transitions';
-import { PlayerButtons, ResponsivePlayerButtons } from '../button';
-import { PlayerConfig } from './player-config.svelte.js';
+<script lang="ts" generics="T extends { id: string }">import { PlayerConfig } from './player-config.svelte.js';
 import IconCalendarWeekNumbers from '@fluentui/svg-icons/icons/calendar_week_numbers_24_regular.svg?raw';
 import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_28_regular.svg?raw';
 import IconChevronUp from '@fluentui/svg-icons/icons/chevron_up_28_regular.svg?raw';
 import IconDismiss from '@fluentui/svg-icons/icons/dismiss_28_regular.svg?raw';
+import { slideHorizontally } from '@streamscloud/kit/core/transitions';
+import { PlayerButtons, ResponsivePlayerButtons } from '@streamscloud/kit/ui/player/buttons';
 let { config, hasOverview, itemActions, attachmentsView } = $props();
 const uiManager = $derived(config.uiManager);
 let closeButtonAreaHeight = $state(0);
@@ -48,18 +48,14 @@ const handleCloseButtonMounted = (node) => {
 const showCloseButton = $derived.by(() => {
     return config.closeOrchestrator.closeTriggerVisible && !config.closeOrchestrator.closeTriggerAttached;
 });
-const variables = $derived.by(() => {
-    const values = [
-        `--_controls-and-attachments--attachments--max-width: ${uiManager.attachmentsMaxWidth}px`,
-        `--_controls-and-attachments--spacing-top: ${closeButtonAreaHeight}px`,
-        `--_controls-and-attachments--width: ${uiManager.sidePanelsMaxWidth}px`
-    ];
-    return values.join(';');
-});
 </script>
 
 {#if !uiManager.showControlsOverlay}
-  <div class="controls-and-attachments" style={variables}>
+  <div
+    class="controls-and-attachments"
+    style:--player--controls--attachments-max-width="{uiManager.attachmentsMaxWidth}px"
+    style:--player--controls--spacing-top="{closeButtonAreaHeight}px"
+    style:--player--controls--width="{uiManager.sidePanelsMaxWidth}px">
     <div class="controls-and-attachments__spacer">&nbsp;</div>
     <div class="controls-and-attachments__left">
       <ResponsivePlayerButtons actions={allActions} scaleEffect={true} />
@@ -96,28 +92,18 @@ const variables = $derived.by(() => {
   </div>
 {/if}
 
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.controls-and-attachments {
-  --player-button--color: var(--sc-player--button);
-  --player-button--color--inactive: var(--sc-player--button-inactive);
+<style>.controls-and-attachments {
+  --_player--controls--attachments-max-width: var(--player--controls--attachments-max-width);
+  --_player--controls--spacing-top: var(--player--controls--spacing-top);
+  --_player--controls--width: var(--player--controls--width);
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
-  width: var(--_controls-and-attachments--width);
+  width: var(--_player--controls--width);
   display: flex;
   justify-content: space-between;
-  padding: calc(0.625rem + var(--_controls-and-attachments--spacing-top)) 0 1.875rem 0;
+  padding: calc(0.625rem + var(--_player--controls--spacing-top)) 0 1.875rem 0;
   pointer-events: none;
 }
 .controls-and-attachments__spacer {
@@ -142,8 +128,8 @@ const variables = $derived.by(() => {
 }
 .controls-and-attachments__attachments {
   flex: 1 1 auto;
-  width: var(--_controls-and-attachments--attachments--max-width);
-  max-width: var(--_controls-and-attachments--attachments--max-width);
+  width: var(--_player--controls--attachments-max-width);
+  max-width: var(--_player--controls--attachments-max-width);
   pointer-events: auto;
   overflow-x: hidden;
   overflow-y: auto;
@@ -160,8 +146,6 @@ const variables = $derived.by(() => {
 }
 
 .close-button {
-  --player-button--color: var(--sc-player--button);
-  --player-button--color--inactive: var(--sc-player--button-inactive);
   position: absolute;
   top: 0;
   right: 0;

package/dist/ui/player/player/controls-and-attachments.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type PlayerButtonDef } from '../button';
 import { PlayerConfig } from './player-config.svelte.js';
+import { type PlayerButtonDef } from '@streamscloud/kit/ui/player/buttons';
 import type { Snippet } from 'svelte';
 declare class __sveltets_Render<T extends {
     id: string;

package/dist/ui/player/player/overview-panel.svelte

@@ -1,23 +1,23 @@
-<script lang="ts">import { slideHorizontally } from '../../../core/transitions';
+<script lang="ts">import { slideHorizontally } from '@streamscloud/kit/core/transitions';
 let { uiManager, position, children } = $props();
 const handlePanelClick = (e) => {
     e.stopPropagation();
 };
-const styles = $derived.by(() => {
-    const values = [
-        `--overview-panel--width: ${uiManager.overviewMaxWidth}px`,
-        `--overview-panel--top: ${position.top}px`,
-        `--overview-panel--bottom: ${position.bottom}px`,
-        `--overview-panel--right: ${position.right}px`
-    ];
-    return values.join(';');
-});
 </script>
 
 <!--Double `if` for correct behavior of slideHorizontally-->
 {#if uiManager.viewInitialized}
   {#if uiManager.overviewCanBeShown && !uiManager.overviewCollapsed}
-    <div class="overview-panel" style={styles} transition:slideHorizontally|local onclick={handlePanelClick} onkeydown={() => {}} role="none">
+    <div
+      class="overview-panel"
+      style:--player--overview-panel--width="{uiManager.overviewMaxWidth}px"
+      style:--player--overview-panel--top="{position.top}px"
+      style:--player--overview-panel--bottom="{position.bottom}px"
+      style:--player--overview-panel--right="{position.right}px"
+      transition:slideHorizontally|local
+      onclick={handlePanelClick}
+      onkeydown={() => {}}
+      role="none">
       <div class="overview-panel__content" onclick={(e) => e.stopPropagation()} onkeydown={() => {}} role="none">
         {@render children()}
       </div>
@@ -25,34 +25,25 @@ const styles = $derived.by(() => {
   {/if}
 {/if}
 
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.overview-panel {
-  --_overview-panel--background: var(--sc-player--sidebar-background);
-  --_overview-panel--width: var(--overview-panel--width);
-  --_overview-panel--top: var(--overview-panel--top);
-  --_overview-panel--bottom: var(--overview-panel--bottom);
-  --_overview-panel--right: var(--overview-panel--right);
-  --brand-color: var(--sc-player--brand);
-  width: var(--_overview-panel--width);
-  min-width: var(--_overview-panel--width);
-  max-width: var(--_overview-panel--width);
+<style>.overview-panel {
+  --_player--overview-panel--background: var(
+    --player--overview-panel--background,
+    rgb(from light-dark(#ffffff, #000000) r g b / 90%)
+  );
+  --_player--overview-panel--width: var(--player--overview-panel--width);
+  --_player--overview-panel--top: var(--player--overview-panel--top);
+  --_player--overview-panel--bottom: var(--player--overview-panel--bottom);
+  --_player--overview-panel--right: var(--player--overview-panel--right);
+  width: var(--_player--overview-panel--width);
+  min-width: var(--_player--overview-panel--width);
+  max-width: var(--_player--overview-panel--width);
   position: absolute;
-  top: var(--_overview-panel--top);
-  right: var(--_overview-panel--right);
-  bottom: var(--_overview-panel--bottom);
+  top: var(--_player--overview-panel--top);
+  right: var(--_player--overview-panel--right);
+  bottom: var(--_player--overview-panel--bottom);
   z-index: 0;
   border-radius: 0.5rem 0 0 0.5rem;
-  background: var(--_overview-panel--background);
+  background: var(--_player--overview-panel--background);
 }
 .overview-panel__content {
   width: 100%;

package/dist/ui/player/player/player-config.svelte.d.ts

@@ -1,20 +1,20 @@
 import type { ICloseOrchestrator } from '../close-orchestrator';
-import type { IPlayerBuffer } from '../providers';
-import type { PlayerSliderCallbacks } from '../slider/types';
 import { PlayerSettings } from './player-settings.svelte';
 import { PlayerUIManager } from './ui-manager.svelte';
+import type { FeedSliderCallbacks } from '@streamscloud/kit/ui/player/feed-slider';
+import type { IPlayerBuffer } from '@streamscloud/kit/ui/player/providers';
 export declare class PlayerConfig<T extends {
     id: string;
 }> {
     playerBuffer: IPlayerBuffer<T> | null;
     readonly settings: PlayerSettings;
-    readonly playerSliderCallbacks: PlayerSliderCallbacks | undefined;
+    readonly feedSliderCallbacks: FeedSliderCallbacks | undefined;
     readonly closeOrchestrator: ICloseOrchestrator;
     readonly uiManager: PlayerUIManager;
     constructor(init: {
         playerBuffer: IPlayerBuffer<T> | null;
         settings?: PlayerSettings;
-        playerSliderCallbacks?: PlayerSliderCallbacks;
+        feedSliderCallbacks?: FeedSliderCallbacks;
         closeOrchestrator: ICloseOrchestrator;
     });
 }

package/dist/ui/player/player/player-config.svelte.js

@@ -3,14 +3,14 @@ import { PlayerUIManager } from './ui-manager.svelte';
 export class PlayerConfig {
     playerBuffer = $state.raw(null);
     settings;
-    playerSliderCallbacks;
+    feedSliderCallbacks;
     closeOrchestrator;
     uiManager = new PlayerUIManager();
     constructor(init) {
-        const { playerBuffer, settings, playerSliderCallbacks, closeOrchestrator } = init;
+        const { playerBuffer, settings, feedSliderCallbacks, closeOrchestrator } = init;
         this.playerBuffer = playerBuffer;
         this.settings = settings || new PlayerSettings();
-        this.playerSliderCallbacks = playerSliderCallbacks;
+        this.feedSliderCallbacks = feedSliderCallbacks;
         this.closeOrchestrator = closeOrchestrator;
     }
 }

package/dist/ui/player/player/player-settings.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Locale } from '../../../core/locale';
+import type { Locale } from '@streamscloud/kit/locale';
 export declare class PlayerSettings {
     locale: Locale;
     showStreamsCloudWatermark: boolean;