@wix/patterns-fields 1.18.0 → 1.20.0

package/dist/cjs/components/media-gallery/cell-media-gallery-edit.js

@@ -0,0 +1,301 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CellMediaGalleryEdit = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _media = require("@wix/media");
+var _autoFieldTypes = require("../../auto-field-types");
+var _hooks = require("../../hooks");
+var _mediaUtils = require("../../utils/media-utils");
+var _hooks2 = require("./media-gallery-dialog/hooks");
+var _mediaGalleryDialog = require("./media-gallery-dialog/media-gallery-dialog");
+var _mediaPreviewModal = require("./media-preview-modal");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-gallery/cell-media-gallery-edit.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const mediaGalleryPreviewTextKeys = {
+  replace: 'CMS.mediaGallery.preview.replace',
+  download: 'CMS.mediaGallery.preview.download',
+  delete: 'CMS.mediaGallery.preview.delete'
+};
+const CellMediaGalleryEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  onStartEdit,
+  inputRef,
+  dataHook
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const containerRef = (0, _react.useRef)(null);
+  const hasValue = Boolean(value == null ? void 0 : value.length);
+  const [isPreviewOpen, setIsPreviewOpen] = (0, _react.useState)(false);
+  // Tracks whether a commit happened during the current external-UI session.
+  // Prevents calling onCancel() after the user already committed (e.g., clear
+  // in the preview modal fires onClear then onClose, but we should not cancel).
+  const didCommitRef = (0, _react.useRef)(false);
+  const avatarItems = (value ?? []).map(item => ({
+    imgProps: {
+      src: (0, _autoFieldTypes.mediaURItoImageURL)(item.src, _autoFieldTypes.ThumbnailSize.S)
+    }
+  }));
+  const {
+    openMediaGalleryDialog,
+    ...dialogProps
+  } = (0, _hooks2.useMediaGalleryDialog)({
+    initialOpen: false,
+    items: value ?? [],
+    onChange: items => {
+      didCommitRef.current = true;
+      onChange(items.length > 0 ? items : null);
+      onCommit();
+    }
+  });
+  const handleOpenGallery = (0, _react.useCallback)(() => {
+    didCommitRef.current = false;
+    onStartEdit == null || onStartEdit();
+    openMediaGalleryDialog();
+  }, [onStartEdit, openMediaGalleryDialog]);
+  const handleOpenPreview = (0, _react.useCallback)(() => {
+    didCommitRef.current = false;
+    onStartEdit == null || onStartEdit();
+    setIsPreviewOpen(true);
+  }, [onStartEdit]);
+  const handlePreviewClose = (0, _react.useCallback)(() => {
+    setIsPreviewOpen(false);
+    if (!didCommitRef.current) {
+      onCancel == null || onCancel();
+    }
+    didCommitRef.current = false;
+  }, [onCancel]);
+  const handlePreviewRequestMedia = (0, _react.useCallback)(() => {
+    setIsPreviewOpen(false);
+    openMediaGalleryDialog();
+  }, [openMediaGalleryDialog]);
+  const handlePreviewClear = (0, _react.useCallback)(() => {
+    didCommitRef.current = true;
+    onChange(null);
+    onCommit();
+  }, [onChange, onCommit]);
+  const handleClearAll = (0, _react.useCallback)(() => {
+    onChange(null);
+    onCommit();
+  }, [onChange, onCommit]);
+  const onDownloadMedia = (0, _react.useCallback)(async mediaUri => {
+    var _value$;
+    const uri = mediaUri ?? (value == null || (_value$ = value[0]) == null ? void 0 : _value$.src);
+    if (!uri) return;
+    try {
+      var _result$downloadUrls;
+      const result = await _media.files.generateFileDownloadUrl(uri);
+      const downloadUrl = (_result$downloadUrls = result.downloadUrls) == null || (_result$downloadUrls = _result$downloadUrls[0]) == null ? void 0 : _result$downloadUrls.url;
+      if (!downloadUrl) throw new Error('No download URL returned');
+      (0, _mediaUtils.executeDownloading)(downloadUrl);
+    } catch {
+      (0, _mediaUtils.executeDownloading)((0, _autoFieldTypes.getMediaURL)(uri));
+    }
+  }, [value]);
+  const {
+    handleContainerFocus,
+    handleContainerBlur
+  } = (0, _hooks.useCellEditKeyboard)({
+    containerRef,
+    onCancel,
+    inputRef
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: containerRef,
+    "data-hook": dataHook,
+    style: {
+      width: '100%',
+      height: '100%'
+    },
+    onFocus: handleContainerFocus,
+    onBlur: handleContainerBlur,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 132,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "space-between",
+    verticalAlign: "middle",
+    height: "100%",
+    padding: "0 8px",
+    style: {
+      boxSizing: 'border-box'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 139,
+      columnNumber: 7
+    }
+  }, hasValue ? /*#__PURE__*/_react.default.createElement(_designSystem.AvatarGroup, {
+    items: avatarItems,
+    size: "tiny",
+    type: "condensed",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 147,
+      columnNumber: 11
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('CMS.mediaGallery.addGallery'),
+    appendTo: "window",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 149,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    size: "tiny",
+    priority: "secondary",
+    dataHook: "gallery-edit-add-button",
+    onClick: handleOpenGallery,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 150,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 156,
+      columnNumber: 15
+    }
+  }))), hasValue ? /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
+    textSize: "small",
+    appendTo: "window",
+    triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+      content: t('auto-patterns.fields.more_actions_tooltip'),
+      appendTo: "window",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 166,
+        columnNumber: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+      size: "tiny",
+      priority: "tertiary",
+      dataHook: "gallery-edit-more-button",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 170,
+        columnNumber: 17
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 175,
+        columnNumber: 19
+      }
+    }))),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 162,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "gallery-edit-action-manage",
+    text: t('CMS.mediaGallery.manageGallery'),
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 183,
+        columnNumber: 27
+      }
+    }),
+    onClick: handleOpenGallery,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 180,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "gallery-edit-action-preview",
+    text: t('CMS.mediaGallery.preview'),
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Maximize, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 189,
+        columnNumber: 27
+      }
+    }),
+    onClick: handleOpenPreview,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 186,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 192,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "gallery-edit-action-clear",
+    text: t('CMS.mediaGallery.clear'),
+    skin: "destructive",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 197,
+        columnNumber: 27
+      }
+    }),
+    onClick: handleClearAll,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 193,
+      columnNumber: 13
+    }
+  })) : null), dialogProps.isOpen && /*#__PURE__*/_react.default.createElement(_mediaGalleryDialog.MediaGalleryDialog, (0, _extends2.default)({}, dialogProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 204,
+      columnNumber: 30
+    }
+  })), /*#__PURE__*/_react.default.createElement(_mediaPreviewModal.MediaPreviewModal, {
+    isOpen: isPreviewOpen,
+    onClose: handlePreviewClose,
+    value: (value ?? []).map(item => item.src),
+    onRequestMedia: handlePreviewRequestMedia,
+    onClearMedia: handlePreviewClear,
+    onDownloadMedia: onDownloadMedia,
+    textKeys: mediaGalleryPreviewTextKeys,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 206,
+      columnNumber: 7
+    }
+  }));
+};
+exports.CellMediaGalleryEdit = CellMediaGalleryEdit;
+CellMediaGalleryEdit.displayName = 'CellMediaGalleryEdit';
+//# sourceMappingURL=cell-media-gallery-edit.js.map

