@wix/patterns-fields 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/media-gallery/media-gallery-dialog/utils.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/media-gallery/media-gallery-item-thumbnail.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { getImageDimensions } from '../../auto-field-types';
+import { MediaImage } from '../media-image';
+export const MediaGalleryItemThumbnail = ({ width, height = 30, ...props }) => {
+    const dimensions = (() => {
+        try {
+            return getImageDimensions(props.src);
+        }
+        catch (e) {
+            console.error(e);
+            return { width: 0, height: 0 };
+        }
+    })();
+    const actualHeight = parseInt(height.toString(), 10);
+    const actualWidth = Math.ceil((dimensions.width * actualHeight) / dimensions.height);
+    return (React.createElement(MediaImage, { suspended: true, transparent: true, borderRadius: 1, width: `${actualWidth}px`, height: `${actualHeight}px`, size: MediaImage.Size.S, ...props }));
+};
+//# sourceMappingURL=media-gallery-item-thumbnail.js.map

package/dist/esm/components/media-gallery/media-gallery-item-thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-gallery-item-thumbnail.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/media-gallery-item-thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,MAAM,CAAC,MAAM,yBAAyB,GAElC,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE;QACvB,IAAI;YACF,OAAO,kBAAkB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SACtC;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACjB,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;SAChC;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAC3B,CAAC,UAAU,CAAC,KAAK,GAAG,YAAY,CAAC,GAAG,UAAU,CAAC,MAAM,CACtD,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,SAAS,QACT,WAAW,QACX,YAAY,EAAE,CAAC,EACf,KAAK,EAAE,GAAG,WAAW,IAAI,EACzB,MAAM,EAAE,GAAG,YAAY,IAAI,EAC3B,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,KACnB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/media-gallery/media-gallery-view.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Box } from '@wix/design-system';
+import { MediaGalleryItemThumbnail } from './media-gallery-item-thumbnail';
+export function MediaGalleryView({ data }) {
+    const items = data ?? [];
+    return (React.createElement(Box, { gap: "SP1", maxWidth: "100%", overflow: "hidden" }, items.map(({ src }, index) => (React.createElement(MediaGalleryItemThumbnail, { key: `${src}:${index}`, src: src })))));
+}
+MediaGalleryView.displayName = 'MediaGalleryView';
+//# sourceMappingURL=media-gallery-view.js.map

package/dist/esm/components/media-gallery/media-gallery-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-gallery-view.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/media-gallery-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAM3E,MAAM,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAyB;IAC9D,MAAM,KAAK,GAAyB,IAAI,IAAI,EAAE,CAAC;IAC/C,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,IAC7C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,oBAAC,yBAAyB,IAAC,GAAG,EAAE,GAAG,GAAG,IAAI,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,GAAI,CAChE,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

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

