@streamscloud/embeddable 16.2.3 → 16.2.5

package/dist/media-center/media-center/handlers/media-center-settings-handler.svelte.d.ts

@@ -23,6 +23,7 @@ declare class ContentPlayerSettingsLocal {
     private settings;
     locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
+    showSwipeIndicator?: boolean;
     overlayMinOffsetTop?: number;
     constructor(settings: MediaCenterSettings);
 }

package/dist/media-center/media-center/handlers/media-center-settings-handler.svelte.js

@@ -32,6 +32,7 @@ class ContentPlayerSettingsLocal {
     settings;
     locale = $derived.by(() => this.settings.locale);
     showStreamsCloudWatermark = $derived.by(() => this.settings.showStreamsCloudWatermark);
+    showSwipeIndicator = $derived.by(() => this.settings.showSwipeIndicator);
     overlayMinOffsetTop = $state(0);
     constructor(settings) {
         this.settings = settings;

package/dist/media-center/media-center/media-center-settings.svelte.d.ts

@@ -5,6 +5,7 @@ import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 export declare class MediaCenterSettings {
     locale: AppLocaleValue;
     showStreamsCloudWatermark: boolean;
+    showSwipeIndicator: boolean;
     disableBackground: boolean;
     theme: ThemeValue | undefined;
     state: MediaCenterState | null;

package/dist/media-center/media-center/media-center-settings.svelte.js

@@ -1,6 +1,7 @@
 export class MediaCenterSettings {
     locale = $state('en');
     showStreamsCloudWatermark = $state(false);
+    showSwipeIndicator = $state(true);
     disableBackground = $state(false);
     theme = $state(undefined);
     state = $state.raw(null);
@@ -10,6 +11,7 @@ export class MediaCenterSettings {
     update = (data) => {
         this.locale = data?.locale ?? 'en';
         this.showStreamsCloudWatermark = data?.showStreamsCloudWatermark ?? false;
+        this.showSwipeIndicator = data?.showSwipeIndicator ?? true;
         this.disableBackground = data?.disableBackground ?? false;
         this.theme = data?.theme;
         this.state = data?.state ?? null;

package/dist/media-center/media-center/types.d.ts

@@ -40,6 +40,7 @@ export type PlayerProps = {
 export type IMediaCenterSettings = {
     locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
+    showSwipeIndicator?: boolean;
     disableBackground?: boolean;
     theme?: 'light' | 'dark';
     state?: MediaCenterState | null;

package/dist/posts/posts-player/index.d.ts

@@ -42,6 +42,8 @@ export type { ArticleDataProvider, IMediaCenterDataProvider, IPostAnalyticsHandl
  *       Localization for the player UI. Default is 'en'; use 'no' for Norwegian.
  *   - {boolean} [showStreamsCloudWatermark]
  *       If true, shows the StreamsCloud watermark.
+ *   - {boolean} [showSwipeIndicator=true]
+ *       If false, hides the swipe indicator in mobile view. Default is true.
  *   - {'light' | 'dark'} [theme]
  *       Optional theme for the player UI.
  *
@@ -100,6 +102,7 @@ export declare function openPostsPlayer(init: {
         disableBackground?: boolean;
         locale?: AppLocaleValue;
         showStreamsCloudWatermark?: boolean;
+        showSwipeIndicator?: boolean;
         hideCloseButton?: boolean;
         theme?: 'light' | 'dark';
     };

package/dist/posts/posts-player/index.js

@@ -40,6 +40,8 @@ export { PostsPlayer };
  *       Localization for the player UI. Default is 'en'; use 'no' for Norwegian.
  *   - {boolean} [showStreamsCloudWatermark]
  *       If true, shows the StreamsCloud watermark.
+ *   - {boolean} [showSwipeIndicator=true]
+ *       If false, hides the swipe indicator in mobile view. Default is true.
  *   - {'light' | 'dark'} [theme]
  *       Optional theme for the player UI.
  *

package/dist/posts/posts-player/posts-player-proxy.svelte.d.ts

@@ -15,6 +15,7 @@ type Props = {
     playerSettings?: {
         locale?: AppLocaleValue;
         showStreamsCloudWatermark?: boolean;
+        showSwipeIndicator?: boolean;
         disableBackground?: boolean;
         theme?: 'light' | 'dark';
     };

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

@@ -40,6 +40,7 @@ export type PostsPlayerProps = {
 export type PostPlayerSettings = {
     locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
+    showSwipeIndicator?: boolean;
 };
 export type PostManagementActions = {
     editPost: ((id: string) => void) | null;

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

@@ -35,6 +35,8 @@ export type { IStreamsPlayerDataProvider, IStreamAnalyticsHandler, IMediaCenterD
  *       If omitted, the default locale 'en' is used.
  *   - {boolean} [showStreamsCloudWatermark]
  *       If true, shows the StreamsCloud watermark.
+ *   - {boolean} [showSwipeIndicator=true]
+ *       If false, hides the swipe indicator in mobile view. Default is true.
  *   - {'light' | 'dark'} [theme]
  *       Optional theme for the player UI.
  *
@@ -92,6 +94,7 @@ export type StreamsPlayerSettings = {
     disableBackground?: boolean;
     locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
+    showSwipeIndicator?: boolean;
     hideCloseButton?: boolean;
     theme?: 'light' | 'dark';
 };

package/dist/streams/streams-player/index.js

@@ -33,6 +33,8 @@ export {};
  *       If omitted, the default locale 'en' is used.
  *   - {boolean} [showStreamsCloudWatermark]
  *       If true, shows the StreamsCloud watermark.
+ *   - {boolean} [showSwipeIndicator=true]
+ *       If false, hides the swipe indicator in mobile view. Default is true.
  *   - {'light' | 'dark'} [theme]
  *       Optional theme for the player UI.
  *

package/dist/streams/streams-player/streams-player-proxy.svelte.d.ts

@@ -13,6 +13,7 @@ type Props = {
     playerSettings?: {
         locale?: AppLocaleValue;
         showStreamsCloudWatermark?: boolean;
+        showSwipeIndicator?: boolean;
         disableBackground?: boolean;
         theme?: 'light' | 'dark';
     };

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

@@ -45,6 +45,7 @@ export type StreamsPlayerProps = {
 export type StreamsPlayerSettings = {
     locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
+    showSwipeIndicator?: boolean;
     overlayMinOffsetTop?: number;
 };
 export type StreamAmplificationParameters = {

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

@@ -113,7 +113,7 @@ const handleSliderMounted = (node) => {
         {#snippet children({ item })}
           <div class="player__content">
             {@render itemView({ item })}
-            {#if uiManager.isMobileView && config.playerBuffer && config.playerBuffer.loaded.length > 1 && !everTouched}
+            {#if config.settings.showSwipeIndicator && uiManager.isMobileView && config.playerBuffer && config.playerBuffer.loaded.length > 1 && !everTouched}
               <SwipeIndicator />
             {/if}
           </div>

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

@@ -2,10 +2,12 @@ import type { AppLocaleValue } from '@streamscloud/kit/core/locale';
 export declare class PlayerSettings {
     locale: AppLocaleValue;
     showStreamsCloudWatermark: boolean;
+    showSwipeIndicator: boolean;
     constructor(init?: IContentPlayerSettings);
     patch: (settings?: IContentPlayerSettings) => void;
 }
 export type IContentPlayerSettings = {
     locale?: AppLocaleValue;
     showStreamsCloudWatermark?: boolean;
+    showSwipeIndicator?: boolean;
 };

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

@@ -1,6 +1,7 @@
 export class PlayerSettings {
     locale = $state('en');
     showStreamsCloudWatermark = $state(false);
+    showSwipeIndicator = $state(true);
     constructor(init) {
         this.patch(init);
     }
@@ -11,5 +12,8 @@ export class PlayerSettings {
         if (settings?.showStreamsCloudWatermark !== undefined) {
             this.showStreamsCloudWatermark = settings.showStreamsCloudWatermark;
         }
+        if (settings?.showSwipeIndicator !== undefined) {
+            this.showSwipeIndicator = settings.showSwipeIndicator;
+        }
     };
 }

package/package.json

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