@streamscloud/embeddable 2.1.1 → 2.1.3

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

@@ -0,0 +1,7 @@
+import type { TextStreamElementModel } from '../elements';
+type Props = {
+    model: TextStreamElementModel;
+};
+declare const Cmp: import("svelte").Component<Props, {}, "">;
+type Cmp = ReturnType<typeof Cmp>;
+export default Cmp;

package/dist/streams/layout/element-views/data-by-key-accessor.d.ts

@@ -0,0 +1,3 @@
+import type { StreamSlotData } from '../slot-data';
+export declare const getStringValueByKey: (data: StreamSlotData, key: string) => string;
+export declare const getNumberValueByKey: (data: StreamSlotData, key: string) => number;

package/dist/streams/layout/element-views/data-by-key-accessor.js

@@ -0,0 +1,55 @@
+export const getStringValueByKey = (data, key) => {
+    const value = getValueByKey(data, key);
+    if (!value) {
+        return '';
+    }
+    if (typeof value === 'string') {
+        return value;
+    }
+    return value.toString();
+};
+export const getNumberValueByKey = (data, key) => {
+    const value = getValueByKey(data, key);
+    if (typeof value === 'number') {
+        return value;
+    }
+    return 0;
+};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getValueByKey = (data, key) => {
+    // Remove leading #
+    const path = key.replace(/^#/, '');
+    // Split path into parts, handling indices in brackets
+    // Example: products[0].title -> ['products', '0', 'title']
+    const parts = [];
+    path.split('.').forEach((segment) => {
+        const regex = /^([^[\]]+)|\[(\d+)]$/g;
+        let match;
+        while ((match = regex.exec(segment)) !== null) {
+            if (match[1]) {
+                parts.push(match[1]);
+            }
+            else if (match[2]) {
+                parts.push(match[2]);
+            }
+        }
+    });
+    // Traverse the path parts
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let result = data;
+    for (const part of parts) {
+        if (!result) {
+            return undefined;
+        }
+        if (Array.isArray(result) && !isNaN(Number(part))) {
+            result = result[Number(part)];
+        }
+        else if (typeof result === 'object' && part in result) {
+            result = result[part];
+        }
+        else {
+            return undefined;
+        }
+    }
+    return result;
+};

package/dist/streams/layout/element-views/index.d.ts

@@ -0,0 +1,11 @@
+export { default as StreamElement } from './cmp.stream-element.svelte';
+export { default as ContainerStreamElement } from './cmp.container-stream-element.svelte';
+export { default as ImageRefStreamElement } from './cmp.image-ref-stream-element.svelte';
+export { default as ImagesStreamElement } from './cmp.images-stream-element.svelte';
+export { default as PriceStreamElement } from './cmp.price-stream-element.svelte';
+export { default as ShortVideoStreamElement } from './cmp.short-video-stream-element.svelte';
+export { default as SpacerStreamElement } from './cmp.spacer-stream-element.svelte';
+export { default as TextRefStreamElement } from './cmp.text-ref-stream-element.svelte';
+export { default as TextStreamElement } from './cmp.text-stream-element.svelte';
+export type { IStreamElementLocalization } from './stream-element-localization.svelte';
+export type { IPriceStreamElementLocalization } from './price-stream-element-localization.svelte';

package/dist/streams/layout/element-views/index.js

@@ -0,0 +1,9 @@
+export { default as StreamElement } from './cmp.stream-element.svelte';
+export { default as ContainerStreamElement } from './cmp.container-stream-element.svelte';
+export { default as ImageRefStreamElement } from './cmp.image-ref-stream-element.svelte';
+export { default as ImagesStreamElement } from './cmp.images-stream-element.svelte';
+export { default as PriceStreamElement } from './cmp.price-stream-element.svelte';
+export { default as ShortVideoStreamElement } from './cmp.short-video-stream-element.svelte';
+export { default as SpacerStreamElement } from './cmp.spacer-stream-element.svelte';
+export { default as TextRefStreamElement } from './cmp.text-ref-stream-element.svelte';
+export { default as TextStreamElement } from './cmp.text-stream-element.svelte';

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

@@ -0,0 +1,9 @@
+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);
+}

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

@@ -0,0 +1,8 @@
+export class PriceStreamElementLocalization {
+    saveValue = $state((value) => `Save ${value}`);
+    beforeValue = $state((value) => `Before ${value}`);
+    constructor(init) {
+        this.saveValue = init?.saveValue ?? this.saveValue;
+        this.beforeValue = init?.beforeValue ?? this.beforeValue;
+    }
+}

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

