@streamscloud/embeddable 2.5.0 → 2.6.1

package/dist/streams/stream-page-viewer/cmp.stream-page-viewer.svelte

@@ -1,12 +1,14 @@
 <script lang="ts">import { StreamLayoutSlot, StreamPageLayout, StreamLayoutSlotContent } from '../layout';
-let { page, on } = $props();
+import { StreamPageViewerLocalization } from './stream-page-viewer-localization';
+let { page, localization: localizationInit, on } = $props();
+const localization = $derived(new StreamPageViewerLocalization(localizationInit));
 </script>
 
 {#if page.type === 'general'}
   <StreamPageLayout model={page.layout}>
     {#each page.layout.slots as slot (slot)}
       <StreamLayoutSlot model={slot}>
-        <StreamLayoutSlotContent model={slot} on={on} />
+        <StreamLayoutSlotContent model={slot} on={on} localization={localization.elementsLocalization} />
       </StreamLayoutSlot>
     {/each}
   </StreamPageLayout>

package/dist/streams/stream-page-viewer/cmp.stream-page-viewer.svelte.d.ts

@@ -1,6 +1,9 @@
+import type { Locale } from '../../core/locale';
+import { type IStreamPageViewerLocalization } from './stream-page-viewer-localization';
 import type { StreamPageViewerModel } from './types';
 type Props = {
     page: StreamPageViewerModel;
+    localization: IStreamPageViewerLocalization | Locale;
     on?: {
         productClick: (productId: string) => void;
         progress?: (videoId: string, progress: number) => void;

package/dist/streams/stream-page-viewer/index.d.ts

@@ -1,2 +1,3 @@
 export { default as StreamPageViewer } from './cmp.stream-page-viewer.svelte';
 export type { StreamPageViewerModel } from './types';
+export type { IStreamPageViewerLocalization } from './stream-page-viewer-localization';

package/dist/streams/stream-page-viewer/stream-page-viewer-localization.d.ts

@@ -0,0 +1,9 @@
+import { type Locale } from '../../core/locale';
+import type { IStreamElementLocalization } from '../layout/element-views';
+export interface IStreamPageViewerLocalization {
+    elementsLocalization?: IStreamElementLocalization | Locale;
+}
+export declare class StreamPageViewerLocalization {
+    elementsLocalization: IStreamElementLocalization | Locale;
+    constructor(init: IStreamPageViewerLocalization | Locale);
+}

package/dist/streams/stream-page-viewer/stream-page-viewer-localization.js

@@ -0,0 +1,7 @@
+import { isLocale } from '../../core/locale';
+export class StreamPageViewerLocalization {
+    elementsLocalization;
+    constructor(init) {
+        this.elementsLocalization = isLocale(init) ? init : init?.elementsLocalization || 'en';
+    }
+}

package/dist/streams/stream-player/cmp.stream-player.svelte

@@ -23,7 +23,7 @@ import { mapStreamPlayerModel } from './mapper';
 import { GetStreamDocument } from './operations.generated';
 import { default as Overview } from './stream-overview.svelte';
 import { StreamPlayerBuffer } from './stream-player-buffer.svelte';
-import { StreamPlayerLocalization } from './stream-player-localization.svelte';
+import { StreamPlayerLocalization } from './stream-player-localization';
 import { StreamPlayerUiManager } from './ui-manager.svelte';
 import { AppEventsTracker } from '@streamscloud/streams-analytics-collector';
 import { onMount } from 'svelte';
@@ -187,6 +187,7 @@ const onProgress = (pageId, videoId, progress) => {
               {#if item.type === 'general'}
                 <StreamPageViewer
                   page={item}
+                  localization={localization.streamPageViewerLocalization}
                   on={{
                     progress: (videoId: String, progress: Number) => onProgress(item.id, videoId, progress),
                     productClick: (productId: String) => onProductCardClick(productId)
@@ -198,12 +199,13 @@ const onProgress = (pageId, videoId, progress) => {
                     progress: (progress) => onProgress(item.id, item.shortVideo.id, progress)
                   }}
                   autoplay="on-appearance"
+                  localization={localization.shortVideoViewerLocalization}
                   showAttachments={uiManager.showShortVideoOverlay} />
               {/if}
             {/snippet}
           </PlayerSlider>
           {#if uiManager.isMobileView && buffer.loaded.length > 1 && !everTouched}
-            <SwipeIndicator />
+            <SwipeIndicator localization={localization.swipeIndicatorLocalization} />
           {/if}
         </div>
       </SpotlightLayout>

package/dist/streams/stream-player/cmp.stream-player.svelte.d.ts

@@ -1,7 +1,8 @@
-import { type IStreamPlayerLocalization } from './stream-player-localization.svelte';
+import type { Locale } from '../../core/locale';
+import { type IStreamPlayerLocalization } from './stream-player-localization';
 type Props = {
     streamId: string;
-    localization?: IStreamPlayerLocalization;
+    localization: IStreamPlayerLocalization | Locale;
     graphqlOrigin?: string;
     on?: {
         closePlayer?: () => void;

package/dist/streams/stream-player/controls.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">var _a, _b;
 import { ShortVideoDetails, ShortVideoViewerAttachmentsInline, ShortVideoViewerAttachments } from '../../short-videos/short-video-viewer';
+import { StreamElementType } from '../layout/enums';
 import { mapToShortVideoViewerModel } from '../layout/models';
 import { Icon } from '../../ui/icon';
 import { MediaVolumeManager } from '../../ui/media-playback';
 import { default as ActionButton } from './action-button.svelte';
-import { StreamPlayerLocalization } from './stream-player-localization.svelte';
+import { StreamPlayerLocalization } from './stream-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';
@@ -17,6 +18,36 @@ const toggleMuted = () => {
     MediaVolumeManager.isMuted = !MediaVolumeManager.isMuted;
 };
 const shortVideo = $derived(((_a = buffer.current) === null || _a === void 0 ? void 0 : _a.type) === 'short-video' && ((_b = buffer.current) === null || _b === void 0 ? void 0 : _b.shortVideo) ? mapToShortVideoViewerModel(buffer.current.shortVideo) : null);
+const singleWebViewPage = $derived.by(() => {
+    var _a;
+    if (((_a = buffer.current) === null || _a === void 0 ? void 0 : _a.type) !== 'general') {
+        return false;
+    }
+    const layout = buffer.current.layout;
+    const collectRenderableElements = (elements) => {
+        const renderableElements = [];
+        for (const element of elements) {
+            if (element.type === StreamElementType.Container) {
+                if (element.elements) {
+                    renderableElements.push(...collectRenderableElements(element.elements));
+                }
+            }
+            else {
+                renderableElements.push(element);
+            }
+        }
+        return renderableElements;
+    };
+    const allRenderableElements = [];
+    for (const slot of layout.slots) {
+        for (const component of slot.components) {
+            if (component.elements) {
+                allRenderableElements.push(...collectRenderableElements(component.elements));
+            }
+        }
+    }
+    return allRenderableElements.length === 1 && allRenderableElements[0].type === StreamElementType.WebView;
+});
 </script>
 
 <div class="stream-player-controls">
@@ -28,7 +59,7 @@ const shortVideo = $derived(((_a = buffer.current) === null || _a === void 0 ? v
         </div>
       </div>
     {/if}
-    <div class="stream-player-controls__navigation-buttons">
+    <div class="stream-player-controls__navigation-buttons" class:stream-player-controls__navigation-buttons--single-web-view-page={singleWebViewPage}>
       <button type="button" class="navigation-button" disabled={!buffer.canLoadPrevious} onclick={buffer.loadPrevious}>
         <Icon src={IconChevronUp} />
       </button>
@@ -42,7 +73,7 @@ const shortVideo = $derived(((_a = buffer.current) === null || _a === void 0 ? v
       <div class="stream-player-controls__short-video-attachments">
         <ShortVideoViewerAttachments
           shortVideo={shortVideo}
-          localization={localization.shortVideoDetailsLocalization?.attachmentsLocalization}
+          localization={localization.shortVideoAttachmentsLocalization}
           on={{
             productClick: on.productClick
           }} />
@@ -214,6 +245,18 @@ const shortVideo = $derived(((_a = buffer.current) === null || _a === void 0 ? v
     visibility: hidden;
   }
 }
+.stream-player-controls__navigation-buttons--single-web-view-page {
+  /* Set 'container-type: inline-size;' to reference container*/
+}
+@container (width < 6.25rem) {
+  .stream-player-controls__navigation-buttons--single-web-view-page {
+    visibility: visible;
+    position: absolute;
+    bottom: var(--stream-player--controls--offset-vertical);
+    right: var(--stream-player--controls--offset-horizontal);
+    z-index: 1;
+  }
+}
 .stream-player-controls__controls {
   display: flex;
   margin-top: auto;

package/dist/streams/stream-player/controls.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { StreamPlayerBuffer } from './stream-player-buffer.svelte';
-import { StreamPlayerLocalization } from './stream-player-localization.svelte';
+import { StreamPlayerLocalization } from './stream-player-localization';
 import type { StreamPlayerUiManager } from './ui-manager.svelte';
 type Props = {
     buffer: StreamPlayerBuffer;

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

@@ -1,4 +1,4 @@
-import type { IStreamPlayerLocalization } from './stream-player-localization.svelte';
+import type { IStreamPlayerLocalization } from './stream-player-localization';
 export type { IStreamPlayerLocalization };
 /**
  * Opens the stream player modal with the specified stream details.
@@ -26,7 +26,7 @@ export type { IStreamPlayerLocalization };
 export declare const openStreamPlayer: (init: {
     streamId: string;
     graphqlOrigin?: string;
-    localization?: IStreamPlayerLocalization;
+    localization?: IStreamPlayerLocalization | "en" | "no";
     on?: {
         streamActivated?: (data: {
             title: string;

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

@@ -1,3 +1,4 @@
+import { getLocale } from '../../core/locale';
 import { ShadowHost } from '../../ui/shadow-dom';
 import { default as StreamPlayer } from './cmp.stream-player.svelte';
 import { AppEventsTracker } from '@streamscloud/streams-analytics-collector';
@@ -33,7 +34,7 @@ export const openStreamPlayer = (init) => {
         props: {
             streamId,
             graphqlOrigin,
-            localization,
+            localization: getLocale(localization),
             on: {
                 streamActivated: (data) => {
                     AppEventsTracker.setOrganizationId(data.ownerId);

package/dist/streams/stream-player/stream-overview.svelte

@@ -6,7 +6,7 @@ import { LineClamp } from '../../ui/line-clamp';
 import { ProportionalContainer } from '../../ui/proportional-container';
 import { TimeAgo } from '../../ui/time-ago';
 import { default as ActionButton } from './action-button.svelte';
-import { StreamPlayerLocalization } from './stream-player-localization.svelte';
+import { StreamPlayerLocalization } from './stream-player-localization';
 import IconPanelLeftText from '@fluentui/svg-icons/icons/panel_left_text_20_regular.svg?raw';
 let { model, buffer, activePageId, on, uiManager, localization } = $props();
 </script>
@@ -26,7 +26,7 @@ let { model, buffer, activePageId, on, uiManager, localization } = $props();
           </div>
           <div class="stream-overview-owner__meta">
             <LineClamp maxLines={1}>
-              <TimeAgo date={model.publishedAt || model.createdAt} />
+              <TimeAgo date={model.publishedAt || model.createdAt} localization={localization.timeAgoLocalization} />
             </LineClamp>
           </div>
         </div>

package/dist/streams/stream-player/stream-overview.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { StreamPlayerBuffer } from './stream-player-buffer.svelte';
-import { StreamPlayerLocalization } from './stream-player-localization.svelte';
+import { StreamPlayerLocalization } from './stream-player-localization';
 import type { StreamPlayerModel } from './types';
 import type { StreamPlayerUiManager } from './ui-manager.svelte';
 type Props = {

package/dist/streams/stream-player/stream-player-localization.d.ts

@@ -0,0 +1,26 @@
+import { type Locale } from '../../core/locale';
+import type { IShortVideoAttachmentsLocalization, IShortVideoDetailsLocalization, IShortVideoViewerLocalization } from '../../short-videos/short-video-viewer';
+import type { IStreamPageViewerLocalization } from '../stream-page-viewer';
+import type { ISwipeIndicatorLocalization } from '../../ui/swipe-indicator';
+import type { ITimeAgoLocalization } from '../../ui/time-ago';
+export interface IStreamPlayerLocalization {
+    streamNotFound?: string;
+    pagesCount?: (count: number) => string;
+    timeAgoLocalization?: ITimeAgoLocalization | Locale;
+    streamPageViewerLocalization?: IStreamPageViewerLocalization | Locale;
+    shortVideoAttachmentsLocalization?: IShortVideoAttachmentsLocalization | Locale;
+    shortVideoDetailsLocalization?: IShortVideoDetailsLocalization | Locale;
+    shortVideoViewerLocalization?: IShortVideoViewerLocalization | Locale;
+    swipeIndicatorLocalization?: ISwipeIndicatorLocalization | Locale;
+}
+export declare class StreamPlayerLocalization {
+    streamNotFound: string;
+    pagesCount: (count: number) => string;
+    timeAgoLocalization: ITimeAgoLocalization | Locale;
+    streamPageViewerLocalization: IStreamPageViewerLocalization | Locale;
+    shortVideoAttachmentsLocalization: IShortVideoAttachmentsLocalization | Locale;
+    shortVideoDetailsLocalization: IShortVideoDetailsLocalization | Locale;
+    shortVideoViewerLocalization: IShortVideoViewerLocalization | Locale;
+    swipeIndicatorLocalization: ISwipeIndicatorLocalization | Locale;
+    constructor(init: IStreamPlayerLocalization | Locale);
+}

package/dist/streams/stream-player/stream-player-localization.js

@@ -0,0 +1,31 @@
+import { isLocale } from '../../core/locale';
+export class StreamPlayerLocalization {
+    streamNotFound;
+    pagesCount;
+    timeAgoLocalization;
+    streamPageViewerLocalization;
+    shortVideoAttachmentsLocalization;
+    shortVideoDetailsLocalization;
+    shortVideoViewerLocalization;
+    swipeIndicatorLocalization;
+    constructor(init) {
+        this.streamNotFound = isLocale(init) ? loc.streamNotFound[init] : init?.streamNotFound || loc.streamNotFound.en;
+        this.pagesCount = isLocale(init) ? loc.pagesCount[init] : init?.pagesCount || loc.pagesCount.en;
+        this.timeAgoLocalization = isLocale(init) ? init : init.timeAgoLocalization || 'en';
+        this.streamPageViewerLocalization = isLocale(init) ? init : init.streamPageViewerLocalization || 'en';
+        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';
+    }
+}
+const loc = {
+    streamNotFound: {
+        en: 'Stream not found',
+        no: 'Stream ikke funnet'
+    },
+    pagesCount: {
+        en: (count) => (count === 1 ? '1 page' : `${count} pages`),
+        no: (count) => (count === 1 ? '1 side' : `${count} sider`)
+    }
+};

package/dist/ui/line-clamp/cmp.line-clamp.svelte

@@ -1,8 +1,8 @@
-<script lang="ts">import { LineClampLocalization } from './line-clamp-localization.svelte';
+<script lang="ts">import { LineClampLocalization } from './line-clamp-localization';
 import { LineClampUtils } from './line-clamp-utils';
 import { onDestroy, onMount } from 'svelte';
 let { value = undefined, maxLines = 3, localization: localizationInit, enableShowMore = false, children } = $props();
-const localization = $derived(new LineClampLocalization(localizationInit));
+const localization = $derived(new LineClampLocalization(localizationInit !== null && localizationInit !== void 0 ? localizationInit : 'en'));
 let parent;
 let element;
 let clampWrapperRef;

package/dist/ui/line-clamp/cmp.line-clamp.svelte.d.ts

@@ -1,10 +1,11 @@
-import { type ILineClampLocalization } from './line-clamp-localization.svelte';
+import type { Locale } from '../../core/locale';
+import { type ILineClampLocalization } from './line-clamp-localization';
 import { type Snippet } from 'svelte';
 type Props = {
     value?: string | null;
     maxLines?: number | 'auto';
     enableShowMore?: boolean;
-    localization?: ILineClampLocalization;
+    localization?: ILineClampLocalization | Locale;
     children?: Snippet;
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;

package/dist/ui/line-clamp/index.d.ts

@@ -1,2 +1,2 @@
 export { default as LineClamp } from './cmp.line-clamp.svelte';
-export { type ILineClampLocalization } from './line-clamp-localization.svelte';
+export { type ILineClampLocalization } from './line-clamp-localization';

package/dist/ui/line-clamp/index.js

@@ -1,2 +1,2 @@
 export { default as LineClamp } from './cmp.line-clamp.svelte';
-export {} from './line-clamp-localization.svelte';
+export {} from './line-clamp-localization';

package/dist/ui/line-clamp/{line-clamp-localization.svelte.d.ts → line-clamp-localization.d.ts}

@@ -1,3 +1,4 @@
+import { type Locale } from '../../core/locale';
 export interface ILineClampLocalization {
     showLess?: string;
     showMore?: string;
@@ -5,5 +6,5 @@ export interface ILineClampLocalization {
 export declare class LineClampLocalization {
     showLess: string;
     showMore: string;
-    constructor(init?: ILineClampLocalization);
+    constructor(init: ILineClampLocalization | Locale);
 }

package/dist/ui/line-clamp/line-clamp-localization.js

@@ -0,0 +1,19 @@
+import { isLocale } from '../../core/locale';
+export class LineClampLocalization {
+    showLess;
+    showMore;
+    constructor(init) {
+        this.showLess = isLocale(init) ? loc.showLess[init] : init.showLess || loc.showLess.en;
+        this.showMore = isLocale(init) ? loc.showMore[init] : init.showMore || loc.showMore.en;
+    }
+}
+const loc = {
+    showLess: {
+        en: 'Show less',
+        no: 'Vis mindre'
+    },
+    showMore: {
+        en: 'Show more',
+        no: 'Vis mer'
+    }
+};

package/dist/ui/swipe-indicator/cmp.swipe-indicator.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">import { Icon } from '../icon';
-import { SwipeIndicatorLocalization } from './swipe-indicator-localization.svelte';
+import { SwipeIndicatorLocalization } from './swipe-indicator-localization';
 import IconArrowUp from '@fluentui/svg-icons/icons/arrow_up_20_regular.svg?raw';
 let { fadeTimeout = 2000, localization: localizationInit } = $props();
 const localization = $derived(new SwipeIndicatorLocalization(localizationInit));

package/dist/ui/swipe-indicator/cmp.swipe-indicator.svelte.d.ts

@@ -1,7 +1,8 @@
-import { type ISwipeIndicatorLocalization } from './swipe-indicator-localization.svelte';
+import type { Locale } from '../../core/locale';
+import { type ISwipeIndicatorLocalization } from './swipe-indicator-localization';
 type Props = {
     fadeTimeout?: number;
-    localization?: ISwipeIndicatorLocalization;
+    localization: ISwipeIndicatorLocalization | Locale;
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;
 type Cmp = ReturnType<typeof Cmp>;

package/dist/ui/swipe-indicator/index.d.ts

@@ -1,2 +1,2 @@
 export { default as SwipeIndicator } from './cmp.swipe-indicator.svelte';
-export type { ISwipeIndicatorLocalization } from './swipe-indicator-localization.svelte';
+export type { ISwipeIndicatorLocalization } from './swipe-indicator-localization';

package/dist/ui/swipe-indicator/{swipe-indicator-localization.svelte.d.ts → swipe-indicator-localization.d.ts}

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

package/dist/ui/swipe-indicator/swipe-indicator-localization.js

@@ -0,0 +1,13 @@
+import { isLocale } from '../../core/locale';
+export class SwipeIndicatorLocalization {
+    swipe;
+    constructor(init) {
+        this.swipe = isLocale(init) ? loc.swipe[init] : init.swipe || loc.swipe.en;
+    }
+}
+const loc = {
+    swipe: {
+        en: 'Swipe',
+        no: 'Sveip'
+    }
+};

package/dist/ui/time-ago/cmp.time-ago.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">import { DateFormatOptions, DateHelper } from '../../core/utils/date-helper';
-import { TimeAgoLocalization } from './time-ago-localization.svelte';
+import { TimeAgoLocalization } from './time-ago-localization';
 import { onDestroy } from 'svelte';
 let { date = null, thresholdMinutes = 60 * 24 * 2 /* 2 days */, localization: localizationInit } = $props();
 const localization = $derived(new TimeAgoLocalization(localizationInit));

package/dist/ui/time-ago/cmp.time-ago.svelte.d.ts

@@ -1,8 +1,9 @@
-import { type ITimeAgoLocalization } from './time-ago-localization.svelte';
+import type { Locale } from '../../core/locale';
+import { type ITimeAgoLocalization } from './time-ago-localization';
 type Props = {
     date: Date | string | null;
     thresholdMinutes?: number;
-    localization?: ITimeAgoLocalization;
+    localization: ITimeAgoLocalization | Locale;
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;
 type Cmp = ReturnType<typeof Cmp>;

package/dist/ui/time-ago/index.d.ts

@@ -1,2 +1,2 @@
 export { default as TimeAgo } from './cmp.time-ago.svelte';
-export type { ITimeAgoLocalization } from './time-ago-localization.svelte';
+export type { ITimeAgoLocalization } from './time-ago-localization';

package/dist/ui/time-ago/{time-ago-localization.svelte.d.ts → time-ago-localization.d.ts}

@@ -1,3 +1,4 @@
+import { type Locale } from '../../core/locale';
 export interface ITimeAgoLocalization {
     locale?: string;
     aMinuteAgo?: string;
@@ -17,5 +18,5 @@ export declare class TimeAgoLocalization {
     hoursAgo: (hours: number) => string;
     minutesAgo: (minutes: number) => string;
     yesterday: (time: string) => string;
-    constructor(init?: ITimeAgoLocalization);
+    constructor(init: ITimeAgoLocalization | Locale);
 }

package/dist/ui/time-ago/time-ago-localization.js

@@ -0,0 +1,55 @@
+import { isLocale } from '../../core/locale';
+export class TimeAgoLocalization {
+    locale;
+    aMinuteAgo;
+    anHourAgo;
+    justNow;
+    at;
+    hoursAgo;
+    minutesAgo;
+    yesterday;
+    constructor(init) {
+        this.locale = isLocale(init) ? loc.locale[init] : init.locale || loc.locale.en;
+        this.aMinuteAgo = isLocale(init) ? loc.aMinuteAgo[init] : init.aMinuteAgo || loc.aMinuteAgo.en;
+        this.anHourAgo = isLocale(init) ? loc.anHourAgo[init] : init.anHourAgo || loc.anHourAgo.en;
+        this.justNow = isLocale(init) ? loc.justNow[init] : init.justNow || loc.justNow.en;
+        this.at = isLocale(init) ? loc.at[init] : init.at || loc.at.en;
+        this.hoursAgo = isLocale(init) ? loc.hoursAgo[init] : init.hoursAgo || loc.hoursAgo.en;
+        this.minutesAgo = isLocale(init) ? loc.minutesAgo[init] : init.minutesAgo || loc.minutesAgo.en;
+        this.yesterday = isLocale(init) ? loc.yesterday[init] : init.yesterday || loc.yesterday.en;
+    }
+}
+const loc = {
+    locale: {
+        en: 'en-US',
+        no: 'no-NO'
+    },
+    aMinuteAgo: {
+        en: 'a minute ago',
+        no: 'ett minutt siden'
+    },
+    anHourAgo: {
+        en: 'an hour ago',
+        no: 'en time siden'
+    },
+    justNow: {
+        en: 'just now',
+        no: 'nettopp nå'
+    },
+    at: {
+        en: (date, time) => `${date} at ${time}`,
+        no: (date, time) => `${date} kl. ${time}`
+    },
+    hoursAgo: {
+        en: (hours) => `${hours} hours ago`,
+        no: (hours) => `${hours} timer siden`
+    },
+    minutesAgo: {
+        en: (minutes) => `${minutes} minutes ago`,
+        no: (minutes) => `${minutes} minutter siden`
+    },
+    yesterday: {
+        en: (time) => `Yesterday at ${time}`,
+        no: (time) => `I går kl. ${time}`
+    }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "2.5.0",
+  "version": "2.6.1",
   "author": "StreamsCloud",
   "repository": "https://github.com/StreamsCloud/streamscloud-frontend-packages.git",
   "type": "module",
@@ -11,7 +11,7 @@
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json",
     "uad": "graphql-codegen --config codegen.yml && prettier --write src/**/*.generated.ts src/gql/*",
-    "uad-types-only": "graphql-codegen --config codegen.types-only.ymlы && prettier --write src/gql/*",
+    "uad-types-only": "graphql-codegen --config codegen.types-only.yml && prettier --write src/gql/*",
     "lint": "prettier --check --plugin prettier-plugin-svelte . && eslint .",
     "lint-format": "prettier --write --plugin prettier-plugin-svelte . && eslint --fix .",
     "format": "prettier --write --plugin prettier-plugin-svelte ."

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

@@ -1,10 +0,0 @@
-export class ShortVideoAttachmentsLocalizationSvelte {
-    productsSection = $state('Products');
-    offersSection = $state('Offers');
-    productLocalization = $state(undefined);
-    constructor(init) {
-        this.productsSection = init?.productsSection || this.productsSection;
-        this.offersSection = init?.offersSection || this.offersSection;
-        this.productLocalization = init?.productLocalization;
-    }
-}

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

@@ -1,10 +0,0 @@
-export class ShortVideoDetailsLocalization {
-    viewsCount = $state((count) => (count === 1 ? '1 view' : `${count} views`));
-    timeAgoLocalization = $state(undefined);
-    attachmentsLocalization = $state(undefined);
-    constructor(init) {
-        this.viewsCount = init?.viewsCount ? init.viewsCount : this.viewsCount;
-        this.timeAgoLocalization = init?.timeAgoLocalization;
-        this.attachmentsLocalization = init?.attachmentsLocalization;
-    }
-}

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

@@ -1,11 +0,0 @@
-export class ShortVideoProductLocalization {
-    beforeNowPrefix = $state('Before');
-    constructor(init) {
-        if (!init) {
-            return;
-        }
-        if (init.beforeNowPrefix !== undefined) {
-            this.beforeNowPrefix = init.beforeNowPrefix;
-        }
-    }
-}

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

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

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

@@ -1,10 +0,0 @@
-export class ShortVideoViewerLocalization {
-    viewsCount = $state((count) => (count === 1 ? '1 view' : `${count} views`));
-    timeAgoLocalization = $state(undefined);
-    productLocalization = $state(undefined);
-    constructor(init) {
-        this.viewsCount = init?.viewsCount ? init.viewsCount : this.viewsCount;
-        this.timeAgoLocalization = init?.timeAgoLocalization;
-        this.productLocalization = init?.productLocalization;
-    }
-}

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

@@ -1,8 +0,0 @@
-import type { IShortVideoDetailsLocalization } from '../short-video-viewer';
-export interface IShortVideosPlayerLocalization {
-    shortVideoDetailsLocalization?: IShortVideoDetailsLocalization;
-}
-export declare class ShortVideosPlayerLocalization {
-    shortVideoDetailsLocalization: IShortVideoDetailsLocalization | undefined;
-    constructor(init?: IShortVideosPlayerLocalization);
-}

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

@@ -1,6 +0,0 @@
-export class ShortVideosPlayerLocalization {
-    shortVideoDetailsLocalization = $state(undefined);
-    constructor(init) {
-        this.shortVideoDetailsLocalization = init?.shortVideoDetailsLocalization || this.shortVideoDetailsLocalization;
-    }
-}

package/dist/streams/layout/element-views/price-stream-element-localization.svelte.d.ts

@@ -1,9 +0,0 @@
-export interface IPriceStreamElementLocalization {
-    saveValue?: (value: string | number) => string;
-    beforeValue?: (value: string) => string;
-}
-export declare class PriceStreamElementLocalization {
-    saveValue: (value: string | number) => string;
-    beforeValue: (value: string) => string;
-    constructor(init?: IPriceStreamElementLocalization);
-}