package/dist/cjs/components/media-gallery/cell-media-gallery-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_media","_autoFieldTypes","_hooks","_mediaUtils","_hooks2","_mediaGalleryDialog","_mediaPreviewModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","mediaGalleryPreviewTextKeys","replace","download","delete","CellMediaGalleryEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","containerRef","useRef","hasValue","Boolean","length","isPreviewOpen","setIsPreviewOpen","useState","didCommitRef","avatarItems","map","item","imgProps","src","mediaURItoImageURL","ThumbnailSize","S","openMediaGalleryDialog","dialogProps","useMediaGalleryDialog","initialOpen","items","current","handleOpenGallery","useCallback","handleOpenPreview","handlePreviewClose","handlePreviewRequestMedia","handlePreviewClear","handleClearAll","onDownloadMedia","mediaUri","_value$","uri","_result$downloadUrls","result","files","generateFileDownloadUrl","downloadUrl","downloadUrls","url","Error","executeDownloading","getMediaURL","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","createElement","ref","style","width","height","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","padding","boxSizing","AvatarGroup","size","type","Tooltip","content","appendTo","IconButton","priority","onClick","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Refresh","Maximize","Divider","skin","Delete","isOpen","MediaGalleryDialog","_extends2","MediaPreviewModal","onClose","onRequestMedia","onClearMedia","textKeys","exports","displayName"],"sources":["../../../../src/components/media-gallery/cell-media-gallery-edit.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport {\n  AvatarGroup,\n  Box,\n  IconButton,\n  PopoverMenu,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Add,\n  MoreSmall,\n  Refresh,\n  Delete,\n  Maximize,\n} from '@wix/wix-ui-icons-common';\nimport { files } from '@wix/media';\nimport { mediaURItoImageURL, ThumbnailSize, getMediaURL } from '../../auto-field-types';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { useTranslations, useCellEditKeyboard } from '../../hooks';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { useMediaGalleryDialog } from './media-gallery-dialog/hooks';\nimport { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';\nimport { MediaPreviewModal } from './media-preview-modal';\n\nconst mediaGalleryPreviewTextKeys = {\n  replace: 'CMS.mediaGallery.preview.replace',\n  download: 'CMS.mediaGallery.preview.download',\n  delete: 'CMS.mediaGallery.preview.delete',\n} as const;\n\nexport interface CellMediaGalleryEditProps {\n  value: WixCodeGalleryItem[] | null;\n  onChange: (value: WixCodeGalleryItem[] | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nexport const CellMediaGalleryEdit: React.FC<CellMediaGalleryEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const hasValue = Boolean(value?.length);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n  // Tracks whether a commit happened during the current external-UI session.\n  // Prevents calling onCancel() after the user already committed (e.g., clear\n  // in the preview modal fires onClear then onClose, but we should not cancel).\n  const didCommitRef = useRef(false);\n\n  const avatarItems = (value ?? []).map((item) => ({\n    imgProps: { src: mediaURItoImageURL(item.src, ThumbnailSize.S) },\n  }));\n\n  const { openMediaGalleryDialog, ...dialogProps } = useMediaGalleryDialog({\n    initialOpen: false,\n    items: value ?? [],\n    onChange: (items: WixCodeGalleryItem[]) => {\n      didCommitRef.current = true;\n      onChange(items.length > 0 ? items : null);\n      onCommit();\n    },\n  });\n\n  const handleOpenGallery = useCallback(() => {\n    didCommitRef.current = false;\n    onStartEdit?.();\n    openMediaGalleryDialog();\n  }, [onStartEdit, openMediaGalleryDialog]);\n\n  const handleOpenPreview = useCallback(() => {\n    didCommitRef.current = false;\n    onStartEdit?.();\n    setIsPreviewOpen(true);\n  }, [onStartEdit]);\n\n  const handlePreviewClose = useCallback(() => {\n    setIsPreviewOpen(false);\n    if (!didCommitRef.current) {\n      onCancel?.();\n    }\n    didCommitRef.current = false;\n  }, [onCancel]);\n\n  const handlePreviewRequestMedia = useCallback(() => {\n    setIsPreviewOpen(false);\n    openMediaGalleryDialog();\n  }, [openMediaGalleryDialog]);\n\n  const handlePreviewClear = useCallback(() => {\n    didCommitRef.current = true;\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const handleClearAll = useCallback(() => {\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const onDownloadMedia = useCallback(\n    async (mediaUri?: string) => {\n      const uri = mediaUri ?? value?.[0]?.src;\n      if (!uri) return;\n      try {\n        const result = await files.generateFileDownloadUrl(uri);\n        const downloadUrl = result.downloadUrls?.[0]?.url;\n        if (!downloadUrl) throw new Error('No download URL returned');\n        executeDownloading(downloadUrl);\n      } catch {\n        executeDownloading(getMediaURL(uri));\n      }\n    },\n    [value],\n  );\n\n  const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({\n    containerRef,\n    onCancel,\n    inputRef,\n  });\n\n  return (\n    <div\n      ref={containerRef}\n      data-hook={dataHook}\n      style={{ width: '100%', height: '100%' }}\n      onFocus={handleContainerFocus}\n      onBlur={handleContainerBlur}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        height=\"100%\"\n        padding=\"0 8px\"\n        style={{ boxSizing: 'border-box' }}\n      >\n        {hasValue ? (\n          <AvatarGroup items={avatarItems} size=\"tiny\" type=\"condensed\" />\n        ) : (\n          <Tooltip content={t('CMS.mediaGallery.addGallery')} appendTo=\"window\">\n            <IconButton\n              size=\"tiny\"\n              priority=\"secondary\"\n              dataHook=\"gallery-edit-add-button\"\n              onClick={handleOpenGallery}\n            >\n              <Add />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        {hasValue ? (\n          <PopoverMenu\n            textSize=\"small\"\n            appendTo=\"window\"\n            triggerElement={\n              <Tooltip\n                content={t('auto-patterns.fields.more_actions_tooltip')}\n                appendTo=\"window\"\n              >\n                <IconButton\n                  size=\"tiny\"\n                  priority=\"tertiary\"\n                  dataHook=\"gallery-edit-more-button\"\n                >\n                  <MoreSmall />\n                </IconButton>\n              </Tooltip>\n            }\n          >\n            <PopoverMenu.MenuItem\n              dataHook=\"gallery-edit-action-manage\"\n              text={t('CMS.mediaGallery.manageGallery')}\n              prefixIcon={<Refresh />}\n              onClick={handleOpenGallery}\n            />\n            <PopoverMenu.MenuItem\n              dataHook=\"gallery-edit-action-preview\"\n              text={t('CMS.mediaGallery.preview')}\n              prefixIcon={<Maximize />}\n              onClick={handleOpenPreview}\n            />\n            <PopoverMenu.Divider />\n            <PopoverMenu.MenuItem\n              dataHook=\"gallery-edit-action-clear\"\n              text={t('CMS.mediaGallery.clear')}\n              skin=\"destructive\"\n              prefixIcon={<Delete />}\n              onClick={handleClearAll}\n            />\n          </PopoverMenu>\n        ) : null}\n      </Box>\n\n      {dialogProps.isOpen && <MediaGalleryDialog {...dialogProps} />}\n\n      <MediaPreviewModal\n        isOpen={isPreviewOpen}\n        onClose={handlePreviewClose}\n        value={(value ?? []).map((item) => item.src)}\n        onRequestMedia={handlePreviewRequestMedia}\n        onClearMedia={handlePreviewClear}\n        onDownloadMedia={onDownloadMedia}\n        textKeys={mediaGalleryPreviewTextKeys}\n      />\n    </div>\n  );\n};\n\nCellMediaGalleryEdit.displayName = 'CellMediaGalleryEdit';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/media-gallery/cell-media-gallery-view.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CellMediaGalleryView = CellMediaGalleryView;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _autoFieldTypes = require("../../auto-field-types");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-gallery/cell-media-gallery-view.tsx";
+function CellMediaGalleryView({
+  data,
+  dataHook
+}) {
+  const items = (data ?? []).map(item => ({
+    imgProps: {
+      src: (0, _autoFieldTypes.mediaURItoImageURL)(item.src, _autoFieldTypes.ThumbnailSize.S)
+    }
+  }));
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: dataHook,
+    verticalAlign: "middle",
+    height: "100%",
+    width: "100%",
+    padding: "0 8px",
+    overflow: "hidden",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 5
+    }
+  }, items.length > 0 ? /*#__PURE__*/_react.default.createElement(_designSystem.AvatarGroup, {
+    items: items,
+    size: "tiny",
+    type: "condensed",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 9
+    }
+  }) : null);
+}
+CellMediaGalleryView.displayName = 'CellMediaGalleryView';
+//# sourceMappingURL=cell-media-gallery-view.js.map