@@ -0,0 +1,8 @@
+import type { IPriceStreamElementLocalization } from './price-stream-element-localization.svelte';
+export interface IStreamElementLocalization {
+    priceElementLocalization?: IPriceStreamElementLocalization;
+}
+export declare class StreamElementLocalization {
+    priceElementLocalization: IPriceStreamElementLocalization | undefined;
+    constructor(init?: IStreamElementLocalization);
+}

package/dist/streams/layout/element-views/stream-element-localization.svelte.js

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

package/dist/streams/layout/elements.d.ts

@@ -0,0 +1,51 @@
+import { StreamElementType, ImagesImagesElementMode } from './enums';
+import type { ImageStreamElementStyles, TextStreamElementStyles, ContainerStreamElementStyles, PriceStreamElementStyles } from './styles';
+export type StreamElementModel = ContainerStreamElementModel | ImageRefStreamElementModel | ImagesStreamElementModel | PriceStreamElementModel | SpacerStreamElementModel | ShortVideoStreamElementModel | TextStreamElementModel | TextRefStreamElementModel;
+export type ContainerStreamElementModel = {
+    type: StreamElementType.Container;
+    id?: string;
+    elements: StreamElementModel[];
+    customizable: boolean | null;
+    styles: ContainerStreamElementStyles | null;
+};
+export type ImagesStreamElementModel = {
+    type: StreamElementType.Images;
+    id?: string;
+    mode: ImagesImagesElementMode;
+};
+export type ImageRefStreamElementModel = {
+    type: StreamElementType.ImageRef;
+    id?: string;
+    key: string;
+    styles: ImageStreamElementStyles | null;
+};
+export type PriceStreamElementModel = {
+    type: StreamElementType.Price;
+    id?: string;
+    excludeBeforePrice: boolean | null;
+    includeCurrency: boolean | null;
+    styles: PriceStreamElementStyles | null;
+};
+export type ShortVideoStreamElementModel = {
+    type: StreamElementType.ShortVideo;
+    id?: string;
+};
+export type SpacerStreamElementModel = {
+    type: StreamElementType.Spacer;
+    id?: string;
+    value: number | null;
+};
+export type TextStreamElementModel = {
+    type: StreamElementType.Text;
+    id?: string;
+    value: string | null;
+    styles: TextStreamElementStyles | null;
+};
+export type TextRefStreamElementModel = {
+    type: StreamElementType.TextRef;
+    id?: string;
+    key: string;
+    valueBefore: string | null;
+    valueAfter: string | null;
+    styles: TextStreamElementStyles | null;
+};

package/dist/streams/layout/elements.js

@@ -0,0 +1 @@
+import { StreamElementType, ImagesImagesElementMode } from './enums';

package/dist/streams/layout/enums.d.ts

@@ -0,0 +1,45 @@
+export declare enum StreamComponentDataType {
+    Images = "IMAGES",
+    ShortVideo = "SHORT_VIDEO",
+    Product = "PRODUCT"
+}
+export declare enum StreamElementType {
+    Container = "CONTAINER",
+    ImageRef = "IMAGE_REF",
+    Images = "IMAGES",
+    Price = "PRICE",
+    Spacer = "SPACER",
+    ShortVideo = "SHORT_VIDEO",
+    Text = "TEXT",
+    TextRef = "TEXT_REF"
+}
+export declare enum ImagesImagesElementMode {
+    Single = "SINGLE",
+    Gallery = "GALLERY",
+    Slider = "SLIDER"
+}
+export declare enum StreamElementStyleMediaFit {
+    Cover = "COVER",
+    Contain = "CONTAIN"
+}
+export declare enum StreamElementStyleHorizontalAlign {
+    Left = "LEFT",
+    Center = "CENTER",
+    Right = "RIGHT"
+}
+export declare enum StreamElementStyleFontWeight {
+    Regular = "REGULAR",
+    SemiBold = "SEMI_BOLD",
+    Bold = "BOLD"
+}
+export declare enum StreamElementStyleFontFamily {
+    System = "SYSTEM"
+}
+export declare enum StreamElementStyleDirection {
+    Horizontal = "HORIZONTAL",
+    Vertical = "VERTICAL"
+}
+export declare enum StreamCssValueType {
+    DDU = "DDU",
+    Pct = "PCT"
+}

