@streamscloud/embeddable 3.2.2 → 3.2.3

package/dist/short-videos/short-videos-player/operations.generated.js

@@ -1,194 +0,0 @@
-export const GetShortVideosDocument = {
-    kind: 'Document',
-    definitions: [
-        {
-            kind: 'OperationDefinition',
-            operation: 'query',
-            name: { kind: 'Name', value: 'GetShortVideos' },
-            variableDefinitions: [
-                {
-                    kind: 'VariableDefinition',
-                    variable: { kind: 'Variable', name: { kind: 'Name', value: 'input' } },
-                    type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'EmbedPostsInput' } } }
-                },
-                {
-                    kind: 'VariableDefinition',
-                    variable: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } },
-                    type: { kind: 'NamedType', name: { kind: 'Name', value: 'ImageScale' } },
-                    defaultValue: { kind: 'EnumValue', value: 'ORIGINAL_ENCODED' }
-                }
-            ],
-            selectionSet: {
-                kind: 'SelectionSet',
-                selections: [
-                    {
-                        kind: 'Field',
-                        alias: { kind: 'Name', value: 'shortVideos' },
-                        name: { kind: 'Name', value: 'embedPosts' },
-                        arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'input' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'input' } } }],
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'items' },
-                                    selectionSet: {
-                                        kind: 'SelectionSet',
-                                        selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'ShortVideoViewerPayloadFragment' } }]
-                                    }
-                                }
-                            ]
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            kind: 'FragmentDefinition',
-            name: { kind: 'Name', value: 'ShortVideoViewerPayloadFragment' },
-            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Post' } },
-            selectionSet: {
-                kind: 'SelectionSet',
-                selections: [
-                    { kind: 'Field', name: { kind: 'Name', value: 'id' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'enableSocialInteractions' } },
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'postHeading' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                { kind: 'Field', name: { kind: 'Name', value: 'sourceImage' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'sourceName' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'postDisplayDate' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'postViewsCount' } }
-                            ]
-                        }
-                    },
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'allProducts' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'media' },
-                                    selectionSet: {
-                                        kind: 'SelectionSet',
-                                        selections: [
-                                            { kind: 'Field', name: { kind: 'Name', value: 'url' } },
-                                            { kind: 'Field', name: { kind: 'Name', value: 'thumbnailUrl' } },
-                                            { kind: 'Field', name: { kind: 'Name', value: 'type' } }
-                                        ]
-                                    }
-                                },
-                                { kind: 'Field', name: { kind: 'Name', value: 'title' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'id' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'link' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'shortDescription' } },
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'priceAndAvailability' },
-                                    selectionSet: {
-                                        kind: 'SelectionSet',
-                                        selections: [
-                                            { kind: 'Field', name: { kind: 'Name', value: 'currency' } },
-                                            { kind: 'Field', name: { kind: 'Name', value: 'price' } },
-                                            {
-                                                kind: 'Field',
-                                                name: { kind: 'Name', value: 'productSalePrices' },
-                                                selectionSet: {
-                                                    kind: 'SelectionSet',
-                                                    selections: [
-                                                        { kind: 'Field', name: { kind: 'Name', value: 'salePrice' } },
-                                                        { kind: 'Field', name: { kind: 'Name', value: 'salePriceEffectiveDateFrom' } },
-                                                        { kind: 'Field', name: { kind: 'Name', value: 'salePriceEffectiveDateTo' } }
-                                                    ]
-                                                }
-                                            }
-                                        ]
-                                    }
-                                }
-                            ]
-                        }
-                    },
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'ad' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                { kind: 'Field', name: { kind: 'Name', value: 'id' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'title' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'description' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'buttonText' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'buttonUrl' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'openLinkInNewWindow' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'type' } },
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'media' },
-                                    selectionSet: {
-                                        kind: 'SelectionSet',
-                                        selections: [
-                                            { kind: 'Field', name: { kind: 'Name', value: 'url' } },
-                                            { kind: 'Field', name: { kind: 'Name', value: 'thumbnailUrl' } },
-                                            { kind: 'Field', name: { kind: 'Name', value: 'type' } }
-                                        ]
-                                    }
-                                }
-                            ]
-                        }
-                    },
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'postData' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'media' },
-                                    selectionSet: {
-                                        kind: 'SelectionSet',
-                                        selections: [
-                                            {
-                                                kind: 'Field',
-                                                name: { kind: 'Name', value: 'url' },
-                                                arguments: [
-                                                    {
-                                                        kind: 'Argument',
-                                                        name: { kind: 'Name', value: 'scale' },
-                                                        value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } }
-                                                    }
-                                                ]
-                                            },
-                                            {
-                                                kind: 'Field',
-                                                name: { kind: 'Name', value: 'thumbnailUrl' },
-                                                arguments: [
-                                                    {
-                                                        kind: 'Argument',
-                                                        name: { kind: 'Name', value: 'scale' },
-                                                        value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } }
-                                                    }
-                                                ]
-                                            },
-                                            { kind: 'Field', name: { kind: 'Name', value: 'type' } }
-                                        ]
-                                    }
-                                },
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'shortVideoData' },
-                                    selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
-                                }
-                            ]
-                        }
-                    }
-                ]
-            }
-        }
-    ]
-};