@@ -0,0 +1,63 @@
+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-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 = ({ isOpen, onClose, value, onRequestMedia, onClearMedia, onDownloadMedia, textKeys, readOnly, }) => {
+    if (!isOpen || !value) {
+        return null;
+    }
+    return (React.createElement(Modal, { isOpen: true, screen: "full" },
+        React.createElement(MediaPreviewLayout, { src: value, onClose: onClose, textKeys: textKeys, onDownload: onDownloadMedia, onClear: onClearMedia, onReplace: onRequestMedia, readOnly: readOnly })));
+};
+const MediaPreviewLayout = ({ src, onClose, textKeys, onDownload, onReplace, onClear, readOnly, }) => {
+    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?.(current);
+        }
+        else {
+            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?.();
+        onClose();
+    }, [onClear, onClose]);
+    return (React.createElement(ModalPreviewLayout, { title: title, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, actions: React.createElement(Box, { verticalAlign: "middle" },
+            React.createElement(Box, { marginRight: 2 },
+                React.createElement(TextButton, { size: "small", skin: "light", prefixIcon: React.createElement(Download, null), onClick: handleDownload }, t(textKeys.download))),
+            React.createElement(Box, { marginRight: 2 },
+                React.createElement(Button, { priority: "secondary", size: "small", skin: "light", prefixIcon: React.createElement(Replace, null), onClick: onReplace, disabled: readOnly }, t(textKeys.replace))),
+            onClear && (React.createElement(Box, { marginRight: 2 },
+                React.createElement(Tooltip, { content: t(textKeys.delete) },
+                    React.createElement(IconButton, { priority: "secondary", size: "small", skin: "light", onClick: handleClear, disabled: readOnly },
+                        React.createElement(Delete, null)))))), onClose: onClose }, sources.map((mediaSrc, i) => (React.createElement(MediaPreviewItem, { key: i, src: mediaSrc })))));
+};
+const MediaPreviewItem = ({ src }) => {
+    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 (React.createElement(React.Fragment, null,
+        loading && (React.createElement(Box, { align: "center", verticalAlign: "middle", width: "100%", height: "100%" },
+            React.createElement(Loader, { size: "small" }))),
+        isMediaVideoURI(src) ? (React.createElement("video", { style: { display: loading ? 'none' : 'initial' }, poster: previewURL, onLoadedData: onLoad, controls: true, className: classes.previewVideo, autoPlay: true, loop: true, muted: true },
+            React.createElement("source", { src: convertMediaURIToPreviewVideoURL(src) }))) : (React.createElement(Image, { style: { display: loading ? 'none' : 'initial' }, className: classes.previewImage, onLoad: onLoad, src: previewURL }))));
+};
+//# sourceMappingURL=media-preview-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media-preview-modal.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/media-preview-modal.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/media-image/index.js

@@ -0,0 +1,2 @@
+export * from './media-image';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/media-image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media-image/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/esm/components/media-image/media-image.js

