@wix/patterns-fields 1.29.0 → 1.30.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_hooks","_mediaControl","_imageThumbnail","_thumbnailReplaceOverlay","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","containerRef","useRef","onMediaChange","useCallback","uri","callMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","IMAGE","undefined","handleCallMedia","committed","pasteUrlTitle","isOpen","title","onOpen","onClose","onSave","usePasteURLForm","handleFormClose","handleOpenPasteUrl","params","handleDelete","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","createElement","Box","verticalAlign","width","height","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","ref","style","onFocus","onBlur","align","boxSizing","Tooltip","content","appendTo","type","onClick","cursor","lineHeight","position","background","border","ImageThumbnail","ThumbnailReplaceOverlay","IconButton","priority","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","skin","Delete","LinkSmall","PasteURLForm","show","closeModal","fieldType","MediaFieldType","image","exports","displayName"],"sources":["../../../../src/components/image/cell-image-edit.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport {\n  Box,\n  IconButton,\n  Loader,\n  PopoverMenu,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Add,\n  LinkSmall,\n  MoreSmall,\n  Replace,\n  Link,\n  Delete,\n} from '@wix/wix-ui-icons-common';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations, useCellEditKeyboard } from '../../hooks';\nimport {\n  useMediaControl,\n  usePasteURLForm,\n  PasteURLForm,\n  MediaFieldType,\n} from '../media-control';\nimport { ImageThumbnail } from './image-thumbnail';\nimport { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';\n\nexport interface CellImageEditProps {\n  value: string | null | undefined;\n  onChange: (value: string | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager / paste-URL form) so the\n   * table can set isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nexport const CellImageEdit: React.FC<CellImageEditProps> = ({\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\n  const onMediaChange = useCallback(\n    (uri: string) => {\n      onChange(uri);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const { callMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value: value ?? undefined,\n    onChange: onMediaChange,\n  });\n\n  const handleCallMedia = useCallback(async () => {\n    onStartEdit?.();\n    const committed = await callMedia();\n    if (!committed) {\n      onCancel?.();\n    }\n  }, [onStartEdit, callMedia, onCancel]);\n\n  const pasteUrlTitle = t('CMS.image.replaceWithUrl.title');\n  const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({\n    onChange: onMediaChange,\n  });\n\n  // When the paste-URL form is dismissed without saving, cancel the in-progress\n  // edit so isEditing returns to false and useClearFocusOnBlur works normally.\n  const handleFormClose = useCallback(() => {\n    onClose();\n    onCancel?.();\n  }, [onClose, onCancel]);\n\n  const handleOpenPasteUrl = useCallback(\n    (params: { title: string; value?: string }) => () => {\n      onStartEdit?.();\n      onOpen(params)();\n    },\n    [onStartEdit, onOpen],\n  );\n\n  const handleDelete = useCallback(() => {\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({\n    containerRef,\n    onCancel,\n    inputRef,\n  });\n\n  if (loading) {\n    return (\n      <Box\n        dataHook={dataHook}\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        height=\"100%\"\n        padding=\"0 8px\"\n      >\n        <Loader size=\"tiny\" />\n      </Box>\n    );\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        {value ? (\n          /* Has value: clickable thumbnail button with replace overlay */\n          <Tooltip content={t('CMS.image.replace')} appendTo=\"window\">\n            <Box>\n              <button\n                type=\"button\"\n                data-hook=\"image-edit-thumbnail\"\n                onClick={handleCallMedia}\n                style={{\n                  cursor: 'pointer',\n                  lineHeight: 0,\n                  position: 'relative',\n                  background: 'none',\n                  border: 'none',\n                  padding: 0,\n                }}\n              >\n                <ImageThumbnail value={value} />\n                <ThumbnailReplaceOverlay />\n              </button>\n            </Box>\n          </Tooltip>\n        ) : (\n          /* Empty: icon button opens media manager */\n          <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n            <IconButton\n              size=\"tiny\"\n              priority=\"secondary\"\n              dataHook=\"image-edit-add-button\"\n              onClick={handleCallMedia}\n            >\n              <Add />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        {value ? (\n          /* Has value: \"...\" menu with Replace / Replace with URL / Delete */\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=\"image-edit-more-button\"\n                >\n                  <MoreSmall />\n                </IconButton>\n              </Tooltip>\n            }\n          >\n            <PopoverMenu.MenuItem\n              dataHook=\"image-edit-action-replace\"\n              text={t('CMS.image.replace')}\n              prefixIcon={<Replace />}\n              onClick={handleCallMedia}\n            />\n            <PopoverMenu.MenuItem\n              dataHook=\"image-edit-action-replace-url\"\n              text={t('CMS.image.replaceWithUrl.button')}\n              prefixIcon={<Link />}\n              onClick={handleOpenPasteUrl({\n                title: pasteUrlTitle,\n                value: value ?? undefined,\n              })}\n            />\n            <PopoverMenu.Divider />\n            <PopoverMenu.MenuItem\n              dataHook=\"image-edit-action-delete\"\n              text={t('CMS.image.clear')}\n              skin=\"destructive\"\n              prefixIcon={<Delete />}\n              onClick={handleDelete}\n            />\n          </PopoverMenu>\n        ) : (\n          /* Empty: icon button opens paste-URL form */\n          <Tooltip\n            content={t('CMS.image.replaceWithUrl.button')}\n            appendTo=\"window\"\n          >\n            <IconButton\n              size=\"tiny\"\n              priority=\"tertiary\"\n              dataHook=\"image-edit-paste-url-button\"\n              onClick={handleOpenPasteUrl({\n                title: pasteUrlTitle,\n                value: value ?? undefined,\n              })}\n            >\n              <LinkSmall />\n            </IconButton>\n          </Tooltip>\n        )}\n      </Box>\n\n      <PasteURLForm\n        title={title}\n        value={value ?? undefined}\n        show={isOpen}\n        closeModal={handleFormClose}\n        onSave={onSave}\n        fieldType={MediaFieldType.image}\n      />\n    </div>\n  );\n};\n\nCellImageEdit.displayName = 'CellImageEdit';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_hooks","_mediaControl","_imageThumbnail","_thumbnailReplaceOverlay","_jsxFileName","CellImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","t","useTranslations","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","IMAGE","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","image","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","appendTo","Box","type","onClick","handleCallMedia","style","cursor","lineHeight","position","background","border","padding","ImageThumbnail","ThumbnailReplaceOverlay","IconButton","size","priority","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/image/cell-image-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tooltip } from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  Link,\n  LinkSmall,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations } from '../../hooks';\nimport {\n  useCellMediaEdit,\n  CellMediaEditShell,\n  MediaFieldType,\n} from '../media-control';\nimport { ImageThumbnail } from './image-thumbnail';\nimport { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';\n\nexport interface CellImageEditProps {\n  value: string | null;\n  onChange: (value: string | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager / paste-URL form) so the\n   * table can set isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nexport const CellImageEdit: React.FC<CellImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n  });\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: value ?? undefined,\n  });\n\n  return (\n    <CellMediaEditShell\n      dataHook={dataHook}\n      mediaEdit={mediaEdit}\n      value={value}\n      fieldType={MediaFieldType.image}\n    >\n      {value ? (\n        /* Has value: clickable thumbnail button with replace overlay */\n        <Tooltip content={t('CMS.image.replace')} appendTo=\"window\">\n          <Box>\n            <button\n              type=\"button\"\n              data-hook=\"image-edit-thumbnail\"\n              onClick={mediaEdit.handleCallMedia}\n              style={{\n                cursor: 'pointer',\n                lineHeight: 0,\n                position: 'relative',\n                background: 'none',\n                border: 'none',\n                padding: 0,\n              }}\n            >\n              <ImageThumbnail value={value} />\n              <ThumbnailReplaceOverlay />\n            </button>\n          </Box>\n        </Tooltip>\n      ) : (\n        /* Empty: icon button opens media manager */\n        <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n          <IconButton\n            size=\"tiny\"\n            priority=\"secondary\"\n            dataHook=\"image-edit-add-button\"\n            onClick={mediaEdit.handleCallMedia}\n          >\n            <Add />\n          </IconButton>\n        </Tooltip>\n      )}\n\n      {value ? (\n        /* Has value: \"...\" menu with Replace / Replace with URL / Delete */\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=\"image-edit-more-button\"\n              >\n                <MoreSmall />\n              </IconButton>\n            </Tooltip>\n          }\n        >\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace\"\n            text={t('CMS.image.replace')}\n            prefixIcon={<Replace />}\n            onClick={mediaEdit.handleCallMedia}\n          />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace-url\"\n            text={t('CMS.image.replaceWithUrl.button')}\n            prefixIcon={<Link />}\n            onClick={openPasteUrl}\n          />\n          <PopoverMenu.Divider />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-delete\"\n            text={t('CMS.image.clear')}\n            skin=\"destructive\"\n            prefixIcon={<Delete />}\n            onClick={mediaEdit.handleDelete}\n          />\n        </PopoverMenu>\n      ) : (\n        /* Empty: icon button opens paste-URL form */\n        <Tooltip\n          content={t('CMS.image.replaceWithUrl.button')}\n          appendTo=\"window\"\n        >\n          <IconButton\n            size=\"tiny\"\n            priority=\"tertiary\"\n            dataHook=\"image-edit-paste-url-button\"\n            onClick={openPasteUrl}\n          >\n            <LinkSmall />\n          </IconButton>\n        </Tooltip>\n      )}\n    </CellMediaEditShell>\n  );\n};\n\nCellImageEdit.displayName = 'CellImageEdit';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/image/thumbnail-replace-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_ = "thumbnailreplaceoverlay3386389409";
+var _namespace_ = "thumbnailreplaceoverlay4132621481";
 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": "thumbnailreplaceoverlay3386389409__root",
-  "icon": "thumbnailreplaceoverlay3386389409__icon"
+  "root": "thumbnailreplaceoverlay4132621481__root",
+  "icon": "thumbnailreplaceoverlay4132621481__icon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/image/thumbnail-replace-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/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay3386389409\";\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\":\"thumbnailreplaceoverlay3386389409__root\",\"icon\":\"thumbnailreplaceoverlay3386389409__icon\"};\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,mCAAmC;AACrD,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,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,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/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay4132621481\";\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\":\"thumbnailreplaceoverlay4132621481__root\",\"icon\":\"thumbnailreplaceoverlay4132621481__icon\"};\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,mCAAmC;AACrD,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,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,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-control/cell-media-edit-shell.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CellMediaEditShell = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _pasteUrlForm = require("./paste-url-form");
+var _cellMediaEditShellStCss = require("./cell-media-edit-shell.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-control/cell-media-edit-shell.tsx";
+/**
+ * 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.
+ */
+const CellMediaEditShell = ({
+  dataHook,
+  mediaEdit,
+  value,
+  fieldType,
+  gap,
+  children
+}) => {
+  const {
+    containerRef,
+    loading,
+    handleContainerFocus,
+    handleContainerBlur,
+    pasteUrlForm
+  } = mediaEdit;
+  if (loading) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      dataHook: dataHook,
+      verticalAlign: "middle",
+      width: "100%",
+      height: "100%",
+      padding: "0 8px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 58,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+      dataHook: "loader",
+      size: "tiny",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 65,
+        columnNumber: 9
+      }
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: containerRef,
+    "data-hook": dataHook,
+    className: _cellMediaEditShellStCss.classes.root,
+    onFocus: handleContainerFocus,
+    onBlur: handleContainerBlur,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "space-between",
+    verticalAlign: "middle",
+    height: "100%",
+    padding: "0 8px",
+    gap: gap,
+    style: {
+      boxSizing: 'border-box'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 7
+    }
+  }, children), /*#__PURE__*/_react.default.createElement(_pasteUrlForm.PasteURLForm, {
+    title: pasteUrlForm.title,
+    value: value ?? undefined,
+    show: pasteUrlForm.isOpen,
+    closeModal: pasteUrlForm.handleClose,
+    onSave: pasteUrlForm.onSave,
+    fieldType: fieldType,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 89,
+      columnNumber: 7
+    }
+  }));
+};
+exports.CellMediaEditShell = CellMediaEditShell;
+CellMediaEditShell.displayName = 'CellMediaEditShell';
+//# sourceMappingURL=cell-media-edit-shell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_pasteUrlForm","_cellMediaEditShellStCss","_jsxFileName","CellMediaEditShell","dataHook","mediaEdit","value","fieldType","gap","children","containerRef","loading","handleContainerFocus","handleContainerBlur","pasteUrlForm","default","createElement","Box","verticalAlign","width","height","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","ref","className","classes","root","onFocus","onBlur","align","style","boxSizing","PasteURLForm","title","undefined","show","isOpen","closeModal","handleClose","onSave","exports","displayName"],"sources":["../../../../src/components/media-control/cell-media-edit-shell.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Loader } from '@wix/design-system';\nimport type { BoxCssSizingProperty } from '@wix/design-system/dist/types/Box/Box.types';\n\nimport { PasteURLForm, MediaFieldType } from './paste-url-form';\nimport { classes } from './cell-media-edit-shell.st.css.js';\nimport type { UseCellMediaEditResult } from './use-cell-media-edit';\n\nexport interface CellMediaEditShellProps {\n  dataHook?: string;\n  /**\n   * The result of `useCellMediaEdit`; the shell reads containerRef, loading,\n   * the focus/blur handlers, and the pasteUrlForm props from it.\n   */\n  mediaEdit: Pick<\n    UseCellMediaEditResult,\n    | 'containerRef'\n    | 'loading'\n    | 'handleContainerFocus'\n    | 'handleContainerBlur'\n    | 'pasteUrlForm'\n  >;\n  /** Current cell value — forwarded to PasteURLForm as the pre-filled value. */\n  value: string | null;\n  /** Which validator/placeholder strings the PasteURLForm should use. */\n  fieldType: MediaFieldType;\n  /** Optional gap between the primary slot and the secondary actions. */\n  gap?: BoxCssSizingProperty;\n  /** Inner content — typically two slots: primary cell content + secondary actions. */\n  children: React.ReactNode;\n}\n\n/**\n * Outer scaffolding shared by single-value media cell edit components.\n *\n * Renders the loading state, the focus-managed container (wired for\n * `useCellEditKeyboard`), the inner flex Box, and the PasteURLForm modal at the\n * end. Consumers supply only the inner primary/secondary controls via children.\n */\nexport const CellMediaEditShell: React.FC<CellMediaEditShellProps> = ({\n  dataHook,\n  mediaEdit,\n  value,\n  fieldType,\n  gap,\n  children,\n}) => {\n  const {\n    containerRef,\n    loading,\n    handleContainerFocus,\n    handleContainerBlur,\n    pasteUrlForm,\n  } = mediaEdit;\n\n  if (loading) {\n    return (\n      <Box\n        dataHook={dataHook}\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        height=\"100%\"\n        padding=\"0 8px\"\n      >\n        <Loader dataHook=\"loader\" size=\"tiny\" />\n      </Box>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      data-hook={dataHook}\n      className={classes.root}\n      onFocus={handleContainerFocus}\n      onBlur={handleContainerBlur}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        height=\"100%\"\n        padding=\"0 8px\"\n        gap={gap}\n        style={{ boxSizing: 'border-box' }}\n      >\n        {children}\n      </Box>\n\n      <PasteURLForm\n        title={pasteUrlForm.title}\n        value={value ?? undefined}\n        show={pasteUrlForm.isOpen}\n        closeModal={pasteUrlForm.handleClose}\n        onSave={pasteUrlForm.onSave}\n        fieldType={fieldType}\n      />\n    </div>\n  );\n};\n\nCellMediaEditShell.displayName = 'CellMediaEditShell';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAGA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AAA4D,IAAAI,YAAA;AA2B5D;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,kBAAqD,GAAGA,CAAC;EACpEC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC,SAAS;EACTC,GAAG;EACHC;AACF,CAAC,KAAK;EACJ,MAAM;IACJC,YAAY;IACZC,OAAO;IACPC,oBAAoB;IACpBC,mBAAmB;IACnBC;EACF,CAAC,GAAGT,SAAS;EAEb,IAAIM,OAAO,EAAE;IACX,oBACEf,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG;MACFb,QAAQ,EAAEA,QAAS;MACnBc,aAAa,EAAC,QAAQ;MACtBC,KAAK,EAAC,MAAM;MACZC,MAAM,EAAC,MAAM;MACbC,OAAO,EAAC,OAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEf9B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA4B,MAAM;MAACvB,QAAQ,EAAC,QAAQ;MAACwB,IAAI,EAAC,MAAM;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACpC,CAAC;EAEV;EAEA,oBACE9B,MAAA,CAAAmB,OAAA,CAAAC,aAAA;IACEa,GAAG,EAAEnB,YAAa;IAClB,aAAWN,QAAS;IACpB0B,SAAS,EAAEC,gCAAO,CAACC,IAAK;IACxBC,OAAO,EAAErB,oBAAqB;IAC9BsB,MAAM,EAAErB,mBAAoB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE5B9B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG;IACFkB,KAAK,EAAC,eAAe;IACrBjB,aAAa,EAAC,QAAQ;IACtBE,MAAM,EAAC,MAAM;IACbC,OAAO,EAAC,OAAO;IACfb,GAAG,EAAEA,GAAI;IACT4B,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAa,CAAE;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElCjB,QACE,CAAC,eAENb,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAsC,YAAY;IACXC,KAAK,EAAEzB,YAAY,CAACyB,KAAM;IAC1BjC,KAAK,EAAEA,KAAK,IAAIkC,SAAU;IAC1BC,IAAI,EAAE3B,YAAY,CAAC4B,MAAO;IAC1BC,UAAU,EAAE7B,YAAY,CAAC8B,WAAY;IACrCC,MAAM,EAAE/B,YAAY,CAAC+B,MAAO;IAC5BtC,SAAS,EAAEA,SAAU;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACtB,CACE,CAAC;AAEV,CAAC;AAACoB,OAAA,CAAA3C,kBAAA,GAAAA,kBAAA;AAEFA,kBAAkB,CAAC4C,WAAW,GAAG,oBAAoB","ignoreList":[]}

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "cellmediaeditshell3249443726";
+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": "cellmediaeditshell3249443726__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=cell-media-edit-shell.st.css.js.map

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

