@streamscloud/embeddable 2.6.1 → 2.7.0

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

@@ -1,5 +1,6 @@
 <script lang="ts">var _a;
 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';
@@ -91,7 +92,9 @@ const stockElementHeight = $derived(elementHeight * 0.23);
       </div>
     {/if}
     {#if model.textAfter}
-      <div class="price-stream-element__text-after" style={textAfterCustomStyles}>{model.textAfter}</div>
+      <div class="price-stream-element__text-after" style={textAfterCustomStyles}>
+        <LineClamp value={model.textAfter} maxLines={1} />
+      </div>
     {/if}
   </div>
   {#if model.stock}
@@ -115,4 +118,7 @@ const stockElementHeight = $derived(elementHeight * 0.23);
   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/stream-player/cmp.stream-player.svelte

@@ -27,7 +27,7 @@ import { StreamPlayerLocalization } from './stream-player-localization';
 import { StreamPlayerUiManager } from './ui-manager.svelte';
 import { AppEventsTracker } from '@streamscloud/streams-analytics-collector';
 import { onMount } from 'svelte';
-let { streamId, graphqlOrigin, localization: localizationInit, on } = $props();
+let { streamId, graphqlOrigin, localization: localizationInit, showStreamsCloudWatermark, on } = $props();
 const localization = $derived(new StreamPlayerLocalization(localizationInit));
 let model = $state(null);
 let buffer = $state.raw(null);
@@ -174,6 +174,13 @@ const onProgress = (pageId, videoId, progress) => {
     <Loading positionAbsoluteCenter={true} timeout={600} />
   {/if}
   <div class="stream-player" style={uiManager.globalCssVariables}>
+    {#if showStreamsCloudWatermark}
+      <div class="stream-player__watermark">
+        <a href="https://streamscloud.com/" tabindex="-1" aria-label="none">
+          <img src="/watermark.svg" alt="watermark" />
+        </a>
+      </div>
+    {/if}
     {#if buffer && model}
       <SpotlightLayout ratio={9 / 16} on={{ dimensionsChanged: handleDimensionsChanged }}>
         <div class="stream-player__content" use:contentMounted>
@@ -265,6 +272,11 @@ const onProgress = (pageId, videoId, progress) => {
     padding: 0;
   }
 }
+.stream-player__watermark {
+  position: absolute;
+  bottom: 5rem;
+  left: 20rem;
+}
 .stream-player__content {
   width: 100%;
   height: 100%;

package/dist/streams/stream-player/cmp.stream-player.svelte.d.ts

@@ -4,6 +4,7 @@ type Props = {
     streamId: string;
     localization: IStreamPlayerLocalization | Locale;
     graphqlOrigin?: string;
+    showStreamsCloudWatermark?: boolean;
     on?: {
         closePlayer?: () => void;
         streamActivated?: (data: {

package/dist/streams/stream-player/index.d.ts

@@ -27,6 +27,7 @@ export declare const openStreamPlayer: (init: {
     streamId: string;
     graphqlOrigin?: string;
     localization?: IStreamPlayerLocalization | "en" | "no";
+    showStreamsCloudWatermark?: boolean;
     on?: {
         streamActivated?: (data: {
             title: string;

package/dist/streams/stream-player/index.js

@@ -27,7 +27,7 @@ import { mount, unmount } from 'svelte';
  * ```
  */
 export const openStreamPlayer = (init) => {
-    const { streamId, graphqlOrigin, localization } = init;
+    const { streamId, graphqlOrigin, localization, showStreamsCloudWatermark } = init;
     const shadowHost = new ShadowHost();
     const mounted = mount(StreamPlayer, {
         target: shadowHost.shadowRoot,
@@ -35,6 +35,7 @@ export const openStreamPlayer = (init) => {
             streamId,
             graphqlOrigin,
             localization: getLocale(localization),
+            showStreamsCloudWatermark,
             on: {
                 streamActivated: (data) => {
                     AppEventsTracker.setOrganizationId(data.ownerId);

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "2.6.1",
+  "version": "2.7.0",
   "author": "StreamsCloud",
   "repository": "https://github.com/StreamsCloud/streamscloud-frontend-packages.git",
   "type": "module",
   "scripts": {
     "dev": "vite dev --port 3010",
     "build": "svelte-package --tsconfig ./tsconfig.app.json  && prettier --write --plugin prettier-plugin-svelte . && eslint --fix .",
+    "publish": "npm publish --access public",
     "pack": "npm run build && npm pack",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json",