@streamscloud/embeddable 6.5.1 → 7.0.0-1758321646285

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

@@ -1,11 +1,10 @@
 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 | Locale;
+    locale?: Locale;
     children?: Snippet;
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;

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

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

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

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

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

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

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

@@ -1,10 +1,10 @@
-import { isLocale } from '../../core/locale';
+import {} 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;
+    constructor(locale) {
+        this.showLess = loc.showLess[locale];
+        this.showMore = loc.showMore[locale];
     }
 }
 const loc = {

package/dist/ui/shadow-dom/{reset.scss → reset-shadow.css}

@@ -1,5 +1,3 @@
-$input-placeholder-color: var(--input--placeholder--color, #c1c1c1);
-
 /*Default margins and paddings are removed*/
 a,
 article,
@@ -87,55 +85,44 @@ li {
 input {
   vertical-align: middle;
   min-width: 0;
-  &::placeholder {
-    color: $input-placeholder-color !important;
-  }
-  &:-webkit-autofill,
-  &:-webkit-autofill:hover,
-  &:-webkit-autofill:focus {
-    -webkit-background-clip: text;
-  }
-  /* Chrome, Safari, Edge, Opera */
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-  &[type='number'] {
-    -moz-appearance: textfield;
-  }
 }
 
-$scrollbar-width: thin;
-$scrollbar-color: var(--custom-scrollbar-color, #7d7d7d);
-$scrollbar-background-color: var(--custom-scrollbar-background, transparent);
+input::placeholder {
+  color: #c1c1c1 !important;
+}
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus {
+  -webkit-background-clip: text;
+}
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+input[type='number'] {
+  -moz-appearance: textfield;
+}
 
 textarea {
   vertical-align: top;
   resize: vertical;
-  scrollbar-color: $scrollbar-color $scrollbar-background-color;
-  scrollbar-width: $scrollbar-width;
-  &::-webkit-scrollbar {
-    @if ($scrollbar-width == thin) {
-      width: 3px;
-      height: 3px;
-    } @else if ($scrollbar-width == none) {
-      width: 0;
-      height: 0;
-    } @else {
-      width: 6px;
-      height: 6px;
-    }
+  scrollbar-color: #7d7d7d transparent;
+  scrollbar-width: thin;
+}
 
-    background: $custom-scrollbar-background;
-    visibility: hidden;
-  }
-  &::-webkit-scrollbar-thumb {
-    background: $scrollbar-color;
-  }
-  &::placeholder {
-    color: $input-placeholder-color !important;
-  }
+textarea::-webkit-scrollbar {
+  width: 3px;
+  height: 3px;
+
+  background: transparent;
+}
+textarea::-webkit-scrollbar-thumb {
+  background: #7d7d7d;
+}
+textarea::placeholder {
+  color: #c1c1c1 !important;
 }
 
 input:focus,

package/dist/ui/shadow-dom/shadow-root-service.js

@@ -1,5 +1,5 @@
-import normalize from './normalize.scss?raw';
-import reset from './reset.scss?raw';
+import normalize from './normalize-shadow.css?raw';
+import reset from './reset-shadow.css?raw';
 export const createShadowRoot = (host) => {
     prepareShadowRootHost(host);
     const shadowRoot = host.attachShadow({ mode: 'open' });

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

@@ -1,8 +1,8 @@
 <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 { fadeTimeout = 2000, locale } = $props();
+const localization = $derived(new SwipeIndicatorLocalization(locale));
 let isFaded = $state(false);
 const indicatorMounted = (_) => {
     if (fadeTimeout) {

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
 <script lang="ts">import { DateFormatOptions, DateHelper } from '../../core/utils/date-helper';
 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));
+let { date = null, thresholdMinutes = 60 * 24 * 2 /* 2 days */, locale } = $props();
+const localization = $derived(new TimeAgoLocalization(locale));
 let timeSpan = $state.raw(null);
 let timeoutId;
 onDestroy(() => {

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { isLocale } from '../../core/locale';
+import {} from '../../core/locale';
 export class TimeAgoLocalization {
     locale;
     aMinuteAgo;
@@ -8,15 +8,15 @@ export class TimeAgoLocalization {
     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;
+    constructor(locale) {
+        this.locale = loc.locale[locale];
+        this.aMinuteAgo = loc.aMinuteAgo[locale];
+        this.anHourAgo = loc.anHourAgo[locale];
+        this.justNow = loc.justNow[locale];
+        this.at = loc.at[locale];
+        this.hoursAgo = loc.hoursAgo[locale];
+        this.minutesAgo = loc.minutesAgo[locale];
+        this.yesterday = loc.yesterday[locale];
     }
 }
 const loc = {

package/package.json

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

package/dist/media-center/data-provider/index.d.ts

@@ -1,2 +0,0 @@
-export type { IMediaCenterDataProvider } from './types';
-export { InternalMediaCenterDataProvider } from './internal-media-center-data-provider.svelte';

package/dist/media-center/data-provider/index.js

@@ -1 +0,0 @@
-export { InternalMediaCenterDataProvider } from './internal-media-center-data-provider.svelte';

package/dist/media-center/data-provider/internal-media-center-data-provider.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { IMediaCenterDataProvider } from './types';
-export declare class InternalMediaCenterDataProvider implements IMediaCenterDataProvider {
-    private readonly mediaPageId;
-    private graphql;
-    constructor(mediaPageId: string, graphqlOrigin?: string);
-    getConfig: IMediaCenterDataProvider['getConfig'];
-    getShortVideosCursor: IMediaCenterDataProvider['getShortVideosCursor'];
-}

package/dist/media-center/data-provider/internal-media-center-data-provider.svelte.js

@@ -1,46 +0,0 @@
-import { PostType, Status } from '../../core/enums';
-import { createLocalGQLClient } from '../../core/graphql';
-import { mapToShortVideoPlayerModel } from '../../short-videos/short-videos-player/mapper';
-import { GetMediaPageConfigDocument, GetShortVideosDocument } from './operations.generated';
-export class InternalMediaCenterDataProvider {
-    mediaPageId;
-    graphql;
-    constructor(mediaPageId, graphqlOrigin) {
-        this.mediaPageId = mediaPageId;
-        this.graphql = createLocalGQLClient(graphqlOrigin);
-    }
-    getConfig = async () => {
-        const payload = await this.graphql.query(GetMediaPageConfigDocument, { mediaPageId: this.mediaPageId }).toPromise();
-        if (!payload.data?.embedMediaPagePlayerSettings) {
-            return null;
-        }
-        const settings = payload.data.embedMediaPagePlayerSettings;
-        return {
-            logo: settings.logo?.url || null,
-            postCategories: settings.postCategories.map((c) => ({ id: c.id, name: c.name })),
-            streamCategories: settings.streamCategories.map((c) => ({ id: c.id, name: c.name }))
-        };
-    };
-    getShortVideosCursor = async ({ filter, limit, continuationToken }) => {
-        const payload = await this.graphql
-            .query(GetShortVideosDocument, {
-            input: {
-                filter: {
-                    mediaPageId: this.mediaPageId,
-                    types: [PostType.ShortVideo],
-                    statuses: [Status.Published],
-                    categoryId: filter.categoryId,
-                    excludeIds: filter.excludeIds
-                },
-                limit,
-                continuationToken
-            }
-        })
-            .toPromise();
-        const posts = payload.data?.shortVideos?.items || [];
-        return {
-            items: posts.map(mapToShortVideoPlayerModel),
-            continuationToken: payload.data?.shortVideos?.continuationToken || null
-        };
-    };
-}

package/dist/media-center/data-provider/types.d.ts

@@ -1,24 +0,0 @@
-import type { ShortVideoPlayerModel } from '../../short-videos/short-videos-player/types';
-export interface IMediaCenterDataProvider {
-    getConfig: () => Promise<MediaCenterConfig | null>;
-    getShortVideosCursor: (input: {
-        filter: {
-            categoryId?: string;
-            excludeIds?: string[];
-        };
-        limit: number;
-        continuationToken?: string | null;
-    }) => Promise<{
-        items: ShortVideoPlayerModel[];
-        continuationToken: string | null;
-    }>;
-}
-export type MediaCenterConfig = {
-    logo: string | null;
-    postCategories: MediaCenterCategoryModel[];
-    streamCategories: MediaCenterCategoryModel[];
-};
-export type MediaCenterCategoryModel = {
-    id: string;
-    name: string;
-};