package/dist/short-videos/short-videos-player/operations.graphql

@@ -1,8 +0,0 @@
-# noinspection GraphQLSchemaValidation
-query GetShortVideos($input: EmbedPostsInput!, $image_scale: ImageScale = ORIGINAL_ENCODED) {
-  shortVideos: embedPosts(input: $input) {
-    items {
-      ...ShortVideoViewerPayloadFragment
-    }
-  }
-}

package/dist/short-videos/short-videos-player/short-videos-player-localization.d.ts

@@ -1,16 +0,0 @@
-import { type Locale } from '../../core/locale';
-import type { IShortVideoAttachmentsLocalization, IShortVideoDetailsLocalization, IShortVideoViewerLocalization } from '../short-video-viewer';
-import type { ISwipeIndicatorLocalization } from '../../ui/swipe-indicator';
-export interface IShortVideosPlayerLocalization {
-    shortVideoAttachmentsLocalization?: IShortVideoAttachmentsLocalization | Locale;
-    shortVideoDetailsLocalization?: IShortVideoDetailsLocalization | Locale;
-    shortVideoViewerLocalization?: IShortVideoViewerLocalization | Locale;
-    swipeIndicatorLocalization?: ISwipeIndicatorLocalization | Locale;
-}
-export declare class ShortVideosPlayerLocalization {
-    shortVideoAttachmentsLocalization: IShortVideoAttachmentsLocalization | Locale;
-    shortVideoDetailsLocalization: IShortVideoDetailsLocalization | Locale;
-    shortVideoViewerLocalization: IShortVideoViewerLocalization | Locale;
-    swipeIndicatorLocalization: ISwipeIndicatorLocalization | Locale;
-    constructor(init: IShortVideosPlayerLocalization | Locale);
-}

package/dist/short-videos/short-videos-player/short-videos-player-localization.js

@@ -1,13 +0,0 @@
-import { isLocale } from '../../core/locale';
-export class ShortVideosPlayerLocalization {
-    shortVideoAttachmentsLocalization;
-    shortVideoDetailsLocalization;
-    shortVideoViewerLocalization;
-    swipeIndicatorLocalization;
-    constructor(init) {
-        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';
-    }
-}

package/dist/short-videos/short-videos-player/types.d.ts

