@wix/patterns-fields 1.134.0 → 1.136.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_react2","_media","_mediaUtils","_autoFieldTypes","MEDIA_TYPE_TO_CATEGORY","MEDIA_TYPES","IMAGE","VIDEO","AUDIO","VECTOR_ART","extractAudioUrl","audio","_audio$assets","firstAsset","assets","url","undefined","extractMediaUri","mediaItem","media","_media$image","_media$video","_media$document","_media$vector","image","video","document","vector","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","result","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 { 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\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      (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","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":[]}

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_ = "formmediagalleryfield3044816708";
+var _namespace_ = "formmediagalleryfield4126786050";
 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": "formmediagalleryfield3044816708__root",
-  "container": "formmediagalleryfield3044816708__container",
-  "viewBox": "formmediagalleryfield3044816708__viewBox",
-  "addItemWrapper": "formmediagalleryfield3044816708__addItemWrapper",
-  "addItem": "formmediagalleryfield3044816708__addItem",
-  "overlay": "formmediagalleryfield3044816708__overlay",
-  "image": "formmediagalleryfield3044816708__image",
-  "previewImage": "formmediagalleryfield3044816708__previewImage",
-  "previewVideo": "formmediagalleryfield3044816708__previewVideo"
+  "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"
 };
 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_ = \"formmediagalleryfield3044816708\";\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\":\"formmediagalleryfield3044816708__root\",\"container\":\"formmediagalleryfield3044816708__container\",\"viewBox\":\"formmediagalleryfield3044816708__viewBox\",\"addItemWrapper\":\"formmediagalleryfield3044816708__addItemWrapper\",\"addItem\":\"formmediagalleryfield3044816708__addItem\",\"overlay\":\"formmediagalleryfield3044816708__overlay\",\"image\":\"formmediagalleryfield3044816708__image\",\"previewImage\":\"formmediagalleryfield3044816708__previewImage\",\"previewVideo\":\"formmediagalleryfield3044816708__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_ = \"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":[]}

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

@@ -172,6 +172,7 @@ const MediaPreviewLayout = ({
       priority: "secondary",
       size: "small",
       skin: "light",
+      dataHook: "preview-modal-delete-button",
       onClick: handleClear,
       disabled: readOnly,
       __self: void 0,
@@ -184,7 +185,7 @@ const MediaPreviewLayout = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 163,
+        lineNumber: 164,
         columnNumber: 19
       }
     }))))),
@@ -201,7 +202,7 @@ const MediaPreviewLayout = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 173,
+      lineNumber: 174,
       columnNumber: 9
     }
   })));
