@wix/auto-patterns 1.47.0 → 1.49.0

package/dist/cjs/cms-fields/components/document/document-control.js

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.DocumentControl = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _mediaUtils = require("../../utils/media-utils");
-var _autoCmsFieldTypes = require("@wix/auto-cms-field-types");
+var _autoCmsFieldTypes = require("../../auto-cms-field-types");
 var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _hooks = require("../../hooks");

package/dist/cjs/cms-fields/components/document/document-control.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_autoCmsFieldTypes","_designSystem","_wixUiIconsCommon","_hooks","_formDocumentFieldStCss","_documentLoader","_utils","_patterns","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","mediaURI","createElement","Box","gap","verticalAlign","className","classes","textWidth","__self","__source","fileName","lineNumber","columnNumber","width","height","children","Document","Text","dataHook","secondary","ellipsis","getMediaTitle","DocumentControl","exports","React","forwardRef","readOnly","onReplace","onDelete","onDownload","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","ref","useTranslations","environment","useWixPatternsContainer","metaSiteId","msid","handleOpenDocument","useCallback","openDocument","getMediaURL","handleDownload","containerRef","useRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","DocumentLoader","borderStyle","onKeyDown","TableListItem","onClick","verticalPadding","options","value","TableActionCell","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","Download","disabled","Replace","Link","divider","Delete","align"],"sources":["../../../../../src/cms-fields/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle } from '../../utils/media-utils';\nimport { getMediaURL } from '@wix/auto-cms-field-types';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport {\n  Delete,\n  Replace,\n  Document,\n  Link,\n  Download,\n} from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n      <Box width=\"24px\" height=\"24px\" children={<Document />} />\n      <Text\n        dataHook=\"document-view-name\"\n        secondary\n        ellipsis\n        children={getMediaTitle(mediaURI)}\n      />\n    </Box>\n  );\n};\ninterface DocumentControl {\n  mediaURI: string;\n  readOnly?: boolean;\n  onReplace: () => void;\n  onDelete: () => void;\n  onDownload: (mediaURI: string) => void;\n  className?: string;\n  loading: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n  loaderClassName?: string;\n  dataHook?: string;\n  onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n  TableListItemImperativeActions,\n  DocumentControl\n>(\n  (\n    {\n      mediaURI,\n      readOnly,\n      onReplace,\n      onDelete,\n      onDownload,\n      dataHook,\n      className,\n      loading,\n      loaderBorderStyle,\n      loaderClassName,\n      onOpenPasteURLForm,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const { environment } = useWixPatternsContainer();\n    const metaSiteId = environment.msid;\n\n    const handleOpenDocument = useCallback(() => {\n      openDocument(getMediaURL(mediaURI, metaSiteId));\n    }, [mediaURI, metaSiteId]);\n\n    const handleDownload = useCallback(() => {\n      onDownload(mediaURI);\n    }, [mediaURI, onDownload]);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n      (event) => {\n        const actions = containerRef?.current?.querySelector(\n          `[data-hook=\"document-view-actions-button\"]`,\n        );\n\n        if (actions?.contains(document.activeElement)) {\n          return;\n        }\n\n        if (event.key === 'Enter') {\n          handleOpenDocument();\n        }\n      },\n      [handleOpenDocument, containerRef],\n    );\n\n    return loading ? (\n      <DocumentLoader\n        borderStyle={loaderBorderStyle}\n        className={loaderClassName}\n      />\n    ) : (\n      <div ref={containerRef} onKeyDown={handleOnKeydown}>\n        <TableListItem\n          dataHook={dataHook}\n          ref={ref}\n          className={className}\n          onClick={handleOpenDocument}\n          verticalPadding=\"tiny\"\n          options={[\n            {\n              value: <DocumentComponent mediaURI={mediaURI} />,\n              width: '75%',\n            },\n            {\n              value: (\n                <TableActionCell\n                  dataHook=\"document-view-actions-button\"\n                  alwaysShowSecondaryActions\n                  numOfVisibleSecondaryActions={1}\n                  primaryAction={{\n                    onClick: handleOpenDocument,\n                    skin: 'standard',\n                    text: t('CMS.document.action.open'),\n                    dataHook: 'document-view-open-action',\n                  }}\n                  popoverMenuProps={{\n                    textSize: 'medium',\n                    minWidth: '232px',\n                  }}\n                  secondaryActions={[\n                    {\n                      icon: <Download />,\n                      onClick: handleDownload,\n                      disabled: readOnly,\n                      dataHook: 'document-view-download-action',\n                      text: t('CMS.document.action.download'),\n                    },\n                    {\n                      icon: <Replace />,\n                      onClick: onReplace,\n                      text: t('CMS.document.action.replace'),\n                      dataHook: 'document-view-replace-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      icon: <Link />,\n                      onClick: onOpenPasteURLForm,\n                      text: t('CMS.document.action.replaceWithUrl'),\n                      dataHook: 'document-view-replace-with-url-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      divider: true,\n                    },\n                    {\n                      icon: <Delete />,\n                      onClick: onDelete,\n                      text: t('CMS.document.action.delete'),\n                      dataHook: 'document-view-delete-action',\n                      disabled: readOnly,\n                    },\n                  ]}\n                />\n              ),\n              width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n              align: 'right',\n            },\n          ]}\n        />\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_autoCmsFieldTypes","_designSystem","_wixUiIconsCommon","_hooks","_formDocumentFieldStCss","_documentLoader","_utils","_patterns","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","mediaURI","createElement","Box","gap","verticalAlign","className","classes","textWidth","__self","__source","fileName","lineNumber","columnNumber","width","height","children","Document","Text","dataHook","secondary","ellipsis","getMediaTitle","DocumentControl","exports","React","forwardRef","readOnly","onReplace","onDelete","onDownload","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","ref","useTranslations","environment","useWixPatternsContainer","metaSiteId","msid","handleOpenDocument","useCallback","openDocument","getMediaURL","handleDownload","containerRef","useRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","DocumentLoader","borderStyle","onKeyDown","TableListItem","onClick","verticalPadding","options","value","TableActionCell","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","Download","disabled","Replace","Link","divider","Delete","align"],"sources":["../../../../../src/cms-fields/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-cms-field-types';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport {\n  Delete,\n  Replace,\n  Document,\n  Link,\n  Download,\n} from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n      <Box width=\"24px\" height=\"24px\" children={<Document />} />\n      <Text\n        dataHook=\"document-view-name\"\n        secondary\n        ellipsis\n        children={getMediaTitle(mediaURI)}\n      />\n    </Box>\n  );\n};\ninterface DocumentControl {\n  mediaURI: string;\n  readOnly?: boolean;\n  onReplace: () => void;\n  onDelete: () => void;\n  onDownload: (mediaURI: string) => void;\n  className?: string;\n  loading: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n  loaderClassName?: string;\n  dataHook?: string;\n  onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n  TableListItemImperativeActions,\n  DocumentControl\n>(\n  (\n    {\n      mediaURI,\n      readOnly,\n      onReplace,\n      onDelete,\n      onDownload,\n      dataHook,\n      className,\n      loading,\n      loaderBorderStyle,\n      loaderClassName,\n      onOpenPasteURLForm,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const { environment } = useWixPatternsContainer();\n    const metaSiteId = environment.msid;\n\n    const handleOpenDocument = useCallback(() => {\n      openDocument(getMediaURL(mediaURI, metaSiteId));\n    }, [mediaURI, metaSiteId]);\n\n    const handleDownload = useCallback(() => {\n      onDownload(mediaURI);\n    }, [mediaURI, onDownload]);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n      (event) => {\n        const actions = containerRef?.current?.querySelector(\n          `[data-hook=\"document-view-actions-button\"]`,\n        );\n\n        if (actions?.contains(document.activeElement)) {\n          return;\n        }\n\n        if (event.key === 'Enter') {\n          handleOpenDocument();\n        }\n      },\n      [handleOpenDocument, containerRef],\n    );\n\n    return loading ? (\n      <DocumentLoader\n        borderStyle={loaderBorderStyle}\n        className={loaderClassName}\n      />\n    ) : (\n      <div ref={containerRef} onKeyDown={handleOnKeydown}>\n        <TableListItem\n          dataHook={dataHook}\n          ref={ref}\n          className={className}\n          onClick={handleOpenDocument}\n          verticalPadding=\"tiny\"\n          options={[\n            {\n              value: <DocumentComponent mediaURI={mediaURI} />,\n              width: '75%',\n            },\n            {\n              value: (\n                <TableActionCell\n                  dataHook=\"document-view-actions-button\"\n                  alwaysShowSecondaryActions\n                  numOfVisibleSecondaryActions={1}\n                  primaryAction={{\n                    onClick: handleOpenDocument,\n                    skin: 'standard',\n                    text: t('CMS.document.action.open'),\n                    dataHook: 'document-view-open-action',\n                  }}\n                  popoverMenuProps={{\n                    textSize: 'medium',\n                    minWidth: '232px',\n                  }}\n                  secondaryActions={[\n                    {\n                      icon: <Download />,\n                      onClick: handleDownload,\n                      disabled: readOnly,\n                      dataHook: 'document-view-download-action',\n                      text: t('CMS.document.action.download'),\n                    },\n                    {\n                      icon: <Replace />,\n                      onClick: onReplace,\n                      text: t('CMS.document.action.replace'),\n                      dataHook: 'document-view-replace-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      icon: <Link />,\n                      onClick: onOpenPasteURLForm,\n                      text: t('CMS.document.action.replaceWithUrl'),\n                      dataHook: 'document-view-replace-with-url-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      divider: true,\n                    },\n                    {\n                      icon: <Delete />,\n                      onClick: onDelete,\n                      text: t('CMS.document.action.delete'),\n                      dataHook: 'document-view-delete-action',\n                      disabled: readOnly,\n                    },\n                  ]}\n                />\n              ),\n              width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n              align: 'right',\n            },\n          ]}\n        />\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAOA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,uBAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AAAwD,IAAAU,YAAA;AAAA,SAAAX,wBAAAY,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAY,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;AAExD,MAAMkB,2BAA2B,GAAG,OAAO;AAE3C,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EAChE,oBACElC,MAAA,CAAAuB,OAAA,CAAAY,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,aAAa,EAAC,QAAQ;IAACC,SAAS,EAAEC,+BAAO,CAACC,SAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjE9C,MAAA,CAAAuB,OAAA,CAAAY,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;IAACW,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,QAAQ,eAAEjD,MAAA,CAAAuB,OAAA,CAAAY,aAAA,CAAC7B,iBAAA,CAAA4C,QAAQ;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhC,YAAA;QAAAiC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAC1D9C,MAAA,CAAAuB,OAAA,CAAAY,aAAA,CAAC9B,aAAA,CAAA8C,IAAI;IACHC,QAAQ,EAAC,oBAAoB;IAC7BC,SAAS;IACTC,QAAQ;IACRL,QAAQ,EAAE,IAAAM,yBAAa,EAACrB,QAAQ,CAAE;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnC,CACE,CAAC;AAEV,CAAC;AAeM,MAAMU,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAGE,cAAK,CAACC,UAAU,CAI7C,CACE;EACEzB,QAAQ;EACR0B,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,UAAU;EACVX,QAAQ;EACRb,SAAS;EACTyB,OAAO;EACPC,iBAAiB;EACjBC,eAAe;EACfC;AACF,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEtD;EAAE,CAAC,GAAG,IAAAuD,sBAAe,EAAC,CAAC;EAC/B,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iCAAuB,EAAC,CAAC;EACjD,MAAMC,UAAU,GAAGF,WAAW,CAACG,IAAI;EAEnC,MAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC3C,IAAAC,mBAAY,EAAC,IAAAC,8BAAW,EAAC3C,QAAQ,EAAEsC,UAAU,CAAC,CAAC;EACjD,CAAC,EAAE,CAACtC,QAAQ,EAAEsC,UAAU,CAAC,CAAC;EAE1B,MAAMM,cAAc,GAAG,IAAAH,kBAAW,EAAC,MAAM;IACvCZ,UAAU,CAAC7B,QAAQ,CAAC;EACtB,CAAC,EAAE,CAACA,QAAQ,EAAE6B,UAAU,CAAC,CAAC;EAE1B,MAAMgB,YAAY,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAEjD,MAAMC,eAAe,GAAG,IAAAN,kBAAW,EAChCO,KAAK,IAAK;IAAA,IAAAC,qBAAA;IACT,MAAMC,OAAO,GAAGL,YAAY,aAAAI,qBAAA,GAAZJ,YAAY,CAAEM,OAAO,qBAArBF,qBAAA,CAAuBG,aAAa,CAClD,4CACF,CAAC;IAED,IAAIF,OAAO,YAAPA,OAAO,CAAEG,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC,EAAE;MAC7C;IACF;IAEA,IAAIP,KAAK,CAACQ,GAAG,KAAK,OAAO,EAAE;MACzBhB,kBAAkB,CAAC,CAAC;IACtB;EACF,CAAC,EACD,CAACA,kBAAkB,EAAEK,YAAY,CACnC,CAAC;EAED,OAAOf,OAAO,gBACZhE,MAAA,CAAAuB,OAAA,CAAAY,aAAA,CAAC1B,eAAA,CAAAkF,cAAc;IACbC,WAAW,EAAE3B,iBAAkB;IAC/B1B,SAAS,EAAE2B,eAAgB;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5B,CAAC,gBAEF9C,MAAA,CAAAuB,OAAA,CAAAY,aAAA;IAAKiC,GAAG,EAAEW,YAAa;IAACc,SAAS,EAAEZ,eAAgB;IAAAvC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjD9C,MAAA,CAAAuB,OAAA,CAAAY,aAAA,CAAC9B,aAAA,CAAAyF,aAAa;IACZ1C,QAAQ,EAAEA,QAAS;IACnBgB,GAAG,EAAEA,GAAI;IACT7B,SAAS,EAAEA,SAAU;IACrBwD,OAAO,EAAErB,kBAAmB;IAC5BsB,eAAe,EAAC,MAAM;IACtBC,OAAO,EAAE,CACP;MACEC,KAAK,eAAElG,MAAA,CAAAuB,OAAA,CAAAY,aAAA,CAACF,iBAAiB;QAACC,QAAQ,EAAEA,QAAS;QAAAQ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhC,YAAA;UAAAiC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MAChDC,KAAK,EAAE;IACT,CAAC,EACD;MACEmD,KAAK,eACHlG,MAAA,CAAAuB,OAAA,CAAAY,aAAA,CAAC9B,aAAA,CAAA8F,eAAe;QACd/C,QAAQ,EAAC,8BAA8B;QACvCgD,0BAA0B;QAC1BC,4BAA4B,EAAE,CAAE;QAChCC,aAAa,EAAE;UACbP,OAAO,EAAErB,kBAAkB;UAC3B6B,IAAI,EAAE,UAAU;UAChBC,IAAI,EAAE1F,CAAC,CAAC,0BAA0B,CAAC;UACnCsC,QAAQ,EAAE;QACZ,CAAE;QACFqD,gBAAgB,EAAE;UAChBC,QAAQ,EAAE,QAAQ;UAClBC,QAAQ,EAAE;QACZ,CAAE;QACFC,gBAAgB,EAAE,CAChB;UACEC,IAAI,eAAE7G,MAAA,CAAAuB,OAAA,CAAAY,aAAA,CAAC7B,iBAAA,CAAAwG,QAAQ;YAAApE,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAhC,YAAA;cAAAiC,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;UAClBiD,OAAO,EAAEjB,cAAc;UACvBiC,QAAQ,EAAEnD,QAAQ;UAClBR,QAAQ,EAAE,+BAA+B;UACzCoD,IAAI,EAAE1F,CAAC,CAAC,8BAA8B;QACxC,CAAC,EACD;UACE+F,IAAI,eAAE7G,MAAA,CAAAuB,OAAA,CAAAY,aAAA,CAAC7B,iBAAA,CAAA0G,OAAO;YAAAtE,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAhC,YAAA;cAAAiC,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;UACjBiD,OAAO,EAAElC,SAAS;UAClB2C,IAAI,EAAE1F,CAAC,CAAC,6BAA6B,CAAC;UACtCsC,QAAQ,EAAE,8BAA8B;UACxC2D,QAAQ,EAAEnD;QACZ,CAAC,EACD;UACEiD,IAAI,eAAE7G,MAAA,CAAAuB,OAAA,CAAAY,aAAA,CAAC7B,iBAAA,CAAA2G,IAAI;YAAAvE,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAhC,YAAA;cAAAiC,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;UACdiD,OAAO,EAAE5B,kBAAkB;UAC3BqC,IAAI,EAAE1F,CAAC,CAAC,oCAAoC,CAAC;UAC7CsC,QAAQ,EAAE,uCAAuC;UACjD2D,QAAQ,EAAEnD;QACZ,CAAC,EACD;UACEsD,OAAO,EAAE;QACX,CAAC,EACD;UACEL,IAAI,eAAE7G,MAAA,CAAAuB,OAAA,CAAAY,aAAA,CAAC7B,iBAAA,CAAA6G,MAAM;YAAAzE,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAhC,YAAA;cAAAiC,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;UAChBiD,OAAO,EAAEjC,QAAQ;UACjB0C,IAAI,EAAE1F,CAAC,CAAC,4BAA4B,CAAC;UACrCsC,QAAQ,EAAE,6BAA6B;UACvC2D,QAAQ,EAAEnD;QACZ,CAAC,CACD;QAAAlB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhC,YAAA;UAAAiC,UAAA;UAAAC,YAAA;QAAA;MAAA,CACH,CACF;MACDC,KAAK,EAAEf,2BAA2B;MAClCoF,KAAK,EAAE;IACT,CAAC,CACD;IAAA1E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACE,CACN;AACH,CACF,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/components/document/form-document-field.st.css.js

@@ -5,19 +5,19 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formdocumentfield2561653091";
+var _namespace_ = "formdocumentfield4207312351";
 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": "formdocumentfield2561653091__root",
-  "viewWrapper": "formdocumentfield2561653091__viewWrapper",
-  "textWidth": "formdocumentfield2561653091__textWidth",
-  "documentLoader": "formdocumentfield2561653091__documentLoader",
-  "addDocument": "formdocumentfield2561653091__addDocument",
-  "addItemWrapper": "formdocumentfield2561653091__addItemWrapper"
+  "root": "formdocumentfield4207312351__root",
+  "viewWrapper": "formdocumentfield4207312351__viewWrapper",
+  "textWidth": "formdocumentfield4207312351__textWidth",
+  "documentLoader": "formdocumentfield4207312351__documentLoader",
+  "addDocument": "formdocumentfield4207312351__addDocument",
+  "addItemWrapper": "formdocumentfield4207312351__addItemWrapper"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/cms-fields/components/document/form-document-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/cms-fields/components/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield2561653091\";\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\":\"formdocumentfield2561653091__root\",\"viewWrapper\":\"formdocumentfield2561653091__viewWrapper\",\"textWidth\":\"formdocumentfield2561653091__textWidth\",\"documentLoader\":\"formdocumentfield2561653091__documentLoader\",\"addDocument\":\"formdocumentfield2561653091__addDocument\",\"addItemWrapper\":\"formdocumentfield2561653091__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,aAAa,EAAC,0CAA0C;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,aAAa,EAAC,0CAA0C;EAAC,gBAAgB,EAAC;AAA6C,CAAC;AAC/V,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,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AAC7Q,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,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/cms-fields/components/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield4207312351\";\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\":\"formdocumentfield4207312351__root\",\"viewWrapper\":\"formdocumentfield4207312351__viewWrapper\",\"textWidth\":\"formdocumentfield4207312351__textWidth\",\"documentLoader\":\"formdocumentfield4207312351__documentLoader\",\"addDocument\":\"formdocumentfield4207312351__addDocument\",\"addItemWrapper\":\"formdocumentfield4207312351__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,aAAa,EAAC,0CAA0C;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,aAAa,EAAC,0CAA0C;EAAC,gBAAgB,EAAC;AAA6C,CAAC;AAC/V,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,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AAC7Q,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/components/exclamation/exclamation.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_ = "exclamation434051250";
+var _namespace_ = "exclamation1902386010";
 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": "exclamation434051250__root",
-  "exclamation": "exclamation434051250__exclamation",
-  "actions": "exclamation434051250__actions",
-  "action": "exclamation434051250__action"
+  "root": "exclamation1902386010__root",
+  "exclamation": "exclamation1902386010__exclamation",
+  "actions": "exclamation1902386010__actions",
+  "action": "exclamation1902386010__action"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/cms-fields/components/exclamation/exclamation.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/cms-fields/components/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation434051250\";\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\":\"exclamation434051250__root\",\"exclamation\":\"exclamation434051250__exclamation\",\"actions\":\"exclamation434051250__actions\",\"action\":\"exclamation434051250__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \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,aAAa,EAAC,mCAAmC;EAAC,SAAS,EAAC,+BAA+B;EAAC,QAAQ,EAAC;AAA8B,CAAC;AACvL,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,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,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/cms-fields/components/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation1902386010\";\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\":\"exclamation1902386010__root\",\"exclamation\":\"exclamation1902386010__exclamation\",\"actions\":\"exclamation1902386010__actions\",\"action\":\"exclamation1902386010__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \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,aAAa,EAAC,oCAAoC;EAAC,SAAS,EAAC,gCAAgC;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC3L,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,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/components/highlighted-text/highlighted-text.st.css.js

@@ -5,19 +5,19 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "highlightedtext3204350970";
+var _namespace_ = "highlightedtext3602929742";
 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": "highlightedtext3204350970__root",
-  "substring": "highlightedtext3204350970__substring"
+  "root": "highlightedtext3602929742__root",
+  "substring": "highlightedtext3602929742__substring"
 };
 var keyframes = exports.keyframes = {
-  "highlighted": "highlightedtext3204350970__highlighted",
-  "highlighted-match": "highlightedtext3204350970__highlighted-match"
+  "highlighted": "highlightedtext3602929742__highlighted",
+  "highlighted-match": "highlightedtext3602929742__highlighted-match"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/cms-fields/components/highlighted-text/highlighted-text.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/cms-fields/components/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext3204350970\";\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\":\"highlightedtext3204350970__root\",\"substring\":\"highlightedtext3204350970__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext3204350970__highlighted\",\"highlighted-match\":\"highlightedtext3204350970__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAC3I,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;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/cms-fields/components/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext3602929742\";\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\":\"highlightedtext3602929742__root\",\"substring\":\"highlightedtext3602929742__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext3602929742__highlighted\",\"highlighted-match\":\"highlightedtext3602929742__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAC3I,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "pasteurlbutton540096597";
+var _namespace_ = "pasteurlbutton1695425721";
 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": "pasteurlbutton540096597__root",
-  "iconButtonTooltip": "pasteurlbutton540096597__iconButtonTooltip",
-  "iconButton": "pasteurlbutton540096597__iconButton"
+  "root": "pasteurlbutton1695425721__root",
+  "iconButtonTooltip": "pasteurlbutton1695425721__iconButtonTooltip",
+  "iconButton": "pasteurlbutton1695425721__iconButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton540096597\";\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\":\"pasteurlbutton540096597__root\",\"iconButtonTooltip\":\"pasteurlbutton540096597__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton540096597__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,mBAAmB,EAAC,4CAA4C;EAAC,YAAY,EAAC;AAAqC,CAAC;AAC1K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton1695425721\";\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\":\"pasteurlbutton1695425721__root\",\"iconButtonTooltip\":\"pasteurlbutton1695425721__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton1695425721__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,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/cms-fields/components/media-control/use-media-control.js

@@ -6,7 +6,7 @@ var _react = require("react");
 var _dashboard = require("@wix/dashboard");
 var _media = require("@wix/media");
 var _mediaUtils = require("../../utils/media-utils");
-var _autoCmsFieldTypes = require("@wix/auto-cms-field-types");
+var _autoCmsFieldTypes = require("../../auto-cms-field-types");
 const MEDIA_TYPE_TO_CATEGORY = {
   IMAGE: 'IMAGE',
   VIDEO: 'VIDEO',

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_dashboard","_media","_mediaUtils","_autoCmsFieldTypes","MEDIA_TYPE_TO_CATEGORY","IMAGE","VIDEO","MUSIC","DOCUMENT","ALL_MEDIA","undefined","extractAudioUrl","audio","_audio$assets","firstAsset","assets","url","extractMediaUri","mediaItem","media","_media$image","_media$video","_media$document","image","video","document","useMediaControl","mediaType","readOnly","autoFocus","initialLoading","inputRef","viewRef","onFocus","onBlur","params","value","multiSelect","loading","setLoading","useState","Boolean","mediaRequested","useRef","setActive","useCallback","_viewRef$current","_inputRef$current","current","focus","_inputRef$current2","useEffect","onMediaLoad","callMedia","index","onChange","category","mediaManagerData","dashboard","openMediaManager","items","files","length","newURIs","map","Error","newValue","splice","e","console","error","downloadMedia","mediaUri","_result$downloadUrls","result","generateFileDownloadUrl","downloadUrl","downloadUrls","executeDownloading","getMediaURL"],"sources":["../../../../../src/cms-fields/components/media-control/use-media-control.ts"],"sourcesContent":["import { useRef, useState, useEffect, useCallback } from 'react';\nimport { dashboard } from '@wix/dashboard';\nimport { files } from '@wix/media';\n\nimport type { MEDIA_TYPES } from '../../utils/media-utils';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { getMediaURL } from '@wix/auto-cms-field-types';\n\ntype Focusable = { focus: () => void };\ntype FocusableRef =\n  | React.RefObject<Focusable | undefined>\n  | React.MutableRefObject<Focusable | undefined>;\n\ninterface UseMediaControlBaseParams {\n  mediaType: MEDIA_TYPES;\n  autoFocus?: boolean;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  readOnly?: boolean;\n  initialLoading?: boolean;\n  inputRef?: FocusableRef;\n  viewRef?: FocusableRef;\n}\n\ninterface UseSingleMediaControlParams extends UseMediaControlBaseParams {\n  value?: string;\n  onChange?: (value: string) => void;\n  multiSelect?: false;\n}\n\ninterface UseMultiMediaControlParams extends UseMediaControlBaseParams {\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  multiSelect: true;\n}\n\nexport type UseMediaControlParams =\n  | UseSingleMediaControlParams\n  | UseMultiMediaControlParams;\n\ninterface UseMediaControlBaseReturnType {\n  loading: boolean;\n  onMediaLoad: () => void;\n}\n\ninterface UseSingleMediaControlReturnType\n  extends UseMediaControlBaseReturnType {\n  callMedia(): Promise<void>;\n  downloadMedia(mediaUri?: string): Promise<void>;\n}\n\ninterface UseMultiMediaControlReturnType extends UseMediaControlBaseReturnType {\n  callMedia(index?: number): Promise<void>;\n  downloadMedia(mediaUri?: string): Promise<void>;\n}\n\nexport type UseMediaControlReturnType =\n  | UseSingleMediaControlReturnType\n  | UseMultiMediaControlReturnType;\n\nconst MEDIA_TYPE_TO_CATEGORY: Record<string, string | undefined> = {\n  IMAGE: 'IMAGE',\n  VIDEO: 'VIDEO',\n  MUSIC: 'MUSIC', // MEDIA_TYPES.AUDIO = 'MUSIC'\n  DOCUMENT: 'DOCUMENT',\n  ALL_MEDIA: undefined,\n};\n\n/**\n * Extracts a playable URL from media.audio, which may be:\n *   - a string (wix:audio:// URI or direct URL)\n *   - an object with { audio: string } (nested URI)\n *   - an object with { assets: [{ url }] } or { assets: [string] }\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst extractAudioUrl = (audio: any): string | undefined => {\n  if (audio) {\n    if (typeof audio === 'string') {\n      return audio;\n    }\n    if (typeof audio.audio === 'string') {\n      return audio.audio;\n    }\n    const firstAsset = audio.assets?.[0];\n    if (typeof firstAsset === 'string') {\n      return firstAsset;\n    }\n    if (typeof firstAsset?.url === 'string') {\n      return firstAsset.url;\n    }\n  }\n  return undefined;\n};\n\n/**\n * Extracts the Wix media URI from media manager result.\n * Media manager returns different structures for different media types.\n */\nconst extractMediaUri = (mediaItem: any): string => {\n  const { media } = mediaItem || {};\n  if (media) {\n    return (\n      // Try each media type: the URI is nested under media.[type].[type], fallback for direct string values\n      media.image?.image ||\n      (typeof media.image === 'string' && media.image) ||\n      media.video?.video ||\n      (typeof media.video === 'string' && media.video) ||\n      media.document?.document ||\n      (typeof media.document === 'string' && media.document) ||\n      extractAudioUrl(media.audio) ||\n      ''\n    );\n  }\n\n  return '';\n};\n\nexport function useMediaControl(\n  params: UseSingleMediaControlParams,\n): UseSingleMediaControlReturnType;\n\nexport function useMediaControl(\n  params: UseMultiMediaControlParams,\n): UseMultiMediaControlReturnType;\n\nexport function useMediaControl({\n  mediaType,\n  readOnly,\n  autoFocus,\n  initialLoading,\n  inputRef,\n  viewRef,\n  onFocus,\n  onBlur,\n  ...params\n}: UseMediaControlParams): UseMediaControlReturnType {\n  const { value, multiSelect } = params;\n\n  const [loading, setLoading] = useState(Boolean(initialLoading && value));\n  const mediaRequested = useRef(false);\n\n  const setActive = useCallback(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    if (value) {\n      viewRef && viewRef?.current?.focus();\n      !viewRef && inputRef?.current?.focus();\n    } else {\n      inputRef?.current?.focus();\n    }\n  }, [autoFocus, value, inputRef, viewRef]);\n\n  useEffect(() => setActive(), [setActive]);\n\n  const onMediaLoad = useCallback(() => setLoading(false), []);\n\n  const callMedia = useCallback(\n    async (index?: number) => {\n      if (mediaRequested.current || readOnly) {\n        return;\n      }\n\n      if (!params.onChange) {\n        return;\n      }\n\n      mediaRequested.current = true;\n\n      onFocus?.();\n      setLoading(true);\n\n      try {\n        const category = MEDIA_TYPE_TO_CATEGORY[mediaType];\n        const mediaManagerData = await dashboard.openMediaManager({\n          multiSelect: Boolean(multiSelect),\n          ...(category && { category }),\n        });\n\n        onBlur?.();\n        setLoading(false);\n\n        setActive();\n\n        mediaRequested.current = false;\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const items =\n          mediaManagerData?.items || (mediaManagerData as any)?.files;\n\n        if (!items?.length) {\n          return;\n        }\n\n        if (params.multiSelect) {\n          const newURIs = items.map(extractMediaUri);\n\n          if (!newURIs.length) {\n            throw new Error(\n              `Media Control Error: Media Manager returns not-covered Multi-Document data.`,\n            );\n          }\n\n          if (typeof index === 'number') {\n            const newValue = value ? [...value] : [];\n            newValue.splice(index, 1, ...newURIs);\n            params.onChange(newValue);\n          } else {\n            params.onChange([...((value as string[]) ?? []), ...newURIs]);\n          }\n        } else {\n          params.onChange(extractMediaUri(items[0]));\n        }\n      } catch (e) {\n        setLoading(false);\n        mediaRequested.current = false;\n        console.error(`Media Control Error:`, e);\n      }\n    },\n    [\n      mediaType,\n      multiSelect,\n      onBlur,\n      onFocus,\n      params,\n      readOnly,\n      setActive,\n      value,\n    ],\n  );\n\n  const downloadMedia = useCallback(async (mediaUri?: string) => {\n    if (!mediaUri) {\n      return;\n    }\n\n    try {\n      const result = await files.generateFileDownloadUrl(mediaUri);\n      const downloadUrl = result.downloadUrls?.[0]?.url;\n      if (!downloadUrl) {\n        throw new Error('No download URL returned');\n      }\n      return executeDownloading(downloadUrl);\n    } catch (error) {\n      // Fallback: open the static URL in a new tab\n      console.error('Media download error, falling back to static URL:', error);\n      return executeDownloading(getMediaURL(mediaUri));\n    }\n  }, []);\n\n  return {\n    loading,\n    callMedia,\n    downloadMedia,\n    onMediaLoad,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_dashboard","_media","_mediaUtils","_autoCmsFieldTypes","MEDIA_TYPE_TO_CATEGORY","IMAGE","VIDEO","MUSIC","DOCUMENT","ALL_MEDIA","undefined","extractAudioUrl","audio","_audio$assets","firstAsset","assets","url","extractMediaUri","mediaItem","media","_media$image","_media$video","_media$document","image","video","document","useMediaControl","mediaType","readOnly","autoFocus","initialLoading","inputRef","viewRef","onFocus","onBlur","params","value","multiSelect","loading","setLoading","useState","Boolean","mediaRequested","useRef","setActive","useCallback","_viewRef$current","_inputRef$current","current","focus","_inputRef$current2","useEffect","onMediaLoad","callMedia","index","onChange","category","mediaManagerData","dashboard","openMediaManager","items","files","length","newURIs","map","Error","newValue","splice","e","console","error","downloadMedia","mediaUri","_result$downloadUrls","result","generateFileDownloadUrl","downloadUrl","downloadUrls","executeDownloading","getMediaURL"],"sources":["../../../../../src/cms-fields/components/media-control/use-media-control.ts"],"sourcesContent":["import { useRef, useState, useEffect, useCallback } from 'react';\nimport { dashboard } from '@wix/dashboard';\nimport { files } from '@wix/media';\n\nimport type { MEDIA_TYPES } from '../../utils/media-utils';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-cms-field-types';\n\ntype Focusable = { focus: () => void };\ntype FocusableRef =\n  | React.RefObject<Focusable | undefined>\n  | React.MutableRefObject<Focusable | undefined>;\n\ninterface UseMediaControlBaseParams {\n  mediaType: MEDIA_TYPES;\n  autoFocus?: boolean;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  readOnly?: boolean;\n  initialLoading?: boolean;\n  inputRef?: FocusableRef;\n  viewRef?: FocusableRef;\n}\n\ninterface UseSingleMediaControlParams extends UseMediaControlBaseParams {\n  value?: string;\n  onChange?: (value: string) => void;\n  multiSelect?: false;\n}\n\ninterface UseMultiMediaControlParams extends UseMediaControlBaseParams {\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  multiSelect: true;\n}\n\nexport type UseMediaControlParams =\n  | UseSingleMediaControlParams\n  | UseMultiMediaControlParams;\n\ninterface UseMediaControlBaseReturnType {\n  loading: boolean;\n  onMediaLoad: () => void;\n}\n\ninterface UseSingleMediaControlReturnType\n  extends UseMediaControlBaseReturnType {\n  callMedia(): Promise<void>;\n  downloadMedia(mediaUri?: string): Promise<void>;\n}\n\ninterface UseMultiMediaControlReturnType extends UseMediaControlBaseReturnType {\n  callMedia(index?: number): Promise<void>;\n  downloadMedia(mediaUri?: string): Promise<void>;\n}\n\nexport type UseMediaControlReturnType =\n  | UseSingleMediaControlReturnType\n  | UseMultiMediaControlReturnType;\n\nconst MEDIA_TYPE_TO_CATEGORY: Record<string, string | undefined> = {\n  IMAGE: 'IMAGE',\n  VIDEO: 'VIDEO',\n  MUSIC: 'MUSIC', // MEDIA_TYPES.AUDIO = 'MUSIC'\n  DOCUMENT: 'DOCUMENT',\n  ALL_MEDIA: undefined,\n};\n\n/**\n * Extracts a playable URL from media.audio, which may be:\n *   - a string (wix:audio:// URI or direct URL)\n *   - an object with { audio: string } (nested URI)\n *   - an object with { assets: [{ url }] } or { assets: [string] }\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst extractAudioUrl = (audio: any): string | undefined => {\n  if (audio) {\n    if (typeof audio === 'string') {\n      return audio;\n    }\n    if (typeof audio.audio === 'string') {\n      return audio.audio;\n    }\n    const firstAsset = audio.assets?.[0];\n    if (typeof firstAsset === 'string') {\n      return firstAsset;\n    }\n    if (typeof firstAsset?.url === 'string') {\n      return firstAsset.url;\n    }\n  }\n  return undefined;\n};\n\n/**\n * Extracts the Wix media URI from media manager result.\n * Media manager returns different structures for different media types.\n */\nconst extractMediaUri = (mediaItem: any): string => {\n  const { media } = mediaItem || {};\n  if (media) {\n    return (\n      // Try each media type: the URI is nested under media.[type].[type], fallback for direct string values\n      media.image?.image ||\n      (typeof media.image === 'string' && media.image) ||\n      media.video?.video ||\n      (typeof media.video === 'string' && media.video) ||\n      media.document?.document ||\n      (typeof media.document === 'string' && media.document) ||\n      extractAudioUrl(media.audio) ||\n      ''\n    );\n  }\n\n  return '';\n};\n\nexport function useMediaControl(\n  params: UseSingleMediaControlParams,\n): UseSingleMediaControlReturnType;\n\nexport function useMediaControl(\n  params: UseMultiMediaControlParams,\n): UseMultiMediaControlReturnType;\n\nexport function useMediaControl({\n  mediaType,\n  readOnly,\n  autoFocus,\n  initialLoading,\n  inputRef,\n  viewRef,\n  onFocus,\n  onBlur,\n  ...params\n}: UseMediaControlParams): UseMediaControlReturnType {\n  const { value, multiSelect } = params;\n\n  const [loading, setLoading] = useState(Boolean(initialLoading && value));\n  const mediaRequested = useRef(false);\n\n  const setActive = useCallback(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    if (value) {\n      viewRef && viewRef?.current?.focus();\n      !viewRef && inputRef?.current?.focus();\n    } else {\n      inputRef?.current?.focus();\n    }\n  }, [autoFocus, value, inputRef, viewRef]);\n\n  useEffect(() => setActive(), [setActive]);\n\n  const onMediaLoad = useCallback(() => setLoading(false), []);\n\n  const callMedia = useCallback(\n    async (index?: number) => {\n      if (mediaRequested.current || readOnly) {\n        return;\n      }\n\n      if (!params.onChange) {\n        return;\n      }\n\n      mediaRequested.current = true;\n\n      onFocus?.();\n      setLoading(true);\n\n      try {\n        const category = MEDIA_TYPE_TO_CATEGORY[mediaType];\n        const mediaManagerData = await dashboard.openMediaManager({\n          multiSelect: Boolean(multiSelect),\n          ...(category && { category }),\n        });\n\n        onBlur?.();\n        setLoading(false);\n\n        setActive();\n\n        mediaRequested.current = false;\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const items =\n          mediaManagerData?.items || (mediaManagerData as any)?.files;\n\n        if (!items?.length) {\n          return;\n        }\n\n        if (params.multiSelect) {\n          const newURIs = items.map(extractMediaUri);\n\n          if (!newURIs.length) {\n            throw new Error(\n              `Media Control Error: Media Manager returns not-covered Multi-Document data.`,\n            );\n          }\n\n          if (typeof index === 'number') {\n            const newValue = value ? [...value] : [];\n            newValue.splice(index, 1, ...newURIs);\n            params.onChange(newValue);\n          } else {\n            params.onChange([...((value as string[]) ?? []), ...newURIs]);\n          }\n        } else {\n          params.onChange(extractMediaUri(items[0]));\n        }\n      } catch (e) {\n        setLoading(false);\n        mediaRequested.current = false;\n        console.error(`Media Control Error:`, e);\n      }\n    },\n    [\n      mediaType,\n      multiSelect,\n      onBlur,\n      onFocus,\n      params,\n      readOnly,\n      setActive,\n      value,\n    ],\n  );\n\n  const downloadMedia = useCallback(async (mediaUri?: string) => {\n    if (!mediaUri) {\n      return;\n    }\n\n    try {\n      const result = await files.generateFileDownloadUrl(mediaUri);\n      const downloadUrl = result.downloadUrls?.[0]?.url;\n      if (!downloadUrl) {\n        throw new Error('No download URL returned');\n      }\n      return executeDownloading(downloadUrl);\n    } catch (error) {\n      // Fallback: open the static URL in a new tab\n      console.error('Media download error, falling back to static URL:', error);\n      return executeDownloading(getMediaURL(mediaUri));\n    }\n  }, []);\n\n  return {\n    loading,\n    callMedia,\n    downloadMedia,\n    onMediaLoad,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-item-thumbnail.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.MediaGalleryItemThumbnail = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _autoCmsFieldTypes = require("@wix/auto-cms-field-types");
+var _autoCmsFieldTypes = require("../../auto-cms-field-types");
 var _mediaImage = require("../media-image");
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/media-gallery/media-gallery-item-thumbnail.tsx";
 const MediaGalleryItemThumbnail = ({

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-item-thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_autoCmsFieldTypes","_mediaImage","_jsxFileName","MediaGalleryItemThumbnail","width","height","props","dimensions","getImageDimensions","src","e","console","error","actualHeight","parseInt","toString","actualWidth","Math","ceil","default","createElement","MediaImage","_extends2","suspended","transparent","borderRadius","size","Size","S","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../src/cms-fields/components/media-gallery/media-gallery-item-thumbnail.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getImageDimensions } from '@wix/auto-cms-field-types';\n\nimport type { MediaImageProps } from '../media-image';\nimport { MediaImage } from '../media-image';\n\nexport interface MediaGalleryItemThumbnailProps extends MediaImageProps {\n  src: string;\n}\n\nexport const MediaGalleryItemThumbnail: React.FC<\n  MediaGalleryItemThumbnailProps\n> = ({ width, height = 30, ...props }) => {\n  const dimensions = (() => {\n    try {\n      return getImageDimensions(props.src);\n    } catch (e) {\n      console.error(e);\n      return { width: 0, height: 0 };\n    }\n  })();\n\n  const actualHeight = parseInt(height.toString(), 10);\n  const actualWidth = Math.ceil(\n    (dimensions.width * actualHeight) / dimensions.height,\n  );\n\n  return (\n    <MediaImage\n      suspended\n      transparent\n      borderRadius={1}\n      width={`${actualWidth}px`}\n      height={`${actualHeight}px`}\n      size={MediaImage.Size.S}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AAGA,IAAAE,WAAA,GAAAF,OAAA;AAA4C,IAAAG,YAAA;AAMrC,MAAMC,yBAEZ,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM,GAAG,EAAE;EAAE,GAAGC;AAAM,CAAC,KAAK;EACxC,MAAMC,UAAU,GAAG,CAAC,MAAM;IACxB,IAAI;MACF,OAAO,IAAAC,qCAAkB,EAACF,KAAK,CAACG,GAAG,CAAC;IACtC,CAAC,CAAC,OAAOC,CAAC,EAAE;MACVC,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;MAChB,OAAO;QAAEN,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;IAChC;EACF,CAAC,EAAE,CAAC;EAEJ,MAAMQ,YAAY,GAAGC,QAAQ,CAACT,MAAM,CAACU,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC;EACpD,MAAMC,WAAW,GAAGC,IAAI,CAACC,IAAI,CAC1BX,UAAU,CAACH,KAAK,GAAGS,YAAY,GAAIN,UAAU,CAACF,MACjD,CAAC;EAED,oBACER,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,WAAA,CAAAoB,UAAU,MAAAC,SAAA,CAAAH,OAAA;IACTI,SAAS;IACTC,WAAW;IACXC,YAAY,EAAE,CAAE;IAChBrB,KAAK,EAAE,GAAGY,WAAW,IAAK;IAC1BX,MAAM,EAAE,GAAGQ,YAAY,IAAK;IAC5Ba,IAAI,EAAEL,sBAAU,CAACM,IAAI,CAACC;EAAE,GACpBtB,KAAK;IAAAuB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,EACV,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA/B,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_autoCmsFieldTypes","_mediaImage","_jsxFileName","MediaGalleryItemThumbnail","width","height","props","dimensions","getImageDimensions","src","e","console","error","actualHeight","parseInt","toString","actualWidth","Math","ceil","default","createElement","MediaImage","_extends2","suspended","transparent","borderRadius","size","Size","S","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../src/cms-fields/components/media-gallery/media-gallery-item-thumbnail.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getImageDimensions } from '../../auto-cms-field-types';\n\nimport type { MediaImageProps } from '../media-image';\nimport { MediaImage } from '../media-image';\n\nexport interface MediaGalleryItemThumbnailProps extends MediaImageProps {\n  src: string;\n}\n\nexport const MediaGalleryItemThumbnail: React.FC<\n  MediaGalleryItemThumbnailProps\n> = ({ width, height = 30, ...props }) => {\n  const dimensions = (() => {\n    try {\n      return getImageDimensions(props.src);\n    } catch (e) {\n      console.error(e);\n      return { width: 0, height: 0 };\n    }\n  })();\n\n  const actualHeight = parseInt(height.toString(), 10);\n  const actualWidth = Math.ceil(\n    (dimensions.width * actualHeight) / dimensions.height,\n  );\n\n  return (\n    <MediaImage\n      suspended\n      transparent\n      borderRadius={1}\n      width={`${actualWidth}px`}\n      height={`${actualHeight}px`}\n      size={MediaImage.Size.S}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AAGA,IAAAE,WAAA,GAAAF,OAAA;AAA4C,IAAAG,YAAA;AAMrC,MAAMC,yBAEZ,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM,GAAG,EAAE;EAAE,GAAGC;AAAM,CAAC,KAAK;EACxC,MAAMC,UAAU,GAAG,CAAC,MAAM;IACxB,IAAI;MACF,OAAO,IAAAC,qCAAkB,EAACF,KAAK,CAACG,GAAG,CAAC;IACtC,CAAC,CAAC,OAAOC,CAAC,EAAE;MACVC,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;MAChB,OAAO;QAAEN,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;IAChC;EACF,CAAC,EAAE,CAAC;EAEJ,MAAMQ,YAAY,GAAGC,QAAQ,CAACT,MAAM,CAACU,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC;EACpD,MAAMC,WAAW,GAAGC,IAAI,CAACC,IAAI,CAC1BX,UAAU,CAACH,KAAK,GAAGS,YAAY,GAAIN,UAAU,CAACF,MACjD,CAAC;EAED,oBACER,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,WAAA,CAAAoB,UAAU,MAAAC,SAAA,CAAAH,OAAA;IACTI,SAAS;IACTC,WAAW;IACXC,YAAY,EAAE,CAAE;IAChBrB,KAAK,EAAE,GAAGY,WAAW,IAAK;IAC1BX,MAAM,EAAE,GAAGQ,YAAY,IAAK;IAC5Ba,IAAI,EAAEL,sBAAU,CAACM,IAAI,CAACC;EAAE,GACpBtB,KAAK;IAAAuB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,EACV,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA/B,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-gallery/media-gallery-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mediaGalleryItemThumbnail","_jsxFileName","MediaGalleryView","data","items","default","createElement","Box","gap","maxWidth","overflow","__self","__source","fileName","lineNumber","columnNumber","map","src","index","MediaGalleryItemThumbnail","key","displayName"],"sources":["../../../../../src/cms-fields/components/media-gallery/media-gallery-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { WixCodeGalleryItem } from '@wix/auto-cms-field-types';\nimport { Box } from '@wix/design-system';\n\nimport { MediaGalleryItemThumbnail } from './media-gallery-item-thumbnail';\n\nexport interface MediaGalleryViewProps {\n  data?: WixCodeGalleryItem[];\n}\n\nexport function MediaGalleryView({ data }: MediaGalleryViewProps) {\n  const items: WixCodeGalleryItem[] = data ?? [];\n  return (\n    <Box gap=\"SP1\" maxWidth=\"100%\" overflow=\"hidden\">\n      {items.map(({ src }, index) => (\n        <MediaGalleryItemThumbnail key={`${src}:${index}`} src={src} />\n      ))}\n    </Box>\n  );\n}\n\nMediaGalleryView.displayName = 'MediaGalleryView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,0BAAA,GAAAF,OAAA;AAA2E,IAAAG,YAAA;AAMpE,SAASC,gBAAgBA,CAAC;EAAEC;AAA4B,CAAC,EAAE;EAChE,MAAMC,KAA2B,GAAGD,IAAI,IAAI,EAAE;EAC9C,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,QAAQ,EAAC,MAAM;IAACC,QAAQ,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7CX,KAAK,CAACY,GAAG,CAAC,CAAC;IAAEC;EAAI,CAAC,EAAEC,KAAK,kBACxBtB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,0BAAA,CAAAmB,yBAAyB;IAACC,GAAG,EAAE,GAAGH,GAAG,IAAIC,KAAK,EAAG;IAACD,GAAG,EAAEA,GAAI;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CACE,CAAC;AAEV;AAEAb,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mediaGalleryItemThumbnail","_jsxFileName","MediaGalleryView","data","items","default","createElement","Box","gap","maxWidth","overflow","__self","__source","fileName","lineNumber","columnNumber","map","src","index","MediaGalleryItemThumbnail","key","displayName"],"sources":["../../../../../src/cms-fields/components/media-gallery/media-gallery-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { WixCodeGalleryItem } from '../../auto-cms-field-types';\nimport { Box } from '@wix/design-system';\n\nimport { MediaGalleryItemThumbnail } from './media-gallery-item-thumbnail';\n\nexport interface MediaGalleryViewProps {\n  data?: WixCodeGalleryItem[];\n}\n\nexport function MediaGalleryView({ data }: MediaGalleryViewProps) {\n  const items: WixCodeGalleryItem[] = data ?? [];\n  return (\n    <Box gap=\"SP1\" maxWidth=\"100%\" overflow=\"hidden\">\n      {items.map(({ src }, index) => (\n        <MediaGalleryItemThumbnail key={`${src}:${index}`} src={src} />\n      ))}\n    </Box>\n  );\n}\n\nMediaGalleryView.displayName = 'MediaGalleryView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,0BAAA,GAAAF,OAAA;AAA2E,IAAAG,YAAA;AAMpE,SAASC,gBAAgBA,CAAC;EAAEC;AAA4B,CAAC,EAAE;EAChE,MAAMC,KAA2B,GAAGD,IAAI,IAAI,EAAE;EAC9C,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,QAAQ,EAAC,MAAM;IAACC,QAAQ,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7CX,KAAK,CAACY,GAAG,CAAC,CAAC;IAAEC;EAAI,CAAC,EAAEC,KAAK,kBACxBtB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,0BAAA,CAAAmB,yBAAyB;IAACC,GAAG,EAAE,GAAGH,GAAG,IAAIC,KAAK,EAAG;IAACD,GAAG,EAAEA,GAAI;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CACE,CAAC;AAEV;AAEAb,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-image/media-image.js

@@ -6,7 +6,7 @@ exports.useResetMediaImagesCacheEffect = exports.MediaImage = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _autoCmsFieldTypes = require("@wix/auto-cms-field-types");
+var _autoCmsFieldTypes = require("../../auto-cms-field-types");
 var _mediaImageStCss = require("./media-image.st.css.js");
 var _hooks = require("../../hooks");
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/media-image/media-image.tsx";

package/dist/cjs/cms-fields/components/media-image/media-image.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_autoCmsFieldTypes","_mediaImageStCss","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaImage","size","ThumbnailSize","L","fit","suspended","overlay","src","onLoad","onError","width","height","borderRadius","onMouseEnter","onMouseLeave","className","dataHook","props","allowLoading","setAllowLoading","useState","isLoadedImage","useEffect","loading","setLoading","error","setError","isBrokenImage","isBroken","requestFrameCallback","useRequestIdleCallback","onImageLoad","useCallback","imageLoaded","onImageError","imageBroken","createElement","style","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","Image","_extends2","mediaURItoImageURL","exports","displayName","Size","loadedImages","Set","brokenImages","resetBrokenImagesCache","clear","useResetMediaImagesCacheEffect","add","delete"],"sources":["../../../../../src/cms-fields/components/media-image/media-image.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nimport type { ImageProps } from '@wix/design-system';\nimport { Image } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '@wix/auto-cms-field-types';\n\nimport { classes, st } from './media-image.st.css.js';\nimport { useRequestIdleCallback } from '../../hooks';\n\nexport interface MediaImageProps\n  extends Omit<ImageProps, 'onLoad' | 'onError'> {\n  size?: ThumbnailSize | number;\n  suspended?: boolean;\n  overlay?: React.ReactNode;\n  onLoad?: () => void;\n  onError?: () => void;\n}\n\ntype MediaImageFC = React.FC<MediaImageProps> & {\n  Size: typeof ThumbnailSize;\n  loadedImages: Set<string>;\n  brokenImages: Set<string>;\n  resetBrokenImagesCache: () => void;\n};\n\nexport const MediaImage: MediaImageFC = ({\n  size = ThumbnailSize.L,\n  fit = 'cover',\n  suspended = false,\n  overlay,\n  src,\n  onLoad,\n  onError,\n  width = '100%',\n  height = '100%',\n  borderRadius,\n  onMouseEnter,\n  onMouseLeave,\n  className,\n  dataHook,\n  ...props\n}) => {\n  const [allowLoading, setAllowLoading] = useState(\n    !suspended || isLoadedImage(src),\n  );\n  useEffect(\n    () => setAllowLoading(!suspended || isLoadedImage(src)),\n    [src, suspended],\n  );\n\n  const [loading, setLoading] = useState(allowLoading);\n\n  const [error, setError] = useState(isBrokenImage(src));\n  useEffect(() => {\n    const isBroken = isBrokenImage(src);\n    setError(isBroken);\n    isBroken && onError?.();\n  }, [src, onError]);\n\n  const requestFrameCallback = useRequestIdleCallback();\n  useEffect(() => {\n    if (!allowLoading) {\n      requestFrameCallback(() => {\n        setAllowLoading(true);\n        setLoading(true);\n      });\n    }\n  }, [allowLoading, requestFrameCallback]);\n\n  const onImageLoad = useCallback(() => {\n    if (allowLoading && src) {\n      imageLoaded(src);\n      setLoading(false);\n      setError(false);\n    }\n\n    onLoad?.();\n  }, [allowLoading, onLoad, src]);\n\n  const onImageError = useCallback(() => {\n    if (allowLoading && src) {\n      imageBroken(src);\n      setLoading(false);\n      setError(true);\n    }\n\n    onError?.();\n  }, [allowLoading, onError, src]);\n\n  return (\n    <picture\n      data-hook={dataHook}\n      style={{ width, height, borderRadius }}\n      className={st(classes.root, { error, loading }, className)}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {!error && (\n        <Image\n          {...props}\n          fit={fit}\n          src={allowLoading && src ? mediaURItoImageURL(src, size) : ''}\n          width={width}\n          height={height}\n          borderRadius={borderRadius}\n          onLoad={onImageLoad}\n          dataHook=\"media-image-image\"\n          onError={onImageError}\n        />\n      )}\n      {overlay}\n    </picture>\n  );\n};\n\nMediaImage.displayName = 'MediaImage';\n\nMediaImage.Size = ThumbnailSize;\n\nMediaImage.loadedImages = new Set();\nMediaImage.brokenImages = new Set();\n\nMediaImage.resetBrokenImagesCache = () => {\n  MediaImage.brokenImages.clear();\n};\n\nexport const useResetMediaImagesCacheEffect = () => {\n  useEffect(\n    () => () => {\n      MediaImage.resetBrokenImagesCache();\n    },\n    [],\n  );\n};\n\nfunction imageLoaded(src: string) {\n  MediaImage.loadedImages.add(src);\n  MediaImage.brokenImages.delete(src);\n}\n\nfunction isLoadedImage(src?: string) {\n  return src ? MediaImage.loadedImages.has(src) : false;\n}\n\nfunction imageBroken(src: string) {\n  MediaImage.brokenImages.add(src);\n}\n\nfunction isBrokenImage(src?: string) {\n  return src ? MediaImage.brokenImages.has(src) : false;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_autoCmsFieldTypes","_mediaImageStCss","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaImage","size","ThumbnailSize","L","fit","suspended","overlay","src","onLoad","onError","width","height","borderRadius","onMouseEnter","onMouseLeave","className","dataHook","props","allowLoading","setAllowLoading","useState","isLoadedImage","useEffect","loading","setLoading","error","setError","isBrokenImage","isBroken","requestFrameCallback","useRequestIdleCallback","onImageLoad","useCallback","imageLoaded","onImageError","imageBroken","createElement","style","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","Image","_extends2","mediaURItoImageURL","exports","displayName","Size","loadedImages","Set","brokenImages","resetBrokenImagesCache","clear","useResetMediaImagesCacheEffect","add","delete"],"sources":["../../../../../src/cms-fields/components/media-image/media-image.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nimport type { ImageProps } from '@wix/design-system';\nimport { Image } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '../../auto-cms-field-types';\n\nimport { classes, st } from './media-image.st.css.js';\nimport { useRequestIdleCallback } from '../../hooks';\n\nexport interface MediaImageProps\n  extends Omit<ImageProps, 'onLoad' | 'onError'> {\n  size?: ThumbnailSize | number;\n  suspended?: boolean;\n  overlay?: React.ReactNode;\n  onLoad?: () => void;\n  onError?: () => void;\n}\n\ntype MediaImageFC = React.FC<MediaImageProps> & {\n  Size: typeof ThumbnailSize;\n  loadedImages: Set<string>;\n  brokenImages: Set<string>;\n  resetBrokenImagesCache: () => void;\n};\n\nexport const MediaImage: MediaImageFC = ({\n  size = ThumbnailSize.L,\n  fit = 'cover',\n  suspended = false,\n  overlay,\n  src,\n  onLoad,\n  onError,\n  width = '100%',\n  height = '100%',\n  borderRadius,\n  onMouseEnter,\n  onMouseLeave,\n  className,\n  dataHook,\n  ...props\n}) => {\n  const [allowLoading, setAllowLoading] = useState(\n    !suspended || isLoadedImage(src),\n  );\n  useEffect(\n    () => setAllowLoading(!suspended || isLoadedImage(src)),\n    [src, suspended],\n  );\n\n  const [loading, setLoading] = useState(allowLoading);\n\n  const [error, setError] = useState(isBrokenImage(src));\n  useEffect(() => {\n    const isBroken = isBrokenImage(src);\n    setError(isBroken);\n    isBroken && onError?.();\n  }, [src, onError]);\n\n  const requestFrameCallback = useRequestIdleCallback();\n  useEffect(() => {\n    if (!allowLoading) {\n      requestFrameCallback(() => {\n        setAllowLoading(true);\n        setLoading(true);\n      });\n    }\n  }, [allowLoading, requestFrameCallback]);\n\n  const onImageLoad = useCallback(() => {\n    if (allowLoading && src) {\n      imageLoaded(src);\n      setLoading(false);\n      setError(false);\n    }\n\n    onLoad?.();\n  }, [allowLoading, onLoad, src]);\n\n  const onImageError = useCallback(() => {\n    if (allowLoading && src) {\n      imageBroken(src);\n      setLoading(false);\n      setError(true);\n    }\n\n    onError?.();\n  }, [allowLoading, onError, src]);\n\n  return (\n    <picture\n      data-hook={dataHook}\n      style={{ width, height, borderRadius }}\n      className={st(classes.root, { error, loading }, className)}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {!error && (\n        <Image\n          {...props}\n          fit={fit}\n          src={allowLoading && src ? mediaURItoImageURL(src, size) : ''}\n          width={width}\n          height={height}\n          borderRadius={borderRadius}\n          onLoad={onImageLoad}\n          dataHook=\"media-image-image\"\n          onError={onImageError}\n        />\n      )}\n      {overlay}\n    </picture>\n  );\n};\n\nMediaImage.displayName = 'MediaImage';\n\nMediaImage.Size = ThumbnailSize;\n\nMediaImage.loadedImages = new Set();\nMediaImage.brokenImages = new Set();\n\nMediaImage.resetBrokenImagesCache = () => {\n  MediaImage.brokenImages.clear();\n};\n\nexport const useResetMediaImagesCacheEffect = () => {\n  useEffect(\n    () => () => {\n      MediaImage.resetBrokenImagesCache();\n    },\n    [],\n  );\n};\n\nfunction imageLoaded(src: string) {\n  MediaImage.loadedImages.add(src);\n  MediaImage.brokenImages.delete(src);\n}\n\nfunction isLoadedImage(src?: string) {\n  return src ? MediaImage.loadedImages.has(src) : false;\n}\n\nfunction imageBroken(src: string) {\n  MediaImage.brokenImages.add(src);\n}\n\nfunction isBrokenImage(src?: string) {\n  return src ? MediaImage.brokenImages.has(src) : false;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/cms-fields/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_ = "mediaimage2995136738";
+var _namespace_ = "mediaimage3887694001";
 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": "mediaimage2995136738__root"
+  "root": "mediaimage3887694001__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": "--mediaimage2995136738-from",
-  "to": "--mediaimage2995136738-to"
+  "from": "--mediaimage3887694001-from",
+  "to": "--mediaimage3887694001-to"
 };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/cjs/cms-fields/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/cms-fields/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_ = \"mediaimage2995136738\";\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\":\"mediaimage2995136738__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\":\"--mediaimage2995136738-from\",\"to\":\"--mediaimage2995136738-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/cms-fields/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_ = \"mediaimage3887694001\";\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\":\"mediaimage3887694001__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\":\"--mediaimage3887694001-from\",\"to\":\"--mediaimage3887694001-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/cms-fields/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_ = "medialoader1950063354";
+var _namespace_ = "medialoader1996977687";
 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": "medialoader1950063354__root",
-  "loader": "medialoader1950063354__loader"
+  "root": "medialoader1996977687__root",
+  "loader": "medialoader1996977687__loader"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/cms-fields/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/cms-fields/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_ = \"medialoader1950063354\";\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\":\"medialoader1950063354__root\",\"loader\":\"medialoader1950063354__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/cms-fields/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_ = \"medialoader1996977687\";\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\":\"medialoader1996977687__root\",\"loader\":\"medialoader1996977687__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":[]}

package/dist/cjs/cms-fields/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_ = "mediatag2287591266";
+var _namespace_ = "mediatag3872959543";
 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": "mediatag2287591266__root"
+  "root": "mediatag3872959543__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/cms-fields/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/cms-fields/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_ = \"mediatag2287591266\";\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\":\"mediatag2287591266__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/cms-fields/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_ = \"mediatag3872959543\";\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\":\"mediatag3872959543__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/cms-fields/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_ = "formmultidocument598912796";
+var _namespace_ = "formmultidocument1350733450";
 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": "formmultidocument598912796__root",
-  "viewRoot": "formmultidocument598912796__viewRoot",
-  "singleViewWrapper": "formmultidocument598912796__singleViewWrapper",
-  "addDocumentButton": "formmultidocument598912796__addDocumentButton"
+  "root": "formmultidocument1350733450__root",
+  "viewRoot": "formmultidocument1350733450__viewRoot",
+  "singleViewWrapper": "formmultidocument1350733450__singleViewWrapper",
+  "addDocumentButton": "formmultidocument1350733450__addDocumentButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/cms-fields/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/cms-fields/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_ = \"formmultidocument598912796\";\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\":\"formmultidocument598912796__root\",\"viewRoot\":\"formmultidocument598912796__viewRoot\",\"singleViewWrapper\":\"formmultidocument598912796__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument598912796__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/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_ = \"formmultidocument1350733450\";\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\":\"formmultidocument1350733450__root\",\"viewRoot\":\"formmultidocument1350733450__viewRoot\",\"singleViewWrapper\":\"formmultidocument1350733450__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument1350733450__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":[]}