@wix/auto-patterns 1.50.0 → 1.52.0

package/dist/esm/cms-fields/components/media-gallery/media-gallery-dialog/utils.js

@@ -0,0 +1,288 @@
+import { mediaURItoVideoURL } from '../../../auto-cms-field-types';
+import { parseMediaItemUri, createMediaItemUri, isMediaItemError } from '../../../utils/media-item-utils';
+/** Convert a wix:video:// URI to a playable 480p MP4 URL for preview */
+export const convertMediaURIToPreviewVideoURL = uri => {
+  const videoURL = mediaURItoVideoURL(uri);
+  return videoURL.replace(/\/file$/, '/480p/mp4/file.mp4');
+};
+const generateId = () => crypto.randomUUID();
+const isEmptyString = value => value === undefined || value === null || value.trim() === '';
+export const applyOrganizeMediaItemsChanges = (items, changes) => items.map(item => {
+  const itemChange = changes.find(_ref => {
+    let {
+      itemId
+    } = _ref;
+    return item.id === itemId;
+  });
+  return {
+    ...item,
+    ...(itemChange == null ? void 0 : itemChange.data)
+  };
+}).sort((_ref2, _ref3) => {
+  let {
+    orderIndex: a
+  } = _ref2;
+  let {
+    orderIndex: b
+  } = _ref3;
+  return Number(a) - Number(b);
+}).map((_ref4, orderIndex) => {
+  let {
+    sortOrder,
+    ...item
+  } = _ref4;
+  return {
+    ...item,
+    orderIndex
+  };
+});
+
+/**
+ * Converts WixCodeGalleryItem link (object or string) + target
+ * to OrganizeMediaItemLink. Handles both link formats.
+ * Ported from cms-web's convertWixCodeGalleryItemLinkToOrganizeMediaItemLink.
+ */
+export const convertWixCodeGalleryItemLinkToOrganizeMediaItemLink = (link, target) => {
+  if (link === null || link === undefined) {
+    return undefined;
+  }
+  switch (typeof link) {
+    case 'object':
+      {
+        if (!link.url || isEmptyString(link.url)) {
+          return undefined;
+        }
+        return {
+          url: link.url,
+          text: link.url,
+          target: link.target || target || '_blank'
+        };
+      }
+    case 'string':
+      {
+        if (isEmptyString(link)) {
+          return undefined;
+        }
+        return {
+          url: link,
+          text: link,
+          target: target || '_blank'
+        };
+      }
+    default:
+      return undefined;
+  }
+};
+export const convertWixCodeGalleryItemToOrganizeMediaItem = (item, orderIndex) => {
+  var _settings$focalPoint, _settings$focalPoint2;
+  const {
+    src,
+    alt,
+    description,
+    title: itemTitle = '',
+    fileName,
+    settings,
+    link: itemLink,
+    target
+  } = item;
+  const parsed = parseMediaItemUri(src);
+  if (isMediaItemError(parsed)) {
+    return null;
+  }
+  const focalPoint = {
+    x: (settings == null || (_settings$focalPoint = settings.focalPoint) == null ? void 0 : _settings$focalPoint[0]) ?? 0.5,
+    y: (settings == null || (_settings$focalPoint2 = settings.focalPoint) == null ? void 0 : _settings$focalPoint2[1]) ?? 0.5
+  };
+  const title = itemTitle.length > 0 ? itemTitle : parsed.title || '';
+  const link = convertWixCodeGalleryItemLinkToOrganizeMediaItemLink(itemLink, target);
+  if (parsed.type === 'image') {
+    return {
+      dataType: 'Photo',
+      id: generateId(),
+      mediaUrl: parsed.mediaId,
+      fileName: parsed.mediaId,
+      name: title,
+      orderIndex,
+      isSecure: false,
+      photoMetadata: {
+        width: parsed.width,
+        height: parsed.height,
+        focalPoint
+      },
+      title,
+      alt,
+      description,
+      link,
+      metaData: {
+        title,
+        description,
+        link,
+        height: parsed.height,
+        width: parsed.width,
+        fileName,
+        name: title
+      }
+    };
+  }
+  if (parsed.type === 'video') {
+    return {
+      dataType: 'Video',
+      id: generateId(),
+      mediaUrl: convertMediaURIToPreviewVideoURL(src),
+      fileName: parsed.mediaId,
+      name: title,
+      orderIndex,
+      thumbnail: parsed.mediaId,
+      videoMetadata: {
+        width: parsed.width,
+        height: parsed.height,
+        duration: 0,
+        posters: parsed.posterId ? [{
+          url: parsed.posterId
+        }] : [],
+        focalPoint
+      },
+      title,
+      alt,
+      description,
+      link,
+      metaData: {
+        title,
+        description,
+        link,
+        height: parsed.height,
+        width: parsed.width,
+        fileName,
+        name: title
+      }
+    };
+  }
+  return null;
+};
+
+/**
+ * Converts a media URI string (from media manager) to an OrganizeMediaItem.
+ * Always sets name to mediaId. The dialog's onAddMedia handles the EMPTY
+ * naming preference by calling setItemsEmptyTitles.
+ */
+export const convertMediaControlItemToOrganizeMediaItem = mediaUri => {
+  const parsed = parseMediaItemUri(mediaUri);
+  if (isMediaItemError(parsed)) {
+    return null;
+  }
+  const title = parsed.title || '';
+  if (parsed.type === 'image') {
+    return {
+      dataType: 'Photo',
+      id: generateId(),
+      mediaUrl: parsed.mediaId,
+      fileName: parsed.mediaId,
+      name: parsed.mediaId,
+      isSecure: false,
+      photoMetadata: {
+        width: parsed.width,
+        height: parsed.height,
+        focalPoint: {
+          x: 0.5,
+          y: 0.5
+        }
+      },
+      title,
+      metaData: {
+        title,
+        height: parsed.height,
+        width: parsed.width,
+        fileName: title,
+        name: title
+      }
+    };
+  }
+  if (parsed.type === 'video') {
+    return {
+      dataType: 'Video',
+      id: generateId(),
+      mediaUrl: convertMediaURIToPreviewVideoURL(mediaUri),
+      fileName: parsed.mediaId,
+      name: parsed.mediaId,
+      thumbnail: parsed.mediaId,
+      videoMetadata: {
+        width: parsed.width,
+        height: parsed.height,
+        duration: 0,
+        posters: parsed.posterId ? [{
+          url: parsed.posterId
+        }] : [],
+        focalPoint: {
+          x: 0.5,
+          y: 0.5
+        }
+      },
+      title,
+      metaData: {
+        title,
+        height: parsed.height,
+        width: parsed.width,
+        fileName: title,
+        name: title
+      }
+    };
+  }
+  return null;
+};
+
+/** Reset titles to empty — used when defaultNewItemName is EMPTY.
+ *  Only clears `title`, not `name` (matches cms-web behavior). */
+export const setItemsEmptyTitles = items => items.map(item => ({
+  ...item,
+  title: ''
+}));
+export const convertOrganizeMediaItemToWixCodeGalleryItem = item => {
+  var _item$photoMetadata, _item$photoMetadata2, _item$videoMetadata, _item$videoMetadata2, _item$videoMetadata3, _settings$focalPoint3, _settings$focalPoint4;
+  const {
+    dataType,
+    mediaUrl = '',
+    fileName = '',
+    title = '',
+    description = '',
+    alt = '',
+    link,
+    metaData
+  } = item;
+  const settings = dataType === 'Photo' ? item.photoMetadata : item.videoMetadata;
+  const createParams = dataType === 'Photo' ? {
+    type: 'image',
+    mediaId: fileName,
+    title: encodeURIComponent(title),
+    width: ((_item$photoMetadata = item.photoMetadata) == null ? void 0 : _item$photoMetadata.width) ?? 0,
+    height: ((_item$photoMetadata2 = item.photoMetadata) == null ? void 0 : _item$photoMetadata2.height) ?? 0
+  } : {
+    type: 'video',
+    mediaId: fileName,
+    title: encodeURIComponent(title),
+    width: ((_item$videoMetadata = item.videoMetadata) == null ? void 0 : _item$videoMetadata.width) ?? 0,
+    height: ((_item$videoMetadata2 = item.videoMetadata) == null ? void 0 : _item$videoMetadata2.height) ?? 0,
+    posterId: ((_item$videoMetadata3 = item.videoMetadata) == null || (_item$videoMetadata3 = _item$videoMetadata3.posters) == null || (_item$videoMetadata3 = _item$videoMetadata3[0]) == null ? void 0 : _item$videoMetadata3.url) ?? ''
+  };
+  const media = createMediaItemUri(createParams);
+  if (isMediaItemError(media)) {
+    return null;
+  }
+  return {
+    type: dataType === 'Photo' ? 'image' : 'video',
+    slug: mediaUrl,
+    src: media.item,
+    title,
+    description,
+    alt,
+    fileName: (metaData == null ? void 0 : metaData.fileName) ?? '',
+    settings: {
+      ...settings,
+      focalPoint: [(settings == null || (_settings$focalPoint3 = settings.focalPoint) == null ? void 0 : _settings$focalPoint3.x) ?? 0.5, (settings == null || (_settings$focalPoint4 = settings.focalPoint) == null ? void 0 : _settings$focalPoint4.y) ?? 0.5]
+    },
+    ...(link != null && link.url && !isEmptyString(link.url) ? {
+      link: link.url,
+      target: link.target || '_blank'
+    } : {})
+  };
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/cms-fields/components/media-gallery/media-gallery-dialog/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mediaURItoVideoURL","parseMediaItemUri","createMediaItemUri","isMediaItemError","convertMediaURIToPreviewVideoURL","uri","videoURL","replace","generateId","crypto","randomUUID","isEmptyString","value","undefined","trim","applyOrganizeMediaItemsChanges","items","changes","map","item","itemChange","find","_ref","itemId","id","data","sort","_ref2","_ref3","orderIndex","a","b","Number","_ref4","sortOrder","convertWixCodeGalleryItemLinkToOrganizeMediaItemLink","link","target","url","text","convertWixCodeGalleryItemToOrganizeMediaItem","_settings$focalPoint","_settings$focalPoint2","src","alt","description","title","itemTitle","fileName","settings","itemLink","parsed","focalPoint","x","y","length","type","dataType","mediaUrl","mediaId","name","isSecure","photoMetadata","width","height","metaData","thumbnail","videoMetadata","duration","posters","posterId","convertMediaControlItemToOrganizeMediaItem","mediaUri","setItemsEmptyTitles","convertOrganizeMediaItemToWixCodeGalleryItem","_item$photoMetadata","_item$photoMetadata2","_item$videoMetadata","_item$videoMetadata2","_item$videoMetadata3","_settings$focalPoint3","_settings$focalPoint4","createParams","encodeURIComponent","media","slug"],"sources":["../../../../../../src/cms-fields/components/media-gallery/media-gallery-dialog/utils.ts"],"sourcesContent":["import type {\n  WixCodeGalleryItem,\n  WixCodeGalleryItemLink,\n  WixCodeGalleryItemTarget,\n} from '../../../auto-cms-field-types';\nimport { mediaURItoVideoURL } from '../../../auto-cms-field-types';\nimport {\n  parseMediaItemUri,\n  createMediaItemUri,\n  isMediaItemError,\n} from '../../../utils/media-item-utils';\nimport type {\n  OrganizeMediaItem,\n  OrganizeMediaItemChange,\n  OrganizeMediaItemLink,\n} from './types';\n\n/** Convert a wix:video:// URI to a playable 480p MP4 URL for preview */\nexport const convertMediaURIToPreviewVideoURL = (uri: string): string => {\n  const videoURL = mediaURItoVideoURL(uri);\n  return videoURL.replace(/\\/file$/, '/480p/mp4/file.mp4');\n};\n\nconst generateId = () => crypto.randomUUID();\n\nconst isEmptyString = (value?: string | null): boolean =>\n  value === undefined || value === null || value.trim() === '';\n\nexport const applyOrganizeMediaItemsChanges = (\n  items: OrganizeMediaItem[],\n  changes: OrganizeMediaItemChange[],\n): OrganizeMediaItem[] =>\n  items\n    .map((item) => {\n      const itemChange = changes.find(({ itemId }) => item.id === itemId);\n      return { ...item, ...itemChange?.data };\n    })\n    .sort(({ orderIndex: a }, { orderIndex: b }) => Number(a) - Number(b))\n    .map(({ sortOrder, ...item }, orderIndex) => ({\n      ...item,\n      orderIndex,\n    }));\n\n/**\n * Converts WixCodeGalleryItem link (object or string) + target\n * to OrganizeMediaItemLink. Handles both link formats.\n * Ported from cms-web's convertWixCodeGalleryItemLinkToOrganizeMediaItemLink.\n */\nexport const convertWixCodeGalleryItemLinkToOrganizeMediaItemLink = (\n  link?: WixCodeGalleryItemLink | null,\n  target?: WixCodeGalleryItemTarget,\n): OrganizeMediaItemLink | undefined => {\n  if (link === null || link === undefined) {\n    return undefined;\n  }\n\n  switch (typeof link) {\n    case 'object': {\n      if (!link.url || isEmptyString(link.url)) {\n        return undefined;\n      }\n      return {\n        url: link.url,\n        text: link.url,\n        target: link.target || target || '_blank',\n      };\n    }\n    case 'string': {\n      if (isEmptyString(link)) {\n        return undefined;\n      }\n      return {\n        url: link,\n        text: link,\n        target: target || '_blank',\n      };\n    }\n    default:\n      return undefined;\n  }\n};\n\nexport const convertWixCodeGalleryItemToOrganizeMediaItem = (\n  item: WixCodeGalleryItem,\n  orderIndex: number,\n): OrganizeMediaItem | null => {\n  const {\n    src,\n    alt,\n    description,\n    title: itemTitle = '',\n    fileName,\n    settings,\n    link: itemLink,\n    target,\n  } = item;\n\n  const parsed = parseMediaItemUri(src);\n  if (isMediaItemError(parsed)) {\n    return null;\n  }\n\n  const focalPoint = {\n    x: settings?.focalPoint?.[0] ?? 0.5,\n    y: settings?.focalPoint?.[1] ?? 0.5,\n  };\n\n  const title = itemTitle.length > 0 ? itemTitle : parsed.title || '';\n  const link = convertWixCodeGalleryItemLinkToOrganizeMediaItemLink(\n    itemLink,\n    target,\n  );\n\n  if (parsed.type === 'image') {\n    return {\n      dataType: 'Photo',\n      id: generateId(),\n      mediaUrl: parsed.mediaId,\n      fileName: parsed.mediaId,\n      name: title,\n      orderIndex,\n      isSecure: false,\n      photoMetadata: {\n        width: parsed.width,\n        height: parsed.height,\n        focalPoint,\n      },\n      title,\n      alt,\n      description,\n      link,\n      metaData: {\n        title,\n        description,\n        link,\n        height: parsed.height,\n        width: parsed.width,\n        fileName,\n        name: title,\n      },\n    };\n  }\n\n  if (parsed.type === 'video') {\n    return {\n      dataType: 'Video',\n      id: generateId(),\n      mediaUrl: convertMediaURIToPreviewVideoURL(src),\n      fileName: parsed.mediaId,\n      name: title,\n      orderIndex,\n      thumbnail: parsed.mediaId,\n      videoMetadata: {\n        width: parsed.width,\n        height: parsed.height,\n        duration: 0,\n        posters: parsed.posterId ? [{ url: parsed.posterId }] : [],\n        focalPoint,\n      },\n      title,\n      alt,\n      description,\n      link,\n      metaData: {\n        title,\n        description,\n        link,\n        height: parsed.height,\n        width: parsed.width,\n        fileName,\n        name: title,\n      },\n    };\n  }\n\n  return null;\n};\n\n/**\n * Converts a media URI string (from media manager) to an OrganizeMediaItem.\n * Always sets name to mediaId. The dialog's onAddMedia handles the EMPTY\n * naming preference by calling setItemsEmptyTitles.\n */\nexport const convertMediaControlItemToOrganizeMediaItem = (\n  mediaUri: string,\n): OrganizeMediaItem | null => {\n  const parsed = parseMediaItemUri(mediaUri);\n  if (isMediaItemError(parsed)) {\n    return null;\n  }\n\n  const title = parsed.title || '';\n\n  if (parsed.type === 'image') {\n    return {\n      dataType: 'Photo',\n      id: generateId(),\n      mediaUrl: parsed.mediaId,\n      fileName: parsed.mediaId,\n      name: parsed.mediaId,\n      isSecure: false,\n      photoMetadata: {\n        width: parsed.width,\n        height: parsed.height,\n        focalPoint: { x: 0.5, y: 0.5 },\n      },\n      title,\n      metaData: {\n        title,\n        height: parsed.height,\n        width: parsed.width,\n        fileName: title,\n        name: title,\n      },\n    };\n  }\n\n  if (parsed.type === 'video') {\n    return {\n      dataType: 'Video',\n      id: generateId(),\n      mediaUrl: convertMediaURIToPreviewVideoURL(mediaUri),\n      fileName: parsed.mediaId,\n      name: parsed.mediaId,\n      thumbnail: parsed.mediaId,\n      videoMetadata: {\n        width: parsed.width,\n        height: parsed.height,\n        duration: 0,\n        posters: parsed.posterId ? [{ url: parsed.posterId }] : [],\n        focalPoint: { x: 0.5, y: 0.5 },\n      },\n      title,\n      metaData: {\n        title,\n        height: parsed.height,\n        width: parsed.width,\n        fileName: title,\n        name: title,\n      },\n    };\n  }\n\n  return null;\n};\n\n/** Reset titles to empty — used when defaultNewItemName is EMPTY.\n *  Only clears `title`, not `name` (matches cms-web behavior). */\nexport const setItemsEmptyTitles = (\n  items: OrganizeMediaItem[],\n): OrganizeMediaItem[] => items.map((item) => ({ ...item, title: '' }));\n\nexport const convertOrganizeMediaItemToWixCodeGalleryItem = (\n  item: OrganizeMediaItem,\n): WixCodeGalleryItem | null => {\n  const {\n    dataType,\n    mediaUrl = '',\n    fileName = '',\n    title = '',\n    description = '',\n    alt = '',\n    link,\n    metaData,\n  } = item;\n\n  const settings =\n    dataType === 'Photo' ? item.photoMetadata : item.videoMetadata;\n\n  const createParams =\n    dataType === 'Photo'\n      ? {\n          type: 'image' as const,\n          mediaId: fileName,\n          title: encodeURIComponent(title),\n          width: item.photoMetadata?.width ?? 0,\n          height: item.photoMetadata?.height ?? 0,\n        }\n      : {\n          type: 'video' as const,\n          mediaId: fileName,\n          title: encodeURIComponent(title),\n          width: item.videoMetadata?.width ?? 0,\n          height: item.videoMetadata?.height ?? 0,\n          posterId: item.videoMetadata?.posters?.[0]?.url ?? '',\n        };\n\n  const media = createMediaItemUri(createParams);\n  if (isMediaItemError(media)) {\n    return null;\n  }\n\n  return {\n    type: dataType === 'Photo' ? 'image' : 'video',\n    slug: mediaUrl,\n    src: media.item,\n    title,\n    description,\n    alt,\n    fileName: metaData?.fileName ?? '',\n    settings: {\n      ...settings,\n      focalPoint: [\n        settings?.focalPoint?.x ?? 0.5,\n        settings?.focalPoint?.y ?? 0.5,\n      ],\n    },\n    ...(link?.url && !isEmptyString(link.url)\n      ? { link: link.url, target: link.target || '_blank' }\n      : {}),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/cms-fields/components/media-gallery/media-preview-modal.js

@@ -0,0 +1,147 @@
+import React, { useCallback, useMemo, useState, useEffect } from 'react';
+import { Box, Button, IconButton, Image, Loader, Modal, ModalPreviewLayout, TextButton, Tooltip } from '@wix/design-system';
+import { Replace, DownloadImport as Download, Delete } from '@wix/wix-ui-icons-common';
+import { getMediaTitle, isMediaVideoURI, mediaURItoImageURL } from '../../auto-cms-field-types';
+import { useTranslations } from '../../hooks';
+import { classes } from './form-media-gallery-field.st.css.js';
+import { convertMediaURIToPreviewVideoURL } from './media-gallery-dialog/utils';
+export const MediaPreviewModal = _ref => {
+  let {
+    isOpen,
+    onClose,
+    value,
+    onRequestMedia,
+    onClearMedia,
+    onDownloadMedia,
+    textKeys,
+    readOnly
+  } = _ref;
+  if (!isOpen || !value) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Modal, {
+    isOpen: true,
+    screen: "full"
+  }, /*#__PURE__*/React.createElement(MediaPreviewLayout, {
+    src: value,
+    onClose: onClose,
+    textKeys: textKeys,
+    onDownload: onDownloadMedia,
+    onClear: onClearMedia,
+    onReplace: onRequestMedia,
+    readOnly: readOnly
+  }));
+};
+const MediaPreviewLayout = _ref2 => {
+  let {
+    src,
+    onClose,
+    textKeys,
+    onDownload,
+    onReplace,
+    onClear,
+    readOnly
+  } = _ref2;
+  const {
+    t
+  } = useTranslations();
+  const sources = useMemo(() => Array.isArray(src) ? src : [src], [src]);
+  const [current, setCurrent] = useState(sources[0]);
+  const title = getMediaTitle(current);
+  const handleDownload = useCallback(() => {
+    if (sources.length > 1) {
+      onDownload == null || onDownload(current);
+    } else {
+      onDownload == null || onDownload();
+    }
+  }, [sources, onDownload, current]);
+  const prevButtonProps = {
+    tooltipText: t('CMS.mediaGallery.preview.previousItem'),
+    onClick: prevIndex => setCurrent(sources[prevIndex])
+  };
+  const nextButtonProps = {
+    tooltipText: t('CMS.mediaGallery.preview.nextItem'),
+    onClick: nextIndex => setCurrent(sources[nextIndex])
+  };
+  const handleClear = useCallback(() => {
+    onClear == null || onClear();
+    onClose();
+  }, [onClear, onClose]);
+  return /*#__PURE__*/React.createElement(ModalPreviewLayout, {
+    title: title,
+    prevButtonProps: prevButtonProps,
+    nextButtonProps: nextButtonProps,
+    actions: /*#__PURE__*/React.createElement(Box, {
+      verticalAlign: "middle"
+    }, /*#__PURE__*/React.createElement(Box, {
+      marginRight: 2
+    }, /*#__PURE__*/React.createElement(TextButton, {
+      size: "small",
+      skin: "light",
+      prefixIcon: /*#__PURE__*/React.createElement(Download, null),
+      onClick: handleDownload
+    }, t(textKeys.download))), /*#__PURE__*/React.createElement(Box, {
+      marginRight: 2
+    }, /*#__PURE__*/React.createElement(Button, {
+      priority: "secondary",
+      size: "small",
+      skin: "light",
+      prefixIcon: /*#__PURE__*/React.createElement(Replace, null),
+      onClick: onReplace,
+      disabled: readOnly
+    }, t(textKeys.replace))), onClear && /*#__PURE__*/React.createElement(Box, {
+      marginRight: 2
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      content: t(textKeys.delete)
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      priority: "secondary",
+      size: "small",
+      skin: "light",
+      onClick: handleClear,
+      disabled: readOnly
+    }, /*#__PURE__*/React.createElement(Delete, null))))),
+    onClose: onClose
+  }, sources.map((mediaSrc, i) => /*#__PURE__*/React.createElement(MediaPreviewItem, {
+    key: i,
+    src: mediaSrc
+  })));
+};
+const MediaPreviewItem = _ref3 => {
+  let {
+    src
+  } = _ref3;
+  const [loading, setLoading] = useState(true);
+  useEffect(() => setLoading(true), [src]);
+  const onLoad = useCallback(() => setLoading(false), []);
+  if (!src) return null;
+  const previewURL = mediaURItoImageURL(src, window.innerWidth);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(Box, {
+    align: "center",
+    verticalAlign: "middle",
+    width: "100%",
+    height: "100%"
+  }, /*#__PURE__*/React.createElement(Loader, {
+    size: "small"
+  })), isMediaVideoURI(src) ? /*#__PURE__*/React.createElement("video", {
+    style: {
+      display: loading ? 'none' : 'initial'
+    },
+    poster: previewURL,
+    onLoadedData: onLoad,
+    controls: true,
+    className: classes.previewVideo,
+    autoPlay: true,
+    loop: true,
+    muted: true
+  }, /*#__PURE__*/React.createElement("source", {
+    src: convertMediaURIToPreviewVideoURL(src)
+  })) : /*#__PURE__*/React.createElement(Image, {
+    style: {
+      display: loading ? 'none' : 'initial'
+    },
+    className: classes.previewImage,
+    onLoad: onLoad,
+    src: previewURL
+  }));
+};
+//# sourceMappingURL=media-preview-modal.js.map