package/dist/cjs/components/media-gallery/cell-media-gallery-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_autoFieldTypes","_jsxFileName","CellMediaGalleryView","data","dataHook","items","map","item","imgProps","src","mediaURItoImageURL","ThumbnailSize","S","default","createElement","Box","verticalAlign","height","width","padding","overflow","__self","__source","fileName","lineNumber","columnNumber","length","AvatarGroup","size","type","displayName"],"sources":["../../../../src/components/media-gallery/cell-media-gallery-view.tsx"],"sourcesContent":["import React from 'react';\nimport { AvatarGroup, Box } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\n\nexport interface CellMediaGalleryViewProps {\n  data: WixCodeGalleryItem[] | null;\n  dataHook?: string;\n}\n\nexport function CellMediaGalleryView({ data, dataHook }: CellMediaGalleryViewProps) {\n  const items = (data ?? []).map((item) => ({\n    imgProps: { src: mediaURItoImageURL(item.src, ThumbnailSize.S) },\n  }));\n\n  return (\n    <Box\n      dataHook={dataHook}\n      verticalAlign=\"middle\"\n      height=\"100%\"\n      width=\"100%\"\n      padding=\"0 8px\"\n      overflow=\"hidden\"\n    >\n      {items.length > 0 ? (\n        <AvatarGroup items={items} size=\"tiny\" type=\"condensed\" />\n      ) : null}\n    </Box>\n  );\n}\n\nCellMediaGalleryView.displayName = 'CellMediaGalleryView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAA2E,IAAAG,YAAA;AAQpE,SAASC,oBAAoBA,CAAC;EAAEC,IAAI;EAAEC;AAAoC,CAAC,EAAE;EAClF,MAAMC,KAAK,GAAG,CAACF,IAAI,IAAI,EAAE,EAAEG,GAAG,CAAEC,IAAI,KAAM;IACxCC,QAAQ,EAAE;MAAEC,GAAG,EAAE,IAAAC,kCAAkB,EAACH,IAAI,CAACE,GAAG,EAAEE,6BAAa,CAACC,CAAC;IAAE;EACjE,CAAC,CAAC,CAAC;EAEH,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IACFX,QAAQ,EAAEA,QAAS;IACnBY,aAAa,EAAC,QAAQ;IACtBC,MAAM,EAAC,MAAM;IACbC,KAAK,EAAC,MAAM;IACZC,OAAO,EAAC,OAAO;IACfC,QAAQ,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBpB,KAAK,CAACqB,MAAM,GAAG,CAAC,gBACf9B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA4B,WAAW;IAACtB,KAAK,EAAEA,KAAM;IAACuB,IAAI,EAAC,MAAM;IAACC,IAAI,EAAC,WAAW;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GACxD,IACD,CAAC;AAEV;AAEAvB,oBAAoB,CAAC4B,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js

@@ -5,22 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmediagalleryfield1578519398";
+var _namespace_ = "formmediagalleryfield896548020";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "formmediagalleryfield1578519398__root",
-  "container": "formmediagalleryfield1578519398__container",
-  "viewBox": "formmediagalleryfield1578519398__viewBox",
-  "addItemWrapper": "formmediagalleryfield1578519398__addItemWrapper",
-  "addItem": "formmediagalleryfield1578519398__addItem",
-  "overlay": "formmediagalleryfield1578519398__overlay",
-  "image": "formmediagalleryfield1578519398__image",
-  "previewImage": "formmediagalleryfield1578519398__previewImage",
-  "previewVideo": "formmediagalleryfield1578519398__previewVideo"
+  "root": "formmediagalleryfield896548020__root",
+  "container": "formmediagalleryfield896548020__container",
+  "viewBox": "formmediagalleryfield896548020__viewBox",
+  "addItemWrapper": "formmediagalleryfield896548020__addItemWrapper",
+  "addItem": "formmediagalleryfield896548020__addItem",
+  "overlay": "formmediagalleryfield896548020__overlay",
+  "image": "formmediagalleryfield896548020__image",
+  "previewImage": "formmediagalleryfield896548020__previewImage",
+  "previewVideo": "formmediagalleryfield896548020__previewVideo"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield1578519398\";\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\":\"formmediagalleryfield1578519398__root\",\"container\":\"formmediagalleryfield1578519398__container\",\"viewBox\":\"formmediagalleryfield1578519398__viewBox\",\"addItemWrapper\":\"formmediagalleryfield1578519398__addItemWrapper\",\"addItem\":\"formmediagalleryfield1578519398__addItem\",\"overlay\":\"formmediagalleryfield1578519398__overlay\",\"image\":\"formmediagalleryfield1578519398__image\",\"previewImage\":\"formmediagalleryfield1578519398__previewImage\",\"previewVideo\":\"formmediagalleryfield1578519398__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uCAAuC;EAAC,WAAW,EAAC,4CAA4C;EAAC,SAAS,EAAC,0CAA0C;EAAC,gBAAgB,EAAC,iDAAiD;EAAC,SAAS,EAAC,0CAA0C;EAAC,SAAS,EAAC,0CAA0C;EAAC,OAAO,EAAC,wCAAwC;EAAC,cAAc,EAAC,+CAA+C;EAAC,cAAc,EAAC;AAA+C,CAAC;AACxgB,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield896548020\";\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\":\"formmediagalleryfield896548020__root\",\"container\":\"formmediagalleryfield896548020__container\",\"viewBox\":\"formmediagalleryfield896548020__viewBox\",\"addItemWrapper\":\"formmediagalleryfield896548020__addItemWrapper\",\"addItem\":\"formmediagalleryfield896548020__addItem\",\"overlay\":\"formmediagalleryfield896548020__overlay\",\"image\":\"formmediagalleryfield896548020__image\",\"previewImage\":\"formmediagalleryfield896548020__previewImage\",\"previewVideo\":\"formmediagalleryfield896548020__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,WAAW,EAAC,2CAA2C;EAAC,SAAS,EAAC,yCAAyC;EAAC,gBAAgB,EAAC,gDAAgD;EAAC,SAAS,EAAC,yCAAyC;EAAC,SAAS,EAAC,yCAAyC;EAAC,OAAO,EAAC,uCAAuC;EAAC,cAAc,EAAC,8CAA8C;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC/f,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/media-gallery/index.js

@@ -7,4 +7,16 @@ Object.keys(_mediaGalleryView).forEach(function (key) {
   if (key in exports && exports[key] === _mediaGalleryView[key]) return;
   exports[key] = _mediaGalleryView[key];
 });
+var _cellMediaGalleryView = require("./cell-media-gallery-view");
+Object.keys(_cellMediaGalleryView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellMediaGalleryView[key]) return;
+  exports[key] = _cellMediaGalleryView[key];
+});
+var _cellMediaGalleryEdit = require("./cell-media-gallery-edit");
+Object.keys(_cellMediaGalleryEdit).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellMediaGalleryEdit[key]) return;
+  exports[key] = _cellMediaGalleryEdit[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/media-gallery/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mediaGalleryView","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/media-gallery/index.ts"],"sourcesContent":["export * from './media-gallery-view';\n"],"mappings":";;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,iBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_mediaGalleryView","require","Object","keys","forEach","key","exports","_cellMediaGalleryView","_cellMediaGalleryEdit"],"sources":["../../../../src/components/media-gallery/index.ts"],"sourcesContent":["export * from './media-gallery-view';\nexport * from './cell-media-gallery-view';\nexport * from './cell-media-gallery-edit';\n"],"mappings":";;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,iBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,qBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,qBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,qBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,qBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,qBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,qBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,qBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,qBAAA,CAAAH,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/media-image/media-image.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediaimage701414124";
+var _namespace_ = "mediaimage3815000853";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "mediaimage701414124__root"
+  "root": "mediaimage3815000853__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -23,7 +23,7 @@ var vars = exports.vars = {
   "wsr-color-R20": "--wsr-color-R20",
   "wds-color-black-550": "--wds-color-black-550",
   "wsr-color-D55": "--wsr-color-D55",
-  "from": "--mediaimage701414124-from",
-  "to": "--mediaimage701414124-to"
+  "from": "--mediaimage3815000853-from",
+  "to": "--mediaimage3815000853-to"
 };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/cjs/components/media-image/media-image.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/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_ = \"mediaimage701414124\";\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\":\"mediaimage701414124__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\":\"--mediaimage701414124-from\",\"to\":\"--mediaimage701414124-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2B,CAAC;AAClD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,4BAA4B;EAAC,IAAI,EAAC;AAA0B,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/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_ = \"mediaimage3815000853\";\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\":\"mediaimage3815000853__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\":\"--mediaimage3815000853-from\",\"to\":\"--mediaimage3815000853-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,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/cjs/components/media-image/overlays/overlay.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "overlay564791231";