@@ -222,7 +223,7 @@ const MediaPreviewItem = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 192,
+      lineNumber: 193,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -230,7 +231,7 @@ const MediaPreviewItem = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 193,
+      lineNumber: 194,
       columnNumber: 11
     }
   })), (0, _autoFieldTypes.isMediaVideoURI)(src) ? /*#__PURE__*/_react.default.createElement("video", {
@@ -247,7 +248,7 @@ const MediaPreviewItem = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 197,
+      lineNumber: 198,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("source", {
@@ -255,7 +256,7 @@ const MediaPreviewItem = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 207,
+      lineNumber: 208,
       columnNumber: 11
     }
   })) : /*#__PURE__*/_react.default.createElement(_designSystem.Image, {
@@ -268,7 +269,7 @@ const MediaPreviewItem = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 210,
+      lineNumber: 211,
       columnNumber: 9
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_autoFieldTypes","_hooks","_formMediaGalleryFieldStCss","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaPreviewModal","isOpen","onClose","value","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","readOnly","createElement","Modal","screen","onRequestClose","__self","__source","fileName","lineNumber","columnNumber","MediaPreviewLayout","src","onDownload","onClear","onReplace","exports","useTranslations","sources","useMemo","Array","isArray","current","setCurrent","useState","title","getMediaTitle","handleDownload","useCallback","length","prevButtonProps","tooltipText","onClick","prevIndex","nextButtonProps","nextIndex","handleClear","ModalPreviewLayout","actions","Box","verticalAlign","marginRight","TextButton","size","skin","prefixIcon","DownloadImport","download","Button","priority","Replace","dataHook","disabled","replace","Tooltip","content","delete","IconButton","Delete","map","mediaSrc","MediaPreviewItem","key","loading","setLoading","useEffect","onLoad","previewURL","mediaURItoImageURL","window","innerWidth","Fragment","align","width","height","Loader","isMediaVideoURI","style","display","poster","onLoadedData","controls","className","classes","previewVideo","autoPlay","loop","muted","convertMediaURIToPreviewVideoURL","Image","previewImage"],"sources":["../../../../src/components/media-gallery/media-preview-modal.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState, useEffect } from 'react';\nimport type { NextButtonProps, PrevButtonProps } from '@wix/design-system';\nimport {\n  Box,\n  Button,\n  IconButton,\n  Image,\n  Loader,\n  Modal,\n  ModalPreviewLayout,\n  TextButton,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Replace,\n  DownloadImport as Download,\n  Delete,\n} from '@wix/wix-ui-icons-common/lazy';\nimport {\n  getMediaTitle,\n  isMediaVideoURI,\n  mediaURItoImageURL,\n} from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { TranslationsKeys } from '../../services/translations';\n\nimport { classes } from './form-media-gallery-field.st.css.js';\nimport { convertMediaURIToPreviewVideoURL } from './media-gallery-dialog/utils';\n\nexport interface MediaPreviewLayoutTextKeys {\n  replace: TranslationsKeys;\n  download: TranslationsKeys;\n  delete: TranslationsKeys;\n}\n\nexport interface MediaPreviewProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onRequestMedia: () => void;\n  onClearMedia?: () => void;\n  onDownloadMedia: (value?: string) => void;\n  textKeys: MediaPreviewLayoutTextKeys;\n  value?: string | string[];\n  readOnly?: boolean;\n}\n\nexport const MediaPreviewModal: React.FC<MediaPreviewProps> = ({\n  isOpen,\n  onClose,\n  value,\n  onRequestMedia,\n  onClearMedia,\n  onDownloadMedia,\n  textKeys,\n  readOnly,\n}) => {\n  if (!isOpen || !value) {\n    return null;\n  }\n\n  return (\n    <Modal isOpen screen=\"full\" onRequestClose={onClose}>\n      <MediaPreviewLayout\n        src={value}\n        onClose={onClose}\n        textKeys={textKeys}\n        onDownload={onDownloadMedia}\n        onClear={onClearMedia}\n        onReplace={onRequestMedia}\n        readOnly={readOnly}\n      />\n    </Modal>\n  );\n};\n\ninterface MediaPreviewLayoutProps {\n  src: string[] | string;\n  onClose: () => void;\n  textKeys: MediaPreviewLayoutTextKeys;\n  onReplace?: () => void;\n  onClear?: () => void;\n  onDownload?: (src?: string) => void;\n  readOnly?: boolean;\n}\n\nconst MediaPreviewLayout: React.FC<MediaPreviewLayoutProps> = ({\n  src,\n  onClose,\n  textKeys,\n  onDownload,\n  onReplace,\n  onClear,\n  readOnly,\n}) => {\n  const { t } = useTranslations();\n  const sources = useMemo(() => (Array.isArray(src) ? src : [src]), [src]);\n  const [current, setCurrent] = useState(sources[0]);\n  const title = getMediaTitle(current);\n\n  const handleDownload = useCallback(() => {\n    if (sources.length > 1) {\n      onDownload?.(current);\n    } else {\n      onDownload?.();\n    }\n  }, [sources, onDownload, current]);\n\n  const prevButtonProps = {\n    tooltipText: t('CMS.mediaGallery.preview.previousItem'),\n    onClick: (prevIndex: number) => setCurrent(sources[prevIndex]),\n  } as PrevButtonProps;\n\n  const nextButtonProps = {\n    tooltipText: t('CMS.mediaGallery.preview.nextItem'),\n    onClick: (nextIndex: number) => setCurrent(sources[nextIndex]),\n  } as NextButtonProps;\n\n  const handleClear = useCallback(() => {\n    onClear?.();\n    onClose();\n  }, [onClear, onClose]);\n\n  return (\n    <ModalPreviewLayout\n      title={title}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      actions={\n        <Box verticalAlign=\"middle\">\n          <Box marginRight={2}>\n            <TextButton\n              size=\"small\"\n              skin=\"light\"\n              prefixIcon={<Download />}\n              onClick={handleDownload}\n            >\n              {t(textKeys.download)}\n            </TextButton>\n          </Box>\n          <Box marginRight={2}>\n            <Button\n              priority=\"secondary\"\n              size=\"small\"\n              skin=\"light\"\n              prefixIcon={<Replace />}\n              dataHook=\"preview-modal-replace-button\"\n              onClick={onReplace}\n              disabled={readOnly}\n            >\n              {t(textKeys.replace)}\n            </Button>\n          </Box>\n          {onClear && (\n            <Box marginRight={2}>\n              <Tooltip content={t(textKeys.delete)}>\n                <IconButton\n                  priority=\"secondary\"\n                  size=\"small\"\n                  skin=\"light\"\n                  onClick={handleClear}\n                  disabled={readOnly}\n                >\n                  <Delete />\n                </IconButton>\n              </Tooltip>\n            </Box>\n          )}\n        </Box>\n      }\n      onClose={onClose}\n    >\n      {sources.map((mediaSrc: string, i) => (\n        <MediaPreviewItem key={i} src={mediaSrc} />\n      ))}\n    </ModalPreviewLayout>\n  );\n};\n\nconst MediaPreviewItem: React.FC<{ src: string }> = ({ src }) => {\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => setLoading(true), [src]);\n  const onLoad = useCallback(() => setLoading(false), []);\n\n  if (!src) return null;\n\n  const previewURL = mediaURItoImageURL(src, window.innerWidth);\n\n  return (\n    <>\n      {loading && (\n        <Box align=\"center\" verticalAlign=\"middle\" width=\"100%\" height=\"100%\">\n          <Loader size=\"small\" />\n        </Box>\n      )}\n      {isMediaVideoURI(src) ? (\n        <video\n          style={{ display: loading ? 'none' : 'initial' }}\n          poster={previewURL}\n          onLoadedData={onLoad}\n          controls\n          className={classes.previewVideo}\n          autoPlay\n          loop\n          muted\n        >\n          <source src={convertMediaURIToPreviewVideoURL(src)} />\n        </video>\n      ) : (\n        <Image\n          style={{ display: loading ? 'none' : 'initial' }}\n          className={classes.previewImage}\n          onLoad={onLoad}\n          src={previewURL}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_autoFieldTypes","_hooks","_formMediaGalleryFieldStCss","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaPreviewModal","isOpen","onClose","value","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","readOnly","createElement","Modal","screen","onRequestClose","__self","__source","fileName","lineNumber","columnNumber","MediaPreviewLayout","src","onDownload","onClear","onReplace","exports","useTranslations","sources","useMemo","Array","isArray","current","setCurrent","useState","title","getMediaTitle","handleDownload","useCallback","length","prevButtonProps","tooltipText","onClick","prevIndex","nextButtonProps","nextIndex","handleClear","ModalPreviewLayout","actions","Box","verticalAlign","marginRight","TextButton","size","skin","prefixIcon","DownloadImport","download","Button","priority","Replace","dataHook","disabled","replace","Tooltip","content","delete","IconButton","Delete","map","mediaSrc","MediaPreviewItem","key","loading","setLoading","useEffect","onLoad","previewURL","mediaURItoImageURL","window","innerWidth","Fragment","align","width","height","Loader","isMediaVideoURI","style","display","poster","onLoadedData","controls","className","classes","previewVideo","autoPlay","loop","muted","convertMediaURIToPreviewVideoURL","Image","previewImage"],"sources":["../../../../src/components/media-gallery/media-preview-modal.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState, useEffect } from 'react';\nimport type { NextButtonProps, PrevButtonProps } from '@wix/design-system';\nimport {\n  Box,\n  Button,\n  IconButton,\n  Image,\n  Loader,\n  Modal,\n  ModalPreviewLayout,\n  TextButton,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Replace,\n  DownloadImport as Download,\n  Delete,\n} from '@wix/wix-ui-icons-common/lazy';\nimport {\n  getMediaTitle,\n  isMediaVideoURI,\n  mediaURItoImageURL,\n} from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { TranslationsKeys } from '../../services/translations';\n\nimport { classes } from './form-media-gallery-field.st.css.js';\nimport { convertMediaURIToPreviewVideoURL } from './media-gallery-dialog/utils';\n\nexport interface MediaPreviewLayoutTextKeys {\n  replace: TranslationsKeys;\n  download: TranslationsKeys;\n  delete: TranslationsKeys;\n}\n\nexport interface MediaPreviewProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onRequestMedia: () => void;\n  onClearMedia?: () => void;\n  onDownloadMedia: (value?: string) => void;\n  textKeys: MediaPreviewLayoutTextKeys;\n  value?: string | string[];\n  readOnly?: boolean;\n}\n\nexport const MediaPreviewModal: React.FC<MediaPreviewProps> = ({\n  isOpen,\n  onClose,\n  value,\n  onRequestMedia,\n  onClearMedia,\n  onDownloadMedia,\n  textKeys,\n  readOnly,\n}) => {\n  if (!isOpen || !value) {\n    return null;\n  }\n\n  return (\n    <Modal isOpen screen=\"full\" onRequestClose={onClose}>\n      <MediaPreviewLayout\n        src={value}\n        onClose={onClose}\n        textKeys={textKeys}\n        onDownload={onDownloadMedia}\n        onClear={onClearMedia}\n        onReplace={onRequestMedia}\n        readOnly={readOnly}\n      />\n    </Modal>\n  );\n};\n\ninterface MediaPreviewLayoutProps {\n  src: string[] | string;\n  onClose: () => void;\n  textKeys: MediaPreviewLayoutTextKeys;\n  onReplace?: () => void;\n  onClear?: () => void;\n  onDownload?: (src?: string) => void;\n  readOnly?: boolean;\n}\n\nconst MediaPreviewLayout: React.FC<MediaPreviewLayoutProps> = ({\n  src,\n  onClose,\n  textKeys,\n  onDownload,\n  onReplace,\n  onClear,\n  readOnly,\n}) => {\n  const { t } = useTranslations();\n  const sources = useMemo(() => (Array.isArray(src) ? src : [src]), [src]);\n  const [current, setCurrent] = useState(sources[0]);\n  const title = getMediaTitle(current);\n\n  const handleDownload = useCallback(() => {\n    if (sources.length > 1) {\n      onDownload?.(current);\n    } else {\n      onDownload?.();\n    }\n  }, [sources, onDownload, current]);\n\n  const prevButtonProps = {\n    tooltipText: t('CMS.mediaGallery.preview.previousItem'),\n    onClick: (prevIndex: number) => setCurrent(sources[prevIndex]),\n  } as PrevButtonProps;\n\n  const nextButtonProps = {\n    tooltipText: t('CMS.mediaGallery.preview.nextItem'),\n    onClick: (nextIndex: number) => setCurrent(sources[nextIndex]),\n  } as NextButtonProps;\n\n  const handleClear = useCallback(() => {\n    onClear?.();\n    onClose();\n  }, [onClear, onClose]);\n\n  return (\n    <ModalPreviewLayout\n      title={title}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      actions={\n        <Box verticalAlign=\"middle\">\n          <Box marginRight={2}>\n            <TextButton\n              size=\"small\"\n              skin=\"light\"\n              prefixIcon={<Download />}\n              onClick={handleDownload}\n            >\n              {t(textKeys.download)}\n            </TextButton>\n          </Box>\n          <Box marginRight={2}>\n            <Button\n              priority=\"secondary\"\n              size=\"small\"\n              skin=\"light\"\n              prefixIcon={<Replace />}\n              dataHook=\"preview-modal-replace-button\"\n              onClick={onReplace}\n              disabled={readOnly}\n            >\n              {t(textKeys.replace)}\n            </Button>\n          </Box>\n          {onClear && (\n            <Box marginRight={2}>\n              <Tooltip content={t(textKeys.delete)}>\n                <IconButton\n                  priority=\"secondary\"\n                  size=\"small\"\n                  skin=\"light\"\n                  dataHook=\"preview-modal-delete-button\"\n                  onClick={handleClear}\n                  disabled={readOnly}\n                >\n                  <Delete />\n                </IconButton>\n              </Tooltip>\n            </Box>\n          )}\n        </Box>\n      }\n      onClose={onClose}\n    >\n      {sources.map((mediaSrc: string, i) => (\n        <MediaPreviewItem key={i} src={mediaSrc} />\n      ))}\n    </ModalPreviewLayout>\n  );\n};\n\nconst MediaPreviewItem: React.FC<{ src: string }> = ({ src }) => {\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => setLoading(true), [src]);\n  const onLoad = useCallback(() => setLoading(false), []);\n\n  if (!src) return null;\n\n  const previewURL = mediaURItoImageURL(src, window.innerWidth);\n\n  return (\n    <>\n      {loading && (\n        <Box align=\"center\" verticalAlign=\"middle\" width=\"100%\" height=\"100%\">\n          <Loader size=\"small\" />\n        </Box>\n      )}\n      {isMediaVideoURI(src) ? (\n        <video\n          style={{ display: loading ? 'none' : 'initial' }}\n          poster={previewURL}\n          onLoadedData={onLoad}\n          controls\n          className={classes.previewVideo}\n          autoPlay\n          loop\n          muted\n        >\n          <source src={convertMediaURIToPreviewVideoURL(src)} />\n        </video>\n      ) : (\n        <Image\n          style={{ display: loading ? 'none' : 'initial' }}\n          className={classes.previewImage}\n          onLoad={onLoad}\n          src={previewURL}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAWA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,eAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAGA,IAAAK,2BAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAgF,IAAAO,YAAA;AAAA,SAAAR,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAmBzE,MAAMkB,iBAA8C,GAAGA,CAAC;EAC7DC,MAAM;EACNC,OAAO;EACPC,KAAK;EACLC,cAAc;EACdC,YAAY;EACZC,eAAe;EACfC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,IAAI,CAACP,MAAM,IAAI,CAACE,KAAK,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,oBACEhC,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAoC,KAAK;IAACT,MAAM;IAACU,MAAM,EAAC,MAAM;IAACC,cAAc,EAAEV,OAAQ;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClD9C,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACS,kBAAkB;IACjBC,GAAG,EAAEhB,KAAM;IACXD,OAAO,EAAEA,OAAQ;IACjBK,QAAQ,EAAEA,QAAS;IACnBa,UAAU,EAAEd,eAAgB;IAC5Be,OAAO,EAAEhB,YAAa;IACtBiB,SAAS,EAAElB,cAAe;IAC1BI,QAAQ,EAAEA,QAAS;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CACI,CAAC;AAEZ,CAAC;AAACM,OAAA,CAAAvB,iBAAA,GAAAA,iBAAA;AAYF,MAAMkB,kBAAqD,GAAGA,CAAC;EAC7DC,GAAG;EACHjB,OAAO;EACPK,QAAQ;EACRa,UAAU;EACVE,SAAS;EACTD,OAAO;EACPb;AACF,CAAC,KAAK;EACJ,MAAM;IAAE1B;EAAE,CAAC,GAAG,IAAA0C,sBAAe,EAAC,CAAC;EAC/B,MAAMC,OAAO,GAAG,IAAAC,cAAO,EAAC,MAAOC,KAAK,CAACC,OAAO,CAACT,GAAG,CAAC,GAAGA,GAAG,GAAG,CAACA,GAAG,CAAE,EAAE,CAACA,GAAG,CAAC,CAAC;EACxE,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAACN,OAAO,CAAC,CAAC,CAAC,CAAC;EAClD,MAAMO,KAAK,GAAG,IAAAC,6BAAa,EAACJ,OAAO,CAAC;EAEpC,MAAMK,cAAc,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACvC,IAAIV,OAAO,CAACW,MAAM,GAAG,CAAC,EAAE;MACtBhB,UAAU,YAAVA,UAAU,CAAGS,OAAO,CAAC;IACvB,CAAC,MAAM;MACLT,UAAU,YAAVA,UAAU,CAAG,CAAC;IAChB;EACF,CAAC,EAAE,CAACK,OAAO,EAAEL,UAAU,EAAES,OAAO,CAAC,CAAC;EAElC,MAAMQ,eAAe,GAAG;IACtBC,WAAW,EAAExD,CAAC,CAAC,uCAAuC,CAAC;IACvDyD,OAAO,EAAGC,SAAiB,IAAKV,UAAU,CAACL,OAAO,CAACe,SAAS,CAAC;EAC/D,CAAoB;EAEpB,MAAMC,eAAe,GAAG;IACtBH,WAAW,EAAExD,CAAC,CAAC,mCAAmC,CAAC;IACnDyD,OAAO,EAAGG,SAAiB,IAAKZ,UAAU,CAACL,OAAO,CAACiB,SAAS,CAAC;EAC/D,CAAoB;EAEpB,MAAMC,WAAW,GAAG,IAAAR,kBAAW,EAAC,MAAM;IACpCd,OAAO,YAAPA,OAAO,CAAG,CAAC;IACXnB,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACmB,OAAO,EAAEnB,OAAO,CAAC,CAAC;EAEtB,oBACE/B,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAsE,kBAAkB;IACjBZ,KAAK,EAAEA,KAAM;IACbK,eAAe,EAAEA,eAAgB;IACjCI,eAAe,EAAEA,eAAgB;IACjCI,OAAO,eACL1E,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAwE,GAAG;MAACC,aAAa,EAAC,QAAQ;MAAAlC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACzB9C,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAwE,GAAG;MAACE,WAAW,EAAE,CAAE;MAAAnC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAClB9C,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA2E,UAAU;MACTC,IAAI,EAAC,OAAO;MACZC,IAAI,EAAC,OAAO;MACZC,UAAU,eAAEjF,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAAClC,KAAA,CAAA8E,cAAQ;QAAAxC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnC,YAAA;UAAAoC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACzBsB,OAAO,EAAEL,cAAe;MAAArB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEvBnC,CAAC,CAACyB,QAAQ,CAAC+C,QAAQ,CACV,CACT,CAAC,eACNnF,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAwE,GAAG;MAACE,WAAW,EAAE,CAAE;MAAAnC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAClB9C,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAiF,MAAM;MACLC,QAAQ,EAAC,WAAW;MACpBN,IAAI,EAAC,OAAO;MACZC,IAAI,EAAC,OAAO;MACZC,UAAU,eAAEjF,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAAClC,KAAA,CAAAkF,OAAO;QAAA5C,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnC,YAAA;UAAAoC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACxByC,QAAQ,EAAC,8BAA8B;MACvCnB,OAAO,EAAEjB,SAAU;MACnBqC,QAAQ,EAAEnD,QAAS;MAAAK,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAElBnC,CAAC,CAACyB,QAAQ,CAACqD,OAAO,CACb,CACL,CAAC,EACLvC,OAAO,iBACNlD,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAwE,GAAG;MAACE,WAAW,EAAE,CAAE;MAAAnC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAClB9C,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAuF,OAAO;MAACC,OAAO,EAAEhF,CAAC,CAACyB,QAAQ,CAACwD,MAAM,CAAE;MAAAlD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACnC9C,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA0F,UAAU;MACTR,QAAQ,EAAC,WAAW;MACpBN,IAAI,EAAC,OAAO;MACZC,IAAI,EAAC,OAAO;MACZO,QAAQ,EAAC,6BAA6B;MACtCnB,OAAO,EAAEI,WAAY;MACrBgB,QAAQ,EAAEnD,QAAS;MAAAK,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEnB9C,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAAClC,KAAA,CAAA0F,MAAM;MAAApD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnC,YAAA;QAAAoC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACC,CACL,CACN,CAEJ,CACN;IACDf,OAAO,EAAEA,OAAQ;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBQ,OAAO,CAACyC,GAAG,CAAC,CAACC,QAAgB,EAAE/E,CAAC,kBAC/BjB,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAAC2D,gBAAgB;IAACC,GAAG,EAAEjF,CAAE;IAAC+B,GAAG,EAAEgD,QAAS;IAAAtD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3C,CACiB,CAAC;AAEzB,CAAC;AAED,MAAMmD,gBAA2C,GAAGA,CAAC;EAAEjD;AAAI,CAAC,KAAK;EAC/D,MAAM,CAACmD,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAxC,eAAQ,EAAC,IAAI,CAAC;EAE5C,IAAAyC,gBAAS,EAAC,MAAMD,UAAU,CAAC,IAAI,CAAC,EAAE,CAACpD,GAAG,CAAC,CAAC;EACxC,MAAMsD,MAAM,GAAG,IAAAtC,kBAAW,EAAC,MAAMoC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAEvD,IAAI,CAACpD,GAAG,EAAE,OAAO,IAAI;EAErB,MAAMuD,UAAU,GAAG,IAAAC,kCAAkB,EAACxD,GAAG,EAAEyD,MAAM,CAACC,UAAU,CAAC;EAE7D,oBACE1G,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAAAtC,MAAA,CAAAoB,OAAA,CAAAuF,QAAA,QACGR,OAAO,iBACNnG,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAwE,GAAG;IAACiC,KAAK,EAAC,QAAQ;IAAChC,aAAa,EAAC,QAAQ;IAACiC,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAAApE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnE9C,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA4G,MAAM;IAAChC,IAAI,EAAC,OAAO;IAAArC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACnB,CACN,EACA,IAAAkE,+BAAe,EAAChE,GAAG,CAAC,gBACnBhD,MAAA,CAAAoB,OAAA,CAAAkB,aAAA;IACE2E,KAAK,EAAE;MAAEC,OAAO,EAAEf,OAAO,GAAG,MAAM,GAAG;IAAU,CAAE;IACjDgB,MAAM,EAAEZ,UAAW;IACnBa,YAAY,EAAEd,MAAO;IACrBe,QAAQ;IACRC,SAAS,EAAEC,mCAAO,CAACC,YAAa;IAChCC,QAAQ;IACRC,IAAI;IACJC,KAAK;IAAAjF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEL9C,MAAA,CAAAoB,OAAA,CAAAkB,aAAA;IAAQU,GAAG,EAAE,IAAA4E,uCAAgC,EAAC5E,GAAG,CAAE;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAChD,CAAC,gBAER9C,MAAA,CAAAoB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA0H,KAAK;IACJZ,KAAK,EAAE;MAAEC,OAAO,EAAEf,OAAO,GAAG,MAAM,GAAG;IAAU,CAAE;IACjDmB,SAAS,EAAEC,mCAAO,CAACO,YAAa;IAChCxB,MAAM,EAAEA,MAAO;IACftD,GAAG,EAAEuD,UAAW;IAAA7D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjB,CAEH,CAAC;AAEP,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_ = "mediaimage2838180827";
+var _namespace_ = "mediaimage453535878";
 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": "mediaimage2838180827__root"
+  "root": "mediaimage453535878__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": "--mediaimage2838180827-from",
-  "to": "--mediaimage2838180827-to"
+  "from": "--mediaimage453535878-from",
+  "to": "--mediaimage453535878-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_ = \"mediaimage2838180827\";\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\":\"mediaimage2838180827__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\":\"--mediaimage2838180827-from\",\"to\":\"--mediaimage2838180827-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"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":[]}

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_ = "overlay1548084948";
+var _namespace_ = "overlay869258729";
 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": "overlay1548084948__root",
-  "iconOverlay": "overlay1548084948__iconOverlay"
+  "root": "overlay869258729__root",
+  "iconOverlay": "overlay869258729__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_ = \"overlay1548084948\";\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\":\"overlay1548084948__root\",\"iconOverlay\":\"overlay1548084948__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":[]}
+{"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":[]}

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_ = "cellmediaimageedit1809120006";
+var _namespace_ = "cellmediaimageedit951602822";
 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": "cellmediaimageedit1809120006__root",
-  "view": "cellmediaimageedit1809120006__view",
-  "anchor": "cellmediaimageedit1809120006__anchor",
-  "anchorBox": "cellmediaimageedit1809120006__anchorBox",
-  "popoverContent": "cellmediaimageedit1809120006__popoverContent",
-  "image": "cellmediaimageedit1809120006__image",
-  "imageActions": "cellmediaimageedit1809120006__imageActions"
+  "root": "cellmediaimageedit951602822__root",
+  "view": "cellmediaimageedit951602822__view",
+  "anchor": "cellmediaimageedit951602822__anchor",
+  "anchorBox": "cellmediaimageedit951602822__anchorBox",
+  "popoverContent": "cellmediaimageedit951602822__popoverContent",
+  "image": "cellmediaimageedit951602822__image",
+  "imageActions": "cellmediaimageedit951602822__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_ = \"cellmediaimageedit1809120006\";\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\":\"cellmediaimageedit1809120006__root\",\"view\":\"cellmediaimageedit1809120006__view\",\"anchor\":\"cellmediaimageedit1809120006__anchor\",\"anchorBox\":\"cellmediaimageedit1809120006__anchorBox\",\"popoverContent\":\"cellmediaimageedit1809120006__popoverContent\",\"image\":\"cellmediaimageedit1809120006__image\",\"imageActions\":\"cellmediaimageedit1809120006__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":[]}
+{"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":[]}

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_ = "mediaimageview2228122949";
+var _namespace_ = "mediaimageview2222057118";
 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": "mediaimageview2228122949__root",