@@ -0,0 +1,70 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { Image } from '@wix/design-system';
+import { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';
+import { classes, st } from './media-image.st.css.js';
+import { useRequestIdleCallback } from '../../hooks';
+export const MediaImage = ({ size = ThumbnailSize.L, fit = 'cover', suspended = false, overlay, src, onLoad, onError, width = '100%', height = '100%', borderRadius, onMouseEnter, onMouseLeave, className, dataHook, ...props }) => {
+    const [allowLoading, setAllowLoading] = useState(!suspended || isLoadedImage(src));
+    useEffect(() => setAllowLoading(!suspended || isLoadedImage(src)), [src, suspended]);
+    const [loading, setLoading] = useState(allowLoading);
+    const [error, setError] = useState(isBrokenImage(src));
+    useEffect(() => {
+        const isBroken = isBrokenImage(src);
+        setError(isBroken);
+        isBroken && onError?.();
+    }, [src, onError]);
+    const requestFrameCallback = useRequestIdleCallback();
+    useEffect(() => {
+        if (!allowLoading) {
+            requestFrameCallback(() => {
+                setAllowLoading(true);
+                setLoading(true);
+            });
+        }
+    }, [allowLoading, requestFrameCallback]);
+    const onImageLoad = useCallback(() => {
+        if (allowLoading && src) {
+            imageLoaded(src);
+            setLoading(false);
+            setError(false);
+        }
+        onLoad?.();
+    }, [allowLoading, onLoad, src]);
+    const onImageError = useCallback(() => {
+        if (allowLoading && src) {
+            imageBroken(src);
+            setLoading(false);
+            setError(true);
+        }
+        onError?.();
+    }, [allowLoading, onError, src]);
+    return (React.createElement("picture", { "data-hook": dataHook, style: { width, height, borderRadius }, className: st(classes.root, { error, loading }, className), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
+        !error && (React.createElement(Image, { ...props, fit: fit, src: allowLoading && src ? mediaURItoImageURL(src, size) : '', width: width, height: height, borderRadius: borderRadius, onLoad: onImageLoad, dataHook: "media-image-image", onError: onImageError })),
+        overlay));
+};
+MediaImage.displayName = 'MediaImage';
+MediaImage.Size = ThumbnailSize;
+MediaImage.loadedImages = new Set();
+MediaImage.brokenImages = new Set();
+MediaImage.resetBrokenImagesCache = () => {
+    MediaImage.brokenImages.clear();
+};
+export const useResetMediaImagesCacheEffect = () => {
+    useEffect(() => () => {
+        MediaImage.resetBrokenImagesCache();
+    }, []);
+};
+function imageLoaded(src) {
+    MediaImage.loadedImages.add(src);
+    MediaImage.brokenImages.delete(src);
+}
+function isLoadedImage(src) {
+    return src ? MediaImage.loadedImages.has(src) : false;
+}
+function imageBroken(src) {
+    MediaImage.brokenImages.add(src);
+}
+function isBrokenImage(src) {
+    return src ? MediaImage.brokenImages.has(src) : false;
+}
+//# sourceMappingURL=media-image.js.map

package/dist/esm/components/media-image/media-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-image.js","sourceRoot":"","sources":["../../../../src/components/media-image/media-image.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/media-image/media-image.st.css

@@ -0,0 +1,30 @@
+@property st-global(--wds-color-red-200);
+@property st-global(--wsr-color-R20);
+@property st-global(--wds-color-black-550);
+@property st-global(--wsr-color-D55);
+
+.root {
+  -st-states: error, loading;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  position: relative;
+  box-sizing: border-box;
+}
+
+.root:error {
+  --from: calc(50% - 0.5px);
+  --to: calc(50% + 0.5px);
+
+  background-image: linear-gradient(
+    to bottom right,
+    transparent var(--from),
+    var(--wds-color-red-200, var(--wsr-color-R20)) var(--from),
+    var(--wds-color-red-200, var(--wsr-color-R20)) var(--to),
+    transparent var(--to)
+  );
+}
+
+.root:error > * {
+  opacity: 0;
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "mediaimage1096824462";
+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": "mediaimage1096824462__root" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export 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": "--mediaimage1096824462-from", "to": "--mediaimage1096824462-to" };
+//# sourceMappingURL=media-image.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media-image.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-image/media-image.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,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,2BAA2B,EAAC,CAAC"}

package/dist/esm/components/media-image/overlays/index.js

@@ -0,0 +1,2 @@
+export { VideoIndicatorOverlay } from './video-indicator-overlay';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/media-image/overlays/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/media-image/overlays/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/esm/components/media-image/overlays/overlay.st.css

@@ -0,0 +1,41 @@
+@property st-global(--wds-color-white);
+
+:vars {
+    iconShadow: drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6));
+}
+
+.iconOverlay {
+    -st-states:
+        size(enum(small, medium, large)),
+        placement(enum(topLeft, bottomLeft));
+
+    position: absolute;
+
+    color: var(--wds-color-white, var(--wsr-color-D80, #FFFFFF));
+    background-color: transparent;
+
+    filter: value(iconShadow);
+    -webkit-filter: value(iconShadow);
+}
+
+.iconOverlay:size(small) {
+    width: 20px;
+    height: 20px;
+}
+.iconOverlay:size(medium) {
+    width: 24px;
+    height: 24px;
+}
+.iconOverlay:size(large) {
+    width: 28px;
+    height: 28px;
+}
+
+.iconOverlay:placement(topLeft) {
+    top: 2px;
+    left: 2px;
+}
+.iconOverlay:placement(bottomLeft) {
+    bottom: 2px;
+    left: 2px;
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "overlay1012308888";
+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": "overlay1012308888__root", "iconOverlay": "overlay1012308888__iconOverlay" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = { "iconShadow": "drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))" };
+export var vars = { "wds-color-white": "--wds-color-white", "wsr-color-D80": "--overlay1012308888-wsr-color-D80" };
+//# sourceMappingURL=overlay.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.st.css.js","sourceRoot":"","sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,aAAa,EAAC,gCAAgC,EAAC,CAAC;AACvG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,YAAY,EAAC,8CAA8C,EAAC,CAAC;AAClF,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,eAAe,EAAC,mCAAmC,EAAC,CAAC"}

package/dist/esm/components/media-image/overlays/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/media-image/overlays/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/media-image/overlays/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/media-image/overlays/video-indicator-overlay.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { VideoCameraSmall } from '@wix/wix-ui-icons-common';
+import { st, classes } from './overlay.st.css.js';
+export const VideoIndicatorOverlay = ({ src, size = 'small', placement = 'bottomLeft', }) => {
+    return src ? (React.createElement(VideoCameraSmall, { className: st(classes.iconOverlay, { size, placement }) })) : null;
+};
+VideoIndicatorOverlay.displayName = 'VideoIndicatorOverlay';
+//# sourceMappingURL=video-indicator-overlay.js.map

package/dist/esm/components/media-image/overlays/video-indicator-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-indicator-overlay.js","sourceRoot":"","sources":["../../../../../src/components/media-image/overlays/video-indicator-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAGlD,MAAM,CAAC,MAAM,qBAAqB,GAA+B,CAAC,EAChE,GAAG,EACH,IAAI,GAAG,OAAO,EACd,SAAS,GAAG,YAAY,GACzB,EAAE,EAAE;IACH,OAAO,GAAG,CAAC,CAAC,CAAC,CACX,oBAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,GACvD,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC"}

package/dist/esm/components/media-loader/index.js

@@ -0,0 +1,2 @@
+export * from './media-loader';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/media-loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media-loader/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/media-loader/media-loader.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Box, Loader } from '@wix/design-system';
+import { style, classes } from './media-loader.st.css.js';
+export const MediaLoader = ({ borderStyle, className, }) => (React.createElement(Box, { align: "center", verticalAlign: "middle", children: React.createElement(Loader, { size: "tiny" }), className: style(classes.loader, {
+        isSolid: borderStyle === 'solid',
+        isDashed: borderStyle === 'dashed',
+    }, className) }));
+//# sourceMappingURL=media-loader.js.map