@@ -1,36 +0,0 @@
-import type { ShortVideoViewerModel } from '../..';
-import type { PlayerItemsProvider } from '../../ui/player';
-import type { IShortVideosPlayerLocalization } from './short-videos-player-localization';
-export type PlayerInput = ProviderPlayerInput | IdsPlayerInput;
-export type ProviderPlayerInput = {
-    type: 'provider';
-    provider: PlayerItemsProvider<ShortVideoViewerModel>;
-};
-export type IdsPlayerInput = {
-    type: 'ids';
-    ids: string[];
-    initialId?: string;
-    graphqlOrigin?: string;
-    initiator?: string;
-};
-export type OpenShortVideosPlayerInit = ProviderInit | IdsInit;
-type ProviderInit = {
-    shortVideosProvider: PlayerItemsProvider<ShortVideoViewerModel>;
-    localization?: IShortVideosPlayerLocalization | 'en' | 'no';
-    on?: {
-        playerClosed?: () => void;
-    };
-};
-type IdsInit = {
-    ids: string[];
-    graphqlOrigin?: string;
-    initialId?: string;
-    localization?: IShortVideosPlayerLocalization | 'en' | 'no';
-    initiator?: string;
-    on?: {
-        playerClosed?: () => void;
-    };
-};
-export declare const isShortVideosProviderInit: (init: unknown) => init is ProviderInit;
-export declare function isIdsInit(init: unknown): init is IdsInit;
-export {};

package/dist/short-videos/short-videos-player/types.js

@@ -1,6 +0,0 @@
-export const isShortVideosProviderInit = (init) => {
-    return typeof init === 'object' && init !== null && 'shortVideosProvider' in init;
-};
-export function isIdsInit(init) {
-    return typeof init === 'object' && init !== null && 'ids' in init && 'graphqlOrigin' in init;
-}

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