package/dist/esm/cms-fields/components/media-gallery/media-preview-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","useEffect","Box","Button","IconButton","Image","Loader","Modal","ModalPreviewLayout","TextButton","Tooltip","Replace","DownloadImport","Download","Delete","getMediaTitle","isMediaVideoURI","mediaURItoImageURL","useTranslations","classes","convertMediaURIToPreviewVideoURL","MediaPreviewModal","_ref","isOpen","onClose","value","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","readOnly","createElement","screen","MediaPreviewLayout","src","onDownload","onClear","onReplace","_ref2","t","sources","Array","isArray","current","setCurrent","title","handleDownload","length","prevButtonProps","tooltipText","onClick","prevIndex","nextButtonProps","nextIndex","handleClear","actions","verticalAlign","marginRight","size","skin","prefixIcon","download","priority","disabled","replace","content","delete","map","mediaSrc","i","MediaPreviewItem","key","_ref3","loading","setLoading","onLoad","previewURL","window","innerWidth","Fragment","align","width","height","style","display","poster","onLoadedData","controls","className","previewVideo","autoPlay","loop","muted","previewImage"],"sources":["../../../../../src/cms-fields/components/media-gallery/media-preview-modal.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState, useEffect } from 'react';\nimport type { NextButtonProps, PrevButtonProps } from '@wix/design-system';\nimport {\n  Box,\n  Button,\n  IconButton,\n  Image,\n  Loader,\n  Modal,\n  ModalPreviewLayout,\n  TextButton,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Replace,\n  DownloadImport as Download,\n  Delete,\n} from '@wix/wix-ui-icons-common';\nimport {\n  getMediaTitle,\n  isMediaVideoURI,\n  mediaURItoImageURL,\n} from '../../auto-cms-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { TranslationsKeys } from '../../../services/translations';\n\nimport { classes } from './form-media-gallery-field.st.css.js';\nimport { convertMediaURIToPreviewVideoURL } from './media-gallery-dialog/utils';\n\nexport interface MediaPreviewLayoutTextKeys {\n  replace: TranslationsKeys;\n  download: TranslationsKeys;\n  delete: TranslationsKeys;\n}\n\nexport interface MediaPreviewProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onRequestMedia: () => void;\n  onClearMedia?: () => void;\n  onDownloadMedia: (value?: string) => void;\n  textKeys: MediaPreviewLayoutTextKeys;\n  value?: string | string[];\n  readOnly?: boolean;\n}\n\nexport const MediaPreviewModal: React.FC<MediaPreviewProps> = ({\n  isOpen,\n  onClose,\n  value,\n  onRequestMedia,\n  onClearMedia,\n  onDownloadMedia,\n  textKeys,\n  readOnly,\n}) => {\n  if (!isOpen || !value) {\n    return null;\n  }\n\n  return (\n    <Modal isOpen screen=\"full\">\n      <MediaPreviewLayout\n        src={value}\n        onClose={onClose}\n        textKeys={textKeys}\n        onDownload={onDownloadMedia}\n        onClear={onClearMedia}\n        onReplace={onRequestMedia}\n        readOnly={readOnly}\n      />\n    </Modal>\n  );\n};\n\ninterface MediaPreviewLayoutProps {\n  src: string[] | string;\n  onClose: () => void;\n  textKeys: MediaPreviewLayoutTextKeys;\n  onReplace?: () => void;\n  onClear?: () => void;\n  onDownload?: (src?: string) => void;\n  readOnly?: boolean;\n}\n\nconst MediaPreviewLayout: React.FC<MediaPreviewLayoutProps> = ({\n  src,\n  onClose,\n  textKeys,\n  onDownload,\n  onReplace,\n  onClear,\n  readOnly,\n}) => {\n  const { t } = useTranslations();\n  const sources = useMemo(() => (Array.isArray(src) ? src : [src]), [src]);\n  const [current, setCurrent] = useState(sources[0]);\n  const title = getMediaTitle(current);\n\n  const handleDownload = useCallback(() => {\n    if (sources.length > 1) {\n      onDownload?.(current);\n    } else {\n      onDownload?.();\n    }\n  }, [sources, onDownload, current]);\n\n  const prevButtonProps = {\n    tooltipText: t('CMS.mediaGallery.preview.previousItem'),\n    onClick: (prevIndex: number) => setCurrent(sources[prevIndex]),\n  } as PrevButtonProps;\n\n  const nextButtonProps = {\n    tooltipText: t('CMS.mediaGallery.preview.nextItem'),\n    onClick: (nextIndex: number) => setCurrent(sources[nextIndex]),\n  } as NextButtonProps;\n\n  const handleClear = useCallback(() => {\n    onClear?.();\n    onClose();\n  }, [onClear, onClose]);\n\n  return (\n    <ModalPreviewLayout\n      title={title}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      actions={\n        <Box verticalAlign=\"middle\">\n          <Box marginRight={2}>\n            <TextButton\n              size=\"small\"\n              skin=\"light\"\n              prefixIcon={<Download />}\n              onClick={handleDownload}\n            >\n              {t(textKeys.download)}\n            </TextButton>\n          </Box>\n          <Box marginRight={2}>\n            <Button\n              priority=\"secondary\"\n              size=\"small\"\n              skin=\"light\"\n              prefixIcon={<Replace />}\n              onClick={onReplace}\n              disabled={readOnly}\n            >\n              {t(textKeys.replace)}\n            </Button>\n          </Box>\n          {onClear && (\n            <Box marginRight={2}>\n              <Tooltip content={t(textKeys.delete)}>\n                <IconButton\n                  priority=\"secondary\"\n                  size=\"small\"\n                  skin=\"light\"\n                  onClick={handleClear}\n                  disabled={readOnly}\n                >\n                  <Delete />\n                </IconButton>\n              </Tooltip>\n            </Box>\n          )}\n        </Box>\n      }\n      onClose={onClose}\n    >\n      {sources.map((mediaSrc: string, i) => (\n        <MediaPreviewItem key={i} src={mediaSrc} />\n      ))}\n    </ModalPreviewLayout>\n  );\n};\n\nconst MediaPreviewItem: React.FC<{ src: string }> = ({ src }) => {\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => setLoading(true), [src]);\n  const onLoad = useCallback(() => setLoading(false), []);\n\n  if (!src) return null;\n\n  const previewURL = mediaURItoImageURL(src, window.innerWidth);\n\n  return (\n    <>\n      {loading && (\n        <Box align=\"center\" verticalAlign=\"middle\" width=\"100%\" height=\"100%\">\n          <Loader size=\"small\" />\n        </Box>\n      )}\n      {isMediaVideoURI(src) ? (\n        <video\n          style={{ display: loading ? 'none' : 'initial' }}\n          poster={previewURL}\n          onLoadedData={onLoad}\n          controls\n          className={classes.previewVideo}\n          autoPlay\n          loop\n          muted\n        >\n          <source src={convertMediaURIToPreviewVideoURL(src)} />\n        </video>\n      ) : (\n        <Image\n          style={{ display: loading ? 'none' : 'initial' }}\n          className={classes.previewImage}\n          onLoad={onLoad}\n          src={previewURL}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/cms-fields/components/media-image/media-image.st.css.js