package/dist/esm/components/media-loader/media-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-loader.js","sourceRoot":"","sources":["../../../../src/components/media-loader/media-loader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAO1D,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,WAAW,EACX,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,oBAAC,GAAG,IACF,KAAK,EAAC,QAAQ,EACd,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,GAAG,EAChC,SAAS,EAAE,KAAK,CACd,OAAO,CAAC,MAAM,EACd;QACE,OAAO,EAAE,WAAW,KAAK,OAAO;QAChC,QAAQ,EAAE,WAAW,KAAK,QAAQ;KACnC,EACD,SAAS,CACV,GACD,CACH,CAAC"}

package/dist/esm/components/media-loader/media-loader.st.css

@@ -0,0 +1,20 @@
+@property st-global(--wds-color-blue-300);
+@property st-global(--wsr-color-B30);
+
+:vars {
+    loaderBorderRadius: 6px;
+    blue300: var(--wds-color-blue-300, var(--wsr-color-B30));
+}
+
+.loader {
+    -st-states: isDashed, isSolid;
+    border-radius: value(loaderBorderRadius);
+}
+
+.loader:isDashed {
+    border: dashed 1px value(blue300);
+}
+
+.loader:isSolid {
+    border: solid 1px value(blue300);
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "medialoader3802590149";
+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": "medialoader3802590149__root", "loader": "medialoader3802590149__loader" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = { "loaderBorderRadius": "6px", "blue300": "var(--wds-color-blue-300, var(--wsr-color-B30))" };
+export var vars = { "wds-color-blue-300": "--wds-color-blue-300", "wsr-color-B30": "--wsr-color-B30" };
+//# sourceMappingURL=media-loader.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media-loader.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,QAAQ,EAAC,+BAA+B,EAAC,CAAC;AACrG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,oBAAoB,EAAC,KAAK,EAAC,SAAS,EAAC,iDAAiD,EAAC,CAAC;AAC7G,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/media-tag/highlighted-media-tag.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { HighlightedText } from '../highlighted-text';
+import { MediaTag } from './web-media-tag';
+export const HighlightedMediaTag = ({ titleHighlight, ...props }) => {
+    return (React.createElement(MediaTag, { ...props, title: React.createElement(HighlightedText, { highlight: titleHighlight, highlightedBackground: false }) }));
+};
+HighlightedMediaTag.displayName = 'HighlightedMediaTag';
+//# sourceMappingURL=highlighted-media-tag.js.map

package/dist/esm/components/media-tag/highlighted-media-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighted-media-tag.js","sourceRoot":"","sources":["../../../../src/components/media-tag/highlighted-media-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAM3C,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,cAAc,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,QAAQ,OACH,KAAK,EACT,KAAK,EACH,oBAAC,eAAe,IACd,SAAS,EAAE,cAAc,EACzB,qBAAqB,EAAE,KAAK,GAC5B,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/esm/components/media-tag/index.js

@@ -0,0 +1,3 @@
+export * from './web-media-tag';
+export * from './highlighted-media-tag';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/media-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media-tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC"}

package/dist/esm/components/media-tag/web-media-tag/index.js

@@ -0,0 +1,3 @@
+export { MediaTag } from './media-tag';
+export { TableMediaTagView } from './table-media-tag-view';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/media-tag/web-media-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/media-tag/web-media-tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/esm/components/media-tag/web-media-tag/media-tag.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box, Text } from '@wix/design-system';
+import { style, classes } from './media-tag.st.css.js';
+export const MediaTag = ({ thumb, title, titleTextProps, className, children, ...props }) => {
+    return (React.createElement(Box, { ...props, className: style(classes.root, className) },
+        React.createElement(Box, { width: "18px", height: "18px", children: thumb }),
+        React.createElement(Box, { minWidth: "0", marginLeft: "SP1", verticalAlign: "middle" },
+            React.createElement(Text, { ellipsis: true, size: "small", children: title, ...titleTextProps })),
+        children));
+};
+MediaTag.displayName = 'MediaTag';
+//# sourceMappingURL=media-tag.js.map

