@wix/patterns-fields 1.136.0 → 1.138.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_react2","_media","_mediaUtils","_mediaItemUtils","_autoFieldTypes","MEDIA_TYPE_TO_CATEGORY","MEDIA_TYPES","IMAGE","VIDEO","AUDIO","VECTOR_ART","extractAudioUrl","audio","_audio$assets","firstAsset","assets","url","undefined","toVectorUri","mediaId","title","result","createMediaItemUri","type","isMediaItemError","item","extractVectorUri","vector","image","parsed","parseWixImageIdAndTitle","id","filename","extractMediaUri","mediaItem","media","_media$image","_media$video","_media$document","_media$vector","video","document","useMediaControl","mediaType","readOnly","autoFocus","initialLoading","inputRef","viewRef","onFocus","onBlur","params","value","multiSelect","container","useContext","WixPatternsContainerContext","openMediaManager","loading","setLoading","useState","Boolean","mediaRequested","useRef","setActive","useCallback","_viewRef$current","_inputRef$current","current","focus","_inputRef$current2","useEffect","onMediaLoad","callMedia","index","onChange","category","Error","mediaManagerData","items","files","length","newURIs","map","newValue","splice","e","console","error","downloadMedia","mediaUri","_result$downloadUrls","generateFileDownloadUrl","downloadUrl","downloadUrls","executeDownloading","getMediaURL"],"sources":["../../../../src/components/media-control/use-media-control.ts"],"sourcesContent":["import { useRef, useState, useEffect, useCallback, useContext } from 'react';\nimport { WixPatternsContainerContext } from '@wix/bex-core/react';\nimport { files } from '@wix/media';\n\nimport { executeDownloading, MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n  createMediaItemUri,\n  isMediaItemError,\n  parseWixImageIdAndTitle,\n} from '../../utils/media-item-utils';\nimport { getMediaURL } from '../../auto-field-types';\n\ntype Focusable = { focus: () => void };\ntype FocusableRef =\n  | React.RefObject<Focusable | undefined>\n  | React.MutableRefObject<Focusable | undefined>;\n\ninterface UseMediaControlBaseParams {\n  mediaType: MEDIA_TYPES;\n  autoFocus?: boolean;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  readOnly?: boolean;\n  initialLoading?: boolean;\n  inputRef?: FocusableRef;\n  viewRef?: FocusableRef;\n}\n\ninterface UseSingleMediaControlParams extends UseMediaControlBaseParams {\n  value?: string;\n  onChange?: (value: string) => void;\n  multiSelect?: false;\n}\n\ninterface UseMultiMediaControlParams extends UseMediaControlBaseParams {\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  multiSelect: true;\n}\n\nexport type UseMediaControlParams =\n  | UseSingleMediaControlParams\n  | UseMultiMediaControlParams;\n\ninterface UseMediaControlBaseReturnType {\n  loading: boolean;\n  onMediaLoad: () => void;\n}\n\ninterface UseSingleMediaControlReturnType\n  extends UseMediaControlBaseReturnType {\n  callMedia(): Promise<boolean>;\n  downloadMedia(mediaUri?: string): Promise<void>;\n}\n\ninterface UseMultiMediaControlReturnType extends UseMediaControlBaseReturnType {\n  callMedia(index?: number): Promise<boolean>;\n  downloadMedia(mediaUri?: string): Promise<void>;\n}\n\nexport type UseMediaControlReturnType =\n  | UseSingleMediaControlReturnType\n  | UseMultiMediaControlReturnType;\n\nconst MEDIA_TYPE_TO_CATEGORY: Partial<Record<MEDIA_TYPES, string>> = {\n  [MEDIA_TYPES.IMAGE]: 'IMAGE',\n  [MEDIA_TYPES.VIDEO]: 'VIDEO',\n  [MEDIA_TYPES.AUDIO]: 'MUSIC',\n  [MEDIA_TYPES.VECTOR_ART]: 'VECTOR_ART',\n};\n\n/**\n * Extracts a playable URL from media.audio, which may be:\n *   - a string (wix:audio:// URI or direct URL)\n *   - an object with { audio: string } (nested URI)\n *   - an object with { assets: [{ url }] } or { assets: [string] }\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst extractAudioUrl = (audio: any): string | undefined => {\n  if (audio) {\n    if (typeof audio === 'string') {\n      return audio;\n    }\n    if (typeof audio.audio === 'string') {\n      return audio.audio;\n    }\n    const firstAsset = audio.assets?.[0];\n    if (typeof firstAsset === 'string') {\n      return firstAsset;\n    }\n    if (typeof firstAsset?.url === 'string') {\n      return firstAsset.url;\n    }\n  }\n  return undefined;\n};\n\nconst toVectorUri = (mediaId: string, title?: string): string | undefined => {\n  const result = createMediaItemUri({ mediaId, type: 'vector', title });\n  return isMediaItemError(result) ? undefined : result.item;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst extractVectorUri = (vector: any): string | undefined => {\n  const image = vector?.image;\n  if (typeof image === 'string') {\n    const parsed = parseWixImageIdAndTitle(image);\n    return parsed ? toVectorUri(parsed.mediaId, parsed.title) : undefined;\n  }\n  return image?.id ? toVectorUri(image.id, image.filename) : undefined;\n};\n\n/**\n * Extracts the Wix media URI from media manager result.\n * Media manager returns different structures for different media types.\n */\nconst extractMediaUri = (mediaItem: any): string => {\n  const { media } = mediaItem || {};\n  if (media) {\n    return (\n      // Try each media type: the URI is nested under media.[type].[type], fallback for direct string values\n      media.image?.image ||\n      (typeof media.image === 'string' && media.image) ||\n      media.video?.video ||\n      (typeof media.video === 'string' && media.video) ||\n      media.document?.document ||\n      (typeof media.document === 'string' && media.document) ||\n      media.vector?.vector ||\n      extractVectorUri(media.vector) ||\n      (typeof media.vector === 'string' && media.vector) ||\n      extractAudioUrl(media.audio) ||\n      ''\n    );\n  }\n\n  return '';\n};\n\nexport function useMediaControl(\n  params: UseSingleMediaControlParams,\n): UseSingleMediaControlReturnType;\n\nexport function useMediaControl(\n  params: UseMultiMediaControlParams,\n): UseMultiMediaControlReturnType;\n\nexport function useMediaControl({\n  mediaType,\n  readOnly,\n  autoFocus,\n  initialLoading,\n  inputRef,\n  viewRef,\n  onFocus,\n  onBlur,\n  ...params\n}: UseMediaControlParams): UseMediaControlReturnType {\n  const { value, multiSelect } = params;\n  const container = useContext(WixPatternsContainerContext);\n  const openMediaManager = container?.openMediaManager;\n\n  const [loading, setLoading] = useState(Boolean(initialLoading && value));\n  const mediaRequested = useRef(false);\n\n  const setActive = useCallback(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    if (value) {\n      viewRef && viewRef?.current?.focus();\n      !viewRef && inputRef?.current?.focus();\n    } else {\n      inputRef?.current?.focus();\n    }\n  }, [autoFocus, value, inputRef, viewRef]);\n\n  // `loading` is a dependency because the focus target does not exist while the\n  // loader placeholder is up — the effect has to run again once it is gone.\n  useEffect(() => setActive(), [setActive, loading]);\n\n  const onMediaLoad = useCallback(() => setLoading(false), []);\n\n  const callMedia = useCallback(\n    async (index?: number): Promise<boolean> => {\n      if (mediaRequested.current || readOnly) {\n        return false;\n      }\n\n      if (!params.onChange) {\n        return false;\n      }\n\n      mediaRequested.current = true;\n\n      onFocus?.();\n      setLoading(true);\n\n      try {\n        const category = MEDIA_TYPE_TO_CATEGORY[mediaType];\n        if (!openMediaManager) {\n          throw new Error(\n            'Media Control Error: openMediaManager is not available in the current context.',\n          );\n        }\n        const mediaManagerData = await openMediaManager({\n          multiSelect: Boolean(multiSelect),\n          ...(category && { category }),\n        });\n\n        onBlur?.();\n        setLoading(false);\n\n        setActive();\n\n        mediaRequested.current = false;\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const items =\n          mediaManagerData?.items || (mediaManagerData as any)?.files;\n\n        if (!items?.length) {\n          return false;\n        }\n\n        if (params.multiSelect) {\n          const newURIs = items.map(extractMediaUri);\n\n          if (!newURIs.length) {\n            throw new Error(\n              `Media Control Error: Media Manager returns not-covered Multi-Document data.`,\n            );\n          }\n\n          if (typeof index === 'number') {\n            const newValue = value ? [...value] : [];\n            newValue.splice(index, 1, ...newURIs);\n            params.onChange(newValue);\n          } else {\n            params.onChange([...((value as string[]) ?? []), ...newURIs]);\n          }\n        } else {\n          params.onChange(extractMediaUri(items[0]));\n        }\n        return true;\n      } catch (e) {\n        setLoading(false);\n        mediaRequested.current = false;\n        console.error(`Media Control Error:`, e);\n        return false;\n      }\n    },\n    [\n      mediaType,\n      multiSelect,\n      onBlur,\n      onFocus,\n      openMediaManager,\n      params,\n      readOnly,\n      setActive,\n      value,\n    ],\n  );\n\n  const downloadMedia = useCallback(async (mediaUri?: string) => {\n    if (!mediaUri) {\n      return;\n    }\n\n    try {\n      const result = await files.generateFileDownloadUrl(mediaUri);\n      const downloadUrl = result.downloadUrls?.[0]?.url;\n      if (!downloadUrl) {\n        throw new Error('No download URL returned');\n      }\n      return executeDownloading(downloadUrl);\n    } catch (error) {\n      // Fallback: open the static URL in a new tab\n      console.error('Media download error, falling back to static URL:', error);\n      return executeDownloading(getMediaURL(mediaUri));\n    }\n  }, []);\n\n  return {\n    loading,\n    callMedia,\n    downloadMedia,\n    onMediaLoad,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_react2","_media","_mediaUtils","_mediaItemUtils","_autoFieldTypes","MEDIA_TYPE_TO_CATEGORY","MEDIA_TYPES","IMAGE","RASTER_IMAGE","VIDEO","AUDIO","VECTOR_ART","extractAudioUrl","audio","_audio$assets","firstAsset","assets","url","undefined","toVectorUri","mediaId","title","result","createMediaItemUri","type","isMediaItemError","item","extractVectorUri","vector","image","startsWith","parsed","parseWixImageIdAndTitle","id","filename","extractMediaUri","mediaItem","media","_media$image","_media$video","_media$document","_media$vector","video","document","useMediaControl","mediaType","readOnly","autoFocus","initialLoading","inputRef","viewRef","onFocus","onBlur","params","value","multiSelect","container","useContext","WixPatternsContainerContext","openMediaManager","loading","setLoading","useState","Boolean","mediaRequested","useRef","setActive","useCallback","_viewRef$current","_inputRef$current","current","focus","_inputRef$current2","useEffect","onMediaLoad","callMedia","index","onChange","category","Error","mediaManagerData","items","files","length","newURIs","map","newValue","splice","e","console","error","downloadMedia","mediaUri","_result$downloadUrls","generateFileDownloadUrl","downloadUrl","downloadUrls","executeDownloading","getMediaURL"],"sources":["../../../../src/components/media-control/use-media-control.ts"],"sourcesContent":["import { useRef, useState, useEffect, useCallback, useContext } from 'react';\nimport { WixPatternsContainerContext } from '@wix/bex-core/react';\nimport { files } from '@wix/media';\n\nimport { executeDownloading, MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n  createMediaItemUri,\n  isMediaItemError,\n  parseWixImageIdAndTitle,\n} from '../../utils/media-item-utils';\nimport { getMediaURL } from '../../auto-field-types';\n\ntype Focusable = { focus: () => void };\ntype FocusableRef =\n  | React.RefObject<Focusable | undefined>\n  | React.MutableRefObject<Focusable | undefined>;\n\ninterface UseMediaControlBaseParams {\n  mediaType: MEDIA_TYPES;\n  autoFocus?: boolean;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  readOnly?: boolean;\n  initialLoading?: boolean;\n  inputRef?: FocusableRef;\n  viewRef?: FocusableRef;\n}\n\ninterface UseSingleMediaControlParams extends UseMediaControlBaseParams {\n  value?: string;\n  onChange?: (value: string) => void;\n  multiSelect?: false;\n}\n\ninterface UseMultiMediaControlParams extends UseMediaControlBaseParams {\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  multiSelect: true;\n}\n\nexport type UseMediaControlParams =\n  | UseSingleMediaControlParams\n  | UseMultiMediaControlParams;\n\ninterface UseMediaControlBaseReturnType {\n  loading: boolean;\n  onMediaLoad: () => void;\n}\n\ninterface UseSingleMediaControlReturnType\n  extends UseMediaControlBaseReturnType {\n  callMedia(): Promise<boolean>;\n  downloadMedia(mediaUri?: string): Promise<void>;\n}\n\ninterface UseMultiMediaControlReturnType extends UseMediaControlBaseReturnType {\n  callMedia(index?: number): Promise<boolean>;\n  downloadMedia(mediaUri?: string): Promise<void>;\n}\n\nexport type UseMediaControlReturnType =\n  | UseSingleMediaControlReturnType\n  | UseMultiMediaControlReturnType;\n\nconst MEDIA_TYPE_TO_CATEGORY: Partial<Record<MEDIA_TYPES, string>> = {\n  [MEDIA_TYPES.IMAGE]: 'AUTO_CMS_IMAGE',\n  [MEDIA_TYPES.RASTER_IMAGE]: 'IMAGE',\n  [MEDIA_TYPES.VIDEO]: 'VIDEO',\n  [MEDIA_TYPES.AUDIO]: 'MUSIC',\n  [MEDIA_TYPES.VECTOR_ART]: 'VECTOR_ART',\n};\n\n/**\n * Extracts a playable URL from media.audio, which may be:\n *   - a string (wix:audio:// URI or direct URL)\n *   - an object with { audio: string } (nested URI)\n *   - an object with { assets: [{ url }] } or { assets: [string] }\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst extractAudioUrl = (audio: any): string | undefined => {\n  if (audio) {\n    if (typeof audio === 'string') {\n      return audio;\n    }\n    if (typeof audio.audio === 'string') {\n      return audio.audio;\n    }\n    const firstAsset = audio.assets?.[0];\n    if (typeof firstAsset === 'string') {\n      return firstAsset;\n    }\n    if (typeof firstAsset?.url === 'string') {\n      return firstAsset.url;\n    }\n  }\n  return undefined;\n};\n\nconst toVectorUri = (mediaId: string, title?: string): string | undefined => {\n  const result = createMediaItemUri({ mediaId, type: 'vector', title });\n  return isMediaItemError(result) ? undefined : result.item;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst extractVectorUri = (vector: any): string | undefined => {\n  const image = vector?.image;\n  if (typeof image === 'string') {\n    if (image.startsWith('wix:vector://')) {\n      return image;\n    }\n    const parsed = parseWixImageIdAndTitle(image);\n    return parsed ? toVectorUri(parsed.mediaId, parsed.title) : undefined;\n  }\n  return image?.id ? toVectorUri(image.id, image.filename) : undefined;\n};\n\n/**\n * Extracts the Wix media URI from media manager result.\n * Media manager returns different structures for different media types.\n */\nconst extractMediaUri = (mediaItem: any): string => {\n  const { media } = mediaItem || {};\n  if (media) {\n    return (\n      // Try each media type: the URI is nested under media.[type].[type], fallback for direct string values\n      media.image?.image ||\n      (typeof media.image === 'string' && media.image) ||\n      media.video?.video ||\n      (typeof media.video === 'string' && media.video) ||\n      media.document?.document ||\n      (typeof media.document === 'string' && media.document) ||\n      media.vector?.vector ||\n      extractVectorUri(media.vector) ||\n      (typeof media.vector === 'string' && media.vector) ||\n      extractAudioUrl(media.audio) ||\n      ''\n    );\n  }\n\n  return '';\n};\n\nexport function useMediaControl(\n  params: UseSingleMediaControlParams,\n): UseSingleMediaControlReturnType;\n\nexport function useMediaControl(\n  params: UseMultiMediaControlParams,\n): UseMultiMediaControlReturnType;\n\nexport function useMediaControl({\n  mediaType,\n  readOnly,\n  autoFocus,\n  initialLoading,\n  inputRef,\n  viewRef,\n  onFocus,\n  onBlur,\n  ...params\n}: UseMediaControlParams): UseMediaControlReturnType {\n  const { value, multiSelect } = params;\n  const container = useContext(WixPatternsContainerContext);\n  const openMediaManager = container?.openMediaManager;\n\n  const [loading, setLoading] = useState(Boolean(initialLoading && value));\n  const mediaRequested = useRef(false);\n\n  const setActive = useCallback(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    if (value) {\n      viewRef && viewRef?.current?.focus();\n      !viewRef && inputRef?.current?.focus();\n    } else {\n      inputRef?.current?.focus();\n    }\n  }, [autoFocus, value, inputRef, viewRef]);\n\n  // `loading` is a dependency because the focus target does not exist while the\n  // loader placeholder is up — the effect has to run again once it is gone.\n  useEffect(() => setActive(), [setActive, loading]);\n\n  const onMediaLoad = useCallback(() => setLoading(false), []);\n\n  const callMedia = useCallback(\n    async (index?: number): Promise<boolean> => {\n      if (mediaRequested.current || readOnly) {\n        return false;\n      }\n\n      if (!params.onChange) {\n        return false;\n      }\n\n      mediaRequested.current = true;\n\n      onFocus?.();\n      setLoading(true);\n\n      try {\n        const category = MEDIA_TYPE_TO_CATEGORY[mediaType];\n        if (!openMediaManager) {\n          throw new Error(\n            'Media Control Error: openMediaManager is not available in the current context.',\n          );\n        }\n        const mediaManagerData = await openMediaManager({\n          multiSelect: Boolean(multiSelect),\n          ...(category && { category }),\n        });\n\n        onBlur?.();\n        setLoading(false);\n\n        setActive();\n\n        mediaRequested.current = false;\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const items =\n          mediaManagerData?.items || (mediaManagerData as any)?.files;\n\n        if (!items?.length) {\n          return false;\n        }\n\n        if (params.multiSelect) {\n          const newURIs = items.map(extractMediaUri);\n\n          if (!newURIs.length) {\n            throw new Error(\n              `Media Control Error: Media Manager returns not-covered Multi-Document data.`,\n            );\n          }\n\n          if (typeof index === 'number') {\n            const newValue = value ? [...value] : [];\n            newValue.splice(index, 1, ...newURIs);\n            params.onChange(newValue);\n          } else {\n            params.onChange([...((value as string[]) ?? []), ...newURIs]);\n          }\n        } else {\n          params.onChange(extractMediaUri(items[0]));\n        }\n        return true;\n      } catch (e) {\n        setLoading(false);\n        mediaRequested.current = false;\n        console.error(`Media Control Error:`, e);\n        return false;\n      }\n    },\n    [\n      mediaType,\n      multiSelect,\n      onBlur,\n      onFocus,\n      openMediaManager,\n      params,\n      readOnly,\n      setActive,\n      value,\n    ],\n  );\n\n  const downloadMedia = useCallback(async (mediaUri?: string) => {\n    if (!mediaUri) {\n      return;\n    }\n\n    try {\n      const result = await files.generateFileDownloadUrl(mediaUri);\n      const downloadUrl = result.downloadUrls?.[0]?.url;\n      if (!downloadUrl) {\n        throw new Error('No download URL returned');\n      }\n      return executeDownloading(downloadUrl);\n    } catch (error) {\n      // Fallback: open the static URL in a new tab\n      console.error('Media download error, falling back to static URL:', error);\n      return executeDownloading(getMediaURL(mediaUri));\n    }\n  }, []);\n\n  return {\n    loading,\n    callMedia,\n    downloadMedia,\n    onMediaLoad,\n  };\n}\n"],"mappings":"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","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_ = "formmediagalleryfield4126786050";
+var _namespace_ = "formmediagalleryfield3171169945";
 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": "formmediagalleryfield4126786050__root",
-  "container": "formmediagalleryfield4126786050__container",
-  "viewBox": "formmediagalleryfield4126786050__viewBox",
-  "addItemWrapper": "formmediagalleryfield4126786050__addItemWrapper",
-  "addItem": "formmediagalleryfield4126786050__addItem",
-  "overlay": "formmediagalleryfield4126786050__overlay",
-  "image": "formmediagalleryfield4126786050__image",
-  "previewImage": "formmediagalleryfield4126786050__previewImage",
-  "previewVideo": "formmediagalleryfield4126786050__previewVideo"
+  "root": "formmediagalleryfield3171169945__root",
+  "container": "formmediagalleryfield3171169945__container",
+  "viewBox": "formmediagalleryfield3171169945__viewBox",
+  "addItemWrapper": "formmediagalleryfield3171169945__addItemWrapper",
+  "addItem": "formmediagalleryfield3171169945__addItem",
+  "overlay": "formmediagalleryfield3171169945__overlay",
+  "image": "formmediagalleryfield3171169945__image",
+  "previewImage": "formmediagalleryfield3171169945__previewImage",
+  "previewVideo": "formmediagalleryfield3171169945__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_ = \"formmediagalleryfield4126786050\";\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\":\"formmediagalleryfield4126786050__root\",\"container\":\"formmediagalleryfield4126786050__container\",\"viewBox\":\"formmediagalleryfield4126786050__viewBox\",\"addItemWrapper\":\"formmediagalleryfield4126786050__addItemWrapper\",\"addItem\":\"formmediagalleryfield4126786050__addItem\",\"overlay\":\"formmediagalleryfield4126786050__overlay\",\"image\":\"formmediagalleryfield4126786050__image\",\"previewImage\":\"formmediagalleryfield4126786050__previewImage\",\"previewVideo\":\"formmediagalleryfield4126786050__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_ = \"formmediagalleryfield3171169945\";\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\":\"formmediagalleryfield3171169945__root\",\"container\":\"formmediagalleryfield3171169945__container\",\"viewBox\":\"formmediagalleryfield3171169945__viewBox\",\"addItemWrapper\":\"formmediagalleryfield3171169945__addItemWrapper\",\"addItem\":\"formmediagalleryfield3171169945__addItem\",\"overlay\":\"formmediagalleryfield3171169945__overlay\",\"image\":\"formmediagalleryfield3171169945__image\",\"previewImage\":\"formmediagalleryfield3171169945__previewImage\",\"previewVideo\":\"formmediagalleryfield3171169945__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_ = "mediaimage453535878";
+var _namespace_ = "mediaimage2275956692";
 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": "mediaimage453535878__root"
+  "root": "mediaimage2275956692__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": "--mediaimage453535878-from",
-  "to": "--mediaimage453535878-to"
+  "from": "--mediaimage2275956692-from",
+  "to": "--mediaimage2275956692-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_ = \"mediaimage453535878\";\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\":\"mediaimage453535878__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\":\"--mediaimage453535878-from\",\"to\":\"--mediaimage453535878-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2B,CAAC;AAClD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,4BAA4B;EAAC,IAAI,EAAC;AAA0B,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage2275956692\";\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\":\"mediaimage2275956692__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\":\"--mediaimage2275956692-from\",\"to\":\"--mediaimage2275956692-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_ = "overlay869258729";
+var _namespace_ = "overlay3882119496";
 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": "overlay869258729__root",
-  "iconOverlay": "overlay869258729__iconOverlay"
+  "root": "overlay3882119496__root",
+  "iconOverlay": "overlay3882119496__iconOverlay"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"overlay869258729\";\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\":\"overlay869258729__root\",\"iconOverlay\":\"overlay869258729__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\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,aAAa,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;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-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay3882119496\";\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\":\"overlay3882119496__root\",\"iconOverlay\":\"overlay3882119496__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\":\"--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;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image-field/cell-media-image-edit.js

@@ -44,7 +44,7 @@ const CellMediaImageEdit = ({
   // 'none' once committed.
   const [popoverLayer, setPopoverLayer] = (0, _react.useState)('popover');
   const mediaEdit = (0, _mediaControl.useCellMediaEdit)({
-    mediaType: _mediaUtils.MEDIA_TYPES.IMAGE,
+    mediaType: _mediaUtils.MEDIA_TYPES.RASTER_IMAGE,
     value: image,
     onChange,
     onCommit,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_autoFieldTypes","_hooks","_getImageSource","_mediaImageValue","_mediaUtils","_mediaControl","_mediaImage","_mediaImageActions","_mediaImageView","_cellMediaImageEditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","imageFromUrl","url","current","replaceImage","fromImageUrl","CellMediaImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","image","toMediaImageValue","src","getImageSource","popoverLayer","setPopoverLayer","useState","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","IMAGE","fromPick","fromMediaManagerPick","fromUrl","commitOnPick","loading","pasteUrlForm","handleCallMedia","handleDelete","downloadMedia","closePasteUrl","handleClose","openLayer","isOpen","openPasteUrl","startEditAndOpenPasteUrl","title","isExternalMediaImage","undefined","handleDownload","useMediaImageDownload","commit","useCallback","handleMenuOpenChange","layer","handleClickOutside","useEffect","handleKeyDown","key","stopPropagation","document","addEventListener","removeEventListener","emptyActions","createElement","Fragment","Tooltip","content","appendTo","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","priority","ariaLabel","onClick","Add","LinkSmall","CellMediaEditShell","fieldType","MediaFieldType","padding","className","classes","view","MediaImageView","anchor","Popover","shown","placement","moveBy","x","y","zIndex","animate","flip","fixed","onClickOutside","Element","anchorBox","Content","Box","popoverContent","direction","gap","FormField","label","MediaImage","alt","fit","transparent","ThumbnailSize","L","width","height","borderRadius","st","imageActions","menuOpen","MediaImageActions","onReplace","onReplaceWithUrl","onPreview","onDownload","onDelete","onMenuOpenChange","menuZIndex","Input","altText","placeholder","withAltText","target","onEnterPressed","MediaImagePreviewModal","onClose","exports","displayName"],"sources":["../../../../src/components/media-image-field/cell-media-image-edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n  Box,\n  FormField,\n  IconButton,\n  Input,\n  Popover,\n  Tooltip,\n} from '@wix/design-system';\nimport { Add, LinkSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { ThumbnailSize } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { MediaImageValue } from '../../types/media-image';\nimport { getImageSource } from '../../utils/get-image-source';\nimport {\n  fromImageUrl,\n  fromMediaManagerPick,\n  isExternalMediaImage,\n  replaceImage,\n  toMediaImageValue,\n  withAltText,\n} from '../../utils/media-image-value';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n  CellMediaEditShell,\n  MediaFieldType,\n  useCellMediaEdit,\n} from '../media-control';\nimport { MediaImage } from '../media-image';\nimport {\n  MediaImageActions,\n  MediaImagePreviewModal,\n  useMediaImageDownload,\n} from './media-image-actions';\nimport { MediaImageView } from './media-image-view';\nimport { st, classes } from './cell-media-image-edit.st.css.js';\n\nexport interface CellMediaImageEditProps {\n  /** A `MEDIA_IMAGE` value. */\n  value: unknown;\n  onChange: (value: MediaImageValue | 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\ntype PopoverLayer = 'none' | 'popover' | 'menu' | 'preview';\n\n/** What is on top of the editor. Escape and click-outside act on it. */\ntype Layer = PopoverLayer | 'pasteUrl' | 'loading';\n\nconst imageFromUrl = (url: string, current: MediaImageValue | null) =>\n  replaceImage(current, fromImageUrl(url));\n\n/**\n * Edits a `MEDIA_IMAGE` cell. An empty cell shows the add and paste-URL\n * buttons. A cell with an image opens a popover with the image and its alt\n * text. Changes go to `onChange` as they happen and are committed once, when\n * the popover closes.\n */\nexport const CellMediaImageEdit: React.FC<CellMediaImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const image = toMediaImageValue(value);\n  const src = getImageSource(image);\n  // 'none' once committed.\n  const [popoverLayer, setPopoverLayer] = useState<PopoverLayer>('popover');\n\n  const mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value: image,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n    fromPick: fromMediaManagerPick,\n    fromUrl: imageFromUrl,\n    commitOnPick: false,\n  });\n  const {\n    loading,\n    pasteUrlForm,\n    handleCallMedia,\n    handleDelete,\n    downloadMedia,\n  } = mediaEdit;\n  const closePasteUrl = pasteUrlForm.handleClose;\n  // The media manager and the URL form sit above the popover layers.\n  const openLayer: Layer = loading\n    ? 'loading'\n    : pasteUrlForm.isOpen\n    ? 'pasteUrl'\n    : image\n    ? popoverLayer\n    : 'none';\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: isExternalMediaImage(image) ? image.url : undefined,\n  });\n\n  const handleDownload = useMediaImageDownload(image, downloadMedia);\n\n  const commit = useCallback(() => {\n    setPopoverLayer('none');\n    onCommit();\n  }, [onCommit]);\n\n  // Picking Preview sets its own layer, which closing the menu must not undo.\n  const handleMenuOpenChange = useCallback((isOpen: boolean) => {\n    setPopoverLayer((layer) => {\n      if (isOpen) {\n        return 'menu';\n      }\n      return layer === 'menu' ? 'popover' : layer;\n    });\n  }, []);\n\n  // Fires on mouseup, before the click that closes a menu or a modal, so\n  // `openLayer` still says what was open.\n  const handleClickOutside = useCallback(() => {\n    if (openLayer === 'popover') {\n      commit();\n    }\n  }, [openLayer, commit]);\n\n  useEffect(() => {\n    // WDS closes the menu on Escape and stops the event there.\n    if (\n      openLayer === 'none' ||\n      openLayer === 'loading' ||\n      openLayer === 'menu'\n    ) {\n      return;\n    }\n    // Capture phase, so the table doesn't cancel the edit first.\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape') {\n        return;\n      }\n      e.stopPropagation();\n      if (openLayer === 'pasteUrl') {\n        closePasteUrl();\n      } else if (openLayer === 'preview') {\n        setPopoverLayer('popover');\n      } else {\n        commit();\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, true);\n    return () => document.removeEventListener('keydown', handleKeyDown, true);\n  }, [openLayer, closePasteUrl, commit]);\n\n  const emptyActions = (\n    <>\n      <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n        <IconButton\n          size=\"tiny\"\n          priority=\"secondary\"\n          dataHook=\"media-image-edit-add-button\"\n          ariaLabel={t('CMS.image.add')}\n          onClick={handleCallMedia}\n        >\n          <Add />\n        </IconButton>\n      </Tooltip>\n      <Tooltip content={t('CMS.image.replaceWithUrl.button')} appendTo=\"window\">\n        <IconButton\n          size=\"tiny\"\n          priority=\"tertiary\"\n          dataHook=\"media-image-edit-paste-url-button\"\n          ariaLabel={t('CMS.image.replaceWithUrl.button')}\n          onClick={openPasteUrl}\n        >\n          <LinkSmall />\n        </IconButton>\n      </Tooltip>\n    </>\n  );\n\n  // One return for both states, so the shell and its container stay mounted\n  // when a pick fills an empty cell.\n  return (\n    <>\n      <CellMediaEditShell\n        dataHook={dataHook}\n        mediaEdit={mediaEdit}\n        fieldType={MediaFieldType.image}\n        padding={image ? '0' : undefined}\n      >\n        {!image ? (\n          emptyActions\n        ) : (\n          <div className={classes.view}>\n            <MediaImageView value={image} />\n            <div className={classes.anchor}>\n              <Popover\n                // Modals open at WDS's z-index 5000, under this popover.\n                shown={openLayer === 'popover' || openLayer === 'menu'}\n                appendTo=\"window\"\n                placement=\"bottom-start\"\n                // The anchor sits inside the cell's 1px border. Figma puts the\n                // popover 4px under the border, aligned with its left edge.\n                moveBy={{ x: -1, y: 5 }}\n                zIndex={5001}\n                animate\n                flip\n                fixed={false}\n                onClickOutside={handleClickOutside}\n              >\n                <Popover.Element>\n                  <div className={classes.anchorBox} />\n                </Popover.Element>\n                <Popover.Content>\n                  <Box\n                    dataHook=\"media-image-edit-popover\"\n                    className={classes.popoverContent}\n                    direction=\"vertical\"\n                    gap=\"SP3\"\n                    padding=\"SP3\"\n                  >\n                    <FormField label={t('CMS.image.thumbnail.label')}>\n                      <div className={classes.image}>\n                        <MediaImage\n                          dataHook=\"media-image-edit-image\"\n                          src={src}\n                          alt=\"\"\n                          fit=\"cover\"\n                          transparent\n                          size={ThumbnailSize.L}\n                          width=\"180px\"\n                          height=\"180px\"\n                          borderRadius=\"0\"\n                        />\n                        <div\n                          className={st(classes.imageActions, {\n                            menuOpen: popoverLayer === 'menu',\n                          })}\n                        >\n                          <MediaImageActions\n                            dataHook=\"media-image-edit\"\n                            onReplace={handleCallMedia}\n                            onReplaceWithUrl={openPasteUrl}\n                            onPreview={() => setPopoverLayer('preview')}\n                            onDownload={handleDownload}\n                            onDelete={handleDelete}\n                            onMenuOpenChange={handleMenuOpenChange}\n                            menuZIndex={5002}\n                          />\n                        </div>\n                      </div>\n                    </FormField>\n                    <FormField label={t('CMS.image.altText.label')}>\n                      <Input\n                        dataHook=\"media-image-edit-alt-input\"\n                        size=\"small\"\n                        value={image.altText ?? ''}\n                        placeholder={t('CMS.image.altText.inputPlaceholder')}\n                        onChange={(e) =>\n                          onChange(withAltText(image, e.target.value))\n                        }\n                        onEnterPressed={commit}\n                      />\n                    </FormField>\n                  </Box>\n                </Popover.Content>\n              </Popover>\n            </div>\n          </div>\n        )}\n      </CellMediaEditShell>\n      {image && (\n        <MediaImagePreviewModal\n          isOpen={popoverLayer === 'preview'}\n          image={image}\n          onClose={() => setPopoverLayer('popover')}\n          onReplace={handleCallMedia}\n          onDelete={handleDelete}\n          onDownload={handleDownload}\n        />\n      )}\n    </>\n  );\n};\n\nCellMediaImageEdit.displayName = 'CellMediaImageEdit';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_autoFieldTypes","_hooks","_getImageSource","_mediaImageValue","_mediaUtils","_mediaControl","_mediaImage","_mediaImageActions","_mediaImageView","_cellMediaImageEditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","imageFromUrl","url","current","replaceImage","fromImageUrl","CellMediaImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","image","toMediaImageValue","src","getImageSource","popoverLayer","setPopoverLayer","useState","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","RASTER_IMAGE","fromPick","fromMediaManagerPick","fromUrl","commitOnPick","loading","pasteUrlForm","handleCallMedia","handleDelete","downloadMedia","closePasteUrl","handleClose","openLayer","isOpen","openPasteUrl","startEditAndOpenPasteUrl","title","isExternalMediaImage","undefined","handleDownload","useMediaImageDownload","commit","useCallback","handleMenuOpenChange","layer","handleClickOutside","useEffect","handleKeyDown","key","stopPropagation","document","addEventListener","removeEventListener","emptyActions","createElement","Fragment","Tooltip","content","appendTo","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","priority","ariaLabel","onClick","Add","LinkSmall","CellMediaEditShell","fieldType","MediaFieldType","padding","className","classes","view","MediaImageView","anchor","Popover","shown","placement","moveBy","x","y","zIndex","animate","flip","fixed","onClickOutside","Element","anchorBox","Content","Box","popoverContent","direction","gap","FormField","label","MediaImage","alt","fit","transparent","ThumbnailSize","L","width","height","borderRadius","st","imageActions","menuOpen","MediaImageActions","onReplace","onReplaceWithUrl","onPreview","onDownload","onDelete","onMenuOpenChange","menuZIndex","Input","altText","placeholder","withAltText","target","onEnterPressed","MediaImagePreviewModal","onClose","exports","displayName"],"sources":["../../../../src/components/media-image-field/cell-media-image-edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n  Box,\n  FormField,\n  IconButton,\n  Input,\n  Popover,\n  Tooltip,\n} from '@wix/design-system';\nimport { Add, LinkSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { ThumbnailSize } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { MediaImageValue } from '../../types/media-image';\nimport { getImageSource } from '../../utils/get-image-source';\nimport {\n  fromImageUrl,\n  fromMediaManagerPick,\n  isExternalMediaImage,\n  replaceImage,\n  toMediaImageValue,\n  withAltText,\n} from '../../utils/media-image-value';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n  CellMediaEditShell,\n  MediaFieldType,\n  useCellMediaEdit,\n} from '../media-control';\nimport { MediaImage } from '../media-image';\nimport {\n  MediaImageActions,\n  MediaImagePreviewModal,\n  useMediaImageDownload,\n} from './media-image-actions';\nimport { MediaImageView } from './media-image-view';\nimport { st, classes } from './cell-media-image-edit.st.css.js';\n\nexport interface CellMediaImageEditProps {\n  /** A `MEDIA_IMAGE` value. */\n  value: unknown;\n  onChange: (value: MediaImageValue | 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\ntype PopoverLayer = 'none' | 'popover' | 'menu' | 'preview';\n\n/** What is on top of the editor. Escape and click-outside act on it. */\ntype Layer = PopoverLayer | 'pasteUrl' | 'loading';\n\nconst imageFromUrl = (url: string, current: MediaImageValue | null) =>\n  replaceImage(current, fromImageUrl(url));\n\n/**\n * Edits a `MEDIA_IMAGE` cell. An empty cell shows the add and paste-URL\n * buttons. A cell with an image opens a popover with the image and its alt\n * text. Changes go to `onChange` as they happen and are committed once, when\n * the popover closes.\n */\nexport const CellMediaImageEdit: React.FC<CellMediaImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const image = toMediaImageValue(value);\n  const src = getImageSource(image);\n  // 'none' once committed.\n  const [popoverLayer, setPopoverLayer] = useState<PopoverLayer>('popover');\n\n  const mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.RASTER_IMAGE,\n    value: image,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n    fromPick: fromMediaManagerPick,\n    fromUrl: imageFromUrl,\n    commitOnPick: false,\n  });\n  const {\n    loading,\n    pasteUrlForm,\n    handleCallMedia,\n    handleDelete,\n    downloadMedia,\n  } = mediaEdit;\n  const closePasteUrl = pasteUrlForm.handleClose;\n  // The media manager and the URL form sit above the popover layers.\n  const openLayer: Layer = loading\n    ? 'loading'\n    : pasteUrlForm.isOpen\n    ? 'pasteUrl'\n    : image\n    ? popoverLayer\n    : 'none';\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: isExternalMediaImage(image) ? image.url : undefined,\n  });\n\n  const handleDownload = useMediaImageDownload(image, downloadMedia);\n\n  const commit = useCallback(() => {\n    setPopoverLayer('none');\n    onCommit();\n  }, [onCommit]);\n\n  // Picking Preview sets its own layer, which closing the menu must not undo.\n  const handleMenuOpenChange = useCallback((isOpen: boolean) => {\n    setPopoverLayer((layer) => {\n      if (isOpen) {\n        return 'menu';\n      }\n      return layer === 'menu' ? 'popover' : layer;\n    });\n  }, []);\n\n  // Fires on mouseup, before the click that closes a menu or a modal, so\n  // `openLayer` still says what was open.\n  const handleClickOutside = useCallback(() => {\n    if (openLayer === 'popover') {\n      commit();\n    }\n  }, [openLayer, commit]);\n\n  useEffect(() => {\n    // WDS closes the menu on Escape and stops the event there.\n    if (\n      openLayer === 'none' ||\n      openLayer === 'loading' ||\n      openLayer === 'menu'\n    ) {\n      return;\n    }\n    // Capture phase, so the table doesn't cancel the edit first.\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Escape') {\n        return;\n      }\n      e.stopPropagation();\n      if (openLayer === 'pasteUrl') {\n        closePasteUrl();\n      } else if (openLayer === 'preview') {\n        setPopoverLayer('popover');\n      } else {\n        commit();\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, true);\n    return () => document.removeEventListener('keydown', handleKeyDown, true);\n  }, [openLayer, closePasteUrl, commit]);\n\n  const emptyActions = (\n    <>\n      <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n        <IconButton\n          size=\"tiny\"\n          priority=\"secondary\"\n          dataHook=\"media-image-edit-add-button\"\n          ariaLabel={t('CMS.image.add')}\n          onClick={handleCallMedia}\n        >\n          <Add />\n        </IconButton>\n      </Tooltip>\n      <Tooltip content={t('CMS.image.replaceWithUrl.button')} appendTo=\"window\">\n        <IconButton\n          size=\"tiny\"\n          priority=\"tertiary\"\n          dataHook=\"media-image-edit-paste-url-button\"\n          ariaLabel={t('CMS.image.replaceWithUrl.button')}\n          onClick={openPasteUrl}\n        >\n          <LinkSmall />\n        </IconButton>\n      </Tooltip>\n    </>\n  );\n\n  // One return for both states, so the shell and its container stay mounted\n  // when a pick fills an empty cell.\n  return (\n    <>\n      <CellMediaEditShell\n        dataHook={dataHook}\n        mediaEdit={mediaEdit}\n        fieldType={MediaFieldType.image}\n        padding={image ? '0' : undefined}\n      >\n        {!image ? (\n          emptyActions\n        ) : (\n          <div className={classes.view}>\n            <MediaImageView value={image} />\n            <div className={classes.anchor}>\n              <Popover\n                // Modals open at WDS's z-index 5000, under this popover.\n                shown={openLayer === 'popover' || openLayer === 'menu'}\n                appendTo=\"window\"\n                placement=\"bottom-start\"\n                // The anchor sits inside the cell's 1px border. Figma puts the\n                // popover 4px under the border, aligned with its left edge.\n                moveBy={{ x: -1, y: 5 }}\n                zIndex={5001}\n                animate\n                flip\n                fixed={false}\n                onClickOutside={handleClickOutside}\n              >\n                <Popover.Element>\n                  <div className={classes.anchorBox} />\n                </Popover.Element>\n                <Popover.Content>\n                  <Box\n                    dataHook=\"media-image-edit-popover\"\n                    className={classes.popoverContent}\n                    direction=\"vertical\"\n                    gap=\"SP3\"\n                    padding=\"SP3\"\n                  >\n                    <FormField label={t('CMS.image.thumbnail.label')}>\n                      <div className={classes.image}>\n                        <MediaImage\n                          dataHook=\"media-image-edit-image\"\n                          src={src}\n                          alt=\"\"\n                          fit=\"cover\"\n                          transparent\n                          size={ThumbnailSize.L}\n                          width=\"180px\"\n                          height=\"180px\"\n                          borderRadius=\"0\"\n                        />\n                        <div\n                          className={st(classes.imageActions, {\n                            menuOpen: popoverLayer === 'menu',\n                          })}\n                        >\n                          <MediaImageActions\n                            dataHook=\"media-image-edit\"\n                            onReplace={handleCallMedia}\n                            onReplaceWithUrl={openPasteUrl}\n                            onPreview={() => setPopoverLayer('preview')}\n                            onDownload={handleDownload}\n                            onDelete={handleDelete}\n                            onMenuOpenChange={handleMenuOpenChange}\n                            menuZIndex={5002}\n                          />\n                        </div>\n                      </div>\n                    </FormField>\n                    <FormField label={t('CMS.image.altText.label')}>\n                      <Input\n                        dataHook=\"media-image-edit-alt-input\"\n                        size=\"small\"\n                        value={image.altText ?? ''}\n                        placeholder={t('CMS.image.altText.inputPlaceholder')}\n                        onChange={(e) =>\n                          onChange(withAltText(image, e.target.value))\n                        }\n                        onEnterPressed={commit}\n                      />\n                    </FormField>\n                  </Box>\n                </Popover.Content>\n              </Popover>\n            </div>\n          </div>\n        )}\n      </CellMediaEditShell>\n      {image && (\n        <MediaImagePreviewModal\n          isOpen={popoverLayer === 'preview'}\n          image={image}\n          onClose={() => setPopoverLayer('popover')}\n          onReplace={handleCallMedia}\n          onDelete={handleDelete}\n          onDownload={handleDownload}\n        />\n      )}\n    </>\n  );\n};\n\nCellMediaImageEdit.displayName = 'CellMediaImageEdit';\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,20 +5,20 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "cellmediaimageedit951602822";
+var _namespace_ = "cellmediaimageedit3963440823";
 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": "cellmediaimageedit951602822__root",
-  "view": "cellmediaimageedit951602822__view",
-  "anchor": "cellmediaimageedit951602822__anchor",
-  "anchorBox": "cellmediaimageedit951602822__anchorBox",
-  "popoverContent": "cellmediaimageedit951602822__popoverContent",
-  "image": "cellmediaimageedit951602822__image",
-  "imageActions": "cellmediaimageedit951602822__imageActions"
+  "root": "cellmediaimageedit3963440823__root",
+  "view": "cellmediaimageedit3963440823__view",
+  "anchor": "cellmediaimageedit3963440823__anchor",
+  "anchorBox": "cellmediaimageedit3963440823__anchorBox",
+  "popoverContent": "cellmediaimageedit3963440823__popoverContent",
+  "image": "cellmediaimageedit3963440823__image",
+  "imageActions": "cellmediaimageedit3963440823__imageActions"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-image-field/cell-media-image-edit.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-field/cell-media-image-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaimageedit951602822\";\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\":\"cellmediaimageedit951602822__root\",\"view\":\"cellmediaimageedit951602822__view\",\"anchor\":\"cellmediaimageedit951602822__anchor\",\"anchorBox\":\"cellmediaimageedit951602822__anchorBox\",\"popoverContent\":\"cellmediaimageedit951602822__popoverContent\",\"image\":\"cellmediaimageedit951602822__image\",\"imageActions\":\"cellmediaimageedit951602822__imageActions\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-transparent-primary\":\"--wds-color-fill-transparent-primary\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wds-image-border-radius-default\":\"--wds-image-border-radius-default\",\"wds-space-100\":\"--wds-space-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,QAAQ,EAAC,qCAAqC;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,OAAO,EAAC,oCAAoC;EAAC,cAAc,EAAC;AAA2C,CAAC;AAChX,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,oCAAoC,EAAC,sCAAsC;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;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-image-field/cell-media-image-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaimageedit3963440823\";\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\":\"cellmediaimageedit3963440823__root\",\"view\":\"cellmediaimageedit3963440823__view\",\"anchor\":\"cellmediaimageedit3963440823__anchor\",\"anchorBox\":\"cellmediaimageedit3963440823__anchorBox\",\"popoverContent\":\"cellmediaimageedit3963440823__popoverContent\",\"image\":\"cellmediaimageedit3963440823__image\",\"imageActions\":\"cellmediaimageedit3963440823__imageActions\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-transparent-primary\":\"--wds-color-fill-transparent-primary\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wds-image-border-radius-default\":\"--wds-image-border-radius-default\",\"wds-space-100\":\"--wds-space-100\"}; \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,oCAAoC;EAAC,MAAM,EAAC,oCAAoC;EAAC,QAAQ,EAAC,sCAAsC;EAAC,WAAW,EAAC,yCAAyC;EAAC,gBAAgB,EAAC,8CAA8C;EAAC,OAAO,EAAC,qCAAqC;EAAC,cAAc,EAAC;AAA4C,CAAC;AACvX,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,oCAAoC,EAAC,sCAAsC;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image-field/form-media-image-field.js

@@ -56,7 +56,7 @@ const FormMediaImageField = ({
     callMedia,
     downloadMedia
   } = (0, _mediaControl.useMediaControl)({
-    mediaType: _mediaUtils.MEDIA_TYPES.IMAGE,
+    mediaType: _mediaUtils.MEDIA_TYPES.RASTER_IMAGE,
     value: (0, _getImageSource.getImageSource)(image),
     onChange: handlePick,
     autoFocus,

package/dist/cjs/components/media-image-field/form-media-image-field.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_common","_hooks","_getImageSource","_getImageUrl","_mediaConstants","_mediaImageValue","_mediaUtils","_mediaControl","_mediaImageActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormMediaImageField","data","onChange","onBlur","readOnly","autoFocus","dataHook","inputRef","forwardedRef","imageFormFieldProps","translate","useWixPatternsContainer","useTranslations","isMobile","useIsMobile","image","toMediaImageValue","imageRef","useRef","current","setInputRef","useMergedRef","handlePick","useCallback","uri","next","fromMediaManagerPick","callMedia","downloadMedia","useMediaControl","mediaType","MEDIA_TYPES","IMAGE","value","getImageSource","pasteUrlForm","usePasteURLForm","url","replaceImage","fromImageUrl","openPasteUrl","onOpen","title","isExternalMediaImage","undefined","isPreviewOpen","setIsPreviewOpen","useState","handleDownload","useMediaImageDownload","handleDelete","handlePreviewReplace","canEdit","handleAltTextChange","withAltText","target","createElement","Box","gap","width","__self","__source","fileName","lineNumber","columnNumber","maxWidth","MEDIA_MAX_WIDTH","flexShrink","FormField","_extends2","MediaOverlay","hoverSkin","media","Image","src","getImageUrl","height","MEDIA_HEIGHT","fit","Content","placement","visible","MediaImageActions","onReplace","onReplaceWithUrl","onPreview","onDownload","onDelete","menuZIndex","Z_INDEX_MODAL_POPOVER","ImageViewer","ref","onAddImage","disabled","addImageInfo","direction","flexGrow","minWidth","label","Input","altText","placeholder","PasteURLForm","show","isOpen","closeModal","onClose","onSave","fieldType","MediaFieldType","MediaImagePreviewModal","exports","displayName","ControlledMediaImageInput"],"sources":["../../../../src/components/media-image-field/form-media-image-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useCallback, useRef, useState } from 'react';\nimport type { FormFieldProps } from '@wix/design-system';\nimport {\n  Box,\n  FormField,\n  Image,\n  ImageViewer,\n  Input,\n  MediaOverlay,\n} from '@wix/design-system';\nimport { useIsMobile, useWixPatternsContainer } from '@wix/bex-core/react';\n\nimport { Z_INDEX_MODAL_POPOVER } from '../common';\nimport type { ControlledInputProps } from '../../types/controlled-input';\nimport type { MediaImageValue } from '../../types/media-image';\nimport { useMergedRef, useTranslations } from '../../hooks';\nimport { getImageSource } from '../../utils/get-image-source';\nimport { getImageUrl } from '../../utils/get-image-url';\nimport { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';\nimport {\n  fromImageUrl,\n  fromMediaManagerPick,\n  isExternalMediaImage,\n  replaceImage,\n  toMediaImageValue,\n  withAltText,\n} from '../../utils/media-image-value';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n  MediaFieldType,\n  PasteURLForm,\n  useMediaControl,\n  usePasteURLForm,\n} from '../media-control';\nimport {\n  MediaImageActions,\n  MediaImagePreviewModal,\n  useMediaImageDownload,\n} from './media-image-actions';\n\ninterface ImageViewerActions {\n  focus: () => void;\n}\n\nexport interface FormMediaImageFieldProps {\n  /** A `MEDIA_IMAGE` value. */\n  data?: unknown;\n  onChange: (value: MediaImageValue | null) => void;\n  /** Fires when the media manager closes, whether or not a file was picked. */\n  onBlur?: () => void;\n  readOnly?: boolean;\n  autoFocus?: boolean;\n  dataHook?: string;\n  inputRef?: React.Ref<ImageViewerActions>;\n  /** The FormField around the image, e.g. the field's label and its error.\n   *  ImageViewer takes its error styling from it. */\n  imageFormFieldProps?: Pick<\n    FormFieldProps,\n    'label' | 'required' | 'status' | 'statusMessage'\n  >;\n}\n\n/**\n * The entity page input of a `MEDIA_IMAGE` field: the image, and an alt text\n * input to its right once there is an image. A pick fills an empty alt text\n * from the file name; a replace keeps the current one.\n */\nexport const FormMediaImageField: FC<FormMediaImageFieldProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  dataHook,\n  inputRef: forwardedRef,\n  imageFormFieldProps,\n}) => {\n  const { translate } = useWixPatternsContainer();\n  const { t } = useTranslations();\n  const isMobile = useIsMobile();\n  const image = toMediaImageValue(data);\n  // The media manager calls back after it closes, so it reads the value from\n  // here rather than from the render that opened it.\n  const imageRef = useRef(image);\n  imageRef.current = image;\n\n  const [inputRef, setInputRef] =\n    useMergedRef<ImageViewerActions>(forwardedRef);\n\n  const handlePick = useCallback(\n    (uri: string) => {\n      const next = fromMediaManagerPick(uri, imageRef.current);\n      if (next) {\n        onChange(next);\n      }\n    },\n    [onChange],\n  );\n\n  const { callMedia, downloadMedia } = useMediaControl({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value: getImageSource(image),\n    onChange: handlePick,\n    autoFocus,\n    readOnly,\n    onBlur,\n    inputRef,\n  });\n\n  const pasteUrlForm = usePasteURLForm({\n    onChange: (url) =>\n      onChange(replaceImage(imageRef.current, fromImageUrl(url))),\n  });\n  const openPasteUrl = pasteUrlForm.onOpen({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: isExternalMediaImage(image) ? image.url : undefined,\n  });\n\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n  const handleDownload = useMediaImageDownload(image, downloadMedia);\n  const handleDelete = useCallback(() => {\n    setIsPreviewOpen(false);\n    onChange(null);\n  }, [onChange]);\n  const handlePreviewReplace = useCallback(() => {\n    setIsPreviewOpen(false);\n    callMedia();\n  }, [callMedia]);\n\n  const canEdit = !isMobile && !readOnly;\n\n  const handleAltTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (image) {\n      onChange(withAltText(image, e.target.value));\n    }\n  };\n\n  return (\n    <Box dataHook={dataHook} gap=\"SP4\" width=\"100%\">\n      <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH} flexShrink={0}>\n        <FormField {...imageFormFieldProps} dataHook=\"media-image-field-image\">\n          {image ? (\n            <MediaOverlay\n              dataHook=\"media-image-field-overlay\"\n              hoverSkin=\"dark\"\n              media={\n                <Image\n                  dataHook=\"media-image-field-current-image\"\n                  src={getImageUrl(image)}\n                  width=\"100%\"\n                  height={MEDIA_HEIGHT}\n                  fit=\"cover\"\n                />\n              }\n            >\n              <MediaOverlay.Content placement=\"middle\" visible=\"hover\">\n                <Box gap=\"SP2\">\n                  <MediaImageActions\n                    dataHook=\"media-image-field\"\n                    onReplace={canEdit ? callMedia : undefined}\n                    onReplaceWithUrl={readOnly ? undefined : openPasteUrl}\n                    onPreview={() => setIsPreviewOpen(true)}\n                    onDownload={handleDownload}\n                    onDelete={readOnly ? undefined : handleDelete}\n                    menuZIndex={Z_INDEX_MODAL_POPOVER}\n                  />\n                </Box>\n              </MediaOverlay.Content>\n            </MediaOverlay>\n          ) : (\n            <ImageViewer\n              // Only the empty state has a focusable control, so this is the\n              // only place inputRef can land.\n              ref={setInputRef}\n              dataHook=\"media-image-field-viewer\"\n              onAddImage={canEdit ? callMedia : undefined}\n              disabled={!canEdit}\n              addImageInfo={translate('cairo.add-image.tooltip')}\n              height={MEDIA_HEIGHT}\n              width=\"100%\"\n            />\n          )}\n        </FormField>\n      </Box>\n      {image && (\n        <Box direction=\"vertical\" flexGrow={1} minWidth=\"0\">\n          <FormField label={t('CMS.image.altText.label')}>\n            <Input\n              dataHook=\"media-image-field-alt-input\"\n              value={image.altText ?? ''}\n              placeholder={t('CMS.image.altText.inputPlaceholder')}\n              onChange={handleAltTextChange}\n              readOnly={readOnly}\n            />\n          </FormField>\n        </Box>\n      )}\n      <PasteURLForm\n        title={pasteUrlForm.title}\n        value={pasteUrlForm.value}\n        show={pasteUrlForm.isOpen}\n        closeModal={pasteUrlForm.onClose}\n        onSave={pasteUrlForm.onSave}\n        fieldType={MediaFieldType.image}\n      />\n      {image && (\n        <MediaImagePreviewModal\n          isOpen={isPreviewOpen}\n          image={image}\n          onClose={() => setIsPreviewOpen(false)}\n          onReplace={handlePreviewReplace}\n          onDelete={handleDelete}\n          onDownload={handleDownload}\n          readOnly={!canEdit}\n        />\n      )}\n    </Box>\n  );\n};\n\nFormMediaImageField.displayName = 'FormMediaImageField';\n\nexport type ControlledMediaImageInputProps = Omit<\n  ControlledInputProps<MediaImageValue | null>,\n  'invalid'\n>;\n\nexport const ControlledMediaImageInput: FC<ControlledMediaImageInputProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  dataHook,\n}) => (\n  <FormMediaImageField\n    data={data}\n    onChange={onChange}\n    onBlur={onBlur}\n    readOnly={readOnly}\n    autoFocus={autoFocus}\n    dataHook={dataHook}\n  />\n);\n\nControlledMediaImageInput.displayName = 'ControlledMediaImageInput';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_common","_hooks","_getImageSource","_getImageUrl","_mediaConstants","_mediaImageValue","_mediaUtils","_mediaControl","_mediaImageActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormMediaImageField","data","onChange","onBlur","readOnly","autoFocus","dataHook","inputRef","forwardedRef","imageFormFieldProps","translate","useWixPatternsContainer","useTranslations","isMobile","useIsMobile","image","toMediaImageValue","imageRef","useRef","current","setInputRef","useMergedRef","handlePick","useCallback","uri","next","fromMediaManagerPick","callMedia","downloadMedia","useMediaControl","mediaType","MEDIA_TYPES","RASTER_IMAGE","value","getImageSource","pasteUrlForm","usePasteURLForm","url","replaceImage","fromImageUrl","openPasteUrl","onOpen","title","isExternalMediaImage","undefined","isPreviewOpen","setIsPreviewOpen","useState","handleDownload","useMediaImageDownload","handleDelete","handlePreviewReplace","canEdit","handleAltTextChange","withAltText","target","createElement","Box","gap","width","__self","__source","fileName","lineNumber","columnNumber","maxWidth","MEDIA_MAX_WIDTH","flexShrink","FormField","_extends2","MediaOverlay","hoverSkin","media","Image","src","getImageUrl","height","MEDIA_HEIGHT","fit","Content","placement","visible","MediaImageActions","onReplace","onReplaceWithUrl","onPreview","onDownload","onDelete","menuZIndex","Z_INDEX_MODAL_POPOVER","ImageViewer","ref","onAddImage","disabled","addImageInfo","direction","flexGrow","minWidth","label","Input","altText","placeholder","PasteURLForm","show","isOpen","closeModal","onClose","onSave","fieldType","MediaFieldType","MediaImagePreviewModal","exports","displayName","ControlledMediaImageInput"],"sources":["../../../../src/components/media-image-field/form-media-image-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useCallback, useRef, useState } from 'react';\nimport type { FormFieldProps } from '@wix/design-system';\nimport {\n  Box,\n  FormField,\n  Image,\n  ImageViewer,\n  Input,\n  MediaOverlay,\n} from '@wix/design-system';\nimport { useIsMobile, useWixPatternsContainer } from '@wix/bex-core/react';\n\nimport { Z_INDEX_MODAL_POPOVER } from '../common';\nimport type { ControlledInputProps } from '../../types/controlled-input';\nimport type { MediaImageValue } from '../../types/media-image';\nimport { useMergedRef, useTranslations } from '../../hooks';\nimport { getImageSource } from '../../utils/get-image-source';\nimport { getImageUrl } from '../../utils/get-image-url';\nimport { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';\nimport {\n  fromImageUrl,\n  fromMediaManagerPick,\n  isExternalMediaImage,\n  replaceImage,\n  toMediaImageValue,\n  withAltText,\n} from '../../utils/media-image-value';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n  MediaFieldType,\n  PasteURLForm,\n  useMediaControl,\n  usePasteURLForm,\n} from '../media-control';\nimport {\n  MediaImageActions,\n  MediaImagePreviewModal,\n  useMediaImageDownload,\n} from './media-image-actions';\n\ninterface ImageViewerActions {\n  focus: () => void;\n}\n\nexport interface FormMediaImageFieldProps {\n  /** A `MEDIA_IMAGE` value. */\n  data?: unknown;\n  onChange: (value: MediaImageValue | null) => void;\n  /** Fires when the media manager closes, whether or not a file was picked. */\n  onBlur?: () => void;\n  readOnly?: boolean;\n  autoFocus?: boolean;\n  dataHook?: string;\n  inputRef?: React.Ref<ImageViewerActions>;\n  /** The FormField around the image, e.g. the field's label and its error.\n   *  ImageViewer takes its error styling from it. */\n  imageFormFieldProps?: Pick<\n    FormFieldProps,\n    'label' | 'required' | 'status' | 'statusMessage'\n  >;\n}\n\n/**\n * The entity page input of a `MEDIA_IMAGE` field: the image, and an alt text\n * input to its right once there is an image. A pick fills an empty alt text\n * from the file name; a replace keeps the current one.\n */\nexport const FormMediaImageField: FC<FormMediaImageFieldProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  dataHook,\n  inputRef: forwardedRef,\n  imageFormFieldProps,\n}) => {\n  const { translate } = useWixPatternsContainer();\n  const { t } = useTranslations();\n  const isMobile = useIsMobile();\n  const image = toMediaImageValue(data);\n  // The media manager calls back after it closes, so it reads the value from\n  // here rather than from the render that opened it.\n  const imageRef = useRef(image);\n  imageRef.current = image;\n\n  const [inputRef, setInputRef] =\n    useMergedRef<ImageViewerActions>(forwardedRef);\n\n  const handlePick = useCallback(\n    (uri: string) => {\n      const next = fromMediaManagerPick(uri, imageRef.current);\n      if (next) {\n        onChange(next);\n      }\n    },\n    [onChange],\n  );\n\n  const { callMedia, downloadMedia } = useMediaControl({\n    mediaType: MEDIA_TYPES.RASTER_IMAGE,\n    value: getImageSource(image),\n    onChange: handlePick,\n    autoFocus,\n    readOnly,\n    onBlur,\n    inputRef,\n  });\n\n  const pasteUrlForm = usePasteURLForm({\n    onChange: (url) =>\n      onChange(replaceImage(imageRef.current, fromImageUrl(url))),\n  });\n  const openPasteUrl = pasteUrlForm.onOpen({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: isExternalMediaImage(image) ? image.url : undefined,\n  });\n\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n  const handleDownload = useMediaImageDownload(image, downloadMedia);\n  const handleDelete = useCallback(() => {\n    setIsPreviewOpen(false);\n    onChange(null);\n  }, [onChange]);\n  const handlePreviewReplace = useCallback(() => {\n    setIsPreviewOpen(false);\n    callMedia();\n  }, [callMedia]);\n\n  const canEdit = !isMobile && !readOnly;\n\n  const handleAltTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (image) {\n      onChange(withAltText(image, e.target.value));\n    }\n  };\n\n  return (\n    <Box dataHook={dataHook} gap=\"SP4\" width=\"100%\">\n      <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH} flexShrink={0}>\n        <FormField {...imageFormFieldProps} dataHook=\"media-image-field-image\">\n          {image ? (\n            <MediaOverlay\n              dataHook=\"media-image-field-overlay\"\n              hoverSkin=\"dark\"\n              media={\n                <Image\n                  dataHook=\"media-image-field-current-image\"\n                  src={getImageUrl(image)}\n                  width=\"100%\"\n                  height={MEDIA_HEIGHT}\n                  fit=\"cover\"\n                />\n              }\n            >\n              <MediaOverlay.Content placement=\"middle\" visible=\"hover\">\n                <Box gap=\"SP2\">\n                  <MediaImageActions\n                    dataHook=\"media-image-field\"\n                    onReplace={canEdit ? callMedia : undefined}\n                    onReplaceWithUrl={readOnly ? undefined : openPasteUrl}\n                    onPreview={() => setIsPreviewOpen(true)}\n                    onDownload={handleDownload}\n                    onDelete={readOnly ? undefined : handleDelete}\n                    menuZIndex={Z_INDEX_MODAL_POPOVER}\n                  />\n                </Box>\n              </MediaOverlay.Content>\n            </MediaOverlay>\n          ) : (\n            <ImageViewer\n              // Only the empty state has a focusable control, so this is the\n              // only place inputRef can land.\n              ref={setInputRef}\n              dataHook=\"media-image-field-viewer\"\n              onAddImage={canEdit ? callMedia : undefined}\n              disabled={!canEdit}\n              addImageInfo={translate('cairo.add-image.tooltip')}\n              height={MEDIA_HEIGHT}\n              width=\"100%\"\n            />\n          )}\n        </FormField>\n      </Box>\n      {image && (\n        <Box direction=\"vertical\" flexGrow={1} minWidth=\"0\">\n          <FormField label={t('CMS.image.altText.label')}>\n            <Input\n              dataHook=\"media-image-field-alt-input\"\n              value={image.altText ?? ''}\n              placeholder={t('CMS.image.altText.inputPlaceholder')}\n              onChange={handleAltTextChange}\n              readOnly={readOnly}\n            />\n          </FormField>\n        </Box>\n      )}\n      <PasteURLForm\n        title={pasteUrlForm.title}\n        value={pasteUrlForm.value}\n        show={pasteUrlForm.isOpen}\n        closeModal={pasteUrlForm.onClose}\n        onSave={pasteUrlForm.onSave}\n        fieldType={MediaFieldType.image}\n      />\n      {image && (\n        <MediaImagePreviewModal\n          isOpen={isPreviewOpen}\n          image={image}\n          onClose={() => setIsPreviewOpen(false)}\n          onReplace={handlePreviewReplace}\n          onDelete={handleDelete}\n          onDownload={handleDownload}\n          readOnly={!canEdit}\n        />\n      )}\n    </Box>\n  );\n};\n\nFormMediaImageField.displayName = 'FormMediaImageField';\n\nexport type ControlledMediaImageInputProps = Omit<\n  ControlledInputProps<MediaImageValue | null>,\n  'invalid'\n>;\n\nexport const ControlledMediaImageInput: FC<ControlledMediaImageInputProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  dataHook,\n}) => (\n  <FormMediaImageField\n    data={data}\n    onChange={onChange}\n    onBlur={onBlur}\n    readOnly={readOnly}\n    autoFocus={autoFocus}\n    dataHook={dataHook}\n  />\n);\n\nControlledMediaImageInput.displayName = 'ControlledMediaImageInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/media-image-field/media-image-view.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_ = "mediaimageview2222057118";
+var _namespace_ = "mediaimageview2177164968";
 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": "mediaimageview2222057118__root",
-  "altTextPlaceholder": "mediaimageview2222057118__altTextPlaceholder"
+  "root": "mediaimageview2177164968__root",
+  "altTextPlaceholder": "mediaimageview2177164968__altTextPlaceholder"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-image-field/media-image-view.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-field/media-image-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimageview2222057118\";\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\":\"mediaimageview2222057118__root\",\"altTextPlaceholder\":\"mediaimageview2222057118__altTextPlaceholder\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-placeholder\":\"--wds-color-text-placeholder\",\"wsr-color-D40\":\"--wsr-color-D40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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,gCAAgC;EAAC,oBAAoB,EAAC;AAA8C,CAAC;AAC3H,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,iCAAiC,EAAC,mCAAmC;EAAC,4BAA4B,EAAC,8BAA8B;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-image-field/media-image-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimageview2177164968\";\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\":\"mediaimageview2177164968__root\",\"altTextPlaceholder\":\"mediaimageview2177164968__altTextPlaceholder\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-placeholder\":\"--wds-color-text-placeholder\",\"wsr-color-D40\":\"--wsr-color-D40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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,gCAAgC;EAAC,oBAAoB,EAAC;AAA8C,CAAC;AAC3H,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,iCAAiC,EAAC,mCAAmC;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediatag2986157072";
+var _namespace_ = "mediatag4157504094";
 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": "mediatag2986157072__root"
+  "root": "mediatag4157504094__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag2986157072\";\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\":\"mediatag2986157072__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag4157504094\";\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\":\"mediatag4157504094__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-vector-art-field/cell-media-vector-art-edit.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_ = "cellmediavectorartedit3018993425";
+var _namespace_ = "cellmediavectorartedit1403232495";
 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": "cellmediavectorartedit3018993425__root",
-  "thumbnailButton": "cellmediavectorartedit3018993425__thumbnailButton"
+  "root": "cellmediavectorartedit1403232495__root",
+  "thumbnailButton": "cellmediavectorartedit1403232495__thumbnailButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-vector-art-field/cell-media-vector-art-edit.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-vector-art-field/cell-media-vector-art-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediavectorartedit3018993425\";\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\":\"cellmediavectorartedit3018993425__root\",\"thumbnailButton\":\"cellmediavectorartedit3018993425__thumbnailButton\"};\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,kCAAkC;AACpD,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,wCAAwC;EAAC,iBAAiB,EAAC;AAAmD,CAAC;AACrI,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-vector-art-field/cell-media-vector-art-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediavectorartedit1403232495\";\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\":\"cellmediavectorartedit1403232495__root\",\"thumbnailButton\":\"cellmediavectorartedit1403232495__thumbnailButton\"};\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,kCAAkC;AACpD,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,wCAAwC;EAAC,iBAAiB,EAAC;AAAmD,CAAC;AACrI,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":[]}