package/dist/streams/layout/enums.js

@@ -0,0 +1,54 @@
+export var StreamComponentDataType;
+(function (StreamComponentDataType) {
+    StreamComponentDataType["Images"] = "IMAGES";
+    StreamComponentDataType["ShortVideo"] = "SHORT_VIDEO";
+    StreamComponentDataType["Product"] = "PRODUCT";
+})(StreamComponentDataType || (StreamComponentDataType = {}));
+export var StreamElementType;
+(function (StreamElementType) {
+    StreamElementType["Container"] = "CONTAINER";
+    StreamElementType["ImageRef"] = "IMAGE_REF";
+    StreamElementType["Images"] = "IMAGES";
+    StreamElementType["Price"] = "PRICE";
+    StreamElementType["Spacer"] = "SPACER";
+    StreamElementType["ShortVideo"] = "SHORT_VIDEO";
+    StreamElementType["Text"] = "TEXT";
+    StreamElementType["TextRef"] = "TEXT_REF";
+})(StreamElementType || (StreamElementType = {}));
+export var ImagesImagesElementMode;
+(function (ImagesImagesElementMode) {
+    ImagesImagesElementMode["Single"] = "SINGLE";
+    ImagesImagesElementMode["Gallery"] = "GALLERY";
+    ImagesImagesElementMode["Slider"] = "SLIDER";
+})(ImagesImagesElementMode || (ImagesImagesElementMode = {}));
+export var StreamElementStyleMediaFit;
+(function (StreamElementStyleMediaFit) {
+    StreamElementStyleMediaFit["Cover"] = "COVER";
+    StreamElementStyleMediaFit["Contain"] = "CONTAIN";
+})(StreamElementStyleMediaFit || (StreamElementStyleMediaFit = {}));
+export var StreamElementStyleHorizontalAlign;
+(function (StreamElementStyleHorizontalAlign) {
+    StreamElementStyleHorizontalAlign["Left"] = "LEFT";
+    StreamElementStyleHorizontalAlign["Center"] = "CENTER";
+    StreamElementStyleHorizontalAlign["Right"] = "RIGHT";
+})(StreamElementStyleHorizontalAlign || (StreamElementStyleHorizontalAlign = {}));
+export var StreamElementStyleFontWeight;
+(function (StreamElementStyleFontWeight) {
+    StreamElementStyleFontWeight["Regular"] = "REGULAR";
+    StreamElementStyleFontWeight["SemiBold"] = "SEMI_BOLD";
+    StreamElementStyleFontWeight["Bold"] = "BOLD";
+})(StreamElementStyleFontWeight || (StreamElementStyleFontWeight = {}));
+export var StreamElementStyleFontFamily;
+(function (StreamElementStyleFontFamily) {
+    StreamElementStyleFontFamily["System"] = "SYSTEM";
+})(StreamElementStyleFontFamily || (StreamElementStyleFontFamily = {}));
+export var StreamElementStyleDirection;
+(function (StreamElementStyleDirection) {
+    StreamElementStyleDirection["Horizontal"] = "HORIZONTAL";
+    StreamElementStyleDirection["Vertical"] = "VERTICAL";
+})(StreamElementStyleDirection || (StreamElementStyleDirection = {}));
+export var StreamCssValueType;
+(function (StreamCssValueType) {
+    StreamCssValueType["DDU"] = "DDU";
+    StreamCssValueType["Pct"] = "PCT";
+})(StreamCssValueType || (StreamCssValueType = {}));

package/dist/streams/layout/index.d.ts

@@ -0,0 +1,19 @@
+import { StreamComponentDataType, StreamElementType } from './enums';
+import type { StreamLayout } from './layout';
+import type { StreamLayoutShortVideoModel } from './models';
+import type { StreamSlot } from './slot';
+import type { ContainerStreamElementStyles, ImageStreamElementStyles, PriceStreamElementStyles, TextStreamElementStyles } from './styles';
+export { default as StreamPageLayout } from './cmp.layout.svelte';
+export { default as StreamLayoutSlot } from './cmp.slot.svelte';
+export { default as StreamLayoutSlotContent } from './cmp.slot-content.svelte';
+export * from './layout';
+export { parseToStreamLayout, stringifyToStreamLayoutInput } from './serializer';
+export declare const getAllowedDataTypesForSlot: (slot: StreamSlot) => StreamComponentDataType[];
+export declare const getSingleShortVideoFromLayout: (layout: StreamLayout) => StreamLayoutShortVideoModel | null;
+export type ElementTypeToStyles = {
+    [StreamElementType.Container]: ContainerStreamElementStyles;
+    [StreamElementType.Price]: PriceStreamElementStyles;
+    [StreamElementType.ImageRef]: ImageStreamElementStyles;
+    [StreamElementType.Text]: TextStreamElementStyles;
+    [StreamElementType.TextRef]: TextStreamElementStyles;
+};