package/dist/esm/components/media-tag/web-media-tag/media-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-tag.js","sourceRoot":"","sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAQvD,MAAM,CAAC,MAAM,QAAQ,GAEjB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,oBAAC,GAAG,OAAK,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;QACvD,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAE,KAAK,GAAI;QACnD,oBAAC,GAAG,IAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,EAAC,KAAK,EAAC,aAAa,EAAC,QAAQ;YACvD,oBAAC,IAAI,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,KAAK,KAAM,cAAc,GAAI,CAC/D;QACL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

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

@@ -0,0 +1,12 @@
+@property st-global(--wds-color-blue-400);
+@property st-global(--wsr-color-B40);
+
+.root {
+    box-sizing: border-box;
+    padding: 3px 6px 3px 3px;
+    border-radius: 3px;
+    max-height: 24px;
+    min-width: 54px;
+    max-width: 100%;
+    background-color: var(--wds-color-blue-400, var(--wsr-color-B40));
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "mediatag1642571975";
+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": "mediatag1642571975__root" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-color-blue-400": "--wds-color-blue-400", "wsr-color-B40": "--wsr-color-B40" };
+//# sourceMappingURL=media-tag.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media-tag.st.css.js","sourceRoot":"","sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AACzD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/media-tag/web-media-tag/table-media-tag-view.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Box } from '@wix/design-system';
+import { getMediaTitle } from '../../../utils';
+import { MediaTag } from './media-tag';
+const TableMediaTagBox = (props) => (React.createElement(Box, { ...props, paddingLeft: "SP2", paddingRight: "SP2", boxSizing: "border-box", verticalAlign: "middle", width: "100%", height: "100%" }));
+export const TableMediaTagView = ({ data, thumb, }) => {
+    return (React.createElement(TableMediaTagBox, null, data && React.createElement(MediaTag, { thumb: thumb, title: getMediaTitle(data) })));
+};
+TableMediaTagView.displayName = 'TableMediaTagView';
+//# sourceMappingURL=table-media-tag-view.js.map

