@streamscloud/embeddable 15.1.0-1770823267010 → 16.0.0

package/dist/posts/posts-player/posts-player-view.svelte.d.ts

@@ -1,14 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PostsPlayerViewProps = typeof __propDef.props;
-export type PostsPlayerViewEvents = typeof __propDef.events;
-export type PostsPlayerViewSlots = typeof __propDef.slots;
-export default class PostsPlayerView extends SvelteComponentTyped<PostsPlayerViewProps, PostsPlayerViewEvents, PostsPlayerViewSlots> {
-}
-export {};
+import type { PostsPlayerProps } from './types';
+declare const PostsPlayerView: import("svelte").Component<PostsPlayerProps, {}, "">;
+type PostsPlayerView = ReturnType<typeof PostsPlayerView>;
+export default PostsPlayerView;

package/dist/posts/posts-player/types.d.ts

@@ -1,10 +1,10 @@
 import type { PostType } from '../../core/enums';
-import type { Locale } from '../../core/locale';
 import type { IPostModel } from '..';
 import type { IPostSharingHandler } from '../sharing';
 import type { IPostSocialInteractionsHandler } from '../social-interactions';
 import type { ICloseOrchestrator } from '../../ui/player/close-orchestrator';
-import type { IPlayerBuffer, IPlayerDataProvider } from '../../ui/player/providers';
+import type { Locale } from '@streamscloud/kit/locale';
+import type { IPlayerBuffer, IPlayerDataProvider } from '@streamscloud/kit/ui/player/providers';
 export interface IPostAnalyticsHandler {
     trackPostOpened: (postType: PostType, postId: string) => void;
     trackShortVideoView: (videoId: string) => void;

package/dist/products/price-helper.js

@@ -1,5 +1,5 @@
 import { Currency } from '../core/enums';
-import { Utils } from '../core/utils';
+import { Utils } from '@streamscloud/kit/core/utils';
 export const toPriceRepresentation = (data) => {
     const { amount, currency, options } = data;
     const { currencyMode = 'symbol', missingFractionMode = 'zeros-or-placeholder', locale = 'nb-NO' } = options ?? {};

package/dist/products/product-card/cmp.product-card.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">import { enrichProductLinkWithTracking } from '../../marketing-tracking';
 import { toPriceRepresentation } from '../price-helper';
-import { Image } from '../../ui/image';
-import { LineClamp } from '../../ui/line-clamp';
-import { ProportionalContainer } from '../../ui/proportional-container';
 import { ProductCardLocalization } from './product-card-localization';
-let { product, includeBeforeNowPrefix, trackingParams, inert = false, locale, on } = $props();
-const localization = $derived(new ProductCardLocalization(locale));
+import { Image } from '@streamscloud/kit/ui/image';
+import { LineClamp } from '@streamscloud/kit/ui/line-clamp';
+import { ProportionalContainer } from '@streamscloud/kit/ui/proportional-container';
+let { product, includeBeforeNowPrefix, trackingParams, inert = false, on } = $props();
+const localization = new ProductCardLocalization();
 const shortDescriptionPresented = $derived(product.shortDescription && product.shortDescription.length > 0);
 const trackImpression = (node) => {
     if (on?.impression) {
@@ -44,13 +44,13 @@ const onProductClicked = (event) => {
   </ProportionalContainer>
 
   <div class="product-card__info">
-    <LineClamp maxLines={1} locale={locale}>
+    <LineClamp maxLines={1}>
       <div class="product-card__brand">{product.brandName}</div>
     </LineClamp>
-    <LineClamp maxLines={shortDescriptionPresented ? 1 : 2} locale={locale}>
+    <LineClamp maxLines={shortDescriptionPresented ? 1 : 2}>
       <div class="product-card__title" class:two-lines={!shortDescriptionPresented}>{product.title}</div>
     </LineClamp>
-    <LineClamp maxLines={2} locale={locale}>
+    <LineClamp maxLines={2}>
       <div class="product-card__description" class:two-lines={shortDescriptionPresented}>{product.shortDescription}</div>
     </LineClamp>
     <div class="product-price">
@@ -84,10 +84,10 @@ const onProductClicked = (event) => {
   --_product-card--sale-price-color: var(--product-card--sale-price-color, inherit);
   --product-price-color: var(--_product-card--price-color);
   --product-price--sale--color: var(--_product-card--sale-price-color);
-  --image--border-radius: 0.25rem;
-  --image--object-fit: cover;
-  --image--width: auto;
-  --image--height: auto;
+  --sc-kit--image--border-radius: 0.25rem;
+  --sc-kit--image--object-fit: cover;
+  --sc-kit--image--width: auto;
+  --sc-kit--image--height: auto;
   width: 100%;
   height: max-content;
   display: flex;

package/dist/products/product-card/cmp.product-card.svelte.d.ts

@@ -1,14 +1,15 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+import { type TrackingParams } from '../../marketing-tracking';
+import type { ProductCardModel } from './types';
+type Props = {
+    product: ProductCardModel;
+    includeBeforeNowPrefix?: boolean;
+    inert?: boolean;
+    trackingParams: TrackingParams;
+    on?: {
+        click?: (id: string) => void;
+        impression?: (id: string) => void;
     };
-    slots: {};
 };
-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/products/product-card/product-card-localization.d.ts

@@ -1,5 +1,3 @@
-import { type Locale } from '../../core/locale';
 export declare class ProductCardLocalization {
-    beforeNowPrefix: string | null;
-    constructor(init: Locale);
+    get beforeNowPrefix(): string | null;
 }

package/dist/products/product-card/product-card-localization.js

@@ -1,8 +1,7 @@
-import {} from '../../core/locale';
+import { getLocale } from '@streamscloud/kit/locale';
 export class ProductCardLocalization {
-    beforeNowPrefix;
-    constructor(init) {
-        this.beforeNowPrefix = loc.beforeNowPrefix[init];
+    get beforeNowPrefix() {
+        return loc.beforeNowPrefix[getLocale()];
     }
 }
 const loc = {

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

@@ -1,15 +1,15 @@
 <script lang="ts">import { toPriceRepresentation } from '../../products/price-helper';
-import { Icon } from '../../ui/icon';
-import { ImageRounded } from '../../ui/image';
-import { LineClamp } from '../../ui/line-clamp';
-import { ProportionalContainer } from '../../ui/proportional-container';
-import { TimeAgo } from '../../ui/time-ago';
 import { ShortVideoCardLocalization } from './localization';
 import IconPhone from '@fluentui/svg-icons/icons/phone_20_regular.svg?raw';
 import IconShoppingBag from '@fluentui/svg-icons/icons/shopping_bag_20_regular.svg?raw';
+import { Icon } from '@streamscloud/kit/ui/icon';
+import { ImageRounded } from '@streamscloud/kit/ui/image';
+import { LineClamp } from '@streamscloud/kit/ui/line-clamp';
+import { ProportionalContainer } from '@streamscloud/kit/ui/proportional-container';
+import { TimeAgo } from '@streamscloud/kit/ui/time-ago';
 const ADJUST_TEXT_SIZE = false;
-let { shortVideo, locale, on } = $props();
-const localization = $derived(new ShortVideoCardLocalization(locale));
+let { shortVideo, on } = $props();
+const localization = new ShortVideoCardLocalization();
 const adjustTextSize = (node) => {
     if (!ADJUST_TEXT_SIZE) {
         return;
@@ -53,7 +53,7 @@ const adjustTextSize = (node) => {
 
   <div class="short-video-card__info">
     <div class="short-video-card__meta">
-      <span><TimeAgo date={shortVideo.displayDate} locale={locale} /></span>
+      <span><TimeAgo date={shortVideo.displayDate} /></span>
       {#if shortVideo.viewsCount}
         <span>&middot;</span>
         <span>{localization.viewsLabel(shortVideo.viewsCount)}</span>
@@ -75,10 +75,10 @@ const adjustTextSize = (node) => {
 
           <div class="product-card__info">
             <div class="product-card__title">
-              <LineClamp maxLines={1} enableShowMore={false} locale={locale}>{product.title}</LineClamp>
+              <LineClamp maxLines={1} enableShowMore={false}>{product.title}</LineClamp>
             </div>
             <div class="product-card__price">
-              <LineClamp maxLines={1} locale={locale}>
+              <LineClamp maxLines={1}>
                 <span>
                   {toPriceRepresentation({
                     amount: product.salePrice || product.price,
@@ -123,7 +123,7 @@ const adjustTextSize = (node) => {
   display: flex;
   align-items: center;
   justify-content: center;
-  --image--rounded--outer--border-radius: 0.5rem;
+  --sc-kit--image--rounded--outer--border-radius: 0.5rem;
 }
 .short-video-card__media-icons {
   position: absolute;
@@ -132,9 +132,9 @@ const adjustTextSize = (node) => {
   display: flex;
   align-items: center;
   gap: 0.3125em;
-  --icon--size: 1.25em;
-  --icon--color: var(--sc-mc-color--icon-overlay);
-  --icon--filter: var(--sc-mc-color--icon-overlay-shadow);
+  --sc-kit--icon--size: 1.25em;
+  --sc-kit--icon--color: var(--sc-mc-color--icon-overlay);
+  --sc-kit--icon--filter: var(--sc-mc-color--icon-overlay-shadow);
 }
 .short-video-card__info {
   margin-top: clamp(0.4375rem, 3.6cqi, 0.625rem);
@@ -180,7 +180,7 @@ const adjustTextSize = (node) => {
 }
 
 .product-card {
-  --image--rounded--outer--border-radius: 0.375rem;
+  --sc-kit--image--rounded--outer--border-radius: 0.375rem;
   container-type: inline-size;
 }
 .product-card__info {

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

@@ -1,14 +1,10 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+import type { ShortVideoCardModel } from './types';
+type Props = {
+    shortVideo: ShortVideoCardModel;
+    on?: {
+        click?: () => void;
     };
-    slots: {};
 };
-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/short-videos/short-video-card/localization.d.ts

@@ -1,5 +1,3 @@
-import { type Locale } from '../../core/locale';
 export declare class ShortVideoCardLocalization {
-    viewsLabel: (count: number) => string;
-    constructor(locale: Locale);
+    get viewsLabel(): (count: number) => string;
 }

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

@@ -1,8 +1,7 @@
-import {} from '../../core/locale';
+import { getLocale } from '@streamscloud/kit/locale';
 export class ShortVideoCardLocalization {
-    viewsLabel;
-    constructor(locale) {
-        this.viewsLabel = loc.viewsLabel[locale];
+    get viewsLabel() {
+        return loc.viewsLabel[getLocale()];
     }
 }
 const loc = {

package/dist/streams/layout/cmp.layout.svelte

@@ -1,5 +1,5 @@
-<script lang="ts">import { ProportionalContainer } from '../../ui/proportional-container';
-import { generateStreamLayoutStyles } from './styles-transformer';
+<script lang="ts">import { generateStreamLayoutStyles } from './styles-transformer';
+import { ProportionalContainer } from '@streamscloud/kit/ui/proportional-container';
 let { model, children, controls, overlay } = $props();
 </script>
 

package/dist/streams/layout/cmp.layout.svelte.d.ts

@@ -1,14 +1,13 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+import type { StreamLayoutStyles } from './styles';
+import type { Snippet } from 'svelte';
+type Props = {
+    model: {
+        styles: StreamLayoutStyles | null;
     };
-    slots: {};
+    children: Snippet;
+    controls?: Snippet;
+    overlay?: 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/streams/layout/cmp.slot-content.svelte

@@ -1,8 +1,8 @@
-<script lang="ts">import { Utils } from '../../core/utils';
-import { enrichProductLinkWithTracking } from '../../marketing-tracking';
+<script lang="ts">import { enrichProductLinkWithTracking } from '../../marketing-tracking';
 import { StreamElementView } from './element-views';
 import { StreamComponentDataType } from './enums';
-let { model, locale, trackingParams, on } = $props();
+import { Utils } from '@streamscloud/kit/core/utils';
+let { model, trackingParams, on } = $props();
 const slotData = $derived.by(() => {
     return model.data;
 });
@@ -77,7 +77,7 @@ const productLinkMounted = (node, productModel) => {
 {#snippet slotContent()}
   {#if component && (!slotData || dataIsFilled)}
     {#each component.elements as element (element)}
-      <StreamElementView model={element} data={slotData} trackingParams={trackingParams} locale={locale} on={on} />
+      <StreamElementView model={element} data={slotData} trackingParams={trackingParams} on={on} />
     {/each}
   {/if}
 {/snippet}

package/dist/streams/layout/cmp.slot-content.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 { StreamTrackingParams } from './types';
+import type { StreamSlot } from './slot';
+type Props = {
+    model: StreamSlot;
+    trackingParams: StreamTrackingParams;
+    on?: {
+        productClick: (productId: string) => void;
+        productImpression?: (productId: string) => void;
+        progress?: (videoId: string, progress: number) => void;
     };
-    slots: {};
 };
-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/streams/layout/cmp.slot.svelte.d.ts

@@ -1,14 +1,14 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import type { Snippet } from 'svelte';
+type LayoutStyles = {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
 };
-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 {};
+type Props = {
+    model: LayoutStyles;
+    children: Snippet;
+};
+declare const Cmp: import("svelte").Component<Props, {}, "">;
+type Cmp = ReturnType<typeof Cmp>;
+export default Cmp;

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

@@ -1,5 +1,5 @@
-<script lang="ts">import { HtmlHelper } from '../../../core/utils/html-helper';
-import { generateAnnotationStyles } from '../styles-transformer';
+<script lang="ts">import { generateAnnotationStyles } from '../styles-transformer';
+import { HtmlHelper } from '@streamscloud/kit/core/utils';
 let { model } = $props();
 const svgValue = $derived.by(() => {
     if (model.svg) {

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

@@ -1,14 +1,7 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import type { AnnotationStreamElementModel } from '../elements';
+type Props = {
+    model: AnnotationStreamElementModel;
 };
-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/streams/layout/element-views/cmp.button-stream-element.svelte.d.ts

@@ -1,14 +1,10 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import type { ButtonStreamElementModel } from '../elements';
+import type { Snippet } from 'svelte';
+type Props = {
+    model: ButtonStreamElementModel;
+    inert?: boolean;
+    placeholder?: 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/streams/layout/element-views/cmp.container-stream-element.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { StreamElementStyleDirection } from '../enums';
 import { generateContainerStyles } from '../styles-transformer';
 import { default as StreamElement } from './cmp.stream-element.svelte';
-let { model, data, trackingParams, locale } = $props();
+let { model, data, trackingParams } = $props();
 </script>
 
 <div class="container-stream-element" style={generateContainerStyles(model.styles)}>
@@ -10,7 +10,6 @@ let { model, data, trackingParams, locale } = $props();
       model={element}
       data={data}
       trackingParams={trackingParams}
-      constainerDirection={model.styles?.direction ?? StreamElementStyleDirection.Vertical}
-      locale={locale} />
+      constainerDirection={model.styles?.direction ?? StreamElementStyleDirection.Vertical} />
   {/each}
 </div>

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

@@ -1,14 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import type { StreamTrackingParams } from '..';
+import type { ContainerStreamElementModel } from '../elements';
+import type { StreamSlotData } from '../slot-data';
+type Props = {
+    model: ContainerStreamElementModel;
+    data: StreamSlotData | null;
+    trackingParams: StreamTrackingParams;
 };
-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/streams/layout/element-views/cmp.image-ref-stream-element.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 { AnnotationStreamElementModel, ImageRefStreamElementModel } from '../elements';
+import type { StreamSlotDataRef } from '../slot-data-ref';
+import type { Snippet } from 'svelte';
+type Props = {
+    model: ImageRefStreamElementModel;
+    data: StreamSlotDataRef;
+    annotationView?: Snippet<[{
+        model: AnnotationStreamElementModel;
+    }]>;
 };
-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/streams/layout/element-views/cmp.images-stream-element.svelte

@@ -1,5 +1,5 @@
-<script lang="ts">import { Image } from '../../../ui/image';
-import { ImagesStreamElementMode } from '../enums';
+<script lang="ts">import { ImagesStreamElementMode } from '../enums';
+import { Image } from '@streamscloud/kit/ui/image';
 let { model, data } = $props();
 </script>
 

package/dist/streams/layout/element-views/cmp.images-stream-element.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 { ImagesStreamElementModel } from '../elements';
+import type { StreamLayoutBlobModel } from '../models';
+type Props = {
+    model: ImagesStreamElementModel;
+    data: StreamLayoutBlobModel[];
 };
-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/streams/layout/element-views/cmp.price-stream-element.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { PriceStreamElementLocalization } from './price-stream-element-localization';
 import { default as PriceElementView } from './price-element-view.svelte';
-let { model, data, locale } = $props();
-const localization = $derived(new PriceStreamElementLocalization(locale));
+let { model, data } = $props();
+const localization = new PriceStreamElementLocalization();
 let baseMaxHeight = $derived(model.styles?.height || 32);
 let adjustedHeight = $derived(baseMaxHeight);
 </script>

package/dist/streams/layout/element-views/cmp.price-stream-element.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 { PriceStreamElementModel } from '../elements';
+import type { StreamLayoutProductPriceModel } from '../models';
+type Props = {
+    model: PriceStreamElementModel;
+    data: StreamLayoutProductPriceModel;
 };
-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/streams/layout/element-views/cmp.products-slider-stream-element.svelte

@@ -1,8 +1,8 @@
-<script lang="ts">import { horizontalWheelScroll } from '../../../core/actions';
-import { StreamComponentDataType, StreamElementStyleDirection } from '../enums';
+<script lang="ts">import { StreamComponentDataType, StreamElementStyleDirection } from '../enums';
 import { generateProductsSliderStyles } from '../styles-transformer';
 import { default as StreamElement } from './cmp.stream-element.svelte';
-let { model, data, trackingParams, locale } = $props();
+import { horizontalWheelScroll } from '@streamscloud/kit/core/actions';
+let { model, data, trackingParams } = $props();
 const getProductDataByIndex = (index) => {
     const products = data?.type === StreamComponentDataType.Products ? data.products : [];
     const product = products[index];
@@ -22,12 +22,7 @@ const getProductDataByIndex = (index) => {
     <div class="products-slider-stream-element__item">
       {#each item.elements as element (element)}
         {@const productData = getProductDataByIndex(index)}
-        <StreamElement
-          model={element}
-          data={productData}
-          trackingParams={trackingParams}
-          constainerDirection={StreamElementStyleDirection.Vertical}
-          locale={locale} />
+        <StreamElement model={element} data={productData} trackingParams={trackingParams} constainerDirection={StreamElementStyleDirection.Vertical} />
       {/each}
     </div>
   {/each}

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

@@ -1,14 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import type { StreamTrackingParams } from '..';
+import type { ProductsSliderStreamElementModel } from '../elements';
+import type { StreamSlotData } from '../slot-data';
+type Props = {
+    model: ProductsSliderStreamElementModel;
+    data: StreamSlotData | null;
+    trackingParams: StreamTrackingParams;
 };
-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;