@streamscloud/embeddable 3.2.4 → 3.2.6

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

@@ -1,25 +1,8 @@
-import { createLocalGQLClient } from '../../core/graphql';
+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';
-import { mount } from 'svelte';
-/**
- * Key used for storing the profile ID in local storage
- */
-const PROFILE_ID_STORAGE_KEY = 'streamscloud_profile_id';
-/**
- * Retrieves the profile ID from localStorage or generates a new one if it doesn't exist
- * @returns The profile ID to use for analytics tracking
- */
-function getOrCreateProfileId() {
-    const storedProfileId = localStorage.getItem(PROFILE_ID_STORAGE_KEY);
-    if (!storedProfileId) {
-        const newProfileId = crypto.randomUUID();
-        localStorage.setItem(PROFILE_ID_STORAGE_KEY, newProfileId);
-        return newProfileId;
-    }
-    return storedProfileId;
-}
+import { mount, unmount } from 'svelte';
 /**
  * Opens the stream player modal with the specified stream details.
  *
@@ -35,7 +18,7 @@ function getOrCreateProfileId() {
  *
  * openStreamPlayer({
  *   streamId: '...',
- *   graphqlUrl: 'https://api.example.com/graphql',
+ *   graphqlOrigin: 'https://api.example.com',
  *   localization: {
  *     play: 'Play',
  *     pause: 'Pause'
@@ -44,16 +27,16 @@ function getOrCreateProfileId() {
  * ```
  */
 export const openStreamPlayer = (init) => {
-    const { streamId, graphqlUrl, localization } = init;
-    const shadowHost = new ShadowHost({ onClosed: () => init.on?.playerClosed?.() });
-    AppEventsTracker.setEndpoint(graphqlUrl);
-    AppEventsTracker.setProfileId(getOrCreateProfileId());
-    mount(StreamPlayer, {
+    const { streamId, graphqlOrigin, localization, showStreamsCloudWatermark, initiator } = init;
+    const shadowHost = new ShadowHost();
+    const mounted = mount(StreamPlayer, {
         target: shadowHost.shadowRoot,
         props: {
             streamId,
-            graphql: createLocalGQLClient(graphqlUrl),
-            localization,
+            graphqlOrigin,
+            localization: getLocale(localization),
+            showStreamsCloudWatermark,
+            initiator,
             on: {
                 streamActivated: (data) => {
                     AppEventsTracker.setOrganizationId(data.ownerId);
@@ -61,7 +44,11 @@ export const openStreamPlayer = (init) => {
                         init.on.streamActivated({ title: data.title, image: data.image });
                     }
                 },
-                closePlayer: () => {
+                closePlayer: async () => {
+                    if (init.on?.playerClosed) {
+                        init.on.playerClosed();
+                    }
+                    await unmount(mounted);
                     shadowHost.remove();
                 }
             }

package/dist/streams/stream-player/operations.generated.d.ts

@@ -27,7 +27,7 @@ export type GetStreamQuery = {
     } | null;
 };
 export type GetStreamPagesQueryVariables = SchemaTypes.Exact<{
-    input: SchemaTypes.StreamPagesInput;
+    input: SchemaTypes.EmbedStreamPagesInput;
     image_scale: SchemaTypes.ImageScale;
 }>;
 export type GetStreamPagesQuery = {

package/dist/streams/stream-player/operations.generated.js

@@ -67,7 +67,8 @@ export const GetStreamDocument = {
                 selections: [
                     {
                         kind: 'Field',
-                        name: { kind: 'Name', value: 'stream' },
+                        alias: { kind: 'Name', value: 'stream' },
+                        name: { kind: 'Name', value: 'embedStream' },
                         arguments: [
                             {
                                 kind: 'Argument',
@@ -141,7 +142,7 @@ export const GetStreamPagesDocument = {
                 {
                     kind: 'VariableDefinition',
                     variable: { kind: 'Variable', name: { kind: 'Name', value: 'input' } },
-                    type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'StreamPagesInput' } } }
+                    type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'EmbedStreamPagesInput' } } }
                 },
                 {
                     kind: 'VariableDefinition',
@@ -154,7 +155,8 @@ export const GetStreamPagesDocument = {
                 selections: [
                     {
                         kind: 'Field',
-                        name: { kind: 'Name', value: 'streamPages' },
+                        alias: { kind: 'Name', value: 'streamPages' },
+                        name: { kind: 'Name', value: 'embedStreamPages' },
                         arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'input' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'input' } } }],
                         selectionSet: {
                             kind: 'SelectionSet',

package/dist/streams/stream-player/operations.graphql

@@ -1,12 +1,12 @@
 query GetStream($id: String!) {
-  stream(input: { id: $id }) {
+  stream: embedStream(input: { id: $id }) {
     ...StreamPlayerPayloadFragment
   }
 }
 
 # noinspection GraphQLSchemaValidation
-query GetStreamPages($input: StreamPagesInput!, $image_scale: ImageScale!) {
-  streamPages(input: $input) {
+query GetStreamPages($input: EmbedStreamPagesInput!, $image_scale: ImageScale!) {
+  streamPages: embedStreamPages(input: $input) {
     items {
       ...StreamPageViewerPayloadFragment
     }

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-buffer.svelte.js

@@ -23,7 +23,7 @@ export class StreamPlayerBuffer {
                 const payload = await graphql
                     .query(GetStreamPagesDocument, {
                     input: {
-                        limit: 10,
+                        limit: 2,
                         continuationToken,
                         filter: {
                             streamId
@@ -70,7 +70,7 @@ export class StreamPlayerBuffer {
         this._pagesLoader.reset();
     };
     warmUpBuffer = async () => {
-        const bufferSize = 5;
+        const bufferSize = 2;
         if (this.loaded.length >= this.currentIndex + bufferSize) {
             return;
         }

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/icon/cmp.icon.svelte

@@ -1,34 +1,20 @@
 <script lang="ts">import { IconColor } from './types';
-import { inlineSvg } from '@svelte-put/inline-svg';
 let { src, color = null } = $props();
-let svgRef;
-$effect(() => {
-    if (svgRef && src) {
-        inlineSvg(svgRef, src);
-    }
-});
-const fillSvg = (node) => {
-    svgRef = node;
-    return inlineSvg(node, src);
-};
 </script>
 
-<div
-  class="icon"
-  style="display: contents"
-  class:icon--white={color === IconColor.White}
-  class:icon--text={color === IconColor.Text}
-  class:icon--gray={color === IconColor.Gray}
-  class:icon--green={color === IconColor.Green}
-  class:icon--red={color === IconColor.Red}
-  class:icon--orange={color === IconColor.Orange}
-  class:icon--blue={color === IconColor.Blue}>
-  {#if src.startsWith('<svg')}
+{#if src?.startsWith('<svg')}
+  <div
+    class="icon"
+    class:icon--white={color === IconColor.White}
+    class:icon--text={color === IconColor.Text}
+    class:icon--gray={color === IconColor.Gray}
+    class:icon--green={color === IconColor.Green}
+    class:icon--red={color === IconColor.Red}
+    class:icon--orange={color === IconColor.Orange}
+    class:icon--blue={color === IconColor.Blue}>
     {@html src}
-  {:else}
-    <svg use:fillSvg></svg>
-  {/if}
-</div>
+  </div>
+{/if}
 
 <style>@keyframes fadeIn {
   0% {
@@ -45,6 +31,7 @@ const fillSvg = (node) => {
   --_icon--color: var(--icon--color);
   --_icon--size: var(--icon--size, 1.25em);
   --_icon--stroke-width: var(--icon--stroke-width, 0);
+  display: contents;
 }
 .icon--white {
   --_icon--color: #ffffff;

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/shadow-dom/shadow-host.d.ts

@@ -1,11 +1,7 @@
 export declare class ShadowHost {
     shadowRoot: ShadowRoot;
     private host;
-    private callbacks;
-    constructor(init: {
-        onClosed: () => void;
-    });
+    constructor();
     attachToBody(): void;
     remove(): void;
-    private handleEsc;
 }

package/dist/ui/shadow-dom/shadow-host.js

@@ -3,11 +3,7 @@ import reset from './_reset.scss?raw';
 export class ShadowHost {
     shadowRoot;
     host;
-    callbacks;
-    constructor(init) {
-        this.callbacks = {
-            onClosed: init.onClosed
-        };
+    constructor() {
         const host = document.createElement('div');
         host.style.all = 'unset';
         host.style.position = 'fixed';
@@ -19,7 +15,6 @@ export class ShadowHost {
         host.style.margin = '0';
         host.style.boxSizing = 'border-box';
         host.style.textAlign = 'initial';
-        document.addEventListener('keydown', this.handleEsc);
         this.host = host;
         this.shadowRoot = host.attachShadow({ mode: 'open' });
         const styleElement = document.createElement('style');
@@ -33,13 +28,5 @@ export class ShadowHost {
     remove() {
         this.host.remove();
         document.getElementsByTagName('html')[0].style.overflow = '';
-        document.removeEventListener('keydown', this.handleEsc);
-        this.callbacks.onClosed();
     }
-    handleEsc = (event) => {
-        if (event.key === 'Escape' || event.key === 'Esc') {
-            // Remove the modal from the DOM, for example:
-            this.remove();
-        }
-    };
 }

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

@@ -0,0 +1,125 @@
+<script lang="ts">import { Icon } from '../icon';
+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));
+let isFaded = $state(false);
+const indicatorMounted = (_) => {
+    if (fadeTimeout) {
+        const timeout = setTimeout(() => {
+            isFaded = true;
+        }, 3000);
+        return {
+            destroy() {
+                clearTimeout(timeout);
+            }
+        };
+    }
+};
+</script>
+
+<div class="swipe-indicator" class:swipe-indicator--faded={isFaded} use:indicatorMounted>
+  <div class="swipe-indicator__icon">
+    <Icon src={IconArrowUp} />
+  </div>
+  <div class="swipe-indicator__text">
+    {localization.swipe}
+  </div>
+</div>
+
+<style>@charset "UTF-8";
+@keyframes fadeIn {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.swipe-indicator {
+  --_swipe-indicator--color: var(--swipe-indicator--color, #ffffff);
+  --_swipe-indicator--font-size: var(--swipe-indicator--font-size, 1rem);
+  --_swipe-indicator--icon-size: var(--swipe-indicator--icon-size, var(--_swipe-indicator--font-size));
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  bottom: 1.25rem;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+  color: var(--_swipe-indicator--color);
+  opacity: 1;
+  transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.swipe-indicator--faded {
+  opacity: 0;
+  pointer-events: none;
+}
+.swipe-indicator:before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  border-radius: 50%;
+  background: #000;
+  filter: blur(12px);
+  transform: scale(3);
+}
+.swipe-indicator__icon {
+  font-size: var(--_swipe-indicator--icon-size);
+  animation: bounce 2.7s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
+  will-change: transform;
+  z-index: 1;
+}
+.swipe-indicator__text {
+  font-size: var(--_swipe-indicator--font-size);
+  z-index: 1;
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(0);
+  }
+  10% {
+    transform: translateY(-24px); /* основной прыжок */
+  }
+  18% {
+    transform: translateY(0);
+  }
+  26% {
+    transform: translateY(-12px); /* первый малый отскок */
+  }
+  34% {
+    transform: translateY(0);
+  }
+  41% {
+    transform: translateY(-8px); /* второй малый отскок */
+  }
+  48% {
+    transform: translateY(0);
+  }
+  54% {
+    transform: translateY(-4px); /* третий малый отскок */
+  }
+  60% {
+    transform: translateY(0);
+  }
+  65% {
+    transform: translateY(-2px); /* почти затух */
+  }
+  70% {
+    transform: translateY(0);
+  }
+  75% {
+    transform: translateY(-1px); /* совсем маленький */
+  }
+  80% {
+    transform: translateY(0);
+  }
+}</style>

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { type Locale } from '../../core/locale';
+export interface ISwipeIndicatorLocalization {
+    swipe?: string;
+}
+export declare class SwipeIndicatorLocalization {
+    swipe: string;
+    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);
 }