@streamscloud/embeddable 2.4.2 → 2.6.0

package/dist/core/enums.d.ts

@@ -1,6 +1,4 @@
 export declare enum PostSourceType {
-    Channel = "CHANNEL",
-    Group = "GROUP",
     MediaPage = "MEDIA_PAGE",
     Organization = "ORGANIZATION",
     UserProfile = "USER_PROFILE"

package/dist/core/enums.js

@@ -1,7 +1,5 @@
 export var PostSourceType;
 (function (PostSourceType) {
-    PostSourceType["Channel"] = "CHANNEL";
-    PostSourceType["Group"] = "GROUP";
     PostSourceType["MediaPage"] = "MEDIA_PAGE";
     PostSourceType["Organization"] = "ORGANIZATION";
     PostSourceType["UserProfile"] = "USER_PROFILE";

package/dist/core/locale.d.ts

@@ -0,0 +1,6 @@
+export type Locale = 'en' | 'no';
+export declare const getLocale: <T>(input?: Locale | T) => Locale | T;
+export declare const isEn: <T>(input: Locale | T) => input is "en";
+export declare const isNo: <T>(input: Locale | T) => input is "no";
+export declare const isLocale: <T>(input: Locale | T) => input is Locale;
+export declare const isLocalizationInterface: <T>(input: Locale | T) => input is T;

package/dist/core/locale.js

@@ -0,0 +1,24 @@
+export const getLocale = (input) => {
+    if (input === undefined || input === null) {
+        return 'en';
+    }
+    switch (input) {
+        case 'en':
+        case 'no':
+            return input;
+        default:
+            return input;
+    }
+};
+export const isEn = (input) => {
+    return input === 'en';
+};
+export const isNo = (input) => {
+    return input === 'no';
+};
+export const isLocale = (input) => {
+    return input === 'en' || input === 'no';
+};
+export const isLocalizationInterface = (input) => {
+    return typeof input === 'object' && input !== null;
+};

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

@@ -1,9 +1,9 @@
 <script lang="ts">import { default as ShortVideoAdViewer } from './cmp.ad.svelte';
 import { default as ShortVideoProductViewer } from './cmp.product.svelte';
-import { ShortVideoAttachmentsLocalizationSvelte } from './short-video-attachments-localization.svelte';
+import { ShortVideoAttachmentsLocalization } from './short-video-attachments-localization';
 import {} from './types';
 let { shortVideo, localization: localizationInit, on } = $props();
-const localization = $derived(new ShortVideoAttachmentsLocalizationSvelte(localizationInit));
+const localization = $derived(new ShortVideoAttachmentsLocalization(localizationInit));
 </script>
 
 {#if shortVideo.products.length || shortVideo.ad}

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

@@ -1,8 +1,9 @@
-import { type IShortVideoAttachmentsLocalization } from './short-video-attachments-localization.svelte';
+import type { Locale } from '../../core/locale';
+import { type IShortVideoAttachmentsLocalization } from './short-video-attachments-localization';
 import { type ShortVideoViewerModel } from './types';
 type Props = {
     shortVideo: ShortVideoViewerModel;
-    localization?: IShortVideoAttachmentsLocalization;
+    localization: IShortVideoAttachmentsLocalization | Locale;
     on?: {
         productClick?: (productId: string) => void;
     };

package/dist/short-videos/short-video-viewer/cmp.product.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { toPriceRepresentation } from '../../products/price-helper';
 import { ImageRounded } from '../../ui/image';
 import { ProportionalContainer } from '../../ui/proportional-container';
-import { ShortVideoProductLocalization } from './short-video-product-localization.svelte';
+import { ShortVideoProductLocalization } from './short-video-product-localization';
 let { product, fitToContainer = false, localization: localizationInit, on } = $props();
 const localization = $derived(new ShortVideoProductLocalization(localizationInit));
 const handleProductClick = (event) => {

package/dist/short-videos/short-video-viewer/cmp.product.svelte.d.ts

@@ -1,9 +1,10 @@
-import { type IShortVideoProductLocalization } from './short-video-product-localization.svelte';
+import type { Locale } from '../../core/locale';
+import { type IShortVideoProductLocalization } from './short-video-product-localization';
 import type { ShortVideoViewerProductModel } from './types';
 type Props = {
     product: ShortVideoViewerProductModel;
     fitToContainer?: boolean;
-    localization?: IShortVideoProductLocalization;
+    localization: IShortVideoProductLocalization | Locale;
     on?: {
         productClick?: (productId: string) => void;
     };

package/dist/short-videos/short-video-viewer/cmp.short-video-details.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { slideHorizontally } from '../../core/transitions';
 import { default as ShortVideoAttachments } from './cmp.attachments.svelte';
 import { default as ShortVideoHeading } from './cmp.short-video-heading.svelte';
-import { ShortVideoDetailsLocalization } from './short-video-details-localization.svelte';
+import { ShortVideoDetailsLocalization } from './short-video-details-localization';
 import {} from './types';
 let { shortVideo, collapsed, localization: localizationInit, on } = $props();
 const localization = $derived(new ShortVideoDetailsLocalization(localizationInit));

package/dist/short-videos/short-video-viewer/cmp.short-video-details.svelte.d.ts

@@ -1,9 +1,10 @@
-import { type IShortVideoDetailsLocalization } from './short-video-details-localization.svelte';
+import type { Locale } from '../../core/locale';
+import { type IShortVideoDetailsLocalization } from './short-video-details-localization';
 import { type ShortVideoViewerModel } from './types';
 type Props = {
     shortVideo: ShortVideoViewerModel;
     collapsed: boolean;
-    localization?: IShortVideoDetailsLocalization;
+    localization: IShortVideoDetailsLocalization | Locale;
     on?: {
         productClick?: (productId: string) => void;
     };

package/dist/short-videos/short-video-viewer/cmp.short-video-heading.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { ImageRound } from '../../ui/image';
 import { TimeAgo } from '../../ui/time-ago';
-import { ShortVideoViewerLocalization } from './short-video-viewer-localization.svelte';
+import { ShortVideoViewerLocalization } from './short-video-viewer-localization';
 let { model, localization: localizationInit } = $props();
 const localization = $derived(new ShortVideoViewerLocalization(localizationInit));
 </script>

package/dist/short-videos/short-video-viewer/cmp.short-video-heading.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type IShortVideoViewerLocalization } from './short-video-viewer-localization.svelte';
+import { type IShortVideoViewerLocalization } from './short-video-viewer-localization';
 import type { ShortVideoViewerHeadingModel } from './types';
 type Props = {
     model: ShortVideoViewerHeadingModel;

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

@@ -2,7 +2,7 @@
 import { Video } from '../../ui/video';
 import { default as AttachmentsInline } from './cmp.attachments-inline.svelte';
 import { default as ShortVideoDescription } from './description.svelte';
-import { ShortVideoViewerLocalization } from './short-video-viewer-localization.svelte';
+import { ShortVideoViewerLocalization } from './short-video-viewer-localization';
 import { ShortVideoViewerUiManager } from './ui-manager.svelte';
 let { model, availableSideSpace = 0, showAttachments = true, autoplay = 'on-appearance', localization: localizationInit, on } = $props();
 const localization = $derived(new ShortVideoViewerLocalization(localizationInit));

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

@@ -1,11 +1,12 @@
-import { type IShortVideoViewerLocalization } from './short-video-viewer-localization.svelte';
+import type { Locale } from '../../core/locale';
+import { type IShortVideoViewerLocalization } from './short-video-viewer-localization';
 import type { ShortVideoViewerModel } from './types';
 type Props = {
     model: ShortVideoViewerModel;
     availableSideSpace?: number;
     showAttachments?: boolean;
     autoplay?: true | false | 'on-appearance';
-    localization?: IShortVideoViewerLocalization;
+    localization: IShortVideoViewerLocalization | Locale;
     on?: {
         progress?: (progress: number) => void;
     };

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

@@ -1,4 +1,4 @@
-import type { ShortVideoViewerLocalization } from './short-video-viewer-localization.svelte';
+import type { ShortVideoViewerLocalization } from './short-video-viewer-localization';
 import type { ShortVideoViewerModel } from './types';
 type Props = {
     model: ShortVideoViewerModel;

package/dist/short-videos/short-video-viewer/index.d.ts

@@ -5,6 +5,7 @@ export { default as ShortVideoViewerAttachments } from './cmp.attachments.svelte
 export { default as ShortVideoViewerAttachmentsInline } from './cmp.attachments-inline.svelte';
 export { default as ShortVideoDetails } from './cmp.short-video-details.svelte';
 export type { ShortVideoViewerModel, ShortVideoViewerAdModel, ShortVideoViewerProductModel } from './types';
-export type { IShortVideoViewerLocalization } from './short-video-viewer-localization.svelte';
-export type { IShortVideoDetailsLocalization } from './short-video-details-localization.svelte';
+export type { IShortVideoViewerLocalization } from './short-video-viewer-localization';
+export type { IShortVideoDetailsLocalization } from './short-video-details-localization';
+export type { IShortVideoAttachmentsLocalization } from './short-video-attachments-localization';
 export { mapShortVideoViewerModel } from './mapper';

package/dist/short-videos/short-video-viewer/{short-video-attachments-localization.svelte.d.ts → short-video-attachments-localization.d.ts}

@@ -1,12 +1,13 @@
-import type { IShortVideoProductLocalization } from './short-video-product-localization.svelte';
+import { type Locale } from '../../core/locale';
+import type { IShortVideoProductLocalization } from './short-video-product-localization';
 export interface IShortVideoAttachmentsLocalization {
     productsSection?: string;
     offersSection?: string;
     productLocalization?: IShortVideoProductLocalization;
 }
-export declare class ShortVideoAttachmentsLocalizationSvelte {
+export declare class ShortVideoAttachmentsLocalization {
     productsSection: string;
     offersSection: string;
-    productLocalization: IShortVideoProductLocalization | undefined;
-    constructor(init?: IShortVideoAttachmentsLocalization);
+    productLocalization: IShortVideoProductLocalization | Locale;
+    constructor(init: IShortVideoAttachmentsLocalization | Locale);
 }

package/dist/short-videos/short-video-viewer/short-video-attachments-localization.js

@@ -0,0 +1,21 @@
+import { isLocale } from '../../core/locale';
+export class ShortVideoAttachmentsLocalization {
+    productsSection;
+    offersSection;
+    productLocalization;
+    constructor(init) {
+        this.productsSection = isLocale(init) ? loc.productsSection[init] : init.productsSection || loc.productsSection.en;
+        this.offersSection = isLocale(init) ? loc.offersSection[init] : init.offersSection || loc.offersSection.en;
+        this.productLocalization = isLocale(init) ? init : init.productLocalization || 'en';
+    }
+}
+const loc = {
+    productsSection: {
+        en: 'Products',
+        no: 'Produkter'
+    },
+    offersSection: {
+        en: 'Offers',
+        no: 'Tilbud'
+    }
+};

package/dist/short-videos/short-video-viewer/{short-video-details-localization.svelte.d.ts → short-video-details-localization.d.ts}

@@ -1,13 +1,14 @@
+import { type Locale } from '../../core/locale';
 import type { ITimeAgoLocalization } from '../../ui/time-ago';
-import type { IShortVideoAttachmentsLocalization } from './short-video-attachments-localization.svelte';
+import type { IShortVideoAttachmentsLocalization } from './short-video-attachments-localization';
 export interface IShortVideoDetailsLocalization {
     viewsCount?: (count: number) => string;
-    timeAgoLocalization?: ITimeAgoLocalization;
-    attachmentsLocalization?: IShortVideoAttachmentsLocalization;
+    timeAgoLocalization?: ITimeAgoLocalization | Locale;
+    attachmentsLocalization?: IShortVideoAttachmentsLocalization | Locale;
 }
 export declare class ShortVideoDetailsLocalization {
     viewsCount: (count: number) => string;
-    timeAgoLocalization: ITimeAgoLocalization | undefined;
-    attachmentsLocalization: IShortVideoAttachmentsLocalization | undefined;
-    constructor(init?: IShortVideoDetailsLocalization);
+    timeAgoLocalization: ITimeAgoLocalization | Locale;
+    attachmentsLocalization: IShortVideoAttachmentsLocalization | Locale;
+    constructor(init: IShortVideoDetailsLocalization | Locale);
 }

package/dist/short-videos/short-video-viewer/short-video-details-localization.js

@@ -0,0 +1,17 @@
+import { isLocale } from '../../core/locale';
+export class ShortVideoDetailsLocalization {
+    viewsCount;
+    timeAgoLocalization;
+    attachmentsLocalization;
+    constructor(init) {
+        this.viewsCount = isLocale(init) ? loc.viewsCount[init] : init.viewsCount || loc.viewsCount.en;
+        this.timeAgoLocalization = isLocale(init) ? init : init.timeAgoLocalization || 'en';
+        this.attachmentsLocalization = isLocale(init) ? init : init.attachmentsLocalization || 'en';
+    }
+}
+const loc = {
+    viewsCount: {
+        en: (count) => (count === 1 ? '1 view' : `${count} views`),
+        no: (count) => (count === 1 ? '1 visning' : `${count} visninger`)
+    }
+};

package/dist/short-videos/short-video-viewer/{short-video-product-localization.svelte.d.ts → short-video-product-localization.d.ts}

@@ -1,7 +1,8 @@
+import { type Locale } from '../../core/locale';
 export interface IShortVideoProductLocalization {
     beforeNowPrefix?: string | null;
 }
 export declare class ShortVideoProductLocalization {
     beforeNowPrefix: string | null;
-    constructor(init?: IShortVideoProductLocalization);
+    constructor(init: IShortVideoProductLocalization | Locale);
 }

package/dist/short-videos/short-video-viewer/short-video-product-localization.js

@@ -0,0 +1,13 @@
+import { isLocale } from '../../core/locale';
+export class ShortVideoProductLocalization {
+    beforeNowPrefix = $state('Before');
+    constructor(init) {
+        this.beforeNowPrefix = isLocale(init) ? loc.beforeNowPrefix[init] : init?.beforeNowPrefix || loc.beforeNowPrefix.en;
+    }
+}
+const loc = {
+    beforeNowPrefix: {
+        en: 'Before',
+        no: 'Før'
+    }
+};

package/dist/short-videos/short-video-viewer/short-video-viewer-localization.d.ts

@@ -0,0 +1,14 @@
+import { type Locale } from '../../core/locale';
+import type { ITimeAgoLocalization } from '../../ui/time-ago';
+import type { IShortVideoProductLocalization } from './short-video-product-localization';
+export interface IShortVideoViewerLocalization {
+    viewsCount?: (count: number) => string;
+    timeAgoLocalization?: ITimeAgoLocalization | Locale;
+    productLocalization?: IShortVideoProductLocalization | Locale;
+}
+export declare class ShortVideoViewerLocalization {
+    viewsCount: (count: number) => string;
+    timeAgoLocalization: ITimeAgoLocalization | Locale;
+    productLocalization: IShortVideoProductLocalization | Locale;
+    constructor(init: IShortVideoViewerLocalization | Locale);
+}

package/dist/short-videos/short-video-viewer/short-video-viewer-localization.js

@@ -0,0 +1,17 @@
+import { isLocale } from '../../core/locale';
+export class ShortVideoViewerLocalization {
+    viewsCount;
+    timeAgoLocalization;
+    productLocalization;
+    constructor(init) {
+        this.viewsCount = isLocale(init) ? loc.viewsCount[init] : init.viewsCount || loc.viewsCount.en;
+        this.timeAgoLocalization = isLocale(init) ? init : init.timeAgoLocalization || 'en';
+        this.productLocalization = isLocale(init) ? init : init.productLocalization || 'en';
+    }
+}
+const loc = {
+    viewsCount: {
+        en: (count) => (count === 1 ? '1 view' : `${count} views`),
+        no: (count) => (count === 1 ? '1 visning' : `${count} visninger`)
+    }
+};

package/dist/short-videos/short-videos-player/cmp.short-videos-player.svelte

@@ -16,7 +16,7 @@ import { SpotlightLayout } from '../../ui/spotlight-layout';
 import { SwipeIndicator } from '../../ui/swipe-indicator';
 import { default as Controls } from './controls.svelte';
 import { GetShortVideosDocument } from './operations.generated';
-import { ShortVideosPlayerLocalization } from './short-videos-player-localization.svelte';
+import { ShortVideosPlayerLocalization } from './short-videos-player-localization';
 import { ShortVideosPlayerUiManager } from './ui-manager.svelte';
 import { onMount, untrack } from 'svelte';
 let { input, localization: localizationInit, on } = $props();
@@ -107,11 +107,15 @@ const onPlayerClose = () => {
         <div class="short-videos-player__content" use:contentMounted>
           <PlayerSlider buffer={buffer}>
             {#snippet children({ item })}
-              <ShortVideoViewer model={item} autoplay="on-appearance" showAttachments={uiManager.showShortVideoOverlay} />
+              <ShortVideoViewer
+                model={item}
+                autoplay="on-appearance"
+                showAttachments={uiManager.showShortVideoOverlay}
+                localization={localization.shortVideoViewerLocalization} />
             {/snippet}
           </PlayerSlider>
           {#if uiManager.isMobileView && buffer.loaded.length > 1 && !everTouched}
-            <SwipeIndicator />
+            <SwipeIndicator localization={localization.swipeIndicatorLocalization} />
           {/if}
         </div>
       </SpotlightLayout>

package/dist/short-videos/short-videos-player/cmp.short-videos-player.svelte.d.ts

@@ -1,8 +1,9 @@
-import { type IShortVideosPlayerLocalization } from './short-videos-player-localization.svelte';
+import type { Locale } from '../../core/locale';
+import { type IShortVideosPlayerLocalization } from './short-videos-player-localization';
 import type { PlayerInput } from './types';
 type Props = {
     input: PlayerInput;
-    localization?: IShortVideosPlayerLocalization;
+    localization: IShortVideosPlayerLocalization | Locale;
     on?: {
         closePlayer?: () => void;
     };

package/dist/short-videos/short-videos-player/controls.svelte

@@ -2,7 +2,7 @@
 import { Icon } from '../../ui/icon';
 import { MediaVolumeManager } from '../../ui/media-playback';
 import { default as ActionButton } from './action-button.svelte';
-import { ShortVideosPlayerLocalization } from './short-videos-player-localization.svelte';
+import { ShortVideosPlayerLocalization } from './short-videos-player-localization';
 import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_20_regular.svg?raw';
 import IconChevronUp from '@fluentui/svg-icons/icons/chevron_up_20_regular.svg?raw';
 import IconDismiss from '@fluentui/svg-icons/icons/dismiss_20_regular.svg?raw';
@@ -37,7 +37,7 @@ const shortVideo = $derived(buffer.current);
   <div class="short-videos-player-controls__right">
     {#if shortVideo}
       <div class="short-videos-player-controls__short-video-attachments">
-        <ShortVideoViewerAttachments shortVideo={shortVideo} localization={localization.shortVideoDetailsLocalization?.attachmentsLocalization} />
+        <ShortVideoViewerAttachments shortVideo={shortVideo} localization={localization.shortVideoAttachmentsLocalization} />
       </div>
     {/if}
     <div class="short-videos-player-controls__controls">

package/dist/short-videos/short-videos-player/controls.svelte.d.ts

@@ -1,6 +1,6 @@
 import { type ShortVideoViewerModel } from '../short-video-viewer';
 import type { IPlayerBuffer } from '../../ui/player';
-import { ShortVideosPlayerLocalization } from './short-videos-player-localization.svelte';
+import { ShortVideosPlayerLocalization } from './short-videos-player-localization';
 import type { ShortVideosPlayerUiManager } from './ui-manager.svelte';
 type Props = {
     buffer: IPlayerBuffer<ShortVideoViewerModel>;

package/dist/short-videos/short-videos-player/index.d.ts

@@ -1,4 +1,4 @@
-import type { IShortVideosPlayerLocalization } from './short-videos-player-localization.svelte';
+import type { IShortVideosPlayerLocalization } from './short-videos-player-localization';
 import { type OpenShortVideosPlayerInit } from './types';
 export type { IShortVideosPlayerLocalization };
 /**

package/dist/short-videos/short-videos-player/index.js

@@ -1,3 +1,4 @@
+import { getLocale } from '../../core/locale';
 import { ShadowHost } from '../../ui/shadow-dom';
 import { default as ShortVideosPlayer } from './cmp.short-videos-player.svelte';
 import { isIdsInit, isShortVideosProviderInit } from './types';
@@ -93,7 +94,7 @@ export const openShortVideosPlayer = async (init) => {
         target: shadowHost.shadowRoot,
         props: {
             input,
-            localization: init.localization,
+            localization: getLocale(init.localization),
             on: {
                 closePlayer: async () => {
                     if (init.on?.playerClosed) {

package/dist/short-videos/short-videos-player/short-videos-player-localization.d.ts

@@ -0,0 +1,16 @@
+import { type Locale } from '../../core/locale';
+import type { IShortVideoAttachmentsLocalization, IShortVideoDetailsLocalization, IShortVideoViewerLocalization } from '../short-video-viewer';
+import type { ISwipeIndicatorLocalization } from '../../ui/swipe-indicator';
+export interface IShortVideosPlayerLocalization {
+    shortVideoAttachmentsLocalization?: IShortVideoAttachmentsLocalization | Locale;
+    shortVideoDetailsLocalization?: IShortVideoDetailsLocalization | Locale;
+    shortVideoViewerLocalization?: IShortVideoViewerLocalization | Locale;
+    swipeIndicatorLocalization?: ISwipeIndicatorLocalization | Locale;
+}
+export declare class ShortVideosPlayerLocalization {
+    shortVideoAttachmentsLocalization: IShortVideoAttachmentsLocalization | Locale;
+    shortVideoDetailsLocalization: IShortVideoDetailsLocalization | Locale;
+    shortVideoViewerLocalization: IShortVideoViewerLocalization | Locale;
+    swipeIndicatorLocalization: ISwipeIndicatorLocalization | Locale;
+    constructor(init: IShortVideosPlayerLocalization | Locale);
+}

package/dist/short-videos/short-videos-player/short-videos-player-localization.js

@@ -0,0 +1,13 @@
+import { isLocale } from '../../core/locale';
+export class ShortVideosPlayerLocalization {
+    shortVideoAttachmentsLocalization;
+    shortVideoDetailsLocalization;
+    shortVideoViewerLocalization;
+    swipeIndicatorLocalization;
+    constructor(init) {
+        this.shortVideoAttachmentsLocalization = isLocale(init) ? init : init.shortVideoAttachmentsLocalization || 'en';
+        this.shortVideoDetailsLocalization = isLocale(init) ? init : init.shortVideoDetailsLocalization || 'en';
+        this.shortVideoViewerLocalization = isLocale(init) ? init : init.shortVideoViewerLocalization || 'en';
+        this.swipeIndicatorLocalization = isLocale(init) ? init : init.swipeIndicatorLocalization || 'en';
+    }
+}

package/dist/short-videos/short-videos-player/types.d.ts

@@ -1,6 +1,6 @@
 import type { ShortVideoViewerModel } from '../..';
 import type { PlayerItemsProvider } from '../../ui/player';
-import type { IShortVideosPlayerLocalization } from './short-videos-player-localization.svelte';
+import type { IShortVideosPlayerLocalization } from './short-videos-player-localization';
 export type PlayerInput = ProviderPlayerInput | IdsPlayerInput;
 export type ProviderPlayerInput = {
     type: 'provider';
@@ -15,7 +15,7 @@ export type IdsPlayerInput = {
 export type OpenShortVideosPlayerInit = ProviderInit | IdsInit;
 type ProviderInit = {
     shortVideosProvider: PlayerItemsProvider<ShortVideoViewerModel>;
-    localization?: IShortVideosPlayerLocalization;
+    localization?: IShortVideosPlayerLocalization | 'en' | 'no';
     on?: {
         playerClosed?: () => void;
     };
@@ -24,7 +24,7 @@ type IdsInit = {
     ids: string[];
     graphqlOrigin?: string;
     initialId?: string;
-    localization?: IShortVideosPlayerLocalization;
+    localization?: IShortVideosPlayerLocalization | 'en' | 'no';
     on?: {
         playerClosed?: () => void;
     };

package/dist/streams/layout/cmp.slot-content.svelte.d.ts

@@ -1,8 +1,9 @@
+import type { Locale } from '../../core/locale';
 import { type IStreamElementLocalization } from './element-views';
 import type { StreamSlot } from './slot';
 type Props = {
     model: StreamSlot;
-    localization?: IStreamElementLocalization;
+    localization: IStreamElementLocalization | Locale;
     on?: {
         productClick: (productId: string) => void;
         progress?: (videoId: string, progress: number) => void;

package/dist/streams/layout/element-views/cmp.container-stream-element.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import {} from './stream-element-localization.svelte';
+<script lang="ts">import {} from './stream-element-localization';
 import { StreamElementStyleDirection } from '../enums';
 import { generateContainerStyles } from '../styles-transformer';
 import { default as StreamElement } from './cmp.stream-element.svelte';

package/dist/streams/layout/element-views/cmp.container-stream-element.svelte.d.ts

@@ -1,10 +1,11 @@
-import { type IStreamElementLocalization } from './stream-element-localization.svelte';
+import type { Locale } from '../../../core/locale';
+import { type IStreamElementLocalization } from './stream-element-localization';
 import type { ContainerStreamElementModel } from '../elements';
 import type { StreamSlotData } from '../slot-data';
 type Props = {
     model: ContainerStreamElementModel;
     data: StreamSlotData | null;
-    localization?: IStreamElementLocalization;
+    localization: IStreamElementLocalization | Locale;
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;
 type Cmp = ReturnType<typeof Cmp>;