+var _namespace_ = "overlay289352330";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "overlay564791231__root",
-  "iconOverlay": "overlay564791231__iconOverlay"
+  "root": "overlay289352330__root",
+  "iconOverlay": "overlay289352330__iconOverlay"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -23,6 +23,6 @@ var stVars = exports.stVars = {
 };
 var vars = exports.vars = {
   "wds-color-white": "--wds-color-white",
-  "wsr-color-D80": "--overlay564791231-wsr-color-D80"
+  "wsr-color-D80": "--overlay289352330-wsr-color-D80"
 };
 //# sourceMappingURL=overlay.st.css.js.map

package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay564791231\";\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\":\"overlay564791231__root\",\"iconOverlay\":\"overlay564791231__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--overlay564791231-wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,aAAa,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAkC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay289352330\";\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\":\"overlay289352330__root\",\"iconOverlay\":\"overlay289352330__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--overlay289352330-wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,aAAa,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAkC,CAAC","ignoreList":[]}

package/dist/cjs/components/media-loader/media-loader.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "medialoader4170719626";
+var _namespace_ = "medialoader1955011350";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "medialoader4170719626__root",
-  "loader": "medialoader4170719626__loader"
+  "root": "medialoader1955011350__root",
+  "loader": "medialoader1955011350__loader"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-loader/media-loader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/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_ = \"medialoader4170719626\";\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\":\"medialoader4170719626__root\",\"loader\":\"medialoader4170719626__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":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/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_ = \"medialoader1955011350\";\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\":\"medialoader1955011350__root\",\"loader\":\"medialoader1955011350__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":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediatag3281460592";
+var _namespace_ = "mediatag562852759";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "mediatag3281460592__root"
+  "root": "mediatag562852759__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/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_ = \"mediatag3281460592\";\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\":\"mediatag3281460592__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":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/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_ = \"mediatag562852759\";\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\":\"mediatag562852759__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":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}