@streamscloud/embeddable 16.0.7-1772033370968 → 16.0.7-1772046586256

package/dist/articles/article/fields/image-field.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { MediaItemView } from '../../../ui/media-item-view';
+<script lang="ts">import { MediaItemView } from '../../../ui/media-items/media-item-view';
 import AltText from './alt-text.svelte';
 let { field } = $props();
 const fieldData = $derived(field.fieldData.imageData);

package/dist/articles/article/fields/media-field.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { MediaItemView } from '../../../ui/media-item-view';
+<script lang="ts">import { MediaItemView } from '../../../ui/media-items/media-item-view';
 import AltText from './alt-text.svelte';
 let { field } = $props();
 const fieldData = $derived(field.fieldData.mediaData);

package/dist/articles/article/fields/media-gallery-field.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { MediaItemsGallery } from '../../../ui/media-items-gallery';
+<script lang="ts">import { MediaItemsGallery } from '../../../ui/media-items/media-items-gallery';
 import AltText from './alt-text.svelte';
 let { field } = $props();
 const fieldData = $derived(field.fieldData.mediaGalleryData);

package/dist/articles/article/fields/types.d.ts

@@ -1,5 +1,16 @@
 import type { ArticleFieldType, GalleryFieldMode, MediaFormat, TextFieldMode, TextFieldWeight } from '../../../core/enums';
-import type { MediaItemModel, MediaItemWithMetadataModel } from '../../../core/media';
+import type { MediaType } from '../../../core/enums';
+export type ArticleFieldMediaItem = {
+    type: MediaType;
+    url: string;
+    thumbnailUrl?: string | null;
+};
+export type ArticleFieldGalleryMediaItem = ArticleFieldMediaItem & {
+    metadata: {
+        width: number;
+        height: number;
+    };
+};
 export type FieldMetadata = {
     displayDate: string;
 };