package/dist/streams/layout/index.js

@@ -0,0 +1,15 @@
+import { StreamComponentDataType, StreamElementType } from './enums';
+export { default as StreamPageLayout } from './cmp.layout.svelte';
+export { default as StreamLayoutSlot } from './cmp.slot.svelte';
+export { default as StreamLayoutSlotContent } from './cmp.slot-content.svelte';
+export * from './layout';
+export { parseToStreamLayout, stringifyToStreamLayoutInput } from './serializer';
+export const getAllowedDataTypesForSlot = (slot) => {
+    return slot.components.flatMap((c) => c.dataType);
+};
+export const getSingleShortVideoFromLayout = (layout) => {
+    if (layout.slots.length === 1 && layout.slots[0].data?.type === StreamComponentDataType.ShortVideo && layout.slots[0].data.shortVideo) {
+        return layout.slots[0].data.shortVideo;
+    }
+    return null;
+};

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

@@ -0,0 +1,13 @@
+import type { StreamSlot, StreamSlotInput, StreamSlotTemplate } from './slot';
+import type { StreamLayoutStyles } from './styles';
+export type StreamLayoutTemplate = {
+    styles: StreamLayoutStyles | null;
+    slots: StreamSlotTemplate[];
+};
+export type StreamLayoutInput = Omit<StreamLayoutTemplate, 'slots'> & {
+    slots: StreamSlotInput[];
+};
+export type StreamLayout = Omit<StreamLayoutTemplate, 'slots'> & {
+    id?: string;
+    slots: StreamSlot[];
+};

package/dist/streams/layout/layout.js

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

package/dist/streams/layout/models/index.d.ts

@@ -0,0 +1,6 @@
+export { mapToShortVideoViewerModel } from './mapper';
+export type { StreamLayoutBlobModel } from './stream-layout-blob-model';
+export type { StreamLayoutMediaItemModel } from './stream-layout-media-item-model';
+export type { StreamLayoutPostHeaderModel } from './stream-layout-post-header-model';
+export type { StreamLayoutProductModel } from './stream-layout-product-model';
+export type { StreamLayoutShortVideoModel, StreamLayoutShortVideoProductModel, StreamLayoutShortVideoAdModel } from './stream-layout-short-video-model';

package/dist/streams/layout/models/index.js

@@ -0,0 +1 @@
+export { mapToShortVideoViewerModel } from './mapper';

package/dist/streams/layout/models/mapper.d.ts

@@ -0,0 +1,3 @@
+import type { ShortVideoViewerModel } from '../../../short-videos/short-video-viewer';
+import type { StreamLayoutShortVideoModel } from '../models/stream-layout-short-video-model';
+export declare const mapToShortVideoViewerModel: (model: StreamLayoutShortVideoModel) => ShortVideoViewerModel;

package/dist/streams/layout/models/mapper.js

@@ -0,0 +1,62 @@
+import { MediaType } from '../../../core/enums';
+export const mapToShortVideoViewerModel = (model) => {
+    return {
+        id: model.id,
+        media: model.media.type === MediaType.Image
+            ? { isImage: true, url: model.media.url }
+            : {
+                isImage: false,
+                url: model.media.url,
+                thumbnailUrl: model.media.thumbnailUrl
+            },
+        text: model.text,
+        heading: {
+            image: model.header.sourceImage,
+            name: model.header.sourceName,
+            displayDate: model.header.postDisplayDate,
+            viewsCount: model.header.postViewsCount
+        },
+        ad: model.ad ? mapToAdViewModel(model.ad) : null,
+        products: model.products.map(mapToProductCardModel)
+        // uncomment if you want to test many products behavior
+        /*.flatMap((x) => [
+          { ...x, id: x.id + '1' },
+          { ...x, id: x.id + '2' },
+          { ...x, id: x.id + '3' },
+          { ...x, id: x.id + '4' },
+          { ...x, id: x.id + '5' },
+          { ...x, id: x.id + '6' },
+          { ...x, id: x.id + '7' },
+          { ...x, id: x.id + '8' },
+          { ...x, id: x.id + '9' },
+          { ...x, id: x.id + '10' },
+          { ...x, id: x.id + '11' },
+          { ...x, id: x.id + '12' },
+          { ...x, id: x.id + '13' },
+          { ...x, id: x.id + '14' },
+          { ...x, id: x.id + '15' }
+        ])*/
+    };
+};
+const mapToAdViewModel = (model) => {
+    return {
+        id: model.id,
+        image: model.image,
+        title: model.title,
+        description: model.description,
+        buttonText: model.buttonText,
+        buttonUrl: model.buttonUrl,
+        openLinkInNewWindow: model.openLinkInNewWindow
+    };
+};
+const mapToProductCardModel = (model) => {
+    return {
+        id: model.id,
+        title: model.title,
+        image: model.image,
+        link: model.link,
+        currency: model.currency,
+        price: model.price,
+        salePrice: model.salePrice
+    };
+};

