@streamscloud/embeddable 15.1.0-1770823267010 → 16.0.0

package/dist/ui/player/player/controls-and-attachments.svelte

@@ -1,10 +1,10 @@
-<script lang="ts" generics="T extends { id: string }">import { slideHorizontally } from '../../../core/transitions';
-import { PlayerButtons, ResponsivePlayerButtons } from '../button';
-import { PlayerConfig } from './player-config.svelte.js';
+<script lang="ts" generics="T extends { id: string }">import { PlayerConfig } from './player-config.svelte.js';
 import IconCalendarWeekNumbers from '@fluentui/svg-icons/icons/calendar_week_numbers_24_regular.svg?raw';
 import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_28_regular.svg?raw';
 import IconChevronUp from '@fluentui/svg-icons/icons/chevron_up_28_regular.svg?raw';
 import IconDismiss from '@fluentui/svg-icons/icons/dismiss_28_regular.svg?raw';
+import { slideHorizontally } from '@streamscloud/kit/core/transitions';
+import { PlayerButtons, ResponsivePlayerButtons } from '@streamscloud/kit/ui/player/buttons';
 let { config, hasOverview, itemActions, attachmentsView } = $props();
 const uiManager = $derived(config.uiManager);
 let closeButtonAreaHeight = $state(0);