@@ -1,14 +1,14 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "mediaimage3445225352";
+var _namespace_ = "mediaimage3757316756";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "mediaimage3445225352__root"
+  "root": "mediaimage3757316756__root"
 };
 export var keyframes = {};
 export var layers = {};
@@ -19,7 +19,7 @@ export var vars = {
   "wsr-color-R20": "--wsr-color-R20",
   "wds-color-black-550": "--wds-color-black-550",
   "wsr-color-D55": "--wsr-color-D55",
-  "from": "--mediaimage3445225352-from",
-  "to": "--mediaimage3445225352-to"
+  "from": "--mediaimage3757316756-from",
+  "to": "--mediaimage3757316756-to"
 };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/esm/cms-fields/components/media-image/media-image.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage3445225352\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage3445225352__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage3445225352-from\",\"to\":\"--mediaimage3445225352-to\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AAC1D,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage3757316756\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage3757316756__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage3757316756-from\",\"to\":\"--mediaimage3757316756-to\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AAC1D,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-loader/media-loader.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "medialoader3796700456";
+var _namespace_ = "medialoader4286026328";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "medialoader3796700456__root",
-  "loader": "medialoader3796700456__loader"
+  "root": "medialoader4286026328__root",
+  "loader": "medialoader4286026328__loader"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/media-loader/media-loader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader3796700456\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"medialoader3796700456__root\",\"loader\":\"medialoader3796700456__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AACpG,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AAC5G,OAAO,IAAIC,IAAI,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader4286026328\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"medialoader4286026328__root\",\"loader\":\"medialoader4286026328__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AACpG,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AAC5G,OAAO,IAAIC,IAAI,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-tag/web-media-tag/media-tag.st.css.js