package/dist/streams/layout/models/stream-layout-blob-model.d.ts

@@ -0,0 +1,4 @@
+export type StreamLayoutBlobModel = {
+    id: string;
+    url: string;
+};

package/dist/streams/layout/models/stream-layout-blob-model.js

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

package/dist/streams/layout/models/stream-layout-media-item-model.d.ts

@@ -0,0 +1,6 @@
+import { MediaType } from '../../..';
+export type StreamLayoutMediaItemModel = {
+    url: string;
+    thumbnailUrl: string | null;
+    type: MediaType;
+};

package/dist/streams/layout/models/stream-layout-media-item-model.js

@@ -0,0 +1 @@
+import { MediaType } from '../../..';

package/dist/streams/layout/models/stream-layout-post-header-model.d.ts

@@ -0,0 +1,11 @@
+import type { PostSourceType } from '$gql/types';
+export type StreamLayoutPostHeaderModel = {
+    sourceId: string;
+    sourceName: string;
+    sourceImage: string;
+    sourceHandle: string;
+    sourceType: PostSourceType;
+    postDisplayDate: string;
+    postViewsCount: number;
+    sourceIsRemoved: boolean;
+};

package/dist/streams/layout/models/stream-layout-post-header-model.js

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

package/dist/streams/layout/models/stream-layout-product-model.d.ts

@@ -0,0 +1,19 @@
+import type { Currency } from '../../../core/enums';
+export type StreamLayoutProductModel = {
+    id: string;
+    title: string;
+    description: string | null;
+    image: string | null;
+    link: string | null;
+    price: StreamLayoutProductPriceModel;
+};
+type StreamLayoutProductPriceModel = {
+    price: number;
+    currency: Currency;
+    salePrice: number | null;
+    currentPriceValue: string;
+    beforePriceValue: string | null;
+    saveValue: string | null;
+    savePercentValue: string | null;
+};
+export {};

package/dist/streams/layout/models/stream-layout-product-model.js

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

package/dist/streams/layout/models/stream-layout-short-video-model.d.ts

@@ -0,0 +1,31 @@
+import type { Currency } from '../../../core/enums';
+import type { StreamLayoutMediaItemModel } from './stream-layout-media-item-model';
+import type { StreamLayoutPostHeaderModel } from './stream-layout-post-header-model';
+export type StreamLayoutShortVideoModel = {
+    id: string;
+    media: StreamLayoutMediaItemModel;
+    text: string | null;
+    header: StreamLayoutPostHeaderModel;
+    enableSocialInteractions: boolean;
+    bookmarksCount: number;
+    products: StreamLayoutShortVideoProductModel[];
+    ad: StreamLayoutShortVideoAdModel | null;
+};
+export type StreamLayoutShortVideoAdModel = {
+    id: string;
+    image: string | null;
+    title: string;
+    description: string | null;
+    buttonText: string | null;
+    buttonUrl: string | null;
+    openLinkInNewWindow: boolean | null;
+};
+export type StreamLayoutShortVideoProductModel = {
+    id: string;
+    title: string;
+    image: string | null;
+    link: string | null;
+    price: number;
+    currency: Currency;
+    salePrice: number | null;
+};

package/dist/streams/layout/models/stream-layout-short-video-model.js

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

package/dist/streams/layout/serializer.d.ts

