@wix/patterns-fields 1.72.0 → 1.73.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_hooks","_mediaUtils","_autoFieldTypes","_media","_formMediaGalleryFieldStCss","_formMediaGalleryItemsPreview","_mediaPreviewModal","_hooks2","_mediaGalleryDialog","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","mediaGalleryPreviewTextKeys","replace","download","delete","FormMediaGalleryField","data","onChange","onClear","readOnly","invalid","autoFocus","dataHook","useTranslations","boxRef","useRef","inputRef","boxWidth","setBoxWidth","useState","hovered","setHovered","isPreviewOpen","setIsPreviewOpen","hasValue","Boolean","length","useEffect","_boxRef$current","_inputRef$current","current","focus","el","clientWidth","ro","ResizeObserver","entry","contentRect","width","observe","disconnect","openMediaGalleryDialog","mediaGalleryDialogProps","useMediaGalleryDialog","initialOpen","items","onMouseEnter","useCallback","onMouseLeave","onDownloadMedia","mediaUri","_result$downloadUrls","result","files","generateFileDownloadUrl","downloadUrl","downloadUrls","url","Error","executeDownloading","error","console","getMediaURL","onRequestMedia","createElement","ref","tabIndex","className","classes","container","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","addItemWrapper","AddItem","style","addItem","size","theme","onClick","disabled","subtitle","Fragment","MediaOverlay","overlay","hoverSkin","borderRadius","media","FormMediaGalleryItemsPreview","value","Content","visible","Box","gap","align","Button","skin","prefixIcon","Refresh","Tooltip","content","IconButton","Maximize","Delete","MediaPreviewModal","isOpen","onClose","map","d","src","onClearMedia","textKeys","MediaGalleryDialog","_extends2","exports","displayName"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.tsx"],"sourcesContent":["import React, { useRef, useState, useCallback, useEffect } from 'react';\nimport type { AddItemActions } from '@wix/design-system';\nimport {\n  AddItem,\n  Box,\n  Button,\n  IconButton,\n  MediaOverlay,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Refresh as RefreshIcon,\n  Delete as DeleteIcon,\n  Maximize as MaximizeIcon,\n} from '@wix/wix-ui-icons-common/lazy';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { files } from '@wix/media';\n\nimport { style, classes } from './form-media-gallery-field.st.css.js';\nimport { FormMediaGalleryItemsPreview } from './form-media-gallery-items-preview';\nimport { MediaPreviewModal } from './media-preview-modal';\nimport { useMediaGalleryDialog } from './media-gallery-dialog/hooks';\nimport { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';\n\nexport interface FormMediaGalleryFieldProps {\n  data?: WixCodeGalleryItem[];\n  onChange: (value: WixCodeGalleryItem[]) => void;\n  onClear?: () => void;\n  readOnly?: boolean;\n  invalid?: boolean;\n  autoFocus?: boolean;\n  dataHook?: string;\n}\n\nconst mediaGalleryPreviewTextKeys = {\n  replace: 'CMS.mediaGallery.preview.replace',\n  download: 'CMS.mediaGallery.preview.download',\n  delete: 'CMS.mediaGallery.preview.delete',\n} as const;\n\nexport const FormMediaGalleryField: React.FC<FormMediaGalleryFieldProps> = ({\n  data,\n  onChange,\n  onClear,\n  readOnly,\n  invalid,\n  autoFocus,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const boxRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<AddItemActions>(null);\n  const [boxWidth, setBoxWidth] = useState(0);\n  const [hovered, setHovered] = useState(false);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const hasValue = Boolean(data?.length);\n\n  // autoFocus support\n  useEffect(() => {\n    if (!autoFocus) {\n      return;\n    }\n    boxRef.current?.focus();\n    inputRef.current?.focus();\n  }, [autoFocus]);\n\n  // Responsive width tracking\n  useEffect(() => {\n    const el = boxRef.current;\n    if (!el) {\n      return;\n    }\n    setBoxWidth(el.clientWidth);\n    const ro = new ResizeObserver(([entry]) =>\n      setBoxWidth(entry.contentRect.width),\n    );\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n\n  const { openMediaGalleryDialog, ...mediaGalleryDialogProps } =\n    useMediaGalleryDialog({\n      initialOpen: false,\n      items: data,\n      onChange,\n    });\n\n  const onMouseEnter = useCallback(\n    () => hasValue && setHovered(true),\n    [hasValue],\n  );\n  const onMouseLeave = useCallback(\n    () => hasValue && setHovered(false),\n    [hasValue],\n  );\n\n  // Download using Wix media API (consistent with useMediaControl)\n  const onDownloadMedia = useCallback(async (mediaUri?: string) => {\n    if (!mediaUri) {\n      return;\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      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      executeDownloading(getMediaURL(mediaUri));\n    }\n  }, []);\n\n  const onRequestMedia = useCallback(() => {\n    openMediaGalleryDialog();\n    setIsPreviewOpen(false);\n    setHovered(false);\n  }, [openMediaGalleryDialog]);\n\n  return (\n    <div\n      data-hook={dataHook}\n      ref={boxRef}\n      tabIndex={hasValue ? 0 : -1}\n      className={classes.container}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onMouseEnter}\n      onBlur={onMouseLeave}\n    >\n      {!hasValue ? (\n        <div className={classes.addItemWrapper}>\n          <AddItem\n            ref={inputRef}\n            className={style(classes.addItem, { error: invalid })}\n            size=\"tiny\"\n            theme=\"dashes\"\n            onClick={onRequestMedia}\n            disabled={readOnly}\n            dataHook={`${dataHook}-add`}\n            subtitle={t('CMS.mediaGallery.emptyHint')}\n          >\n            {t('CMS.mediaGallery.addGallery')}\n          </AddItem>\n        </div>\n      ) : (\n        <>\n          <MediaOverlay\n            hovered={hovered}\n            className={classes.overlay}\n            hoverSkin=\"dark\"\n            borderRadius={0}\n            media={\n              <FormMediaGalleryItemsPreview width={boxWidth} value={data} />\n            }\n          >\n            <MediaOverlay.Content visible=\"hover\">\n              <Box gap=\"SP2\" align=\"center\">\n                <Button\n                  skin=\"inverted\"\n                  prefixIcon={<RefreshIcon />}\n                  onClick={onRequestMedia}\n                  disabled={readOnly}\n                  dataHook={`${dataHook}-manage`}\n                >\n                  {t('CMS.mediaGallery.manageGallery')}\n                </Button>\n                <Tooltip content={t('CMS.mediaGallery.preview')}>\n                  <IconButton\n                    skin=\"inverted\"\n                    onClick={() => setIsPreviewOpen(true)}\n                    dataHook={`${dataHook}-preview`}\n                  >\n                    <MaximizeIcon />\n                  </IconButton>\n                </Tooltip>\n                <Tooltip content={t('CMS.mediaGallery.clear')}>\n                  <IconButton\n                    skin=\"inverted\"\n                    onClick={onClear}\n                    disabled={readOnly}\n                    dataHook={`${dataHook}-clear`}\n                  >\n                    <DeleteIcon />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            </MediaOverlay.Content>\n          </MediaOverlay>\n          <MediaPreviewModal\n            isOpen={isPreviewOpen}\n            onClose={() => setIsPreviewOpen(false)}\n            value={data?.map((d) => d.src)}\n            onRequestMedia={onRequestMedia}\n            onClearMedia={onClear}\n            onDownloadMedia={onDownloadMedia}\n            textKeys={mediaGalleryPreviewTextKeys}\n            readOnly={readOnly}\n          />\n        </>\n      )}\n\n      {mediaGalleryDialogProps.isOpen && (\n        <MediaGalleryDialog {...mediaGalleryDialogProps} />\n      )}\n    </div>\n  );\n};\n\nFormMediaGalleryField.displayName = 'FormMediaGalleryField';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_hooks","_mediaUtils","_autoFieldTypes","_media","_formMediaGalleryFieldStCss","_formMediaGalleryItemsPreview","_mediaPreviewModal","_hooks2","_mediaGalleryDialog","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","mediaGalleryPreviewTextKeys","replace","download","delete","FormMediaGalleryField","data","onChange","onClear","readOnly","invalid","autoFocus","dataHook","inputRef","forwardedRef","useTranslations","boxRef","useRef","setInputRef","useMergedRef","boxWidth","setBoxWidth","useState","hovered","setHovered","isPreviewOpen","setIsPreviewOpen","hasValue","Boolean","length","useEffect","_boxRef$current","_inputRef$current","current","focus","el","clientWidth","ro","ResizeObserver","entry","contentRect","width","observe","disconnect","openMediaGalleryDialog","mediaGalleryDialogProps","useMediaGalleryDialog","initialOpen","items","onMouseEnter","useCallback","onMouseLeave","onDownloadMedia","mediaUri","_result$downloadUrls","result","files","generateFileDownloadUrl","downloadUrl","downloadUrls","url","Error","executeDownloading","error","console","getMediaURL","onRequestMedia","createElement","ref","tabIndex","className","classes","container","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","addItemWrapper","AddItem","style","addItem","size","theme","onClick","disabled","subtitle","Fragment","MediaOverlay","overlay","hoverSkin","borderRadius","media","FormMediaGalleryItemsPreview","value","Content","visible","Box","gap","align","Button","skin","prefixIcon","Refresh","Tooltip","content","IconButton","Maximize","Delete","MediaPreviewModal","isOpen","onClose","map","d","src","onClearMedia","textKeys","MediaGalleryDialog","_extends2","exports","displayName"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.tsx"],"sourcesContent":["import React, { useRef, useState, useCallback, useEffect } from 'react';\nimport type { AddItemActions } from '@wix/design-system';\nimport {\n  AddItem,\n  Box,\n  Button,\n  IconButton,\n  MediaOverlay,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Refresh as RefreshIcon,\n  Delete as DeleteIcon,\n  Maximize as MaximizeIcon,\n} from '@wix/wix-ui-icons-common/lazy';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { useMergedRef, useTranslations } from '../../hooks';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { files } from '@wix/media';\n\nimport { style, classes } from './form-media-gallery-field.st.css.js';\nimport { FormMediaGalleryItemsPreview } from './form-media-gallery-items-preview';\nimport { MediaPreviewModal } from './media-preview-modal';\nimport { useMediaGalleryDialog } from './media-gallery-dialog/hooks';\nimport { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';\n\nexport interface FormMediaGalleryFieldProps {\n  data?: WixCodeGalleryItem[];\n  onChange: (value: WixCodeGalleryItem[]) => void;\n  onClear?: () => void;\n  readOnly?: boolean;\n  invalid?: boolean;\n  autoFocus?: boolean;\n  dataHook?: string;\n  /** Caller's ref to the add button, filled alongside the internal one. */\n  inputRef?: React.Ref<AddItemActions>;\n}\n\nconst mediaGalleryPreviewTextKeys = {\n  replace: 'CMS.mediaGallery.preview.replace',\n  download: 'CMS.mediaGallery.preview.download',\n  delete: 'CMS.mediaGallery.preview.delete',\n} as const;\n\nexport const FormMediaGalleryField: React.FC<FormMediaGalleryFieldProps> = ({\n  data,\n  onChange,\n  onClear,\n  readOnly,\n  invalid,\n  autoFocus,\n  dataHook,\n  inputRef: forwardedRef,\n}) => {\n  const { t } = useTranslations();\n  const boxRef = useRef<HTMLDivElement>(null);\n  const [inputRef, setInputRef] = useMergedRef<AddItemActions>(forwardedRef);\n  const [boxWidth, setBoxWidth] = useState(0);\n  const [hovered, setHovered] = useState(false);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const hasValue = Boolean(data?.length);\n\n  // autoFocus support\n  useEffect(() => {\n    if (!autoFocus) {\n      return;\n    }\n    boxRef.current?.focus();\n    inputRef.current?.focus();\n    // inputRef comes from useMergedRef and is stable, but eslint only knows\n    // that about a bare useRef.\n  }, [autoFocus, inputRef]);\n\n  // Responsive width tracking\n  useEffect(() => {\n    const el = boxRef.current;\n    if (!el) {\n      return;\n    }\n    setBoxWidth(el.clientWidth);\n    const ro = new ResizeObserver(([entry]) =>\n      setBoxWidth(entry.contentRect.width),\n    );\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n\n  const { openMediaGalleryDialog, ...mediaGalleryDialogProps } =\n    useMediaGalleryDialog({\n      initialOpen: false,\n      items: data,\n      onChange,\n    });\n\n  const onMouseEnter = useCallback(\n    () => hasValue && setHovered(true),\n    [hasValue],\n  );\n  const onMouseLeave = useCallback(\n    () => hasValue && setHovered(false),\n    [hasValue],\n  );\n\n  // Download using Wix media API (consistent with useMediaControl)\n  const onDownloadMedia = useCallback(async (mediaUri?: string) => {\n    if (!mediaUri) {\n      return;\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      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      executeDownloading(getMediaURL(mediaUri));\n    }\n  }, []);\n\n  const onRequestMedia = useCallback(() => {\n    openMediaGalleryDialog();\n    setIsPreviewOpen(false);\n    setHovered(false);\n  }, [openMediaGalleryDialog]);\n\n  return (\n    <div\n      data-hook={dataHook}\n      ref={boxRef}\n      tabIndex={hasValue ? 0 : -1}\n      className={classes.container}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onMouseEnter}\n      onBlur={onMouseLeave}\n    >\n      {!hasValue ? (\n        <div className={classes.addItemWrapper}>\n          <AddItem\n            ref={setInputRef}\n            className={style(classes.addItem, { error: invalid })}\n            size=\"tiny\"\n            theme=\"dashes\"\n            onClick={onRequestMedia}\n            disabled={readOnly}\n            dataHook={`${dataHook}-add`}\n            subtitle={t('CMS.mediaGallery.emptyHint')}\n          >\n            {t('CMS.mediaGallery.addGallery')}\n          </AddItem>\n        </div>\n      ) : (\n        <>\n          <MediaOverlay\n            hovered={hovered}\n            className={classes.overlay}\n            hoverSkin=\"dark\"\n            borderRadius={0}\n            media={\n              <FormMediaGalleryItemsPreview width={boxWidth} value={data} />\n            }\n          >\n            <MediaOverlay.Content visible=\"hover\">\n              <Box gap=\"SP2\" align=\"center\">\n                <Button\n                  skin=\"inverted\"\n                  prefixIcon={<RefreshIcon />}\n                  onClick={onRequestMedia}\n                  disabled={readOnly}\n                  dataHook={`${dataHook}-manage`}\n                >\n                  {t('CMS.mediaGallery.manageGallery')}\n                </Button>\n                <Tooltip content={t('CMS.mediaGallery.preview')}>\n                  <IconButton\n                    skin=\"inverted\"\n                    onClick={() => setIsPreviewOpen(true)}\n                    dataHook={`${dataHook}-preview`}\n                  >\n                    <MaximizeIcon />\n                  </IconButton>\n                </Tooltip>\n                <Tooltip content={t('CMS.mediaGallery.clear')}>\n                  <IconButton\n                    skin=\"inverted\"\n                    onClick={onClear}\n                    disabled={readOnly}\n                    dataHook={`${dataHook}-clear`}\n                  >\n                    <DeleteIcon />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            </MediaOverlay.Content>\n          </MediaOverlay>\n          <MediaPreviewModal\n            isOpen={isPreviewOpen}\n            onClose={() => setIsPreviewOpen(false)}\n            value={data?.map((d) => d.src)}\n            onRequestMedia={onRequestMedia}\n            onClearMedia={onClear}\n            onDownloadMedia={onDownloadMedia}\n            textKeys={mediaGalleryPreviewTextKeys}\n            readOnly={readOnly}\n          />\n        </>\n      )}\n\n      {mediaGalleryDialogProps.isOpen && (\n        <MediaGalleryDialog {...mediaGalleryDialogProps} />\n      )}\n    </div>\n  );\n};\n\nFormMediaGalleryField.displayName = 'FormMediaGalleryField';\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_ = "formmediagalleryfield1363730960";
+var _namespace_ = "formmediagalleryfield2943984590";
 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": "formmediagalleryfield1363730960__root",
-  "container": "formmediagalleryfield1363730960__container",
-  "viewBox": "formmediagalleryfield1363730960__viewBox",
-  "addItemWrapper": "formmediagalleryfield1363730960__addItemWrapper",
-  "addItem": "formmediagalleryfield1363730960__addItem",
-  "overlay": "formmediagalleryfield1363730960__overlay",
-  "image": "formmediagalleryfield1363730960__image",
-  "previewImage": "formmediagalleryfield1363730960__previewImage",
-  "previewVideo": "formmediagalleryfield1363730960__previewVideo"
+  "root": "formmediagalleryfield2943984590__root",
+  "container": "formmediagalleryfield2943984590__container",
+  "viewBox": "formmediagalleryfield2943984590__viewBox",
+  "addItemWrapper": "formmediagalleryfield2943984590__addItemWrapper",
+  "addItem": "formmediagalleryfield2943984590__addItem",
+  "overlay": "formmediagalleryfield2943984590__overlay",
+  "image": "formmediagalleryfield2943984590__image",
+  "previewImage": "formmediagalleryfield2943984590__previewImage",
+  "previewVideo": "formmediagalleryfield2943984590__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_ = \"formmediagalleryfield1363730960\";\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\":\"formmediagalleryfield1363730960__root\",\"container\":\"formmediagalleryfield1363730960__container\",\"viewBox\":\"formmediagalleryfield1363730960__viewBox\",\"addItemWrapper\":\"formmediagalleryfield1363730960__addItemWrapper\",\"addItem\":\"formmediagalleryfield1363730960__addItem\",\"overlay\":\"formmediagalleryfield1363730960__overlay\",\"image\":\"formmediagalleryfield1363730960__image\",\"previewImage\":\"formmediagalleryfield1363730960__previewImage\",\"previewVideo\":\"formmediagalleryfield1363730960__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_ = \"formmediagalleryfield2943984590\";\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\":\"formmediagalleryfield2943984590__root\",\"container\":\"formmediagalleryfield2943984590__container\",\"viewBox\":\"formmediagalleryfield2943984590__viewBox\",\"addItemWrapper\":\"formmediagalleryfield2943984590__addItemWrapper\",\"addItem\":\"formmediagalleryfield2943984590__addItem\",\"overlay\":\"formmediagalleryfield2943984590__overlay\",\"image\":\"formmediagalleryfield2943984590__image\",\"previewImage\":\"formmediagalleryfield2943984590__previewImage\",\"previewVideo\":\"formmediagalleryfield2943984590__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/form-media-gallery.js

@@ -49,7 +49,12 @@ const _FormMediaGallery = props => {
       lineNumber: 35,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_formMediaGalleryField.FormMediaGalleryField, {
+  }, /*#__PURE__*/_react.default.createElement(_formMediaGalleryField.FormMediaGalleryField
+  // Hand the add button to react-hook-form so
+  // shouldFocusError scrolls to + focuses this field when it
+  // blocks save.
+  , {
+    inputRef: controller.field.ref,
     data: controller.field.value,
     onChange: value => controller.field.onChange(value),
     onClear: () => controller.field.onChange([]),

package/dist/cjs/components/media-gallery/form-media-gallery.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_react2","_form","_array","_formMediaGalleryField","_jsxFileName","_FormMediaGallery","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","autoFocus","translate","pt","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","FormMediaGalleryField","onChange","onClear","invalid","readOnly","FormMediaGallery","exports","observer"],"sources":["../../../../src/components/media-gallery/form-media-gallery.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\nimport { BaseInputProps } from '../../types/base-input';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { isEmpty } from '../../validations/array';\nimport { FormMediaGalleryField } from './form-media-gallery-field';\n\nexport interface FormMediaGalleryProps\n  extends BaseInputProps<WixCodeGalleryItem[]> {\n  autoFocus?: boolean;\n}\n\nconst _FormMediaGallery = (props: FormMediaGalleryProps) => {\n  const { field, dataHook, formControl, data, autoFocus } = props;\n  const { translate: pt } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return pt('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <FormMediaGalleryField\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange(value)}\n        onClear={() => controller.field.onChange([])}\n        invalid={!!controller.fieldState.error}\n        autoFocus={autoFocus}\n        readOnly={false}\n        dataHook={`media-gallery-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormMediaGallery = observer(_FormMediaGallery);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,sBAAA,GAAAN,OAAA;AAAmE,IAAAO,YAAA;AAOnE,MAAMC,iBAAiB,GAAIC,KAA4B,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EAC1D,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAGP,KAAK;EAC/D,MAAM;IAAEQ,SAAS,EAAEC;EAAG,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAEnD,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAV,KAAK,oBAALA,KAAK,CAAEW,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEV,WAAW;IACpBW,YAAY,EAAEV,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEW,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IAAI,CAAAA,iBAAA,GAAAjB,KAAK,CAACkB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,IAAI,IAAAC,cAAO,EAACJ,KAAK,CAAC,EAAE;UAChD,OAAOV,EAAE,CAAC,qCAAqC,CAAC;QAClD;QACA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEpB,MAAA,CAAAmC,OAAA,CAAAC,aAAA,CAACjC,aAAA,CAAAkC,SAAS;IACRC,KAAK,EAAExB,KAAK,CAACyB,WAAY;IACzBN,QAAQ,GAAArB,kBAAA,GAAEE,KAAK,CAACkB,UAAU,qBAAhBpB,kBAAA,CAAkBqB,QAAS;IACrCO,MAAM,EAAElB,UAAU,CAACmB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGC,SAAU;IAC1DC,aAAa,GAAA/B,qBAAA,GAAES,UAAU,CAACmB,UAAU,CAACC,KAAK,qBAA3B7B,qBAAA,CAA6BgC,OAAQ;IACpD9B,QAAQ,EAAEA,QAAS;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBlD,MAAA,CAAAmC,OAAA,CAAAC,aAAA,CAAC5B,sBAAA,CAAA2C,qBAAqB;IACpBlC,IAAI,EAAEK,UAAU,CAACR,KAAK,CAACgB,KAAM;IAC7BsB,QAAQ,EAAGtB,KAAK,IAAKR,UAAU,CAACR,KAAK,CAACsC,QAAQ,CAACtB,KAAK,CAAE;IACtDuB,OAAO,EAAEA,CAAA,KAAM/B,UAAU,CAACR,KAAK,CAACsC,QAAQ,CAAC,EAAE,CAAE;IAC7CE,OAAO,EAAE,CAAC,CAAChC,UAAU,CAACmB,UAAU,CAACC,KAAM;IACvCxB,SAAS,EAAEA,SAAU;IACrBqC,QAAQ,EAAE,KAAM;IAChBxC,QAAQ,EAAE,iBAAiBD,KAAK,CAACW,EAAE,EAAG;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvC,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMM,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAChD,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_react2","_form","_array","_formMediaGalleryField","_jsxFileName","_FormMediaGallery","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","autoFocus","translate","pt","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","FormMediaGalleryField","inputRef","ref","onChange","onClear","invalid","readOnly","FormMediaGallery","exports","observer"],"sources":["../../../../src/components/media-gallery/form-media-gallery.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\nimport { BaseInputProps } from '../../types/base-input';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { isEmpty } from '../../validations/array';\nimport { FormMediaGalleryField } from './form-media-gallery-field';\n\nexport interface FormMediaGalleryProps\n  extends BaseInputProps<WixCodeGalleryItem[]> {\n  autoFocus?: boolean;\n}\n\nconst _FormMediaGallery = (props: FormMediaGalleryProps) => {\n  const { field, dataHook, formControl, data, autoFocus } = props;\n  const { translate: pt } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return pt('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <FormMediaGalleryField\n        // Hand the add button to react-hook-form so\n        // shouldFocusError scrolls to + focuses this field when it\n        // blocks save.\n        inputRef={controller.field.ref}\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange(value)}\n        onClear={() => controller.field.onChange([])}\n        invalid={!!controller.fieldState.error}\n        autoFocus={autoFocus}\n        readOnly={false}\n        dataHook={`media-gallery-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormMediaGallery = observer(_FormMediaGallery);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,sBAAA,GAAAN,OAAA;AAAmE,IAAAO,YAAA;AAOnE,MAAMC,iBAAiB,GAAIC,KAA4B,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EAC1D,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAGP,KAAK;EAC/D,MAAM;IAAEQ,SAAS,EAAEC;EAAG,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAEnD,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAV,KAAK,oBAALA,KAAK,CAAEW,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEV,WAAW;IACpBW,YAAY,EAAEV,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEW,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IAAI,CAAAA,iBAAA,GAAAjB,KAAK,CAACkB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,IAAI,IAAAC,cAAO,EAACJ,KAAK,CAAC,EAAE;UAChD,OAAOV,EAAE,CAAC,qCAAqC,CAAC;QAClD;QACA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEpB,MAAA,CAAAmC,OAAA,CAAAC,aAAA,CAACjC,aAAA,CAAAkC,SAAS;IACRC,KAAK,EAAExB,KAAK,CAACyB,WAAY;IACzBN,QAAQ,GAAArB,kBAAA,GAAEE,KAAK,CAACkB,UAAU,qBAAhBpB,kBAAA,CAAkBqB,QAAS;IACrCO,MAAM,EAAElB,UAAU,CAACmB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGC,SAAU;IAC1DC,aAAa,GAAA/B,qBAAA,GAAES,UAAU,CAACmB,UAAU,CAACC,KAAK,qBAA3B7B,qBAAA,CAA6BgC,OAAQ;IACpD9B,QAAQ,EAAEA,QAAS;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBlD,MAAA,CAAAmC,OAAA,CAAAC,aAAA,CAAC5B,sBAAA,CAAA2C;EACC;EACA;EACA;EAAA;IACAC,QAAQ,EAAE9B,UAAU,CAACR,KAAK,CAACuC,GAAI;IAC/BpC,IAAI,EAAEK,UAAU,CAACR,KAAK,CAACgB,KAAM;IAC7BwB,QAAQ,EAAGxB,KAAK,IAAKR,UAAU,CAACR,KAAK,CAACwC,QAAQ,CAACxB,KAAK,CAAE;IACtDyB,OAAO,EAAEA,CAAA,KAAMjC,UAAU,CAACR,KAAK,CAACwC,QAAQ,CAAC,EAAE,CAAE;IAC7CE,OAAO,EAAE,CAAC,CAAClC,UAAU,CAACmB,UAAU,CAACC,KAAM;IACvCxB,SAAS,EAAEA,SAAU;IACrBuC,QAAQ,EAAE,KAAM;IAChB1C,QAAQ,EAAE,iBAAiBD,KAAK,CAACW,EAAE,EAAG;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvC,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMQ,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAAClD,iBAAiB,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_ = "mediaimage3037602971";
+var _namespace_ = "mediaimage1081502549";
 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": "mediaimage3037602971__root"
+  "root": "mediaimage1081502549__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": "--mediaimage3037602971-from",
-  "to": "--mediaimage3037602971-to"
+  "from": "--mediaimage1081502549-from",
+  "to": "--mediaimage1081502549-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_ = \"mediaimage3037602971\";\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\":\"mediaimage3037602971__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\":\"--mediaimage3037602971-from\",\"to\":\"--mediaimage3037602971-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_ = \"mediaimage1081502549\";\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\":\"mediaimage1081502549__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\":\"--mediaimage1081502549-from\",\"to\":\"--mediaimage1081502549-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "overlay726786880";
+var _namespace_ = "overlay1338093693";
 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": "overlay726786880__root",
-  "iconOverlay": "overlay726786880__iconOverlay"
+  "root": "overlay1338093693__root",
+  "iconOverlay": "overlay1338093693__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_ = \"overlay726786880\";\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\":\"overlay726786880__root\",\"iconOverlay\":\"overlay726786880__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,aAAa,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay1338093693\";\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\":\"overlay1338093693__root\",\"iconOverlay\":\"overlay1338093693__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "medialoader1546745211";
+var _namespace_ = "medialoader142891810";
 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": "medialoader1546745211__root",
-  "loader": "medialoader1546745211__loader"
+  "root": "medialoader142891810__root",
+  "loader": "medialoader142891810__loader"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader1546745211\";\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\":\"medialoader1546745211__root\",\"loader\":\"medialoader1546745211__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader142891810\";\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\":\"medialoader142891810__root\",\"loader\":\"medialoader142891810__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,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,4BAA4B;EAAC,QAAQ,EAAC;AAA8B,CAAC;AAC3F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -17,13 +17,14 @@ const FormMultiDocumentField = ({
   autoFocus,
   readOnly,
   invalid,
-  dataHook
+  dataHook,
+  inputRef: forwardedRef
 }) => {
   const {
     t
   } = (0, _hooks.useTranslations)();
   const onChange = (0, _hooks.useWithCallback)(onChangeMultiDocument, onInput);
-  const inputRef = (0, _react.useRef)(null);
+  const [inputRef, setInputRef] = (0, _hooks.useMergedRef)(forwardedRef);
   const firstDocumentViewRef = (0, _react.useRef)(null);
   const {
     callMedia,
@@ -71,12 +72,12 @@ const FormMultiDocumentField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 67,
       columnNumber: 9
     }
   }) : /*#__PURE__*/_react.default.createElement(_form.FormDocumentInput, {
     dataHook: dataHook,
-    ref: inputRef,
+    ref: setInputRef,
     theme: "dashes",
     disabled: readOnly,
     loading: loading,
@@ -89,7 +90,7 @@ const FormMultiDocumentField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 79,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_mediaControl.PasteURLForm, {
@@ -101,7 +102,7 @@ const FormMultiDocumentField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 93,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_mediaControl","_form","_hooks","_formMultiDocumentView","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormMultiDocumentField","data","onChange","onChangeMultiDocument","onInput","autoFocus","readOnly","invalid","dataHook","useTranslations","useWithCallback","inputRef","useRef","firstDocumentViewRef","callMedia","loading","downloadMedia","useMediaControl","mediaType","MEDIA_TYPES","ALL_MEDIA","value","viewRef","multiSelect","onPastedURLChange","useCallback","indexToReplace","undefined","nextData","splice","isOpen","title","onOpen","onClose","onSave","usePasteURLForm","createElement","Fragment","length","FormMultiDocumentView","onDownload","ref","onOpenPasteURLForm","__self","__source","fileName","lineNumber","columnNumber","FormDocumentInput","theme","disabled","error","loaderBorderStyle","onAddButtonClick","onPasteURLButtonClick","PasteURLForm","show","closeModal","exports","displayName"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document-field.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\n\nimport { MEDIA_TYPES } from '../../../utils/media-utils';\nimport type { AddItemActions } from '@wix/design-system';\n\nimport type { FormMediaControlProps } from '../../media-control';\nimport {\n  PasteURLForm,\n  useMediaControl,\n  usePasteURLForm,\n} from '../../media-control';\nimport { FormDocumentInput } from '../../document/form';\nimport { useTranslations, useWithCallback } from '../../../hooks';\n\nimport { FormMultiDocumentView } from './form-multi-document-view';\n\nexport const FormMultiDocumentField: React.FC<\n  FormMediaControlProps<string[]>\n> = ({\n  data,\n  onChange: onChangeMultiDocument,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeMultiDocument, onInput);\n\n  const inputRef = useRef<AddItemActions>(null);\n  const firstDocumentViewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, loading, downloadMedia } = useMediaControl({\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef: firstDocumentViewRef,\n    multiSelect: true,\n  });\n\n  const onPastedURLChange = useCallback(\n    (value: string, indexToReplace?: number) => {\n      if (indexToReplace !== undefined) {\n        const nextData = [...(data ?? [])];\n        nextData.splice(indexToReplace, 1, value);\n        onChange(nextData);\n      } else {\n        onChange([...(data ?? []), value]);\n      }\n    },\n    [data, onChange],\n  );\n\n  const { isOpen, title, onOpen, onClose, onSave, value } = usePasteURLForm({\n    onChange: onPastedURLChange,\n  });\n\n  return (\n    <>\n      {data?.length ? (\n        <FormMultiDocumentView\n          dataHook={dataHook}\n          data={data}\n          readOnly={readOnly}\n          callMedia={callMedia}\n          onDownload={downloadMedia}\n          onChange={onChange}\n          ref={firstDocumentViewRef}\n          loading={loading}\n          onOpenPasteURLForm={onOpen}\n        />\n      ) : (\n        <FormDocumentInput\n          dataHook={dataHook}\n          ref={inputRef}\n          theme=\"dashes\"\n          disabled={readOnly}\n          loading={loading}\n          error={invalid}\n          loaderBorderStyle=\"dashed\"\n          onAddButtonClick={callMedia as () => Promise<boolean>}\n          onPasteURLButtonClick={onOpen({\n            title: t('CMS.document.pasteUrl.title'),\n          })}\n        />\n      )}\n      <PasteURLForm\n        title={title}\n        value={value}\n        show={isOpen}\n        closeModal={onClose}\n        onSave={onSave}\n      />\n    </>\n  );\n};\n\nFormMultiDocumentField.displayName = 'FormMultiDocumentField';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_mediaControl","_form","_hooks","_formMultiDocumentView","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormMultiDocumentField","data","onChange","onChangeMultiDocument","onInput","autoFocus","readOnly","invalid","dataHook","inputRef","forwardedRef","useTranslations","useWithCallback","setInputRef","useMergedRef","firstDocumentViewRef","useRef","callMedia","loading","downloadMedia","useMediaControl","mediaType","MEDIA_TYPES","ALL_MEDIA","value","viewRef","multiSelect","onPastedURLChange","useCallback","indexToReplace","undefined","nextData","splice","isOpen","title","onOpen","onClose","onSave","usePasteURLForm","createElement","Fragment","length","FormMultiDocumentView","onDownload","ref","onOpenPasteURLForm","__self","__source","fileName","lineNumber","columnNumber","FormDocumentInput","theme","disabled","error","loaderBorderStyle","onAddButtonClick","onPasteURLButtonClick","PasteURLForm","show","closeModal","exports","displayName"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document-field.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\n\nimport { MEDIA_TYPES } from '../../../utils/media-utils';\nimport type { AddItemActions } from '@wix/design-system';\n\nimport type { FormMediaControlProps } from '../../media-control';\nimport {\n  PasteURLForm,\n  useMediaControl,\n  usePasteURLForm,\n} from '../../media-control';\nimport { FormDocumentInput } from '../../document/form';\nimport { useMergedRef, useTranslations, useWithCallback } from '../../../hooks';\n\nimport { FormMultiDocumentView } from './form-multi-document-view';\n\nexport const FormMultiDocumentField: React.FC<\n  FormMediaControlProps<string[]>\n> = ({\n  data,\n  onChange: onChangeMultiDocument,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n  inputRef: forwardedRef,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeMultiDocument, onInput);\n\n  const [inputRef, setInputRef] = useMergedRef<AddItemActions>(forwardedRef);\n  const firstDocumentViewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, loading, downloadMedia } = useMediaControl({\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef: firstDocumentViewRef,\n    multiSelect: true,\n  });\n\n  const onPastedURLChange = useCallback(\n    (value: string, indexToReplace?: number) => {\n      if (indexToReplace !== undefined) {\n        const nextData = [...(data ?? [])];\n        nextData.splice(indexToReplace, 1, value);\n        onChange(nextData);\n      } else {\n        onChange([...(data ?? []), value]);\n      }\n    },\n    [data, onChange],\n  );\n\n  const { isOpen, title, onOpen, onClose, onSave, value } = usePasteURLForm({\n    onChange: onPastedURLChange,\n  });\n\n  return (\n    <>\n      {data?.length ? (\n        <FormMultiDocumentView\n          dataHook={dataHook}\n          data={data}\n          readOnly={readOnly}\n          callMedia={callMedia}\n          onDownload={downloadMedia}\n          onChange={onChange}\n          ref={firstDocumentViewRef}\n          loading={loading}\n          onOpenPasteURLForm={onOpen}\n        />\n      ) : (\n        <FormDocumentInput\n          dataHook={dataHook}\n          ref={setInputRef}\n          theme=\"dashes\"\n          disabled={readOnly}\n          loading={loading}\n          error={invalid}\n          loaderBorderStyle=\"dashed\"\n          onAddButtonClick={callMedia as () => Promise<boolean>}\n          onPasteURLButtonClick={onOpen({\n            title: t('CMS.document.pasteUrl.title'),\n          })}\n        />\n      )}\n      <PasteURLForm\n        title={title}\n        value={value}\n        show={isOpen}\n        closeModal={onClose}\n        onSave={onSave}\n      />\n    </>\n  );\n};\n\nFormMultiDocumentField.displayName = 'FormMultiDocumentField';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,sBAAA,GAAAL,OAAA;AAAmE,IAAAM,YAAA;AAAA,SAAAP,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,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;AAE5D,MAAMkB,sBAEZ,GAAGA,CAAC;EACHC,IAAI;EACJC,QAAQ,EAAEC,qBAAqB;EAC/BC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,QAAQ,EAAEC;AACZ,CAAC,KAAK;EACJ,MAAM;IAAE5B;EAAE,CAAC,GAAG,IAAA6B,sBAAe,EAAC,CAAC;EAE/B,MAAMT,QAAQ,GAAG,IAAAU,sBAAe,EAACT,qBAAqB,EAAEC,OAAO,CAAC;EAEhE,MAAM,CAACK,QAAQ,EAAEI,WAAW,CAAC,GAAG,IAAAC,mBAAY,EAAiBJ,YAAY,CAAC;EAC1E,MAAMK,oBAAoB,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAEzD,MAAM;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAc,CAAC,GAAG,IAAAC,6BAAe,EAAC;IAC5DC,SAAS,EAAEC,uBAAW,CAACC,SAAS;IAChCC,KAAK,EAAEvB,IAAI;IACXC,QAAQ;IACRG,SAAS;IACTC,QAAQ;IACRG,QAAQ;IACRgB,OAAO,EAAEV,oBAAoB;IAC7BW,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EACnC,CAACJ,KAAa,EAAEK,cAAuB,KAAK;IAC1C,IAAIA,cAAc,KAAKC,SAAS,EAAE;MAChC,MAAMC,QAAQ,GAAG,CAAC,IAAI9B,IAAI,IAAI,EAAE,CAAC,CAAC;MAClC8B,QAAQ,CAACC,MAAM,CAACH,cAAc,EAAE,CAAC,EAAEL,KAAK,CAAC;MACzCtB,QAAQ,CAAC6B,QAAQ,CAAC;IACpB,CAAC,MAAM;MACL7B,QAAQ,CAAC,CAAC,IAAID,IAAI,IAAI,EAAE,CAAC,EAAEuB,KAAK,CAAC,CAAC;IACpC;EACF,CAAC,EACD,CAACvB,IAAI,EAAEC,QAAQ,CACjB,CAAC;EAED,MAAM;IAAE+B,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,OAAO;IAAEC,MAAM;IAAEb;EAAM,CAAC,GAAG,IAAAc,6BAAe,EAAC;IACxEpC,QAAQ,EAAEyB;EACZ,CAAC,CAAC;EAEF,oBACEvD,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAAnE,MAAA,CAAAmB,OAAA,CAAAiD,QAAA,QACGvC,IAAI,YAAJA,IAAI,CAAEwC,MAAM,gBACXrE,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC5D,sBAAA,CAAA+D,qBAAqB;IACpBlC,QAAQ,EAAEA,QAAS;IACnBP,IAAI,EAAEA,IAAK;IACXK,QAAQ,EAAEA,QAAS;IACnBW,SAAS,EAAEA,SAAU;IACrB0B,UAAU,EAAExB,aAAc;IAC1BjB,QAAQ,EAAEA,QAAS;IACnB0C,GAAG,EAAE7B,oBAAqB;IAC1BG,OAAO,EAAEA,OAAQ;IACjB2B,kBAAkB,EAAEV,MAAO;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5B,CAAC,gBAEF9E,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC9D,KAAA,CAAA0E,iBAAiB;IAChB3C,QAAQ,EAAEA,QAAS;IACnBoC,GAAG,EAAE/B,WAAY;IACjBuC,KAAK,EAAC,QAAQ;IACdC,QAAQ,EAAE/C,QAAS;IACnBY,OAAO,EAAEA,OAAQ;IACjBoC,KAAK,EAAE/C,OAAQ;IACfgD,iBAAiB,EAAC,QAAQ;IAC1BC,gBAAgB,EAAEvC,SAAoC;IACtDwC,qBAAqB,EAAEtB,MAAM,CAAC;MAC5BD,KAAK,EAAEpD,CAAC,CAAC,6BAA6B;IACxC,CAAC,CAAE;IAAAgE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACJ,CACF,eACD9E,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC/D,aAAA,CAAAkF,YAAY;IACXxB,KAAK,EAAEA,KAAM;IACbV,KAAK,EAAEA,KAAM;IACbmC,IAAI,EAAE1B,MAAO;IACb2B,UAAU,EAAExB,OAAQ;IACpBC,MAAM,EAAEA,MAAO;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CACD,CAAC;AAEP,CAAC;AAACW,OAAA,CAAA7D,sBAAA,GAAAA,sBAAA;AAEFA,sBAAsB,CAAC8D,WAAW,GAAG,wBAAwB","ignoreList":[]}

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

@@ -48,7 +48,12 @@ const _FormMultiDocument = props => {
       lineNumber: 34,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_formMultiDocumentField.FormMultiDocumentField, {
+  }, /*#__PURE__*/_react.default.createElement(_formMultiDocumentField.FormMultiDocumentField
+  // Hand the add button to react-hook-form so
+  // shouldFocusError scrolls to + focuses this field when it
+  // blocks save.
+  , {
+    inputRef: controller.field.ref,
     data: controller.field.value,
     onChange: value => controller.field.onChange(value),
     dataHook: `multi-document-${field.id}`,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_react2","_form","_array","_formMultiDocumentField","_jsxFileName","_FormMultiDocument","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","FormMultiDocumentField","onChange","FormMultiDocument","exports","observer"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../../types/base-input';\nimport { isEmpty } from '../../../validations/array';\nimport { FormMultiDocumentField } from './form-multi-document-field';\n\nexport interface FormMultiDocumentProps extends BaseInputProps<string[]> {}\n\nconst _FormMultiDocument = (props: FormMultiDocumentProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <FormMultiDocumentField\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange(value)}\n        dataHook={`multi-document-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormMultiDocument = observer(_FormMultiDocument);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,uBAAA,GAAAN,OAAA;AAAqE,IAAAO,YAAA;AAIrE,MAAMC,kBAAkB,GAAIC,KAA6B,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EAC5D,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAEpD,MAAM;IAAEO,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAT,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAET,WAAW;IACpBU,YAAY,EAAET,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IAAI,CAAAA,iBAAA,GAAAhB,KAAK,CAACiB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,IAAI,IAAAC,cAAO,EAACJ,KAAK,CAAC,EAAE;UAChD,OAAOV,CAAC,CAAC,qCAAqC,CAAC;QACjD;QAEA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEnB,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAChC,aAAA,CAAAiC,SAAS;IACRC,KAAK,EAAEvB,KAAK,CAACwB,WAAY;IACzBN,QAAQ,GAAApB,kBAAA,GAAEE,KAAK,CAACiB,UAAU,qBAAhBnB,kBAAA,CAAkBoB,QAAS;IACrCO,MAAM,EAAElB,UAAU,CAACmB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGC,SAAU;IAC1DC,aAAa,GAAA9B,qBAAA,GAAEQ,UAAU,CAACmB,UAAU,CAACC,KAAK,qBAA3B5B,qBAAA,CAA6B+B,OAAQ;IACpD7B,QAAQ,EAAEA,QAAS;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBjD,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC3B,uBAAA,CAAA0C,sBAAsB;IACrBjC,IAAI,EAAEI,UAAU,CAACP,KAAK,CAACe,KAAM;IAC7BsB,QAAQ,EAAGtB,KAAK,IAAKR,UAAU,CAACP,KAAK,CAACqC,QAAQ,CAACtB,KAAK,CAAE;IACtDd,QAAQ,EAAE,kBAAkBD,KAAK,CAACU,EAAE,EAAG;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxC,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC5C,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_react2","_form","_array","_formMultiDocumentField","_jsxFileName","_FormMultiDocument","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","FormMultiDocumentField","inputRef","ref","onChange","FormMultiDocument","exports","observer"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../../types/base-input';\nimport { isEmpty } from '../../../validations/array';\nimport { FormMultiDocumentField } from './form-multi-document-field';\n\nexport interface FormMultiDocumentProps extends BaseInputProps<string[]> {}\n\nconst _FormMultiDocument = (props: FormMultiDocumentProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <FormMultiDocumentField\n        // Hand the add button to react-hook-form so\n        // shouldFocusError scrolls to + focuses this field when it\n        // blocks save.\n        inputRef={controller.field.ref}\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange(value)}\n        dataHook={`multi-document-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormMultiDocument = observer(_FormMultiDocument);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,uBAAA,GAAAN,OAAA;AAAqE,IAAAO,YAAA;AAIrE,MAAMC,kBAAkB,GAAIC,KAA6B,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EAC5D,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAEpD,MAAM;IAAEO,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAT,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAET,WAAW;IACpBU,YAAY,EAAET,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IAAI,CAAAA,iBAAA,GAAAhB,KAAK,CAACiB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,IAAI,IAAAC,cAAO,EAACJ,KAAK,CAAC,EAAE;UAChD,OAAOV,CAAC,CAAC,qCAAqC,CAAC;QACjD;QAEA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEnB,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAChC,aAAA,CAAAiC,SAAS;IACRC,KAAK,EAAEvB,KAAK,CAACwB,WAAY;IACzBN,QAAQ,GAAApB,kBAAA,GAAEE,KAAK,CAACiB,UAAU,qBAAhBnB,kBAAA,CAAkBoB,QAAS;IACrCO,MAAM,EAAElB,UAAU,CAACmB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGC,SAAU;IAC1DC,aAAa,GAAA9B,qBAAA,GAAEQ,UAAU,CAACmB,UAAU,CAACC,KAAK,qBAA3B5B,qBAAA,CAA6B+B,OAAQ;IACpD7B,QAAQ,EAAEA,QAAS;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBjD,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC3B,uBAAA,CAAA0C;EACC;EACA;EACA;EAAA;IACAC,QAAQ,EAAE9B,UAAU,CAACP,KAAK,CAACsC,GAAI;IAC/BnC,IAAI,EAAEI,UAAU,CAACP,KAAK,CAACe,KAAM;IAC7BwB,QAAQ,EAAGxB,KAAK,IAAKR,UAAU,CAACP,KAAK,CAACuC,QAAQ,CAACxB,KAAK,CAAE;IACtDd,QAAQ,EAAE,kBAAkBD,KAAK,CAACU,EAAE,EAAG;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxC,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMK,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC9C,kBAAkB,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_ = "formmultidocument2351500344";
+var _namespace_ = "formmultidocument857357206";
 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": "formmultidocument2351500344__root",
-  "viewRoot": "formmultidocument2351500344__viewRoot",
-  "singleViewWrapper": "formmultidocument2351500344__singleViewWrapper",
-  "addDocumentButton": "formmultidocument2351500344__addDocumentButton"
+  "root": "formmultidocument857357206__root",
+  "viewRoot": "formmultidocument857357206__viewRoot",
+  "singleViewWrapper": "formmultidocument857357206__singleViewWrapper",
+  "addDocumentButton": "formmultidocument857357206__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_ = \"formmultidocument2351500344\";\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\":\"formmultidocument2351500344__root\",\"viewRoot\":\"formmultidocument2351500344__viewRoot\",\"singleViewWrapper\":\"formmultidocument2351500344__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument2351500344__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_ = \"formmultidocument857357206\";\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\":\"formmultidocument857357206__root\",\"viewRoot\":\"formmultidocument857357206__viewRoot\",\"singleViewWrapper\":\"formmultidocument857357206__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument857357206__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,4BAA4B;AAC9C,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,kCAAkC;EAAC,UAAU,EAAC,sCAAsC;EAAC,mBAAmB,EAAC,+CAA+C;EAAC,mBAAmB,EAAC;AAA+C,CAAC;AACnP,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_ = "cellmultireferenceinput3109112216";
+var _namespace_ = "cellmultireferenceinput2676689456";
 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": "cellmultireferenceinput3109112216__root"
+  "root": "cellmultireferenceinput2676689456__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/reference/cell-multi-reference-input.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/reference/cell-multi-reference-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultireferenceinput3109112216\";\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\":\"cellmultireferenceinput3109112216__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-input-border-color\":\"--wds-input-border-color\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-input-background-fill-default\":\"--wds-input-background-fill-default\",\"wds-input-background-fill-hover\":\"--wds-input-background-fill-hover\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyC,CAAC;AAChE,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,wBAAwB,EAAC,0BAA0B;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,iCAAiC,EAAC;AAAmC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/reference/cell-multi-reference-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultireferenceinput2676689456\";\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\":\"cellmultireferenceinput2676689456__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-input-border-color\":\"--wds-input-border-color\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-input-background-fill-default\":\"--wds-input-background-fill-default\",\"wds-input-background-fill-hover\":\"--wds-input-background-fill-hover\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyC,CAAC;AAChE,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,wBAAwB,EAAC,0BAA0B;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,iCAAiC,EAAC;AAAmC,CAAC","ignoreList":[]}