@@ -1,14 +1,14 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "mediatag1376618674";
+var _namespace_ = "mediatag1180654392";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "mediatag1376618674__root"
+  "root": "mediatag1180654392__root"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/media-tag/web-media-tag/media-tag.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag1376618674\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediatag1376618674__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,qCAAqC;AAInF,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACxD,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag1180654392\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediatag1180654392__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,qCAAqC;AAInF,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACxD,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document.st.css.js

@@ -1,17 +1,17 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "formmultidocument1505728389";
+var _namespace_ = "formmultidocument3995688419";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "formmultidocument1505728389__root",
-  "viewRoot": "formmultidocument1505728389__viewRoot",
-  "singleViewWrapper": "formmultidocument1505728389__singleViewWrapper",
-  "addDocumentButton": "formmultidocument1505728389__addDocumentButton"
+  "root": "formmultidocument3995688419__root",
+  "viewRoot": "formmultidocument3995688419__viewRoot",
+  "singleViewWrapper": "formmultidocument3995688419__singleViewWrapper",
+  "addDocumentButton": "formmultidocument3995688419__addDocumentButton"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument1505728389\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmultidocument1505728389__root\",\"viewRoot\":\"formmultidocument1505728389__viewRoot\",\"singleViewWrapper\":\"formmultidocument1505728389__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument1505728389__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,qCAAqC;AAInF,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AAC9P,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AACnH,OAAO,IAAIC,IAAI,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument3995688419\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmultidocument3995688419__root\",\"viewRoot\":\"formmultidocument3995688419__viewRoot\",\"singleViewWrapper\":\"formmultidocument3995688419__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument3995688419__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,qCAAqC;AAInF,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AAC9P,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AACnH,OAAO,IAAIC,IAAI,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}