@wix/patterns-fields 1.28.0 → 1.30.0

package/dist/esm/components/document/cell-document-view.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Box, Tag } from '@wix/design-system';
+import { DocumentSmall } from '@wix/wix-ui-icons-common';
+import { getMediaTitle } from '../../utils/media-utils';
+export const CellDocumentView = ({ value, dataHook, fieldId, }) => {
+    if (!value) {
+        return null;
+    }
+    return (React.createElement(Box, { dataHook: dataHook, verticalAlign: "middle", padding: "0 8px", height: "100%", width: "100%", minWidth: "0" },
+        React.createElement(Tag, { id: fieldId, dataHook: "cell-document-tag", removable: false, thumb: React.createElement(DocumentSmall, null), size: "small", maxWidth: "100%" }, getMediaTitle(value))));
+};
+CellDocumentView.displayName = 'CellDocumentView';
+//# sourceMappingURL=cell-document-view.js.map

package/dist/esm/components/document/cell-document-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-document-view.js","sourceRoot":"","sources":["../../../../src/components/document/cell-document-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAYxD,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAC,OAAO,EACf,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAC,GAAG;QAEZ,oBAAC,GAAG,IACF,EAAE,EAAE,OAAO,EACX,QAAQ,EAAC,mBAAmB,EAC5B,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,oBAAC,aAAa,OAAG,EACxB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,MAAM,IAEd,aAAa,CAAC,KAAK,CAAC,CACjB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/esm/components/document/form-document-field.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formdocumentfield2704345605";
+var _namespace_ = "formdocumentfield3905880661";
 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": "formdocumentfield2704345605__root", "viewWrapper": "formdocumentfield2704345605__viewWrapper", "textWidth": "formdocumentfield2704345605__textWidth", "documentLoader": "formdocumentfield2704345605__documentLoader", "addDocument": "formdocumentfield2704345605__addDocument", "addItemWrapper": "formdocumentfield2704345605__addItemWrapper" };