-  "altTextPlaceholder": "mediaimageview2228122949__altTextPlaceholder"
+  "root": "mediaimageview2222057118__root",
+  "altTextPlaceholder": "mediaimageview2222057118__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_ = \"mediaimageview2228122949\";\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\":\"mediaimageview2228122949__root\",\"altTextPlaceholder\":\"mediaimageview2228122949__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_ = \"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":[]}

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_ = "mediatag174720390";
+var _namespace_ = "mediatag2986157072";
 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": "mediatag174720390__root"
+  "root": "mediatag2986157072__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_ = \"mediatag174720390\";\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\":\"mediatag174720390__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"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":[]}

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_ = "cellmediavectorartedit426632479";
+var _namespace_ = "cellmediavectorartedit3018993425";
 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": "cellmediavectorartedit426632479__root",
-  "thumbnailButton": "cellmediavectorartedit426632479__thumbnailButton"
+  "root": "cellmediavectorartedit3018993425__root",
+  "thumbnailButton": "cellmediavectorartedit3018993425__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_ = \"cellmediavectorartedit426632479\";\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\":\"cellmediavectorartedit426632479__root\",\"thumbnailButton\":\"cellmediavectorartedit426632479__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,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,iBAAiB,EAAC;AAAkD,CAAC;AACnI,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_ = \"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":[]}

