@wix/patterns-fields 1.38.0 → 1.40.0

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "pasteurlbutton310768866";
+var _namespace_ = "pasteurlbutton3831057513";
 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": "pasteurlbutton310768866__root",
-  "iconButtonTooltip": "pasteurlbutton310768866__iconButtonTooltip",
-  "iconButton": "pasteurlbutton310768866__iconButton"
+  "root": "pasteurlbutton3831057513__root",
+  "iconButtonTooltip": "pasteurlbutton3831057513__iconButtonTooltip",
+  "iconButton": "pasteurlbutton3831057513__iconButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

@@ -5,6 +5,7 @@ exports.useCellMediaEdit = useCellMediaEdit;
 var _react = require("react");
 var _hooks = require("../../hooks");
 var _useMediaControl = require("./use-media-control");
+var _useMediaHandlers = require("./use-media-handlers");
 var _usePasteUrlForm = require("./use-paste-url-form");
 /**
  * Shared state + handlers for single-value media cell edit components
@@ -36,13 +37,18 @@ function useCellMediaEdit({
     value: value ?? undefined,
     onChange: onMediaChange
   });
-  const handleCallMedia = (0, _react.useCallback)(async () => {
-    onStartEdit == null || onStartEdit();
-    const committed = await callMedia();
-    if (!committed) {
-      onCancel == null || onCancel();
-    }
-  }, [onStartEdit, callMedia, onCancel]);
+  const {
+    handleReplace: handleCallMedia,
+    handleDelete
+  } = (0, _useMediaHandlers.useMediaHandlers)({
+    value,
+    callMedia,
+    downloadMedia,
+    onChange,
+    onCommit,
+    onStartEdit,
+    onCancel
+  });
   const {
     isOpen,
     title,
@@ -60,10 +66,6 @@ function useCellMediaEdit({
     onStartEdit == null || onStartEdit();
     onOpen(params)();
   }, [onStartEdit, onOpen]);
-  const handleDelete = (0, _react.useCallback)(() => {
-    onChange(null);
-    onCommit();
-  }, [onChange, onCommit]);
   const {
     handleContainerFocus,
     handleContainerBlur

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

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

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

@@ -0,0 +1,42 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useMediaHandlers = useMediaHandlers;
+var _react = require("react");
+/**
+ * Shared wrapping for the three audio/document/image/video actions so cell and
+ * form callers pass identical handler shapes when building their action menus.
+ * Optional cell-only callbacks no-op in the form path.
+ */
+function useMediaHandlers({
+  value,
+  callMedia,
+  downloadMedia,
+  onChange,
+  onCommit,
+  onStartEdit,
+  onCancel
+}) {
+  const handleReplace = (0, _react.useCallback)(async () => {
+    onStartEdit == null || onStartEdit();
+    const committed = await callMedia();
+    if (!committed) {
+      onCancel == null || onCancel();
+    }
+  }, [onStartEdit, callMedia, onCancel]);
+  const handleDownload = (0, _react.useCallback)(() => {
+    if (value) {
+      downloadMedia(value);
+    }
+  }, [value, downloadMedia]);
+  const handleDelete = (0, _react.useCallback)(() => {
+    onChange(null);
+    onCommit == null || onCommit();
+  }, [onChange, onCommit]);
+  return {
+    handleReplace,
+    handleDownload,
+    handleDelete
+  };
+}
+//# sourceMappingURL=use-media-handlers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useMediaHandlers","value","callMedia","downloadMedia","onChange","onCommit","onStartEdit","onCancel","handleReplace","useCallback","committed","handleDownload","handleDelete"],"sources":["../../../../src/components/media-control/use-media-handlers.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nexport interface UseMediaHandlersOptions {\n  value: string | null;\n  callMedia: () => Promise<boolean>;\n  downloadMedia: (uri?: string) => void;\n  onChange: (value: string | null) => void;\n  /** Cell-only: commits the new value after onChange. */\n  onCommit?: () => void;\n  /** Cell-only: fires before the media manager opens so the table can lock focus. */\n  onStartEdit?: () => void;\n  /** Cell-only: fires when the media manager is dismissed without a pick. */\n  onCancel?: () => void;\n}\n\nexport interface MediaHandlers {\n  handleReplace: () => Promise<void>;\n  handleDownload: () => void;\n  handleDelete: () => void;\n}\n\n/**\n * Shared wrapping for the three audio/document/image/video actions so cell and\n * form callers pass identical handler shapes when building their action menus.\n * Optional cell-only callbacks no-op in the form path.\n */\nexport function useMediaHandlers({\n  value,\n  callMedia,\n  downloadMedia,\n  onChange,\n  onCommit,\n  onStartEdit,\n  onCancel,\n}: UseMediaHandlersOptions): MediaHandlers {\n  const handleReplace = useCallback(async () => {\n    onStartEdit?.();\n    const committed = await callMedia();\n    if (!committed) {\n      onCancel?.();\n    }\n  }, [onStartEdit, callMedia, onCancel]);\n\n  const handleDownload = useCallback(() => {\n    if (value) {\n      downloadMedia(value);\n    }\n  }, [value, downloadMedia]);\n\n  const handleDelete = useCallback(() => {\n    onChange(null);\n    onCommit?.();\n  }, [onChange, onCommit]);\n\n  return { handleReplace, handleDownload, handleDelete };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAqBA;AACA;AACA;AACA;AACA;AACO,SAASC,gBAAgBA,CAAC;EAC/BC,KAAK;EACLC,SAAS;EACTC,aAAa;EACbC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC;AACuB,CAAC,EAAiB;EACzC,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAAC,YAAY;IAC5CH,WAAW,YAAXA,WAAW,CAAG,CAAC;IACf,MAAMI,SAAS,GAAG,MAAMR,SAAS,CAAC,CAAC;IACnC,IAAI,CAACQ,SAAS,EAAE;MACdH,QAAQ,YAARA,QAAQ,CAAG,CAAC;IACd;EACF,CAAC,EAAE,CAACD,WAAW,EAAEJ,SAAS,EAAEK,QAAQ,CAAC,CAAC;EAEtC,MAAMI,cAAc,GAAG,IAAAF,kBAAW,EAAC,MAAM;IACvC,IAAIR,KAAK,EAAE;MACTE,aAAa,CAACF,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACA,KAAK,EAAEE,aAAa,CAAC,CAAC;EAE1B,MAAMS,YAAY,GAAG,IAAAH,kBAAW,EAAC,MAAM;IACrCL,QAAQ,CAAC,IAAI,CAAC;IACdC,QAAQ,YAARA,QAAQ,CAAG,CAAC;EACd,CAAC,EAAE,CAACD,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAExB,OAAO;IAAEG,aAAa;IAAEG,cAAc;IAAEC;EAAa,CAAC;AACxD","ignoreList":[]}

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