+export var classes = { "root": "formdocumentfield3905880661__root", "viewWrapper": "formdocumentfield3905880661__viewWrapper", "textWidth": "formdocumentfield3905880661__textWidth", "documentLoader": "formdocumentfield3905880661__documentLoader", "addDocument": "formdocumentfield3905880661__addDocument", "addItemWrapper": "formdocumentfield3905880661__addItemWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,4 +1,6 @@
 export * from './document-view';
+export * from './cell-document-view';
+export * from './cell-document-edit';
 // NOTE: Heavy exports (FormDocumentField, DocumentControl, etc.) have been moved to './form' to prevent bundle bloat.
 // Import them explicitly: import { FormDocumentField } from '../fields/components/document/form';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/document/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAEhC,sHAAsH;AACtH,kGAAkG"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/document/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AAErC,sHAAsH;AACtH,kGAAkG"}

package/dist/esm/components/document/utils.js

@@ -2,6 +2,7 @@ export const openDocument = (url) => {
     const link = document.createElement('a');
     link.href = url;
     link.target = '_blank';
+    link.rel = 'noopener noreferrer';
     document.body.appendChild(link);
     link.click();
     link.remove();

package/dist/esm/components/document/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/document/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;IAChB,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhC,IAAI,CAAC,KAAK,EAAE,CAAC;IACb,IAAI,CAAC,MAAM,EAAE,CAAC;AAChB,CAAC,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/document/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;IAChB,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;IACvB,IAAI,CAAC,GAAG,GAAG,qBAAqB,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhC,IAAI,CAAC,KAAK,EAAE,CAAC;IACb,IAAI,CAAC,MAAM,EAAE,CAAC;AAChB,CAAC,CAAC"}

package/dist/esm/components/exclamation/exclamation.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "exclamation3211065829";
+var _namespace_ = "exclamation3539476362";
 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": "exclamation3211065829__root", "exclamation": "exclamation3211065829__exclamation", "actions": "exclamation3211065829__actions", "action": "exclamation3211065829__action" };
+export var classes = { "root": "exclamation3539476362__root", "exclamation": "exclamation3539476362__exclamation", "actions": "exclamation3539476362__actions", "action": "exclamation3539476362__action" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/highlighted-text/highlighted-text.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "highlightedtext1118078999";
+var _namespace_ = "highlightedtext3677604336";
 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": "highlightedtext1118078999__root", "substring": "highlightedtext1118078999__substring" };
-export var keyframes = { "highlighted": "highlightedtext1118078999__highlighted", "highlighted-match": "highlightedtext1118078999__highlighted-match" };
+export var classes = { "root": "highlightedtext3677604336__root", "substring": "highlightedtext3677604336__substring" };
+export var keyframes = { "highlighted": "highlightedtext3677604336__highlighted", "highlighted-match": "highlightedtext3677604336__highlighted-match" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/image/cell-image-edit.js

@@ -1,97 +1,58 @@
-import React, { useCallback, useRef } from 'react';
-import { Box, IconButton, Loader, PopoverMenu, Tooltip, } from '@wix/design-system';
-import { Add, LinkSmall, MoreSmall, Replace, Link, Delete, } from '@wix/wix-ui-icons-common';
+import React from 'react';
+import { Box, IconButton, PopoverMenu, Tooltip } from '@wix/design-system';
+import { Add, Delete, Link, LinkSmall, MoreSmall, Replace, } from '@wix/wix-ui-icons-common';
 import { MEDIA_TYPES } from '../../utils/media-utils';
-import { useTranslations, useCellEditKeyboard } from '../../hooks';
-import { useMediaControl, usePasteURLForm, PasteURLForm, MediaFieldType, } from '../media-control';
+import { useTranslations } from '../../hooks';
+import { useCellMediaEdit, CellMediaEditShell, MediaFieldType, } from '../media-control';
 import { ImageThumbnail } from './image-thumbnail';
 import { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';
 export const CellImageEdit = ({ value, onChange, onCommit, onCancel, onStartEdit, inputRef, dataHook, }) => {
     const { t } = useTranslations();
-    const containerRef = useRef(null);
-    const onMediaChange = useCallback((uri) => {
-        onChange(uri);
-        onCommit();
-    }, [onChange, onCommit]);
-    const { callMedia, loading } = useMediaControl({
+    const mediaEdit = useCellMediaEdit({
         mediaType: MEDIA_TYPES.IMAGE,
-        value: value ?? undefined,
-        onChange: onMediaChange,
-    });
-    const handleCallMedia = useCallback(async () => {
-        onStartEdit?.();
-        const committed = await callMedia();
-        if (!committed) {
-            onCancel?.();
-        }
-    }, [onStartEdit, callMedia, onCancel]);
-    const pasteUrlTitle = t('CMS.image.replaceWithUrl.title');
-    const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({
-        onChange: onMediaChange,
-    });
-    // When the paste-URL form is dismissed without saving, cancel the in-progress
-    // edit so isEditing returns to false and useClearFocusOnBlur works normally.
-    const handleFormClose = useCallback(() => {
-        onClose();
-        onCancel?.();
-    }, [onClose, onCancel]);
-    const handleOpenPasteUrl = useCallback((params) => () => {
-        onStartEdit?.();
-        onOpen(params)();
-    }, [onStartEdit, onOpen]);
-    const handleDelete = useCallback(() => {
-        onChange(null);
-        onCommit();
-    }, [onChange, onCommit]);
-    const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({
-        containerRef,
+        value,
+        onChange,
+        onCommit,
         onCancel,
+        onStartEdit,
         inputRef,
     });
-    if (loading) {
-        return (React.createElement(Box, { dataHook: dataHook, verticalAlign: "middle", width: "100%", height: "100%", padding: "0 8px" },
-            React.createElement(Loader, { size: "tiny" })));
-    }
-    return (React.createElement("div", { ref: containerRef, "data-hook": dataHook, style: { width: '100%', height: '100%' }, onFocus: handleContainerFocus, onBlur: handleContainerBlur },
-        React.createElement(Box, { align: "space-between", verticalAlign: "middle", height: "100%", padding: "0 8px", style: { boxSizing: 'border-box' } },
-            value ? (
-            /* Has value: clickable thumbnail button with replace overlay */
-            React.createElement(Tooltip, { content: t('CMS.image.replace'), appendTo: "window" },
-                React.createElement(Box, null,
-                    React.createElement("button", { type: "button", "data-hook": "image-edit-thumbnail", onClick: handleCallMedia, style: {
-                            cursor: 'pointer',
-                            lineHeight: 0,
-                            position: 'relative',
-                            background: 'none',
-                            border: 'none',
-                            padding: 0,
-                        } },
-                        React.createElement(ImageThumbnail, { value: value }),
-                        React.createElement(ThumbnailReplaceOverlay, null))))) : (
-            /* Empty: icon button opens media manager */
-            React.createElement(Tooltip, { content: t('CMS.image.add'), appendTo: "window" },
-                React.createElement(IconButton, { size: "tiny", priority: "secondary", dataHook: "image-edit-add-button", onClick: handleCallMedia },
-                    React.createElement(Add, null)))),
-            value ? (
-            /* Has value: "..." menu with Replace / Replace with URL / Delete */
-            React.createElement(PopoverMenu, { textSize: "small", appendTo: "window", triggerElement: React.createElement(Tooltip, { content: t('auto-patterns.fields.more_actions_tooltip'), appendTo: "window" },
-                    React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "image-edit-more-button" },
-                        React.createElement(MoreSmall, null))) },
-                React.createElement(PopoverMenu.MenuItem, { dataHook: "image-edit-action-replace", text: t('CMS.image.replace'), prefixIcon: React.createElement(Replace, null), onClick: handleCallMedia }),
-                React.createElement(PopoverMenu.MenuItem, { dataHook: "image-edit-action-replace-url", text: t('CMS.image.replaceWithUrl.button'), prefixIcon: React.createElement(Link, null), onClick: handleOpenPasteUrl({
-                        title: pasteUrlTitle,
-                        value: value ?? undefined,
-                    }) }),
-                React.createElement(PopoverMenu.Divider, null),
-                React.createElement(PopoverMenu.MenuItem, { dataHook: "image-edit-action-delete", text: t('CMS.image.clear'), skin: "destructive", prefixIcon: React.createElement(Delete, null), onClick: handleDelete }))) : (
-            /* Empty: icon button opens paste-URL form */
-            React.createElement(Tooltip, { content: t('CMS.image.replaceWithUrl.button'), appendTo: "window" },
-                React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "image-edit-paste-url-button", onClick: handleOpenPasteUrl({
-                        title: pasteUrlTitle,
-                        value: value ?? undefined,
-                    }) },
-                    React.createElement(LinkSmall, null))))),
-        React.createElement(PasteURLForm, { title: title, value: value ?? undefined, show: isOpen, closeModal: handleFormClose, onSave: onSave, fieldType: MediaFieldType.image })));
+    const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({
+        title: t('CMS.image.replaceWithUrl.title'),
+        value: value ?? undefined,
+    });
+    return (React.createElement(CellMediaEditShell, { dataHook: dataHook, mediaEdit: mediaEdit, value: value, fieldType: MediaFieldType.image },
+        value ? (
+        /* Has value: clickable thumbnail button with replace overlay */
+        React.createElement(Tooltip, { content: t('CMS.image.replace'), appendTo: "window" },
+            React.createElement(Box, null,
+                React.createElement("button", { type: "button", "data-hook": "image-edit-thumbnail", onClick: mediaEdit.handleCallMedia, style: {
+                        cursor: 'pointer',
+                        lineHeight: 0,
+                        position: 'relative',
+                        background: 'none',
+                        border: 'none',
+                        padding: 0,
+                    } },
+                    React.createElement(ImageThumbnail, { value: value }),
+                    React.createElement(ThumbnailReplaceOverlay, null))))) : (
+        /* Empty: icon button opens media manager */
+        React.createElement(Tooltip, { content: t('CMS.image.add'), appendTo: "window" },
+            React.createElement(IconButton, { size: "tiny", priority: "secondary", dataHook: "image-edit-add-button", onClick: mediaEdit.handleCallMedia },
+                React.createElement(Add, null)))),
+        value ? (
+        /* Has value: "..." menu with Replace / Replace with URL / Delete */
+        React.createElement(PopoverMenu, { textSize: "small", appendTo: "window", triggerElement: React.createElement(Tooltip, { content: t('auto-patterns.fields.more_actions_tooltip'), appendTo: "window" },
+                React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "image-edit-more-button" },
+                    React.createElement(MoreSmall, null))) },
+            React.createElement(PopoverMenu.MenuItem, { dataHook: "image-edit-action-replace", text: t('CMS.image.replace'), prefixIcon: React.createElement(Replace, null), onClick: mediaEdit.handleCallMedia }),
+            React.createElement(PopoverMenu.MenuItem, { dataHook: "image-edit-action-replace-url", text: t('CMS.image.replaceWithUrl.button'), prefixIcon: React.createElement(Link, null), onClick: openPasteUrl }),
+            React.createElement(PopoverMenu.Divider, null),
+            React.createElement(PopoverMenu.MenuItem, { dataHook: "image-edit-action-delete", text: t('CMS.image.clear'), skin: "destructive", prefixIcon: React.createElement(Delete, null), onClick: mediaEdit.handleDelete }))) : (
+        /* Empty: icon button opens paste-URL form */
+        React.createElement(Tooltip, { content: t('CMS.image.replaceWithUrl.button'), appendTo: "window" },
+            React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "image-edit-paste-url-button", onClick: openPasteUrl },
+                React.createElement(LinkSmall, null))))));
 };
 CellImageEdit.displayName = 'CellImageEdit';
 //# sourceMappingURL=cell-image-edit.js.map