@@ -1,16 +0,0 @@
-<script lang="ts">import { HtmlHelper } from '../../../core/utils/html-helper';
-import { generateAnnotationStyles } from '../styles-transformer';
-let { model } = $props();
-const svgValue = $derived.by(() => {
-    if (model.svg) {
-        return HtmlHelper.sanitizeSvg(model.svg);
-    }
-    return '';
-});
-</script>
-
-{#if !model.inactive}
-  <div class="annotation-stream-element" style={generateAnnotationStyles(model.styles, model.placement)}>
-    {@html svgValue}
-  </div>
-{/if}

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

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

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

@@ -1,74 +0,0 @@
-<script lang="ts">var _a;
-import { StockStreamElementLocalization } from './stock-stream-element-localization';
-import { StockStreamElementLevel } from '../enums';
-import { mapFlexJustifyContent, transformNumericValue } from '../styles-transformer';
-let { model, heightOverrideDdu, localization: localizationInit } = $props();
-const localization = $derived(new StockStreamElementLocalization(localizationInit));
-const height = $derived(heightOverrideDdu || ((_a = model.styles) === null || _a === void 0 ? void 0 : _a.height) || 16);
-const containerStyles = $derived.by(() => {
-    var _a;
-    const values = [
-        `align-items: center;`,
-        `height: ${transformNumericValue(height)}; gap: 1cqi;`,
-        `justify-content: ${mapFlexJustifyContent((_a = model.styles) === null || _a === void 0 ? void 0 : _a.horizontalAlign)};`
-    ];
-    return values.join('');
-});
-const dotCustomStyles = $derived.by(() => {
-    const values = [`height: ${transformNumericValue(height)};`, `width: ${transformNumericValue(height)};`];
-    return values.join('');
-});
-const quantityCustomStyles = $derived.by(() => {
-    const values = [`font-size: ${transformNumericValue(height * 0.75)};`];
-    return values.join('');
-});
-</script>
-
-<div class="stock-stream-element" style={containerStyles}>
-  <div
-    class="stock-stream-element__dot"
-    style={dotCustomStyles}
-    class:stock-stream-element__dot--high={model.level === StockStreamElementLevel.High}
-    class:stock-stream-element__dot--medium={model.level === StockStreamElementLevel.Medium}
-    class:stock-stream-element__dot--low={model.level === StockStreamElementLevel.Low}
-    class:stock-stream-element__dot--out-of-stock={model.level === StockStreamElementLevel.OutOfStock}>
-    &nbsp;
-  </div>
-  <div class="stock-stream-element__quantity" style={quantityCustomStyles}>
-    {localization.quantity(model.quantity, [StockStreamElementLevel.Low, StockStreamElementLevel.OutOfStock].includes(model.level))}
-    {#if model.textAfter}
-      &nbsp;{model.textAfter}
-    {/if}
-  </div>
-</div>
-
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.stock-stream-element {
-  display: flex;
-}
-.stock-stream-element__dot {
-  border-radius: 50%;
-}
-.stock-stream-element__dot--high {
-  background-color: #0cce6b;
-}
-.stock-stream-element__dot--medium {
-  background-color: #ffa62b;
-}
-.stock-stream-element__dot--low {
-  background-color: #e71d36;
-}
-.stock-stream-element__dot--out-of-stock {
-  border: 1px solid #144ab0;
-  background-color: #ffffff;
-}</style>

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

@@ -1,11 +0,0 @@
-import type { Locale } from '../../../core/locale';
-import { type IStockStreamElementLocalization } from './stock-stream-element-localization';
-import type { StockStreamElementModel } from '../elements';
-type Props = {
-    model: StockStreamElementModel;
-    heightOverrideDdu?: number;
-    localization: IStockStreamElementLocalization | Locale;
-};
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

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

@@ -1,37 +0,0 @@
-<script lang="ts">let { model } = $props();
-export {};
-</script>
-
-<div class="web-view-stream-element">
-  {#if model.url}
-    <iframe
-      title="Web View"
-      src={model.url}
-      style="width: 100%; height: 100%; border: none;"
-      allowfullscreen
-      sandbox="allow-scripts allow-forms allow-same-origin"></iframe>
-  {:else}
-    <p>No URL provided for the web view.</p>
-  {/if}
-</div>
-
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.web-view-stream-element {
-  width: 100%;
-  min-width: 100%;
-  max-width: 100%;
-  height: 100%;
-  min-height: 100%;
-  max-height: 100%;
-  position: relative;
-}</style>

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

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

package/dist/streams/layout/element-views/price-element-view.svelte

@@ -1,168 +0,0 @@
-<script lang="ts">var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { Utils } from '../../../core/utils';
-import { toPriceRepresentation } from '../../../products/price-helper';
-import { LineClamp } from '../../../ui/line-clamp';
-import { PriceStreamElementLocalization } from './price-stream-element-localization';
-import { default as StockElementView } from './cmp.stock-stream-element.svelte';
-import { mapFlexJustifyContent, mapFontFamily, mapFontWeight, transformColorValue, transformFontSizeValue, transformNumericValue } from '../styles-transformer';
-let { maxElementHeight, model, data, localization, on } = $props();
-let priceElementRef = $state.raw(null);
-let priceContainerRef = $state.raw(null);
-const minElementHeight = 16;
-let adjustedHeight = $derived(maxElementHeight);
-const lineHeight = 1.2;
-const elementHeight = $derived(adjustedHeight);
-const priceHeight = $derived(model.stock ? elementHeight * 0.68 : elementHeight);
-const adjustableHeight = $derived(!!(on === null || on === void 0 ? void 0 : on.heightAdjusted));
-const currentPrice = $derived.by(() => {
-    if (data.salePrice) {
-        return toPriceRepresentation(data.salePrice, data.currency, model.includeCurrency || false);
-    }
-    return toPriceRepresentation(data.price, data.currency, model.includeCurrency || false);
-});
-const saveValue = $derived.by(() => {
-    if (data.salePrice) {
-        return toPriceRepresentation(data.price - data.salePrice, data.currency, model.includeCurrency || false);
-    }
-    return 0;
-});
-const beforeValue = $derived.by(() => {
-    return toPriceRepresentation(data.price, data.currency, model.includeCurrency || false);
-});
-const elementContainerStyles = $derived.by(() => {
-    var _a, _b;
-    const values = [
-        'display: flex;',
-        'flex-direction: column;',
-        'justify-content: space-between;',
-        `align-items: ${mapFlexJustifyContent((_a = model.styles) === null || _a === void 0 ? void 0 : _a.horizontalAlign)};`,
-        `font-family: ${mapFontFamily((_b = model.styles) === null || _b === void 0 ? void 0 : _b.fontFamily)};`,
-        `height: ${transformNumericValue(elementHeight)};`
-    ];
-    return values.join('');
-});
-const priceContainerStyles = $derived.by(() => {
-    const values = ['display: flex;', `height: ${transformNumericValue(priceHeight)};`, `align-items: center;`, 'gap: 3cqi;'];
-    return values.join('');
-});
-const priceCustomStyles = $derived.by(() => {
-    var _a, _b, _c;
-    const values = [
-        `font-size: ${transformFontSizeValue(priceHeight / lineHeight)};`,
-        `line-height: ${lineHeight};`,
-        `font-weight: ${mapFontWeight((_a = model.styles) === null || _a === void 0 ? void 0 : _a.fontWeight)};`,
-        `color: ${transformColorValue(data.salePrice ? (_b = model.styles) === null || _b === void 0 ? void 0 : _b.salePriceColor : (_c = model.styles) === null || _c === void 0 ? void 0 : _c.regularPriceColor)};`
-    ];
-    return values.join('');
-});
-const saveValueCustomStyles = $derived.by(() => {
-    var _a, _b;
-    const values = [
-        `margin-top: ${transformNumericValue((priceHeight - priceHeight / lineHeight) / 2)};`,
-        `font-size: ${transformFontSizeValue(priceHeight / 4)};`,
-        `font-weight: 500;`,
-        `padding: ${transformNumericValue(priceHeight / 8)} ${transformNumericValue(priceHeight / 4)};`,
-        `border-radius: ${transformNumericValue(priceHeight / 8)};`,
-        `background-color: ${transformColorValue((_a = model.styles) === null || _a === void 0 ? void 0 : _a.saveValueBackgroundColor)};`,
-        `color: ${transformColorValue((_b = model.styles) === null || _b === void 0 ? void 0 : _b.saveValueColor)};`
-    ];
-    return values.join('');
-});
-const beforeValueCustomStyles = $derived.by(() => {
-    var _a;
-    const values = [
-        `font-size: ${transformFontSizeValue(priceHeight / 5)};`,
-        `font-weight: 500;`,
-        `color: ${transformColorValue((_a = model.styles) === null || _a === void 0 ? void 0 : _a.beforeValueColor)};`
-    ];
-    return values.join('');
-});
-const textAfterCustomStyles = $derived.by(() => {
-    const values = [`font-size: ${transformFontSizeValue(priceHeight / lineHeight / 2)};`, `font-weight: 500;`, 'align-self: flex-end;'];
-    return values.join('');
-});
-const stockElementHeight = $derived(elementHeight * 0.23);
-const adjustHeightToFit = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (!priceContainerRef || !priceElementRef || !adjustableHeight) {
-        return;
-    }
-    yield new Promise((resolve) => requestAnimationFrame(resolve));
-    let currentHeight = maxElementHeight;
-    while (currentHeight > minElementHeight) {
-        adjustedHeight = currentHeight;
-        yield new Promise((resolve) => requestAnimationFrame(resolve));
-        let hasOverflow = priceElementRef.clientWidth < priceContainerRef.clientWidth;
-        if (!hasOverflow) {
-            break;
-        }
-        currentHeight -= 1;
-    }
-    on === null || on === void 0 ? void 0 : on.heightAdjusted(currentHeight);
-});
-const debouncedAdjustHeightToFit = Utils.debounce(adjustHeightToFit, 400);
-$effect(() => {
-    const references = [maxElementHeight, currentPrice, saveValue, beforeValue, model.textAfter, model.includeCurrency, model.excludeBeforePrice];
-    void references;
-    debouncedAdjustHeightToFit();
-});
-</script>
-
-<div class="price-stream-element" class:price-stream-element--adjustable={adjustableHeight} style={elementContainerStyles} bind:this={priceElementRef}>
-  <div class="price-stream-element__price-container" style={priceContainerStyles} bind:this={priceContainerRef}>
-    <div class="price-stream-element__price" style={priceCustomStyles}>
-      {currentPrice}
-    </div>
-    {#if data.salePrice && !model.excludeBeforePrice}
-      <div class="price-stream-element__sale-price">
-        <div class="price-stream-element__save" style={saveValueCustomStyles}>
-          {localization.saveValue(saveValue)}
-        </div>
-        <div class="price-stream-element__before-price" style={beforeValueCustomStyles}>
-          {localization.beforeValue(beforeValue)}
-        </div>
-      </div>
-    {/if}
-    {#if model.textAfter}
-      <div class="price-stream-element__text-after" style={textAfterCustomStyles}>
-        <LineClamp value={model.textAfter} maxLines={1} />
-      </div>
-    {/if}
-  </div>
-  {#if model.stock}
-    <StockElementView model={model.stock} heightOverrideDdu={stockElementHeight} localization={localization.stockLocalization} />
-  {/if}
-</div>
-
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.price-stream-element--adjustable {
-  position: absolute;
-  visibility: hidden;
-  width: 100%;
-}
-.price-stream-element__sale-price {
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  justify-content: space-between;
-}
-.price-stream-element__price, .price-stream-element__save, .price-stream-element__before-price {
-  white-space: nowrap;
-}</style>

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

@@ -1,15 +0,0 @@
-import { PriceStreamElementLocalization } from './price-stream-element-localization';
-import type { PriceStreamElementModel } from '../elements';
-import type { StreamLayoutProductPriceModel } from '../models';
-type Props = {
-    maxElementHeight: number;
-    model: PriceStreamElementModel;
-    data: StreamLayoutProductPriceModel;
-    localization: PriceStreamElementLocalization;
-    on?: {
-        heightAdjusted: (height: number) => void;
-    };
-};
-declare const PriceElementView: import("svelte").Component<Props, {}, "">;
-type PriceElementView = ReturnType<typeof PriceElementView>;
-export default PriceElementView;

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

@@ -1,13 +0,0 @@
-import { type Locale } from '../../../core/locale';
-import type { IStockStreamElementLocalization } from './stock-stream-element-localization';
-export interface IPriceStreamElementLocalization {
-    saveValue?: (value: string | number) => string;
-    beforeValue?: (value: string) => string;
-    stockLocalization?: IStockStreamElementLocalization | Locale;
-}
-export declare class PriceStreamElementLocalization {
-    saveValue: (value: string | number) => string;
-    beforeValue: (value: string) => string;
-    stockLocalization: IStockStreamElementLocalization | Locale;
-    constructor(init: IPriceStreamElementLocalization | Locale);
-}

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

@@ -1,21 +0,0 @@
-import { isLocale } from '../../../core/locale';
-export class PriceStreamElementLocalization {
-    saveValue;
-    beforeValue;
-    stockLocalization;
-    constructor(init) {
-        this.saveValue = isLocale(init) ? loc.saveValue[init] : init.saveValue || loc.saveValue.en;
-        this.beforeValue = isLocale(init) ? loc.beforeValue[init] : init.beforeValue || loc.beforeValue.en;
-        this.stockLocalization = isLocale(init) ? init : init.stockLocalization || 'en';
-    }
-}
-const loc = {
-    saveValue: {
-        en: (value) => `Save ${value}`,
-        no: (value) => `Lagre ${value}`
-    },
-    beforeValue: {
-        en: (value) => `Before ${value}`,
-        no: (value) => `Før ${value}`
-    }
-};