@@ -30,17 +41,17 @@ export type BylineFieldDataModel = {
     authorName: string | null;
 };
 export type ImageFieldDataModel = {
-    image: MediaItemModel | null;
+    image: ArticleFieldMediaItem | null;
     preferredMediaFormat: MediaFormat;
     altText: string | null;
 };
 export type MediaFieldDataModel = {
-    media: MediaItemModel | null;
+    media: ArticleFieldMediaItem | null;
     preferredMediaFormat: MediaFormat;
     altText: string | null;
 };
 export type MediaGalleryFieldDataModel = {
-    media: MediaItemWithMetadataModel[] | null;
+    media: ArticleFieldGalleryMediaItem[] | null;
     galleryMode: GalleryFieldMode;
     preferredMediaFormat: MediaFormat;
     altText: string | null;
@@ -56,7 +67,7 @@ export type TextFieldDataModel = {
     textWeight: TextFieldWeight;
 };
 export type VideoFieldDataModel = {
-    video: MediaItemModel | null;
+    video: ArticleFieldMediaItem | null;
     preferredMediaFormat: MediaFormat;
     altText: string | null;
 };

package/dist/articles/article/fields/video-field.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { MediaItemView } from '../../../ui/media-item-view';
+<script lang="ts">import { MediaItemView } from '../../../ui/media-items/media-item-view';
 import AltText from './alt-text.svelte';
 let { field } = $props();
 const fieldData = $derived(field.fieldData.videoData);

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

@@ -1,2 +1 @@
-export { type MediaItemModel, type MediaItemMetadataModel, type MediaItemWithMetadataModel } from './types';
 export { getMediaItemImageUrl } from './media-item-url.service';

package/dist/core/media/index.js

@@ -1,2 +1 @@
-export {} from './types';
 export { getMediaItemImageUrl } from './media-item-url.service';

package/dist/core/media/media-item-url.service.d.ts

@@ -1,2 +1,6 @@
-import type { MediaItemModel } from './types';
-export declare const getMediaItemImageUrl: (media: MediaItemModel) => string;
+import type { MediaType } from '../enums';
+export declare const getMediaItemImageUrl: (media: {
+    type: MediaType;
+    url: string;
+    thumbnailUrl?: string | null;
+}) => string;

package/dist/ui/media-items/index.d.ts

@@ -0,0 +1,3 @@
+export { MediaItemView } from './media-item-view';
+export { MediaItemsGallery } from './media-items-gallery';
+export { type MediaItem, type MediaItemMetadataModel, type MediaItemWithMetadataModel, getMediaItemImageUrl } from './types';

package/dist/ui/media-items/index.js

@@ -0,0 +1,3 @@
+export { MediaItemView } from './media-item-view';
+export { MediaItemsGallery } from './media-items-gallery';
+export { getMediaItemImageUrl } from './types';

package/dist/ui/{media-item-view → media-items/media-item-view}/cmp.media-item-view.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">import { getMediaItemImageUrl } from '../../core/media';
+<script lang="ts">import { getMediaItemImageUrl } from '../types';
 import { Image } from '@streamscloud/kit/ui/image';
 import { ProportionalContainer } from '@streamscloud/kit/ui/proportional-container';
 import { Video } from '@streamscloud/kit/ui/video';

package/dist/ui/{media-item-view → media-items/media-item-view}/cmp.media-item-view.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { MediaFormat } from '../../core/enums';
-import { type MediaItemModel } from '../../core/media';
+import type { MediaFormat } from '../../../core/enums';
+import { type MediaItem } from '../types';
 type Props = {
-    media: MediaItemModel | null;
+    media: MediaItem | null;
     ratio?: number | MediaFormat | 'fit-parent';
     inert?: boolean;
     on?: {

package/dist/ui/{media-items-gallery → media-items/media-items-gallery}/cmp.media-items-gallery.svelte

@@ -1,6 +1,6 @@
-<script lang="ts">import {} from '../../core/media';
+<script lang="ts">import {} from '../types';
 import { MediaItemView } from '../media-item-view';
-import { GalleryLayout } from './types';
+import { GalleryLayout } from './gallery-layout';
 import { openMediaViewer } from '@streamscloud/kit/ui/media-viewer-dialog';
 let { media, singleImageRatio = 0, inert = false, on } = $props();
 let layout = $state(null);

package/dist/ui/{media-items-gallery → media-items/media-items-gallery}/cmp.media-items-gallery.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { MediaFormat } from '../../core/enums';
-import { type MediaItemWithMetadataModel } from '../../core/media';
+import type { MediaFormat } from '../../../core/enums';
+import { type MediaItemWithMetadataModel } from '../types';
 type Props = {
     media: Array<MediaItemWithMetadataModel> | ReadonlyArray<MediaItemWithMetadataModel>;
     singleImageRatio?: number | MediaFormat;

package/dist/ui/{media-items-gallery/types.d.ts → media-items/media-items-gallery/gallery-layout.d.ts}

@@ -1,4 +1,4 @@
-import { type MediaItemWithMetadataModel } from '../../core/media';
+import { type MediaItemWithMetadataModel } from '../types';
 export declare class GalleryLayout {
     layoutClass: string;
     firstImage: MediaItemWithMetadataModel;

package/dist/ui/{media-items-gallery/types.js → media-items/media-items-gallery/gallery-layout.js}

@@ -1,4 +1,4 @@
-import { getMediaItemImageUrl } from '../../core/media';
+import { getMediaItemImageUrl } from '../types';
 import { ImageHelper } from '@streamscloud/kit/core/media';
 export class GalleryLayout {
     layoutClass;

package/dist/ui/media-items/types.d.ts

@@ -0,0 +1,14 @@
+import type { MediaType } from '../../core/enums';
+export type MediaItem = {
+    type: MediaType;
+    url: string;
+    thumbnailUrl?: string | null;
+};
+export type MediaItemMetadataModel = {
+    width: number;
+    height: number;
+};
+export type MediaItemWithMetadataModel = MediaItem & {
+    metadata: MediaItemMetadataModel;
+};
+export declare const getMediaItemImageUrl: (media: MediaItem) => string;

package/dist/ui/media-items/types.js

@@ -0,0 +1 @@
+export const getMediaItemImageUrl = (media) => (media.type === 'IMAGE' ? media.url : (media.thumbnailUrl ?? ''));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "16.0.7-1772033370968",
+  "version": "16.0.7-1772046586256",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",
@@ -54,6 +54,10 @@
       "types": "./dist/media-page/index.d.ts",
       "svelte": "./dist/media-page/index.js"
     },
+    "./media-items": {
+      "types": "./dist/ui/media-items/index.d.ts",
+      "svelte": "./dist/ui/media-items/index.js"
+    },
     "./posts": {
       "types": "./dist/posts/index.d.ts",
       "svelte": "./dist/posts/index.js"
@@ -142,7 +146,7 @@
     }
   },
   "peerDependencies": {
-    "@streamscloud/kit": "^0.1.12",
+    "@streamscloud/kit": "^0.1.12-0",
     "@streamscloud/streams-analytics-collector": "^4.0.1",
     "svelte": "^5.51.0"
   },
@@ -158,7 +162,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.1.12",
+    "@streamscloud/kit": "^0.1.12-1772041668184",
     "@streamscloud/streams-analytics-collector": "^4.0.1",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",

package/dist/core/media/types.d.ts

@@ -1,13 +0,0 @@
-import type { MediaType } from '../enums';
-export type MediaItemModel = {
-    type: MediaType;
-    url: string;
-    thumbnailUrl?: string | null;
-};
-export type MediaItemMetadataModel = {
-    width: number;
-    height: number;
-};
-export type MediaItemWithMetadataModel = MediaItemModel & {
-    metadata: MediaItemMetadataModel;
-};

package/dist/core/media/types.js

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