package/dist/esm/components/image/cell-image-edit.js.map

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

package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "thumbnailreplaceoverlay2563000771";
+var _namespace_ = "thumbnailreplaceoverlay4132621481";
 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": "thumbnailreplaceoverlay2563000771__root", "icon": "thumbnailreplaceoverlay2563000771__icon" };
+export var classes = { "root": "thumbnailreplaceoverlay4132621481__root", "icon": "thumbnailreplaceoverlay4132621481__icon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/cell-media-edit-shell.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Box, Loader } from '@wix/design-system';
+import { PasteURLForm } from './paste-url-form';
+import { classes } from './cell-media-edit-shell.st.css.js';
+/**
+ * Outer scaffolding shared by single-value media cell edit components.
+ *
+ * Renders the loading state, the focus-managed container (wired for
+ * `useCellEditKeyboard`), the inner flex Box, and the PasteURLForm modal at the
+ * end. Consumers supply only the inner primary/secondary controls via children.
+ */
+export const CellMediaEditShell = ({ dataHook, mediaEdit, value, fieldType, gap, children, }) => {
+    const { containerRef, loading, handleContainerFocus, handleContainerBlur, pasteUrlForm, } = mediaEdit;
+    if (loading) {
+        return (React.createElement(Box, { dataHook: dataHook, verticalAlign: "middle", width: "100%", height: "100%", padding: "0 8px" },
+            React.createElement(Loader, { dataHook: "loader", size: "tiny" })));
+    }
+    return (React.createElement("div", { ref: containerRef, "data-hook": dataHook, className: classes.root, onFocus: handleContainerFocus, onBlur: handleContainerBlur },
+        React.createElement(Box, { align: "space-between", verticalAlign: "middle", height: "100%", padding: "0 8px", gap: gap, style: { boxSizing: 'border-box' } }, children),
+        React.createElement(PasteURLForm, { title: pasteUrlForm.title, value: value ?? undefined, show: pasteUrlForm.isOpen, closeModal: pasteUrlForm.handleClose, onSave: pasteUrlForm.onSave, fieldType: fieldType })));
+};
+CellMediaEditShell.displayName = 'CellMediaEditShell';
+//# sourceMappingURL=cell-media-edit-shell.js.map

package/dist/esm/components/media-control/cell-media-edit-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-media-edit-shell.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGjD,OAAO,EAAE,YAAY,EAAkB,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AA2B5D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,SAAS,EACT,GAAG,EACH,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EACJ,YAAY,EACZ,OAAO,EACP,oBAAoB,EACpB,mBAAmB,EACnB,YAAY,GACb,GAAG,SAAS,CAAC;IAEd,IAAI,OAAO,EAAE;QACX,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,OAAO;YAEf,oBAAC,MAAM,IAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,GAAG,CACpC,CACP,CAAC;KACH;IAED,OAAO,CACL,6BACE,GAAG,EAAE,YAAY,eACN,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,mBAAmB;QAE3B,oBAAC,GAAG,IACF,KAAK,EAAC,eAAe,EACrB,aAAa,EAAC,QAAQ,EACtB,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,OAAO,EACf,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,IAEjC,QAAQ,CACL;QAEN,oBAAC,YAAY,IACX,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,IAAI,EAAE,YAAY,CAAC,MAAM,EACzB,UAAU,EAAE,YAAY,CAAC,WAAW,EACpC,MAAM,EAAE,YAAY,CAAC,MAAM,EAC3B,SAAS,EAAE,SAAS,GACpB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/dist/esm/components/media-control/cell-media-edit-shell.st.css

@@ -0,0 +1,4 @@
+.root {
+    width: 100%;
+    height: 100%;
+}

package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js

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

package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-media-edit-shell.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,8BAA8B,CAAC;AACjD,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,oCAAoC,EAAC,CAAC;AACnE,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,EAAE,CAAC"}

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

@@ -4,4 +4,6 @@ export * from './use-paste-url-form';
 export * from './use-document-delete';
 export * from './paste-url-button';
 export * from './paste-url-form';
+export * from './use-cell-media-edit';
+export * from './cell-media-edit-shell';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}