package/dist/esm/components/media-tag/web-media-tag/table-media-tag-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-media-tag-view.js","sourceRoot":"","sources":["../../../../../src/components/media-tag/web-media-tag/table-media-tag-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,gBAAgB,GAAiB,CAAC,KAAK,EAAE,EAAE,CAAC,CAChD,oBAAC,GAAG,OACE,KAAK,EACT,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAC,YAAY,EACtB,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,GACb,CACH,CAAC;AAOF,MAAM,CAAC,MAAM,iBAAiB,GAA+B,CAAC,EAC5D,IAAI,EACJ,KAAK,GACN,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,gBAAgB,QACd,IAAI,IAAI,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAI,CAC9C,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/esm/components/multi-document/index.js

@@ -0,0 +1,3 @@
+export { MultiDocumentView } from './multi-document-view/multi-document-view';
+export { FormMultiDocumentField } from './multi-document-input/form-multi-document-field';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/multi-document/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/multi-document/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC"}

package/dist/esm/components/multi-document/multi-document-input/form-multi-document-field.js

@@ -0,0 +1,42 @@
+import React, { useRef, useCallback } from 'react';
+import { MEDIA_TYPES } from '../../../utils/media-utils';
+import { PasteURLForm, useMediaControl, usePasteURLForm, } from '../../media-control';
+import { FormDocumentInput } from '../../document/form';
+import { useTranslations, useWithCallback } from '../../../hooks';
+import { FormMultiDocumentView } from './form-multi-document-view';
+export const FormMultiDocumentField = ({ data, onChange: onChangeMultiDocument, onInput, autoFocus, readOnly, invalid, dataHook, }) => {
+    const { t } = useTranslations();
+    const onChange = useWithCallback(onChangeMultiDocument, onInput);
+    const inputRef = useRef(null);
+    const firstDocumentViewRef = useRef(null);
+    const { callMedia, loading, downloadMedia } = useMediaControl({
+        mediaType: MEDIA_TYPES.ALL_MEDIA,
+        value: data,
+        onChange,
+        autoFocus,
+        readOnly,
+        inputRef,
+        viewRef: firstDocumentViewRef,
+        multiSelect: true,
+    });
+    const onPastedURLChange = useCallback((value, indexToReplace) => {
+        if (indexToReplace !== undefined) {
+            const nextData = [...(data ?? [])];
+            nextData.splice(indexToReplace, 1, value);
+            onChange(nextData);
+        }
+        else {
+            onChange([...(data ?? []), value]);
+        }
+    }, [data, onChange]);
+    const { isOpen, title, onOpen, onClose, onSave, value } = usePasteURLForm({
+        onChange: onPastedURLChange,
+    });
+    return (React.createElement(React.Fragment, null,
+        data?.length ? (React.createElement(FormMultiDocumentView, { dataHook: dataHook, data: data, readOnly: readOnly, callMedia: callMedia, onDownload: downloadMedia, onChange: onChange, ref: firstDocumentViewRef, loading: loading, onOpenPasteURLForm: onOpen })) : (React.createElement(FormDocumentInput, { dataHook: dataHook, ref: inputRef, theme: "dashes", disabled: readOnly, loading: loading, error: invalid, loaderBorderStyle: "dashed", onAddButtonClick: callMedia, onPasteURLButtonClick: onOpen({
+                title: t('CMS.document.pasteUrl.title'),
+            }) })),
+        React.createElement(PasteURLForm, { title: title, value: value, show: isOpen, closeModal: onClose, onSave: onSave })));
+};
+FormMultiDocumentField.displayName = 'FormMultiDocumentField';
+//# sourceMappingURL=form-multi-document-field.js.map

package/dist/esm/components/multi-document/multi-document-input/form-multi-document-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-multi-document-field.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document-field.tsx"],"names":[],"mappings":"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"}