@streamscloud/embeddable 16.2.2 → 16.2.4

package/dist/ads/ad-card/cmp.ad-card.svelte

@@ -142,14 +142,14 @@ const handleAdClick = () => {
   display: flex;
   justify-content: flex-end;
   align-items: center;
-  min-height: 3rem;
+  height: 3rem;
   overflow: hidden;
   min-width: 0;
   /* Set 'container-type: inline-size;' to reference container*/
 }
 @container (width < 230px) {
   .ad-card__price-container {
-    min-height: 2rem;
+    height: 2rem;
   }
 }
 .ad-card__button-container {
@@ -157,15 +157,13 @@ const handleAdClick = () => {
   display: flex;
   justify-content: center;
   align-items: end;
-  min-height: 2.5rem;
-  margin-top: 0.125rem;
+  margin-top: 0.625rem;
   min-width: 0;
   /* Set 'container-type: inline-size;' to reference container*/
 }
 @container (width < 230px) {
   .ad-card__button-container {
-    min-height: 2rem;
-    margin-top: 0.0938rem;
+    margin-top: 0.375rem;
   }
 }
 .ad-card__button-text {

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/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/products/product-card/cmp.product-card.svelte

@@ -46,7 +46,7 @@ const onBuyClicked = (event) => {
 };
 </script>
 
-<div class="product-card" inert={inert} use:trackImpression>
+<div class="product-card" class:product-card--with-buy={!!on?.buy} inert={inert} use:trackImpression>
   <ProportionalContainer ratio={1}>
     <Image src={product.image} />
   </ProportionalContainer>
@@ -123,6 +123,9 @@ const onBuyClicked = (event) => {
     padding: 0.5rem 0.5rem 0.75rem;
   }
 }
+.product-card--with-buy {
+  aspect-ratio: auto;
+}
 .product-card__info {
   display: flex;
   flex-direction: column;
@@ -191,7 +194,7 @@ const onBuyClicked = (event) => {
 .product-card__buy {
   position: relative;
   z-index: 1;
-  margin-top: 0.375rem;
+  margin-top: 0.625rem;
   --sc-kit--button--background: light-dark(
     var(--sc-player--light--card-button, #f2f2f2),
     var(--sc-player--dark--card-button, #2e2e2e)
@@ -201,7 +204,7 @@ const onBuyClicked = (event) => {
 }
 @container (width < 230px) {
   .product-card__buy {
-    margin-top: 0.25rem;
+    margin-top: 0.375rem;
   }
 }
 .product-card__link {

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.2",
+  "version": "16.2.4",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",