package/dist/esm/components/media-control/paste-url-button.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "pasteurlbutton3276368908";
+var _namespace_ = "pasteurlbutton625213010";
 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": "pasteurlbutton3276368908__root", "iconButtonTooltip": "pasteurlbutton3276368908__iconButtonTooltip", "iconButton": "pasteurlbutton3276368908__iconButton" };
+export var classes = { "root": "pasteurlbutton625213010__root", "iconButtonTooltip": "pasteurlbutton625213010__iconButtonTooltip", "iconButton": "pasteurlbutton625213010__iconButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/paste-url-button.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"paste-url-button.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,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,gCAAgC,EAAC,mBAAmB,EAAC,6CAA6C,EAAC,YAAY,EAAC,sCAAsC,EAAC,CAAC;AACrL,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,EAAE,CAAC"}
+{"version":3,"file":"paste-url-button.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,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,+BAA+B,EAAC,mBAAmB,EAAC,4CAA4C,EAAC,YAAY,EAAC,qCAAqC,EAAC,CAAC;AAClL,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,EAAE,CAAC"}

package/dist/esm/components/media-control/use-cell-media-edit.js

@@ -0,0 +1,63 @@
+import { useCallback, useRef } from 'react';
+import { useCellEditKeyboard } from '../../hooks';
+import { useMediaControl } from './use-media-control';
+import { usePasteURLForm } from './use-paste-url-form';
+/**
+ * Shared state + handlers for single-value media cell edit components
+ * (image / document / audio / video / …). Each consumer renders its own
+ * primary/secondary content; this hook owns the wiring to useMediaControl,
+ * usePasteURLForm, useCellEditKeyboard, and the standard onCommit/onCancel
+ * dance.
+ */
+export function useCellMediaEdit({ mediaType, value, onChange, onCommit, onCancel, onStartEdit, inputRef, }) {
+    const containerRef = useRef(null);
+    const onMediaChange = useCallback((uri) => {
+        onChange(uri);
+        onCommit();
+    }, [onChange, onCommit]);
+    const { callMedia, downloadMedia, loading } = useMediaControl({
+        mediaType,
+        value: value ?? undefined,
+        onChange: onMediaChange,
+    });
+    const handleCallMedia = useCallback(async () => {
+        onStartEdit?.();
+        const committed = await callMedia();
+        if (!committed) {
+            onCancel?.();
+        }
+    }, [onStartEdit, callMedia, onCancel]);
+    const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({
+        onChange: onMediaChange,
+    });
+    const handleFormClose = useCallback(() => {
+        onClose();
+        onCancel?.();
+    }, [onClose, onCancel]);
+    const startEditAndOpenPasteUrl = useCallback((params) => () => {
+        onStartEdit?.();
+        onOpen(params)();
+    }, [onStartEdit, onOpen]);
+    const handleDelete = useCallback(() => {
+        onChange(null);
+        onCommit();
+    }, [onChange, onCommit]);
+    const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({
+        containerRef,
+        onCancel,
+        inputRef,
+    });
+    return {
+        containerRef,
+        loading,
+        callMedia,
+        downloadMedia,
+        handleCallMedia,
+        handleDelete,
+        startEditAndOpenPasteUrl,
+        pasteUrlForm: { isOpen, title, onSave, handleClose: handleFormClose },
+        handleContainerFocus,
+        handleContainerBlur,
+    };
+}
+//# sourceMappingURL=use-cell-media-edit.js.map

package/dist/esm/components/media-control/use-cell-media-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cell-media-edit.js","sourceRoot":"","sources":["../../../../src/components/media-control/use-cell-media-edit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AA6CvD;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,GACe;IACvB,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,GAAW,EAAE,EAAE;QACd,QAAQ,CAAC,GAAG,CAAC,CAAC;QACd,QAAQ,EAAE,CAAC;IACb,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,eAAe,CAAC;QAC5D,SAAS;QACT,KAAK,EAAE,KAAK,IAAI,SAAS;QACzB,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC7C,WAAW,EAAE,EAAE,CAAC;QAChB,MAAM,SAAS,GAAG,MAAM,SAAS,EAAE,CAAC;QACpC,IAAI,CAAC,SAAS,EAAE;YACd,QAAQ,EAAE,EAAE,CAAC;SACd;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC;QACjE,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,MAAyC,EAAE,EAAE,CAC5C,GAAG,EAAE;QACH,WAAW,EAAE,EAAE,CAAC;QAChB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IACnB,CAAC,EACH,CAAC,WAAW,EAAE,MAAM,CAAC,CACtB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,MAAM,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,GAAG,mBAAmB,CAAC;QACxE,YAAY;QACZ,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO;QACL,YAAY;QACZ,OAAO;QACP,SAAS;QACT,aAAa;QACb,eAAe;QACf,YAAY;QACZ,wBAAwB;QACxB,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE;QACrE,oBAAoB;QACpB,mBAAmB;KACpB,CAAC;AACJ,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formmediagalleryfield3168997726";
+var _namespace_ = "formmediagalleryfield2467681512";
 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": "formmediagalleryfield3168997726__root", "container": "formmediagalleryfield3168997726__container", "viewBox": "formmediagalleryfield3168997726__viewBox", "addItemWrapper": "formmediagalleryfield3168997726__addItemWrapper", "addItem": "formmediagalleryfield3168997726__addItem", "overlay": "formmediagalleryfield3168997726__overlay", "image": "formmediagalleryfield3168997726__image", "previewImage": "formmediagalleryfield3168997726__previewImage", "previewVideo": "formmediagalleryfield3168997726__previewVideo" };
+export var classes = { "root": "formmediagalleryfield2467681512__root", "container": "formmediagalleryfield2467681512__container", "viewBox": "formmediagalleryfield2467681512__viewBox", "addItemWrapper": "formmediagalleryfield2467681512__addItemWrapper", "addItem": "formmediagalleryfield2467681512__addItem", "overlay": "formmediagalleryfield2467681512__overlay", "image": "formmediagalleryfield2467681512__image", "previewImage": "formmediagalleryfield2467681512__previewImage", "previewVideo": "formmediagalleryfield2467681512__previewVideo" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "mediaimage1068707436";
+var _namespace_ = "mediaimage1036556018";
 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": "mediaimage1068707436__root" };
+export var classes = { "root": "mediaimage1036556018__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": "--mediaimage1068707436-from", "to": "--mediaimage1068707436-to" };
+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": "--mediaimage1036556018-from", "to": "--mediaimage1036556018-to" };
 //# sourceMappingURL=media-image.st.css.js.map

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

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "overlay3293165175";
+var _namespace_ = "overlay1563249880";
 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": "overlay3293165175__root", "iconOverlay": "overlay3293165175__iconOverlay" };
+export var classes = { "root": "overlay1563249880__root", "iconOverlay": "overlay1563249880__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": "--overlay3293165175-wsr-color-D80" };
+export var vars = { "wds-color-white": "--wds-color-white", "wsr-color-D80": "--overlay1563249880-wsr-color-D80" };
 //# sourceMappingURL=overlay.st.css.js.map

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "medialoader1857409334";
+var _namespace_ = "medialoader2031441929";
 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": "medialoader1857409334__root", "loader": "medialoader1857409334__loader" };
+export var classes = { "root": "medialoader2031441929__root", "loader": "medialoader2031441929__loader" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "mediatag1718424585";
+var _namespace_ = "mediatag1768943632";
 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": "mediatag1718424585__root" };
+export var classes = { "root": "mediatag1768943632__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "formmultidocument3931866471";
+var _namespace_ = "formmultidocument2352985282";
 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": "formmultidocument3931866471__root", "viewRoot": "formmultidocument3931866471__viewRoot", "singleViewWrapper": "formmultidocument3931866471__singleViewWrapper", "addDocumentButton": "formmultidocument3931866471__addDocumentButton" };
+export var classes = { "root": "formmultidocument2352985282__root", "viewRoot": "formmultidocument2352985282__viewRoot", "singleViewWrapper": "formmultidocument2352985282__singleViewWrapper", "addDocumentButton": "formmultidocument2352985282__addDocumentButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/reference/cell-reference-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellreferenceinput655467192";
+var _namespace_ = "cellreferenceinput2045539434";
 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": "cellreferenceinput655467192__root", "autocomplete": "cellreferenceinput655467192__autocomplete" };
+export var classes = { "root": "cellreferenceinput2045539434__root", "autocomplete": "cellreferenceinput2045539434__autocomplete" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/reference/cell-reference-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell-reference-input.st.css.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,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,mCAAmC,EAAC,cAAc,EAAC,2CAA2C,EAAC,CAAC;AAC7H,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,EAAE,CAAC"}
+{"version":3,"file":"cell-reference-input.st.css.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,8BAA8B,CAAC;AACjD,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,oCAAoC,EAAC,cAAc,EAAC,4CAA4C,EAAC,CAAC;AAC/H,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,EAAE,CAAC"}