@@ -5,22 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmediagalleryfield4220744262";
+var _namespace_ = "formmediagalleryfield299044212";
 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": "formmediagalleryfield4220744262__root",
-  "container": "formmediagalleryfield4220744262__container",
-  "viewBox": "formmediagalleryfield4220744262__viewBox",
-  "addItemWrapper": "formmediagalleryfield4220744262__addItemWrapper",
-  "addItem": "formmediagalleryfield4220744262__addItem",
-  "overlay": "formmediagalleryfield4220744262__overlay",
-  "image": "formmediagalleryfield4220744262__image",
-  "previewImage": "formmediagalleryfield4220744262__previewImage",
-  "previewVideo": "formmediagalleryfield4220744262__previewVideo"
+  "root": "formmediagalleryfield299044212__root",
+  "container": "formmediagalleryfield299044212__container",
+  "viewBox": "formmediagalleryfield299044212__viewBox",
+  "addItemWrapper": "formmediagalleryfield299044212__addItemWrapper",
+  "addItem": "formmediagalleryfield299044212__addItem",
+  "overlay": "formmediagalleryfield299044212__overlay",
+  "image": "formmediagalleryfield299044212__image",
+  "previewImage": "formmediagalleryfield299044212__previewImage",
+  "previewVideo": "formmediagalleryfield299044212__previewVideo"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield4220744262\";\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\":\"formmediagalleryfield4220744262__root\",\"container\":\"formmediagalleryfield4220744262__container\",\"viewBox\":\"formmediagalleryfield4220744262__viewBox\",\"addItemWrapper\":\"formmediagalleryfield4220744262__addItemWrapper\",\"addItem\":\"formmediagalleryfield4220744262__addItem\",\"overlay\":\"formmediagalleryfield4220744262__overlay\",\"image\":\"formmediagalleryfield4220744262__image\",\"previewImage\":\"formmediagalleryfield4220744262__previewImage\",\"previewVideo\":\"formmediagalleryfield4220744262__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uCAAuC;EAAC,WAAW,EAAC,4CAA4C;EAAC,SAAS,EAAC,0CAA0C;EAAC,gBAAgB,EAAC,iDAAiD;EAAC,SAAS,EAAC,0CAA0C;EAAC,SAAS,EAAC,0CAA0C;EAAC,OAAO,EAAC,wCAAwC;EAAC,cAAc,EAAC,+CAA+C;EAAC,cAAc,EAAC;AAA+C,CAAC;AACxgB,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield299044212\";\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\":\"formmediagalleryfield299044212__root\",\"container\":\"formmediagalleryfield299044212__container\",\"viewBox\":\"formmediagalleryfield299044212__viewBox\",\"addItemWrapper\":\"formmediagalleryfield299044212__addItemWrapper\",\"addItem\":\"formmediagalleryfield299044212__addItem\",\"overlay\":\"formmediagalleryfield299044212__overlay\",\"image\":\"formmediagalleryfield299044212__image\",\"previewImage\":\"formmediagalleryfield299044212__previewImage\",\"previewVideo\":\"formmediagalleryfield299044212__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,WAAW,EAAC,2CAA2C;EAAC,SAAS,EAAC,yCAAyC;EAAC,gBAAgB,EAAC,gDAAgD;EAAC,SAAS,EAAC,yCAAyC;EAAC,SAAS,EAAC,yCAAyC;EAAC,OAAO,EAAC,uCAAuC;EAAC,cAAc,EAAC,8CAA8C;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC/f,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediaimage4014780765";
+var _namespace_ = "mediaimage3603088629";
 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": "mediaimage4014780765__root"
+  "root": "mediaimage3603088629__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": "--mediaimage4014780765-from",
-  "to": "--mediaimage4014780765-to"
+  "from": "--mediaimage3603088629-from",
+  "to": "--mediaimage3603088629-to"
 };
 //# sourceMappingURL=media-image.st.css.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage4014780765\";\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\":\"mediaimage4014780765__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\":\"--mediaimage4014780765-from\",\"to\":\"--mediaimage4014780765-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage3603088629\";\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\":\"mediaimage3603088629__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\":\"--mediaimage3603088629-from\",\"to\":\"--mediaimage3603088629-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "overlay2083186616";
+var _namespace_ = "overlay3561604361";
 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": "overlay2083186616__root",
-  "iconOverlay": "overlay2083186616__iconOverlay"
+  "root": "overlay3561604361__root",
+  "iconOverlay": "overlay3561604361__iconOverlay"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "medialoader2739525698";
+var _namespace_ = "medialoader3999422864";
 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": "medialoader2739525698__root",
-  "loader": "medialoader2739525698__loader"
+  "root": "medialoader3999422864__root",
+  "loader": "medialoader3999422864__loader"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

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

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