@@ -0,0 +1,3 @@
+import type { StreamLayout } from './layout';
+export declare const parseToStreamLayout: (value: string) => StreamLayout;
+export declare const stringifyToStreamLayoutInput: (layout: StreamLayout) => string;

package/dist/streams/layout/serializer.js

@@ -0,0 +1,6 @@
+export const parseToStreamLayout = (value) => {
+    return JSON.parse(value);
+};
+export const stringifyToStreamLayoutInput = (layout) => {
+    return JSON.stringify(layout);
+};

package/dist/streams/layout/slot-data-input.d.ts

@@ -0,0 +1,14 @@
+import { StreamComponentDataType } from './enums';
+export type StreamSlotDataInput = ImagesStreamSlotDataInput | ProductStreamSlotDataInput | ShortVideoStreamSlotDataInput;
+export interface ImagesStreamSlotDataInput {
+    type: StreamComponentDataType.Images;
+    ids: string[];
+}
+export interface ProductStreamSlotDataInput {
+    type: StreamComponentDataType.Product;
+    id: string;
+}
+export interface ShortVideoStreamSlotDataInput {
+    type: StreamComponentDataType.ShortVideo;
+    id: string;
+}

package/dist/streams/layout/slot-data-input.js

@@ -0,0 +1 @@
+import { StreamComponentDataType } from './enums';

package/dist/streams/layout/slot-data.d.ts

@@ -0,0 +1,18 @@
+import { StreamComponentDataType } from './enums';
+import type { StreamLayoutBlobModel, StreamLayoutProductModel, StreamLayoutShortVideoModel } from './models';
+export type StreamSlotData = ImagesStreamSlotData | ProductStreamSlotData | ShortVideoStreamSlotData;
+export type ImagesStreamSlotData = {
+    type: StreamComponentDataType.Images;
+    ids: string[];
+    items: StreamLayoutBlobModel[];
+};
+export type ProductStreamSlotData = {
+    type: StreamComponentDataType.Product;
+    id: string;
+    product: StreamLayoutProductModel | null;
+};
+export type ShortVideoStreamSlotData = {
+    type: StreamComponentDataType.ShortVideo;
+    id: string;
+    shortVideo: StreamLayoutShortVideoModel | null;
+};

package/dist/streams/layout/slot-data.js

@@ -0,0 +1 @@
+import { StreamComponentDataType } from './enums';

package/dist/streams/layout/slot.d.ts

@@ -0,0 +1,16 @@
+import type { StreamComponent } from './component';
+import type { StreamSlotData } from './slot-data';
+import type { StreamSlotDataInput } from './slot-data-input';
+export type StreamSlotTemplate = {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    components: StreamComponent[];
+};
+export type StreamSlotInput = StreamSlotTemplate & {
+    data: StreamSlotDataInput | null;
+};
+export type StreamSlot = StreamSlotTemplate & {
+    data: StreamSlotData | null;
+};

package/dist/streams/layout/slot.js

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

package/dist/streams/layout/styles-transformer.d.ts

@@ -0,0 +1,13 @@
+import { StreamElementStyleFontFamily, StreamElementStyleFontWeight, StreamElementStyleHorizontalAlign } from './enums';
+import type { ContainerStreamElementStyles, ImageStreamElementStyles, StreamLayoutStyles, TextStreamElementStyles } from './styles';
+export declare const generateStreamLayoutStyles: (styles: StreamLayoutStyles | null) => string;
+export declare const generateContainerStyles: (styles: Partial<ContainerStreamElementStyles> | null) => string;
+export declare const generateTextStyles: (styles: Partial<TextStreamElementStyles> | null) => string;
+export declare const generateImageStyles: (styles: Partial<ImageStreamElementStyles> | null) => string;
+export declare const mapFontFamily: (value: StreamElementStyleFontFamily | null | undefined) => string;
+export declare const mapFontWeight: (value: StreamElementStyleFontWeight | null | undefined) => "normal" | "600" | "500";
+export declare const mapTextAlign: (value: StreamElementStyleHorizontalAlign | null | undefined) => "center" | "left" | "right";
+export declare const mapFlexJustifyContent: (value: StreamElementStyleHorizontalAlign | null | undefined) => "center" | "flex-start" | "flex-end";
+export declare const transformFontSizeValue: (value: number | null | undefined) => string;
+export declare const transformNumericValue: (value: number | null | undefined, fallback?: string) => string;
+export declare const transformColorValue: (value: string | null | undefined) => string;