@streamscloud/embeddable 6.5.0 → 6.5.1

package/dist/products/price-helper.d.ts

@@ -1,7 +1,7 @@
 import { Currency } from '../core/enums';
-type CurrecyMode = 'none' | 'symbol' | 'code';
+type CurrencyMode = 'none' | 'symbol' | 'code';
 export type PriceRepresentationOptions = {
-    currencyMode?: CurrecyMode;
+    currencyMode?: CurrencyMode;
     missingFractionMode?: 'hide' | 'currency-placeholder' | 'zeros' | 'zeros-or-placeholder';
     locale?: string;
 };

package/dist/short-videos/short-video-viewer/cmp.attachments-horizontal.svelte

@@ -89,6 +89,7 @@ $effect(() => {
     <div
       class="attachments-horizontal__item"
       class:attachments-horizontal__item--single={attachmentsToShow.length === 1}
+      data-theme={attachment.isAd ? 'default' : 'dark'}
       onclick={() => handleAttachmentClick(attachment)}
       onkeydown={() => {}}
       role="none"
@@ -217,4 +218,7 @@ $effect(() => {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+}
+:global([data-theme="dark"]) .attachments-card__extra-info {
+  color: #ffffff;
 }</style>

package/dist/short-videos/short-video-viewer/ui-manager.svelte.d.ts

@@ -2,7 +2,7 @@ export declare class ShortVideoViewerUiManager {
     readonly globalCssVariables: string;
     readonly showAttachments: boolean;
     readonly showControls: boolean;
-    private controlsPanelWidht;
+    private controlsPanelWidth;
     private canShowControls;
     private canShowAttachments;
     private enableAttachments;

package/dist/short-videos/short-video-viewer/ui-manager.svelte.js

@@ -1,6 +1,6 @@
 export class ShortVideoViewerUiManager {
     globalCssVariables = $derived.by(() => {
-        const values = [`--_short-video-viewer--controls-panel--width: ${this.controlsPanelWidht}px`];
+        const values = [`--_short-video-viewer--controls-panel--width: ${this.controlsPanelWidth}px`];
         return values.join(';');
     });
     showAttachments = $derived.by(() => {
@@ -9,7 +9,7 @@ export class ShortVideoViewerUiManager {
     showControls = $derived.by(() => {
         return this.canShowControls;
     });
-    controlsPanelWidht = $state(0);
+    controlsPanelWidth = $state(0);
     // is provided from the calling side
     canShowControls = $state(false);
     // is provided from the calling side
@@ -26,6 +26,6 @@ export class ShortVideoViewerUiManager {
         this.enableAttachments = !this.enableAttachments;
     };
     setControlsPanelWidth(value) {
-        this.controlsPanelWidht = value;
+        this.controlsPanelWidth = value;
     }
 }

package/dist/short-videos/short-videos-player/ui-manager.svelte.d.ts

@@ -9,7 +9,7 @@ export declare class ShortVideosPlayerUiManager {
     private _mainViewColumnWidth;
     private _mediaCenterHeaderHeight;
     private _controlsAttachmentsPanelWidth;
-    private _controlsNavitagionButtonsWidth;
+    private _controlsNavigationButtonsWidth;
     private _controlsAvailableSpace;
     private _controlsContentWidth;
     get viewTotalWidth(): number;

package/dist/short-videos/short-videos-player/ui-manager.svelte.js

@@ -17,12 +17,12 @@ export class ShortVideosPlayerUiManager {
     isMobileView = $derived.by(() => this._viewTotalWidth <= 576);
     viewInitialized = $derived.by(() => !!this._viewTotalWidth && !!this._mainViewColumnWidth);
     showShortVideoOverlayAttachments = $derived.by(() => this.viewInitialized && this._controlsAttachmentsPanelWidth < CONTROLS_ATTACHMENTS_MAX_WIDTH + 10);
-    showShortVideoOverlayControls = $derived.by(() => this.viewInitialized && this._controlsContentWidth < this._controlsNavitagionButtonsWidth);
+    showShortVideoOverlayControls = $derived.by(() => this.viewInitialized && this._controlsContentWidth < this._controlsNavigationButtonsWidth);
     _viewTotalWidth = $state(0);
     _mainViewColumnWidth = $state(0);
     _mediaCenterHeaderHeight = $state(0);
     _controlsAttachmentsPanelWidth = $state(0);
-    _controlsNavitagionButtonsWidth = $state(0);
+    _controlsNavigationButtonsWidth = $state(0);
     _controlsAvailableSpace = $derived.by(() => (this._viewTotalWidth - this._mainViewColumnWidth) / 2);
     _controlsContentWidth = $derived.by(() => this._controlsAvailableSpace - CONTROLS_PADDING_HORIZONTAL * 2);
     get viewTotalWidth() {
@@ -42,6 +42,6 @@ export class ShortVideosPlayerUiManager {
         this._controlsAttachmentsPanelWidth = width;
     };
     setNavigationButtonsBlockWidth = (width) => {
-        this._controlsNavitagionButtonsWidth = width;
+        this._controlsNavigationButtonsWidth = width;
     };
 }

package/package.json

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