@@ -48,18 +48,14 @@ const handleCloseButtonMounted = (node) => {
 const showCloseButton = $derived.by(() => {
     return config.closeOrchestrator.closeTriggerVisible && !config.closeOrchestrator.closeTriggerAttached;
 });
-const variables = $derived.by(() => {
-    const values = [
-        `--_controls-and-attachments--attachments--max-width: ${uiManager.attachmentsMaxWidth}px`,
-        `--_controls-and-attachments--spacing-top: ${closeButtonAreaHeight}px`,
-        `--_controls-and-attachments--width: ${uiManager.sidePanelsMaxWidth}px`
-    ];
-    return values.join(';');
-});
 </script>
 
 {#if !uiManager.showControlsOverlay}
-  <div class="controls-and-attachments" style={variables}>
+  <div
+    class="controls-and-attachments"
+    style:--player--controls--attachments-max-width="{uiManager.attachmentsMaxWidth}px"
+    style:--player--controls--spacing-top="{closeButtonAreaHeight}px"
+    style:--player--controls--width="{uiManager.sidePanelsMaxWidth}px">
     <div class="controls-and-attachments__spacer">&nbsp;</div>
     <div class="controls-and-attachments__left">
       <ResponsivePlayerButtons actions={allActions} scaleEffect={true} />
@@ -97,16 +93,17 @@ const variables = $derived.by(() => {
 {/if}
 
 <style>.controls-and-attachments {
-  --player-button--color: var(--sc-player--button);
-  --player-button--color--inactive: var(--sc-player--button-inactive);
+  --_player--controls--attachments-max-width: var(--player--controls--attachments-max-width);
+  --_player--controls--spacing-top: var(--player--controls--spacing-top);
+  --_player--controls--width: var(--player--controls--width);
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
-  width: var(--_controls-and-attachments--width);
+  width: var(--_player--controls--width);
   display: flex;
   justify-content: space-between;
-  padding: calc(0.625rem + var(--_controls-and-attachments--spacing-top)) 0 1.875rem 0;
+  padding: calc(0.625rem + var(--_player--controls--spacing-top)) 0 1.875rem 0;
   pointer-events: none;
 }
 .controls-and-attachments__spacer {
@@ -131,8 +128,8 @@ const variables = $derived.by(() => {
 }
 .controls-and-attachments__attachments {
   flex: 1 1 auto;
-  width: var(--_controls-and-attachments--attachments--max-width);
-  max-width: var(--_controls-and-attachments--attachments--max-width);
+  width: var(--_player--controls--attachments-max-width);
+  max-width: var(--_player--controls--attachments-max-width);
   pointer-events: auto;
   overflow-x: hidden;
   overflow-y: auto;
@@ -149,8 +146,6 @@ const variables = $derived.by(() => {
 }
 
 .close-button {
-  --player-button--color: var(--sc-player--button);
-  --player-button--color--inactive: var(--sc-player--button-inactive);
   position: absolute;
   top: 0;
   right: 0;

package/dist/ui/player/player/controls-and-attachments.svelte.d.ts

@@ -1,24 +1,35 @@
-import { SvelteComponentTyped } from "svelte";
+import { PlayerConfig } from './player-config.svelte.js';
+import { type PlayerButtonDef } from '@streamscloud/kit/ui/player/buttons';
+import type { Snippet } from 'svelte';
 declare class __sveltets_Render<T extends {
     id: string;
 }> {
-    props(): Record<string, never>;
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
+    props(): {
+        config: PlayerConfig<T>;
+        hasOverview: boolean;
+        itemActions: PlayerButtonDef[];
+        attachmentsView?: Snippet<[{
+            item: T;
+        }]> | undefined;
     };
+    events(): {};
     slots(): {};
+    bindings(): "";
+    exports(): {};
 }
-export type ControlsAndAttachmentsProps<T extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<T>['props']>;
-export type ControlsAndAttachmentsEvents<T extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<T>['events']>;
-export type ControlsAndAttachmentsSlots<T extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class ControlsAndAttachments<T extends {
-    id: string;
-}> extends SvelteComponentTyped<ControlsAndAttachmentsProps<T>, ControlsAndAttachmentsEvents<T>, ControlsAndAttachmentsSlots<T>> {
+interface $$IsomorphicComponent {
+    new <T extends {
+        id: string;
+    }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends {
+        id: string;
+    }>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-export {};
+declare const ControlsAndAttachments: $$IsomorphicComponent;
+type ControlsAndAttachments<T extends {
+    id: string;
+}> = InstanceType<typeof ControlsAndAttachments<T>>;
+export default ControlsAndAttachments;

package/dist/ui/player/player/overview-panel.svelte

@@ -1,23 +1,23 @@
-<script lang="ts">import { slideHorizontally } from '../../../core/transitions';
+<script lang="ts">import { slideHorizontally } from '@streamscloud/kit/core/transitions';
 let { uiManager, position, children } = $props();
 const handlePanelClick = (e) => {
     e.stopPropagation();
 };
-const styles = $derived.by(() => {
-    const values = [
-        `--overview-panel--width: ${uiManager.overviewMaxWidth}px`,
-        `--overview-panel--top: ${position.top}px`,
-        `--overview-panel--bottom: ${position.bottom}px`,
-        `--overview-panel--right: ${position.right}px`
-    ];
-    return values.join(';');
-});
 </script>
 
 <!--Double `if` for correct behavior of slideHorizontally-->
 {#if uiManager.viewInitialized}
   {#if uiManager.overviewCanBeShown && !uiManager.overviewCollapsed}
-    <div class="overview-panel" style={styles} transition:slideHorizontally|local onclick={handlePanelClick} onkeydown={() => {}} role="none">
+    <div
+      class="overview-panel"
+      style:--player--overview-panel--width="{uiManager.overviewMaxWidth}px"
+      style:--player--overview-panel--top="{position.top}px"
+      style:--player--overview-panel--bottom="{position.bottom}px"
+      style:--player--overview-panel--right="{position.right}px"
+      transition:slideHorizontally|local
+      onclick={handlePanelClick}
+      onkeydown={() => {}}
+      role="none">
       <div class="overview-panel__content" onclick={(e) => e.stopPropagation()} onkeydown={() => {}} role="none">
         {@render children()}
       </div>
@@ -26,22 +26,24 @@ const styles = $derived.by(() => {
 {/if}
 
 <style>.overview-panel {
-  --_overview-panel--background: var(--sc-player--sidebar-background);
-  --_overview-panel--width: var(--overview-panel--width);
-  --_overview-panel--top: var(--overview-panel--top);
-  --_overview-panel--bottom: var(--overview-panel--bottom);
-  --_overview-panel--right: var(--overview-panel--right);
-  --brand-color: var(--sc-player--brand);
-  width: var(--_overview-panel--width);
-  min-width: var(--_overview-panel--width);
-  max-width: var(--_overview-panel--width);
+  --_player--overview-panel--background: var(
+    --player--overview-panel--background,
+    rgb(from light-dark(#ffffff, #000000) r g b / 90%)
+  );
+  --_player--overview-panel--width: var(--player--overview-panel--width);
+  --_player--overview-panel--top: var(--player--overview-panel--top);
+  --_player--overview-panel--bottom: var(--player--overview-panel--bottom);
+  --_player--overview-panel--right: var(--player--overview-panel--right);
+  width: var(--_player--overview-panel--width);
+  min-width: var(--_player--overview-panel--width);
+  max-width: var(--_player--overview-panel--width);
   position: absolute;
-  top: var(--_overview-panel--top);
-  right: var(--_overview-panel--right);
-  bottom: var(--_overview-panel--bottom);
+  top: var(--_player--overview-panel--top);
+  right: var(--_player--overview-panel--right);
+  bottom: var(--_player--overview-panel--bottom);
   z-index: 0;
   border-radius: 0.5rem 0 0 0.5rem;
-  background: var(--_overview-panel--background);
+  background: var(--_player--overview-panel--background);
 }
 .overview-panel__content {
   width: 100%;

package/dist/ui/player/player/overview-panel.svelte.d.ts

@@ -1,14 +1,14 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+import type { PlayerUIManager } from './ui-manager.svelte';
+import type { Snippet } from 'svelte';
+type Props = {
+    uiManager: PlayerUIManager;
+    position: {
+        top: number;
+        bottom: number;
+        right: number;
     };
-    slots: {};
+    children: Snippet;
 };
-export type OverviewPanelProps = typeof __propDef.props;
-export type OverviewPanelEvents = typeof __propDef.events;
-export type OverviewPanelSlots = typeof __propDef.slots;
-export default class OverviewPanel extends SvelteComponentTyped<OverviewPanelProps, OverviewPanelEvents, OverviewPanelSlots> {
-}
-export {};
+declare const OverviewPanel: import("svelte").Component<Props, {}, "">;
+type OverviewPanel = ReturnType<typeof OverviewPanel>;
+export default OverviewPanel;

package/dist/ui/player/player/player-config.svelte.d.ts

@@ -1,20 +1,20 @@
 import type { ICloseOrchestrator } from '../close-orchestrator';
-import type { IPlayerBuffer } from '../providers';
-import type { PlayerSliderCallbacks } from '../slider/types';
 import { PlayerSettings } from './player-settings.svelte';
 import { PlayerUIManager } from './ui-manager.svelte';
+import type { FeedSliderCallbacks } from '@streamscloud/kit/ui/player/feed-slider';
+import type { IPlayerBuffer } from '@streamscloud/kit/ui/player/providers';
 export declare class PlayerConfig<T extends {
     id: string;
 }> {
     playerBuffer: IPlayerBuffer<T> | null;
     readonly settings: PlayerSettings;
-    readonly playerSliderCallbacks: PlayerSliderCallbacks | undefined;
+    readonly feedSliderCallbacks: FeedSliderCallbacks | undefined;
     readonly closeOrchestrator: ICloseOrchestrator;
     readonly uiManager: PlayerUIManager;
     constructor(init: {
         playerBuffer: IPlayerBuffer<T> | null;
         settings?: PlayerSettings;
-        playerSliderCallbacks?: PlayerSliderCallbacks;
+        feedSliderCallbacks?: FeedSliderCallbacks;
         closeOrchestrator: ICloseOrchestrator;
     });
 }

package/dist/ui/player/player/player-config.svelte.js

@@ -3,14 +3,14 @@ import { PlayerUIManager } from './ui-manager.svelte';
 export class PlayerConfig {
     playerBuffer = $state.raw(null);
     settings;
-    playerSliderCallbacks;
+    feedSliderCallbacks;
     closeOrchestrator;
     uiManager = new PlayerUIManager();
     constructor(init) {
-        const { playerBuffer, settings, playerSliderCallbacks, closeOrchestrator } = init;
+        const { playerBuffer, settings, feedSliderCallbacks, closeOrchestrator } = init;
         this.playerBuffer = playerBuffer;
         this.settings = settings || new PlayerSettings();
-        this.playerSliderCallbacks = playerSliderCallbacks;
+        this.feedSliderCallbacks = feedSliderCallbacks;
         this.closeOrchestrator = closeOrchestrator;
     }
 }

package/dist/ui/player/player/player-settings.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Locale } from '../../../core/locale';
+import type { Locale } from '@streamscloud/kit/locale';
 export declare class PlayerSettings {
     locale: Locale;
     showStreamsCloudWatermark: boolean;

package/dist/ui/player/progress/cmp.chunks-progress.svelte.d.ts

@@ -1,14 +1,9 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import type { Snippet } from 'svelte';
+type Props = {
+    totalItems: number;
+    activeItemIndex: number;
+    chunkInfo?: Snippet;
 };
-export type CmpProps = typeof __propDef.props;
-export type CmpEvents = typeof __propDef.events;
-export type CmpSlots = typeof __propDef.slots;
-export default class Cmp extends SvelteComponentTyped<CmpProps, CmpEvents, CmpSlots> {
-}
-export {};
+declare const Cmp: import("svelte").Component<Props, {}, "">;
+type Cmp = ReturnType<typeof Cmp>;
+export default Cmp;

package/dist/ui/shadow-dom/cmp.shadow-root.svelte

@@ -1,5 +1,11 @@
 <script lang="ts">import { brandColors } from '../../core/theme';
-let { theme = 'dark', backgroundDisabled, backgroundImageUrl, children } = $props();
+import { setLocale } from '@streamscloud/kit/locale';
+let { locale, theme = 'dark', backgroundDisabled, backgroundImageUrl, children } = $props();
+$effect(() => {
+    if (locale) {
+        setLocale(locale);
+    }
+});
 const appendBrandPair = (values, name, pair) => {
     if (pair.light) {
         values.push(`--sc-player--light--${name}: ${pair.light}`);
@@ -77,8 +83,8 @@ const styles = $derived.by(() => {
   --sc-mc-color--text-white-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
   /* Player brand colors — overridable via --sc-player--{light|dark}--{name} custom properties */
   --sc-player--background: light-dark(
-    var(--sc-player--light--background, rgb(from var(--sc-mc-color--bg-panel) r g b / 90%)),
-    var(--sc-player--dark--background, rgb(from var(--sc-mc-color--bg-panel) r g b / 90%))
+    var(--sc-player--light--background, rgb(from var(--sc-mc-color--bg-screen) r g b / 90%)),
+    var(--sc-player--dark--background, rgb(from var(--sc-mc-color--bg-screen) r g b / 90%))
   );
   --sc-player--brand: light-dark(
     var(--sc-player--light--brand, var(--sc-mc-color--border-brand)),

package/dist/ui/shadow-dom/cmp.shadow-root.svelte.d.ts

@@ -1,14 +1,13 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import { type ThemeValue } from '../../core/theme';
+import { type Locale } from '@streamscloud/kit/locale';
+import type { Snippet } from 'svelte';
+type Props = {
+    locale?: Locale;
+    theme?: ThemeValue;
+    backgroundDisabled: boolean;
+    backgroundImageUrl: string | null | 'not-applicable';
+    children: Snippet;
 };
-export type CmpProps = typeof __propDef.props;
-export type CmpEvents = typeof __propDef.events;
-export type CmpSlots = typeof __propDef.slots;
-export default class Cmp extends SvelteComponentTyped<CmpProps, CmpEvents, CmpSlots> {
-}
-export {};
+declare const Cmp: import("svelte").Component<Props, {}, "">;
+type Cmp = ReturnType<typeof Cmp>;
+export default Cmp;

package/dist/ui/shadow-dom/colors.scss

@@ -40,8 +40,8 @@
 
   /* Player brand colors — overridable via --sc-player--{light|dark}--{name} custom properties */
   --sc-player--background: light-dark(
-    var(--sc-player--light--background, rgb(from var(--sc-mc-color--bg-panel) r g b / 90%)),
-    var(--sc-player--dark--background, rgb(from var(--sc-mc-color--bg-panel) r g b / 90%))
+    var(--sc-player--light--background, rgb(from var(--sc-mc-color--bg-screen) r g b / 90%)),
+    var(--sc-player--dark--background, rgb(from var(--sc-mc-color--bg-screen) r g b / 90%))
   );
   --sc-player--brand: light-dark(
     var(--sc-player--light--brand, var(--sc-mc-color--border-brand)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "15.1.0-1770823267010",
+  "version": "16.0.0",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",
@@ -133,14 +133,14 @@
     }
   },
   "peerDependencies": {
-    "@streamscloud/kit": "^0.0.1",
+    "@streamscloud/kit": "^0.1.1",
     "@streamscloud/streams-analytics-collector": "^4.0.1",
-    "mobile-detect": "^1.4.5",
-    "wheel-gestures": "^2.2.48"
+    "svelte": "^5.51.0"
   },
   "devDependencies": {
     "@eslint/compat": "^2.0.2",
     "@eslint/js": "^9.39.2",
+    "@fluentui/svg-icons": "^1.1.319",
     "@graphql-codegen/add": "^6.0.0",
     "@graphql-codegen/cli": "^6.1.1",
     "@graphql-codegen/introspection": "^5.0.0",
@@ -149,7 +149,7 @@
     "@graphql-codegen/typescript": "^5.0.7",
     "@graphql-codegen/typescript-operations": "^5.0.7",
     "@graphql-typed-document-node/core": "^3.2.0",
-    "@streamscloud/kit": "^0.0.1-1770823200886",
+    "@streamscloud/kit": "^0.1.1",
     "@streamscloud/streams-analytics-collector": "^4.0.1",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
@@ -160,23 +160,22 @@
     "eslint-formatter-codeframe": "^7.32.2",
     "eslint-formatter-visualstudio": "^9.0.1",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsonc": "^2.21.0",
+    "eslint-plugin-jsonc": "^2.21.1",
     "eslint-plugin-only-warn": "^1.1.0",
     "eslint-plugin-promise": "^7.2.1",
-    "eslint-plugin-svelte": "^3.14.0",
-    "eslint-plugin-unused-imports": "^4.3.0",
+    "eslint-plugin-svelte": "^3.15.0",
+    "eslint-plugin-unused-imports": "^4.4.1",
     "globals": "^17.3.0",
-    "mobile-detect": "^1.4.5",
     "prettier": "^3.8.1",
     "prettier-plugin-svelte": "^3.4.1",
     "publint": "^0.3.17",
     "sass": "^1.97.3",
-    "svelte-check": "^4.3.6",
+    "svelte": "^5.51.0",
+    "svelte-check": "^4.4.0",
     "svelte-preprocess": "^6.0.3",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.54.0",
+    "typescript-eslint": "^8.55.0",
     "vite": "^7.3.1",
-    "vite-tsconfig-paths": "^6.1.0",
-    "wheel-gestures": "^2.2.48"
+    "vite-tsconfig-paths": "^6.1.1"
   }
 }

package/dist/core/actions/horizontal-wheel-scroll.d.ts

@@ -1,5 +0,0 @@
-import type { Action } from 'svelte/action';
-export declare const horizontalWheelScroll: Action<HTMLElement, {
-    isolateScroll: boolean;
-    speed?: number;
-} | undefined>;

package/dist/core/actions/horizontal-wheel-scroll.js

@@ -1,20 +0,0 @@
-export const horizontalWheelScroll = (node, param = { isolateScroll: true, speed: 1 }) => {
-    const onWheel = (event) => {
-        const canScrollX = node.scrollWidth > node.clientWidth;
-        if (!canScrollX) {
-            return;
-        }
-        const delta = Math.abs(event.deltaX) > Math.abs(event.deltaY) ? event.deltaX : event.deltaY;
-        node.scrollBy({ left: delta * (param.speed ?? 1), behavior: 'smooth' });
-        if (param.isolateScroll) {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    };
-    node.addEventListener('wheel', onWheel, { passive: false });
-    return {
-        destroy() {
-            node.removeEventListener('wheel', onWheel);
-        }
-    };
-};

package/dist/core/actions/index.d.ts

@@ -1,2 +0,0 @@
-export { horizontalWheelScroll } from './horizontal-wheel-scroll';
-export { swallowTouch } from './swallow-touch';

package/dist/core/actions/index.js

@@ -1,2 +0,0 @@
-export { horizontalWheelScroll } from './horizontal-wheel-scroll';
-export { swallowTouch } from './swallow-touch';

package/dist/core/actions/swallow-touch.d.ts

@@ -1,2 +0,0 @@
-import type { Action } from 'svelte/action';
-export declare const swallowTouch: Action;

package/dist/core/actions/swallow-touch.js

@@ -1,17 +0,0 @@
-export const swallowTouch = (node) => {
-    const stopAll = (e) => {
-        e.stopPropagation();
-    };
-    node.addEventListener('touchstart', stopAll, { passive: false });
-    node.addEventListener('touchmove', stopAll, { passive: false });
-    node.addEventListener('touchend', stopAll, { passive: false });
-    node.addEventListener('touchcancel', stopAll, { passive: false });
-    return {
-        destroy() {
-            node.removeEventListener('touchstart', stopAll);
-            node.removeEventListener('touchmove', stopAll);
-            node.removeEventListener('touchend', stopAll);
-            node.removeEventListener('touchcancel', stopAll);
-        }
-    };
-};

package/dist/core/browser.d.ts

@@ -1 +0,0 @@
-export { isBrowser as runningInBrowser } from '@streamscloud/kit/core/utils';

package/dist/core/browser.js

@@ -1 +0,0 @@
-export { isBrowser as runningInBrowser } from '@streamscloud/kit/core/utils';

package/dist/core/continuation-token.d.ts

@@ -1 +0,0 @@
-export { ContinuationToken } from '@streamscloud/kit/core';

package/dist/core/continuation-token.js

@@ -1 +0,0 @@
-export { ContinuationToken } from '@streamscloud/kit/core';

package/dist/core/cursor-result.d.ts

@@ -1 +0,0 @@
-export type { CursorResult, CursorPayload } from '@streamscloud/kit/core';

package/dist/core/cursor-result.js

@@ -1 +0,0 @@
-export {};

package/dist/core/data-loaders/index.d.ts

@@ -1,2 +0,0 @@
-export { CursorDataLoader } from '@streamscloud/kit/core/data-loaders';
-export type { IDataLoader } from '@streamscloud/kit/core/data-loaders';

package/dist/core/data-loaders/index.js

@@ -1 +0,0 @@
-export { CursorDataLoader } from '@streamscloud/kit/core/data-loaders';

package/dist/core/deferred.d.ts

@@ -1 +0,0 @@
-export { Deferred } from '@streamscloud/kit/core';

package/dist/core/deferred.js

@@ -1 +0,0 @@
-export { Deferred } from '@streamscloud/kit/core';

package/dist/core/document.event-handlers.d.ts

@@ -1,2 +0,0 @@
-export declare const handleEsc: (event: KeyboardEvent, callback: () => void) => void;
-export declare const isTouchDevice: () => boolean;

package/dist/core/document.event-handlers.js

@@ -1,8 +0,0 @@
-export const handleEsc = (event, callback) => {
-    if (event.key === 'Escape' || event.key === 'Esc') {
-        callback();
-    }
-};
-export const isTouchDevice = () => {
-    return 'ontouchstart' in window || navigator.maxTouchPoints > 0;
-};

package/dist/core/image-preloader.d.ts

@@ -1 +0,0 @@
-export declare const preloadImage: (src: string, throwOnError?: boolean) => Promise<void>;

package/dist/core/image-preloader.js

@@ -1,10 +0,0 @@
-export const preloadImage = (src, throwOnError = false) => {
-    return new Promise((resolve, reject) => {
-        const img = new Image();
-        img.decoding = 'async';
-        img.loading = 'eager';
-        img.onload = () => resolve();
-        img.onerror = (e) => (throwOnError ? reject(e) : resolve());
-        img.src = src;
-    });
-};

package/dist/core/locale.d.ts

@@ -1,4 +0,0 @@
-export type Locale = 'en' | 'no';
-export type LocalizationSchema = {
-    [key: string]: Record<Locale, unknown>;
-};

package/dist/core/locale.js

@@ -1 +0,0 @@
-export {};

package/dist/core/media/images-size-detector.service.d.ts

@@ -1,6 +0,0 @@
-import { ImageScale } from '../enums';
-export declare class ImageSizeDetectorService {
-    userAgent: string | null;
-    constructor(userAgent?: string | null);
-    getImageSize(): ImageScale;
-}

package/dist/core/media/images-size-detector.service.js

@@ -1,15 +0,0 @@
-import { ImageScale } from '../enums';
-import MobileDetect from 'mobile-detect';
-export class ImageSizeDetectorService {
-    userAgent;
-    constructor(userAgent = null) {
-        this.userAgent = userAgent;
-    }
-    getImageSize() {
-        if (!this.userAgent) {
-            return ImageScale.OriginalEncoded;
-        }
-        const result = new MobileDetect(this.userAgent);
-        return result.mobile() ? ImageScale.Medium : ImageScale.OriginalEncoded;
-    }
-}

package/dist/core/toastr.d.ts

@@ -1 +0,0 @@
-export { Toastr, type ToastrAction, type ToastrOptions, type ToastrPromiseMessages } from '@streamscloud/kit/core/toastr';

package/dist/core/toastr.js

@@ -1 +0,0 @@
-export { Toastr } from '@streamscloud/kit/core/toastr';

package/dist/core/transitions/index.d.ts

@@ -1 +0,0 @@
-export { slideHorizontally } from '@streamscloud/kit/core/transitions';

package/dist/core/transitions/index.js

@@ -1 +0,0 @@
-export { slideHorizontally } from '@streamscloud/kit/core/transitions';

package/dist/core/utils/compact-number.d.ts

@@ -1,8 +0,0 @@
-import type { Locale } from '../locale';
-type CompactOptions = {
-    decimals?: number;
-    trimZeros?: boolean;
-    locale?: Locale;
-};
-export declare const compactNumber: (value: number, options?: CompactOptions) => string;
-export {};