package/dist/cjs/components/multi-document/cell-multi-document-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_ = "cellmultidocumentedit456729421";
+var _namespace_ = "cellmultidocumentedit2613845086";
 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": "cellmultidocumentedit456729421__root",
-  "chipTrigger": "cellmultidocumentedit456729421__chipTrigger"
+  "root": "cellmultidocumentedit2613845086__root",
+  "chipTrigger": "cellmultidocumentedit2613845086__chipTrigger"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/multi-document/cell-multi-document-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/multi-document/cell-multi-document-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultidocumentedit456729421\";\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\":\"cellmultidocumentedit456729421__root\",\"chipTrigger\":\"cellmultidocumentedit456729421__chipTrigger\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzH,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/multi-document/cell-multi-document-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultidocumentedit2613845086\";\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\":\"cellmultidocumentedit2613845086__root\",\"chipTrigger\":\"cellmultidocumentedit2613845086__chipTrigger\"};\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,aAAa,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,CAAC,CAAC","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmultidocument4042411838";
+var _namespace_ = "formmultidocument2395978659";
 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": "formmultidocument4042411838__root",
-  "viewRoot": "formmultidocument4042411838__viewRoot",
-  "singleViewWrapper": "formmultidocument4042411838__singleViewWrapper",
-  "addDocumentButton": "formmultidocument4042411838__addDocumentButton"
+  "root": "formmultidocument2395978659__root",
+  "viewRoot": "formmultidocument2395978659__viewRoot",
+  "singleViewWrapper": "formmultidocument2395978659__singleViewWrapper",
+  "addDocumentButton": "formmultidocument2395978659__addDocumentButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.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/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument4042411838\";\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\":\"formmultidocument4042411838__root\",\"viewRoot\":\"formmultidocument4042411838__viewRoot\",\"singleViewWrapper\":\"formmultidocument4042411838__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument4042411838__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \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,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AACvP,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,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AAC5G,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;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/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument2395978659\";\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\":\"formmultidocument2395978659__root\",\"viewRoot\":\"formmultidocument2395978659__viewRoot\",\"singleViewWrapper\":\"formmultidocument2395978659__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument2395978659__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \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,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AACvP,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,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AAC5G,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/reference/cell-multi-reference-input.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_ = "cellmultireferenceinput2270656844";
+var _namespace_ = "cellmultireferenceinput3199551783";
 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": "cellmultireferenceinput2270656844__root"
+  "root": "cellmultireferenceinput3199551783__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};