@wix/patterns-fields 1.115.0 → 1.117.0

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

@@ -5,8 +5,11 @@ 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");
+/** For a cell whose value is not the picked URI itself. */
+
+const sameUri = uri => uri;
+
 /**
  * Shared state + handlers for single-value media cell edit components
  * (image / document / audio / video / …). Each consumer renders its own
@@ -14,6 +17,8 @@ var _usePasteUrlForm = require("./use-paste-url-form");
  * usePasteURLForm, useCellEditKeyboard, and the standard onCommit/onCancel
  * dance.
  */
+// Generic only so TS accepts it against the `unknown` implementation below.
+
 function useCellMediaEdit({
   mediaType,
   value,
@@ -21,47 +26,69 @@ function useCellMediaEdit({
   onCommit,
   onCancel,
   onStartEdit,
-  inputRef
+  inputRef,
+  fromPick = sameUri,
+  fromUrl = sameUri,
+  commitOnPick = true
 }) {
   const containerRef = (0, _react.useRef)(null);
-  const onMediaChange = (0, _react.useCallback)(uri => {
-    onChange(uri);
-    onCommit();
-  }, [onChange, onCommit]);
+  // The media manager and the URL form call back after they close, so they
+  // read the value from here rather than from the render that opened them.
+  const latestValue = (0, _react.useRef)(value);
+  latestValue.current = value;
+  const applied = (0, _react.useRef)(false);
+  const apply = (0, _react.useCallback)(next => {
+    applied.current = true;
+    // The URL form closes right after it saves, before the next render.
+    latestValue.current = next;
+    onChange(next);
+    if (commitOnPick) {
+      onCommit();
+    }
+  }, [onChange, onCommit, commitOnPick]);
+  const onPick = (0, _react.useCallback)(uri => {
+    const next = fromPick(uri, latestValue.current);
+    if (next !== null) {
+      apply(next);
+    }
+  }, [fromPick, apply]);
+  const onUrlSave = (0, _react.useCallback)(url => apply(fromUrl(url, latestValue.current)), [fromUrl, apply]);
   const {
     callMedia,
     downloadMedia,
     loading
   } = (0, _useMediaControl.useMediaControl)({
     mediaType,
-    value: value ?? undefined,
-    onChange: onMediaChange
-  });
-  const {
-    handleReplace: handleCallMedia,
-    handleDelete
-  } = (0, _useMediaHandlers.useMediaHandlers)({
-    value,
-    callMedia,
-    downloadMedia,
-    onChange,
-    onCommit,
-    onStartEdit,
-    onCancel
+    onChange: onPick
   });
+  const handleCallMedia = (0, _react.useCallback)(async () => {
+    onStartEdit == null || onStartEdit();
+    applied.current = false;
+    await callMedia();
+    if (!applied.current && (commitOnPick || latestValue.current === null)) {
+      onCancel == null || onCancel();
+    }
+  }, [onStartEdit, callMedia, commitOnPick, onCancel]);
+  const handleDelete = (0, _react.useCallback)(() => {
+    onChange(null);
+    onCommit();
+  }, [onChange, onCommit]);
   const {
     isOpen,
     title,
+    value: pasteUrlValue,
     onOpen,
     onClose,
     onSave
   } = (0, _usePasteUrlForm.usePasteURLForm)({
-    onChange: onMediaChange
+    onChange: onUrlSave
   });
   const handleFormClose = (0, _react.useCallback)(() => {
     onClose();
-    onCancel == null || onCancel();
-  }, [onClose, onCancel]);
+    if (commitOnPick || latestValue.current === null) {
+      onCancel == null || onCancel();
+    }
+  }, [onClose, commitOnPick, onCancel]);
   const startEditAndOpenPasteUrl = (0, _react.useCallback)(params => () => {
     onStartEdit == null || onStartEdit();
     onOpen(params)();
@@ -85,6 +112,7 @@ function useCellMediaEdit({
     pasteUrlForm: {
       isOpen,
       title,
+      value: pasteUrlValue,
       onSave,
       handleClose: handleFormClose
     },

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","require","_hooks","_useMediaControl","_usePasteUrlForm","sameUri","uri","useCellMediaEdit","mediaType","value","onChange","onCommit","onCancel","onStartEdit","inputRef","fromPick","fromUrl","commitOnPick","containerRef","useRef","latestValue","current","applied","apply","useCallback","next","onPick","onUrlSave","url","callMedia","downloadMedia","loading","useMediaControl","handleCallMedia","handleDelete","isOpen","title","pasteUrlValue","onOpen","onClose","onSave","usePasteURLForm","handleFormClose","startEditAndOpenPasteUrl","params","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","pasteUrlForm","handleClose"],"sources":["../../../../src/components/media-control/use-cell-media-edit.ts"],"sourcesContent":["import React, { useCallback, useRef } 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<V = string> {\n  mediaType: MEDIA_TYPES;\n  value: V | null;\n  onChange: (value: V | 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\n/** For a cell whose value is not the picked URI itself. */\nexport interface CellMediaValueOptions<V> {\n  /** The value for a media manager pick. `null` ignores the pick. */\n  fromPick: (uri: string, current: V | null) => V | null;\n  /** The value for a URL saved in the paste-URL form. */\n  fromUrl: (url: string, current: V | null) => V;\n  /**\n   * When `false`, a pick only changes the value and the cell commits later.\n   * Closing the media manager or the URL form without a value then cancels\n   * the edit only if the cell is still empty.\n   */\n  commitOnPick?: boolean;\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    /** The URL the form opens with. */\n    value?: 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\nconst sameUri = (uri: string) => uri;\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 */\n// Generic only so TS accepts it against the `unknown` implementation below.\nexport function useCellMediaEdit<V extends string>(\n  params: UseCellMediaEditParams<V>,\n): UseCellMediaEditResult;\n\nexport function useCellMediaEdit<V>(\n  params: UseCellMediaEditParams<V> & CellMediaValueOptions<V>,\n): UseCellMediaEditResult;\n\nexport function useCellMediaEdit({\n  mediaType,\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  fromPick = sameUri,\n  fromUrl = sameUri,\n  commitOnPick = true,\n}: UseCellMediaEditParams<unknown> &\n  Partial<CellMediaValueOptions<unknown>>): UseCellMediaEditResult {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  // The media manager and the URL form call back after they close, so they\n  // read the value from here rather than from the render that opened them.\n  const latestValue = useRef(value);\n  latestValue.current = value;\n  const applied = useRef(false);\n\n  const apply = useCallback(\n    (next: unknown) => {\n      applied.current = true;\n      // The URL form closes right after it saves, before the next render.\n      latestValue.current = next;\n      onChange(next);\n      if (commitOnPick) {\n        onCommit();\n      }\n    },\n    [onChange, onCommit, commitOnPick],\n  );\n\n  const onPick = useCallback(\n    (uri: string) => {\n      const next = fromPick(uri, latestValue.current);\n      if (next !== null) {\n        apply(next);\n      }\n    },\n    [fromPick, apply],\n  );\n\n  const onUrlSave = useCallback(\n    (url: string) => apply(fromUrl(url, latestValue.current)),\n    [fromUrl, apply],\n  );\n\n  const { callMedia, downloadMedia, loading } = useMediaControl({\n    mediaType,\n    onChange: onPick,\n  });\n\n  const handleCallMedia = useCallback(async () => {\n    onStartEdit?.();\n    applied.current = false;\n    await callMedia();\n    if (!applied.current && (commitOnPick || latestValue.current === null)) {\n      onCancel?.();\n    }\n  }, [onStartEdit, callMedia, commitOnPick, onCancel]);\n\n  const handleDelete = useCallback(() => {\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const {\n    isOpen,\n    title,\n    value: pasteUrlValue,\n    onOpen,\n    onClose,\n    onSave,\n  } = usePasteURLForm({ onChange: onUrlSave });\n\n  const handleFormClose = useCallback(() => {\n    onClose();\n    if (commitOnPick || latestValue.current === null) {\n      onCancel?.();\n    }\n  }, [onClose, commitOnPick, 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: {\n      isOpen,\n      title,\n      value: pasteUrlValue,\n      onSave,\n      handleClose: handleFormClose,\n    },\n    handleContainerFocus,\n    handleContainerBlur,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,22 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmediagalleryfield1913190078";
+var _namespace_ = "formmediagalleryfield903826005";
 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": "formmediagalleryfield1913190078__root",
-  "container": "formmediagalleryfield1913190078__container",
-  "viewBox": "formmediagalleryfield1913190078__viewBox",
-  "addItemWrapper": "formmediagalleryfield1913190078__addItemWrapper",
-  "addItem": "formmediagalleryfield1913190078__addItem",
-  "overlay": "formmediagalleryfield1913190078__overlay",
-  "image": "formmediagalleryfield1913190078__image",
-  "previewImage": "formmediagalleryfield1913190078__previewImage",
-  "previewVideo": "formmediagalleryfield1913190078__previewVideo"
+  "root": "formmediagalleryfield903826005__root",
+  "container": "formmediagalleryfield903826005__container",
+  "viewBox": "formmediagalleryfield903826005__viewBox",
+  "addItemWrapper": "formmediagalleryfield903826005__addItemWrapper",
+  "addItem": "formmediagalleryfield903826005__addItem",
+  "overlay": "formmediagalleryfield903826005__overlay",
+  "image": "formmediagalleryfield903826005__image",
+  "previewImage": "formmediagalleryfield903826005__previewImage",
+  "previewVideo": "formmediagalleryfield903826005__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_ = \"formmediagalleryfield1913190078\";\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\":\"formmediagalleryfield1913190078__root\",\"container\":\"formmediagalleryfield1913190078__container\",\"viewBox\":\"formmediagalleryfield1913190078__viewBox\",\"addItemWrapper\":\"formmediagalleryfield1913190078__addItemWrapper\",\"addItem\":\"formmediagalleryfield1913190078__addItem\",\"overlay\":\"formmediagalleryfield1913190078__overlay\",\"image\":\"formmediagalleryfield1913190078__image\",\"previewImage\":\"formmediagalleryfield1913190078__previewImage\",\"previewVideo\":\"formmediagalleryfield1913190078__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_ = \"formmediagalleryfield903826005\";\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\":\"formmediagalleryfield903826005__root\",\"container\":\"formmediagalleryfield903826005__container\",\"viewBox\":\"formmediagalleryfield903826005__viewBox\",\"addItemWrapper\":\"formmediagalleryfield903826005__addItemWrapper\",\"addItem\":\"formmediagalleryfield903826005__addItem\",\"overlay\":\"formmediagalleryfield903826005__overlay\",\"image\":\"formmediagalleryfield903826005__image\",\"previewImage\":\"formmediagalleryfield903826005__previewImage\",\"previewVideo\":\"formmediagalleryfield903826005__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_ = "mediaimage3055775166";
+var _namespace_ = "mediaimage3328930349";
 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": "mediaimage3055775166__root"
+  "root": "mediaimage3328930349__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": "--mediaimage3055775166-from",
-  "to": "--mediaimage3055775166-to"
+  "from": "--mediaimage3328930349-from",
+  "to": "--mediaimage3328930349-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_ = \"mediaimage3055775166\";\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\":\"mediaimage3055775166__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\":\"--mediaimage3055775166-from\",\"to\":\"--mediaimage3055775166-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_ = \"mediaimage3328930349\";\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\":\"mediaimage3328930349__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\":\"--mediaimage3328930349-from\",\"to\":\"--mediaimage3328930349-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_ = "overlay3480378917";
+var _namespace_ = "overlay3008863944";
 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": "overlay3480378917__root",
-  "iconOverlay": "overlay3480378917__iconOverlay"
+  "root": "overlay3008863944__root",
+  "iconOverlay": "overlay3008863944__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_ = \"overlay3480378917\";\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\":\"overlay3480378917__root\",\"iconOverlay\":\"overlay3480378917__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_ = \"overlay3008863944\";\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\":\"overlay3008863944__root\",\"iconOverlay\":\"overlay3008863944__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":[]}