@@ -0,0 +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-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell3249443726\";\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\":\"cellmediaeditshell3249443726__root\"};\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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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-control/index.js

@@ -37,4 +37,16 @@ Object.keys(_pasteUrlForm).forEach(function (key) {
   if (key in exports && exports[key] === _pasteUrlForm[key]) return;
   exports[key] = _pasteUrlForm[key];
 });
+var _useCellMediaEdit = require("./use-cell-media-edit");
+Object.keys(_useCellMediaEdit).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCellMediaEdit[key]) return;
+  exports[key] = _useCellMediaEdit[key];
+});
+var _cellMediaEditShell = require("./cell-media-edit-shell");
+Object.keys(_cellMediaEditShell).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellMediaEditShell[key]) return;
+  exports[key] = _cellMediaEditShell[key];
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_types","require","Object","keys","forEach","key","exports","_useMediaControl","_usePasteUrlForm","_useDocumentDelete","_pasteUrlButton","_pasteUrlForm"],"sources":["../../../../src/components/media-control/index.ts"],"sourcesContent":["export * from './types';\nexport * from './use-media-control';\nexport * from './use-paste-url-form';\nexport * from './use-document-delete';\nexport * from './paste-url-button';\nexport * from './paste-url-form';\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,MAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,gBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,gBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,gBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,gBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,gBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,gBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,gBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,gBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,kBAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,kBAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,kBAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,kBAAA,CAAAJ,GAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAK,eAAA,CAAAL,GAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAM,aAAA,CAAAN,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_types","require","Object","keys","forEach","key","exports","_useMediaControl","_usePasteUrlForm","_useDocumentDelete","_pasteUrlButton","_pasteUrlForm","_useCellMediaEdit","_cellMediaEditShell"],"sources":["../../../../src/components/media-control/index.ts"],"sourcesContent":["export * from './types';\nexport * from './use-media-control';\nexport * from './use-paste-url-form';\nexport * from './use-document-delete';\nexport * from './paste-url-button';\nexport * from './paste-url-form';\nexport * from './use-cell-media-edit';\nexport * from './cell-media-edit-shell';\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,MAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,gBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,gBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,gBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,gBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,gBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,gBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,gBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,gBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,kBAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,kBAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,kBAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,kBAAA,CAAAJ,GAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAK,eAAA,CAAAL,GAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAM,aAAA,CAAAN,GAAA;AAAA;AACA,IAAAO,iBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,iBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,iBAAA,CAAAP,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAO,iBAAA,CAAAP,GAAA;AAAA;AACA,IAAAQ,mBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,mBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,mBAAA,CAAAR,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAQ,mBAAA,CAAAR,GAAA;AAAA","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "pasteurlbutton564548303";
+var _namespace_ = "pasteurlbutton625213010";
 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": "pasteurlbutton564548303__root",
-  "iconButtonTooltip": "pasteurlbutton564548303__iconButtonTooltip",
-  "iconButton": "pasteurlbutton564548303__iconButton"
+  "root": "pasteurlbutton625213010__root",
+  "iconButtonTooltip": "pasteurlbutton625213010__iconButtonTooltip",
+  "iconButton": "pasteurlbutton625213010__iconButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-control/paste-url-button.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-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton564548303\";\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\":\"pasteurlbutton564548303__root\",\"iconButtonTooltip\":\"pasteurlbutton564548303__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton564548303__iconButton\"};\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,yBAAyB;AAC3C,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,+BAA+B;EAAC,mBAAmB,EAAC,4CAA4C;EAAC,YAAY,EAAC;AAAqC,CAAC;AAC1K,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-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton625213010\";\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\":\"pasteurlbutton625213010__root\",\"iconButtonTooltip\":\"pasteurlbutton625213010__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton625213010__iconButton\"};\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,yBAAyB;AAC3C,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,+BAA+B;EAAC,mBAAmB,EAAC,4CAA4C;EAAC,YAAY,EAAC;AAAqC,CAAC;AAC1K,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-control/use-cell-media-edit.js

@@ -0,0 +1,93 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCellMediaEdit = useCellMediaEdit;
+var _react = require("react");
+var _hooks = require("../../hooks");
+var _useMediaControl = require("./use-media-control");
+var _usePasteUrlForm = require("./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.
+ */
+function useCellMediaEdit({
+  mediaType,
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  onStartEdit,
+  inputRef
+}) {
+  const containerRef = (0, _react.useRef)(null);
+  const onMediaChange = (0, _react.useCallback)(uri => {
+    onChange(uri);
+    onCommit();
+  }, [onChange, onCommit]);
+  const {
+    callMedia,
+    downloadMedia,
+    loading
+  } = (0, _useMediaControl.useMediaControl)({
+    mediaType,
+    value: value ?? undefined,
+    onChange: onMediaChange
+  });
+  const handleCallMedia = (0, _react.useCallback)(async () => {
+    onStartEdit == null || onStartEdit();
+    const committed = await callMedia();
+    if (!committed) {
+      onCancel == null || onCancel();
+    }
+  }, [onStartEdit, callMedia, onCancel]);
+  const {
+    isOpen,
+    title,
+    onOpen,
+    onClose,
+    onSave
+  } = (0, _usePasteUrlForm.usePasteURLForm)({
+    onChange: onMediaChange
+  });
+  const handleFormClose = (0, _react.useCallback)(() => {
+    onClose();
+    onCancel == null || onCancel();
+  }, [onClose, onCancel]);
+  const startEditAndOpenPasteUrl = (0, _react.useCallback)(params => () => {
+    onStartEdit == null || onStartEdit();
+    onOpen(params)();
+  }, [onStartEdit, onOpen]);
+  const handleDelete = (0, _react.useCallback)(() => {
+    onChange(null);
+    onCommit();
+  }, [onChange, onCommit]);
+  const {
+    handleContainerFocus,
+    handleContainerBlur
+  } = (0, _hooks.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/cjs/components/media-control/use-cell-media-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_hooks","_useMediaControl","_usePasteUrlForm","useCellMediaEdit","mediaType","value","onChange","onCommit","onCancel","onStartEdit","inputRef","containerRef","useRef","onMediaChange","useCallback","uri","callMedia","downloadMedia","loading","useMediaControl","undefined","handleCallMedia","committed","isOpen","title","onOpen","onClose","onSave","usePasteURLForm","handleFormClose","startEditAndOpenPasteUrl","params","handleDelete","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","pasteUrlForm","handleClose"],"sources":["../../../../src/components/media-control/use-cell-media-edit.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport React from 'react';\n\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useCellEditKeyboard } from '../../hooks';\n\nimport { useMediaControl } from './use-media-control';\nimport { usePasteURLForm } from './use-paste-url-form';\n\nexport interface UseCellMediaEditParams {\n  mediaType: MEDIA_TYPES;\n  value: string | null;\n  onChange: (value: string | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager / paste-URL form) so the\n   * table can set isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n}\n\nexport interface UseCellMediaEditResult {\n  containerRef: React.MutableRefObject<HTMLDivElement | null>;\n  loading: boolean;\n  callMedia: () => Promise<boolean>;\n  downloadMedia: (uri: string) => void;\n  /** Opens the media manager. If the user cancels, propagates onCancel. */\n  handleCallMedia: () => Promise<void>;\n  /** Clears the cell and commits. */\n  handleDelete: () => void;\n  /**\n   * Curried opener: pass the modal's `title` / preset `value`, get back the\n   * click handler. Also signals onStartEdit so the cell keeps focus while the\n   * modal is up.\n   */\n  startEditAndOpenPasteUrl: (params: {\n    title: string;\n    value?: string;\n  }) => () => void;\n  pasteUrlForm: {\n    isOpen: boolean;\n    title: string;\n    onSave: (value: string) => void;\n    /** onClose composed with onCancel — call from PasteURLForm.closeModal. */\n    handleClose: () => void;\n  };\n  handleContainerFocus: () => void;\n  handleContainerBlur: (e: React.FocusEvent) => void;\n}\n\n/**\n * Shared state + handlers for single-value media cell edit components\n * (image / document / audio / video / …). Each consumer renders its own\n * primary/secondary content; this hook owns the wiring to useMediaControl,\n * usePasteURLForm, useCellEditKeyboard, and the standard onCommit/onCancel\n * dance.\n */\nexport function useCellMediaEdit({\n  mediaType,\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n}: UseCellMediaEditParams): UseCellMediaEditResult {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const onMediaChange = useCallback(\n    (uri: string) => {\n      onChange(uri);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const { callMedia, downloadMedia, loading } = useMediaControl({\n    mediaType,\n    value: value ?? undefined,\n    onChange: onMediaChange,\n  });\n\n  const handleCallMedia = useCallback(async () => {\n    onStartEdit?.();\n    const committed = await callMedia();\n    if (!committed) {\n      onCancel?.();\n    }\n  }, [onStartEdit, callMedia, onCancel]);\n\n  const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({\n    onChange: onMediaChange,\n  });\n\n  const handleFormClose = useCallback(() => {\n    onClose();\n    onCancel?.();\n  }, [onClose, onCancel]);\n\n  const startEditAndOpenPasteUrl = useCallback(\n    (params: { title: string; value?: string }) =>\n      () => {\n        onStartEdit?.();\n        onOpen(params)();\n      },\n    [onStartEdit, onOpen],\n  );\n\n  const handleDelete = useCallback(() => {\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({\n    containerRef,\n    onCancel,\n    inputRef,\n  });\n\n  return {\n    containerRef,\n    loading,\n    callMedia,\n    downloadMedia,\n    handleCallMedia,\n    handleDelete,\n    startEditAndOpenPasteUrl,\n    pasteUrlForm: { isOpen, title, onSave, handleClose: handleFormClose },\n    handleContainerFocus,\n    handleContainerBlur,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AA6CA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,gBAAgBA,CAAC;EAC/BC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC;AACsB,CAAC,EAA0B;EACjD,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAExD,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAC9BC,GAAW,IAAK;IACfT,QAAQ,CAACS,GAAG,CAAC;IACbR,QAAQ,CAAC,CAAC;EACZ,CAAC,EACD,CAACD,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAM;IAAES,SAAS;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAG,IAAAC,gCAAe,EAAC;IAC5Df,SAAS;IACTC,KAAK,EAAEA,KAAK,IAAIe,SAAS;IACzBd,QAAQ,EAAEO;EACZ,CAAC,CAAC;EAEF,MAAMQ,eAAe,GAAG,IAAAP,kBAAW,EAAC,YAAY;IAC9CL,WAAW,YAAXA,WAAW,CAAG,CAAC;IACf,MAAMa,SAAS,GAAG,MAAMN,SAAS,CAAC,CAAC;IACnC,IAAI,CAACM,SAAS,EAAE;MACdd,QAAQ,YAARA,QAAQ,CAAG,CAAC;IACd;EACF,CAAC,EAAE,CAACC,WAAW,EAAEO,SAAS,EAAER,QAAQ,CAAC,CAAC;EAEtC,MAAM;IAAEe,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAe,EAAC;IACjEtB,QAAQ,EAAEO;EACZ,CAAC,CAAC;EAEF,MAAMgB,eAAe,GAAG,IAAAf,kBAAW,EAAC,MAAM;IACxCY,OAAO,CAAC,CAAC;IACTlB,QAAQ,YAARA,QAAQ,CAAG,CAAC;EACd,CAAC,EAAE,CAACkB,OAAO,EAAElB,QAAQ,CAAC,CAAC;EAEvB,MAAMsB,wBAAwB,GAAG,IAAAhB,kBAAW,EACzCiB,MAAyC,IACxC,MAAM;IACJtB,WAAW,YAAXA,WAAW,CAAG,CAAC;IACfgB,MAAM,CAACM,MAAM,CAAC,CAAC,CAAC;EAClB,CAAC,EACH,CAACtB,WAAW,EAAEgB,MAAM,CACtB,CAAC;EAED,MAAMO,YAAY,GAAG,IAAAlB,kBAAW,EAAC,MAAM;IACrCR,QAAQ,CAAC,IAAI,CAAC;IACdC,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACD,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAExB,MAAM;IAAE0B,oBAAoB;IAAEC;EAAoB,CAAC,GAAG,IAAAC,0BAAmB,EAAC;IACxExB,YAAY;IACZH,QAAQ;IACRE;EACF,CAAC,CAAC;EAEF,OAAO;IACLC,YAAY;IACZO,OAAO;IACPF,SAAS;IACTC,aAAa;IACbI,eAAe;IACfW,YAAY;IACZF,wBAAwB;IACxBM,YAAY,EAAE;MAAEb,MAAM;MAAEC,KAAK;MAAEG,MAAM;MAAEU,WAAW,EAAER;IAAgB,CAAC;IACrEI,oBAAoB;IACpBC;EACF,CAAC;AACH","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_ = "formmediagalleryfield2916102065";
+var _namespace_ = "formmediagalleryfield2467681512";
 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": "formmediagalleryfield2916102065__root",
-  "container": "formmediagalleryfield2916102065__container",
-  "viewBox": "formmediagalleryfield2916102065__viewBox",
-  "addItemWrapper": "formmediagalleryfield2916102065__addItemWrapper",
-  "addItem": "formmediagalleryfield2916102065__addItem",
-  "overlay": "formmediagalleryfield2916102065__overlay",
-  "image": "formmediagalleryfield2916102065__image",
-  "previewImage": "formmediagalleryfield2916102065__previewImage",
-  "previewVideo": "formmediagalleryfield2916102065__previewVideo"
+  "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"
 };
 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_ = \"formmediagalleryfield2916102065\";\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\":\"formmediagalleryfield2916102065__root\",\"container\":\"formmediagalleryfield2916102065__container\",\"viewBox\":\"formmediagalleryfield2916102065__viewBox\",\"addItemWrapper\":\"formmediagalleryfield2916102065__addItemWrapper\",\"addItem\":\"formmediagalleryfield2916102065__addItem\",\"overlay\":\"formmediagalleryfield2916102065__overlay\",\"image\":\"formmediagalleryfield2916102065__image\",\"previewImage\":\"formmediagalleryfield2916102065__previewImage\",\"previewVideo\":\"formmediagalleryfield2916102065__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_ = \"formmediagalleryfield2467681512\";\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\":\"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\"};\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":[]}

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_ = "mediaimage2910012414";
+var _namespace_ = "mediaimage1036556018";
 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": "mediaimage2910012414__root"
+  "root": "mediaimage1036556018__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": "--mediaimage2910012414-from",
-  "to": "--mediaimage2910012414-to"
+  "from": "--mediaimage1036556018-from",
+  "to": "--mediaimage1036556018-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_ = \"mediaimage2910012414\";\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\":\"mediaimage2910012414__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\":\"--mediaimage2910012414-from\",\"to\":\"--mediaimage2910012414-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":[]}
+{"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_ = \"mediaimage1036556018\";\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\":\"mediaimage1036556018__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\":\"--mediaimage1036556018-from\",\"to\":\"--mediaimage1036556018-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_ = "overlay3406660522";
+var _namespace_ = "overlay1563249880";
 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": "overlay3406660522__root",
-  "iconOverlay": "overlay3406660522__iconOverlay"
+  "root": "overlay1563249880__root",
+  "iconOverlay": "overlay1563249880__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": "--overlay3406660522-wsr-color-D80"
+  "wsr-color-D80": "--overlay1563249880-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_ = \"overlay3406660522\";\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\":\"overlay3406660522__root\",\"iconOverlay\":\"overlay3406660522__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\":\"--overlay3406660522-wsr-color-D80\"}; \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,yBAAyB;EAAC,aAAa,EAAC;AAAgC,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;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAmC,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_ = \"overlay1563249880\";\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\":\"overlay1563249880__root\",\"iconOverlay\":\"overlay1563249880__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\":\"--overlay1563249880-wsr-color-D80\"}; \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,yBAAyB;EAAC,aAAa,EAAC;AAAgC,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;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAmC,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_ = "medialoader1862475282";
+var _namespace_ = "medialoader2031441929";
 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": "medialoader1862475282__root",
-  "loader": "medialoader1862475282__loader"
+  "root": "medialoader2031441929__root",
+  "loader": "medialoader2031441929__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_ = \"medialoader1862475282\";\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\":\"medialoader1862475282__root\",\"loader\":\"medialoader1862475282__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_ = \"medialoader2031441929\";\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\":\"medialoader2031441929__root\",\"loader\":\"medialoader2031441929__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":[]}