@wix/patterns-fields 1.115.0 → 1.117.0

package/dist/esm/components/media-image-field/cell-media-image-edit.st.css

@@ -0,0 +1,63 @@
+@property st-global(--wds-color-fill-transparent-primary);
+@property st-global(--wsr-color-D10);
+@property st-global(--wds-image-border-radius-default);
+@property st-global(--wds-space-100);
+
+.view {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+/* A zero-height strip along the cell's bottom edge, so the popover opens
+   under the cell. */
+.anchor {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 0;
+}
+
+.anchorBox {
+  width: 100%;
+  height: 0;
+}
+
+.popoverContent {
+  width: 288px;
+  box-sizing: border-box;
+}
+
+.image {
+  position: relative;
+  width: 180px;
+  height: 180px;
+  border-radius: var(--wds-image-border-radius-default, 8px);
+  overflow: hidden;
+  line-height: 0;
+}
+
+/* Shown on hover, and while a button inside has focus, so the actions stay
+   reachable by keyboard. */
+.imageActions {
+  -st-states: menuOpen;
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--wds-space-100, 6px);
+  opacity: 0;
+  background: var(
+    --wds-color-fill-transparent-primary,
+    color-mix(in srgb, var(--wsr-color-D10, #000624) 66%, transparent)
+  );
+  transition: opacity 0.15s;
+}
+
+.image:hover .imageActions,
+.imageActions:focus-within,
+.imageActions:menuOpen {
+  opacity: 1;
+}

package/dist/esm/components/media-image-field/cell-media-image-edit.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "cellmediaimageedit1735372897";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "cellmediaimageedit1735372897__root", "view": "cellmediaimageedit1735372897__view", "anchor": "cellmediaimageedit1735372897__anchor", "anchorBox": "cellmediaimageedit1735372897__anchorBox", "popoverContent": "cellmediaimageedit1735372897__popoverContent", "image": "cellmediaimageedit1735372897__image", "imageActions": "cellmediaimageedit1735372897__imageActions" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-color-fill-transparent-primary": "--wds-color-fill-transparent-primary", "wsr-color-D10": "--wsr-color-D10", "wds-image-border-radius-default": "--wds-image-border-radius-default", "wds-space-100": "--wds-space-100" };
+//# sourceMappingURL=cell-media-image-edit.st.css.js.map

package/dist/esm/components/media-image-field/cell-media-image-edit.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-media-image-edit.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/cell-media-image-edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,8BAA8B,CAAC;AACjD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,oCAAoC,EAAC,MAAM,EAAC,oCAAoC,EAAC,QAAQ,EAAC,sCAAsC,EAAC,WAAW,EAAC,yCAAyC,EAAC,gBAAgB,EAAC,8CAA8C,EAAC,OAAO,EAAC,qCAAqC,EAAC,cAAc,EAAC,4CAA4C,EAAC,CAAC;AAC/X,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/media-image-field/form-media-image-field.js

@@ -0,0 +1,59 @@
+import React, { useCallback, useRef } from 'react';
+import { Box, FormField, ImageViewer, Input } from '@wix/design-system';
+import { useIsMobile, useWixPatternsContainer } from '@wix/bex-core/react';
+import { useMergedRef, useTranslations } from '../../hooks';
+import { getImageSource } from '../../utils/get-image-source';
+import { getImageUrl } from '../../utils/get-image-url';
+import { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';
+import { fromMediaManagerPick, toMediaImageValue, withAltText, } from '../../utils/media-image-value';
+import { MEDIA_TYPES } from '../../utils/media-utils';
+import { useMediaControl } from '../media-control';
+/**
+ * The entity page input of a `MEDIA_IMAGE` field: the image, and an alt text
+ * input to its right once there is an image. A pick fills an empty alt text
+ * from the file name; a replace keeps the current one.
+ */
+export const FormMediaImageField = ({ data, onChange, onBlur, readOnly, autoFocus, dataHook, inputRef: forwardedRef, imageFormFieldProps, }) => {
+    const { translate } = useWixPatternsContainer();
+    const { t } = useTranslations();
+    const isMobile = useIsMobile();
+    const image = toMediaImageValue(data);
+    // The media manager calls back after it closes, so it reads the value from
+    // here rather than from the render that opened it.
+    const imageRef = useRef(image);
+    imageRef.current = image;
+    const [inputRef, setInputRef] = useMergedRef(forwardedRef);
+    const handlePick = useCallback((uri) => {
+        const next = fromMediaManagerPick(uri, imageRef.current);
+        if (next) {
+            onChange(next);
+        }
+    }, [onChange]);
+    const { callMedia, onMediaLoad } = useMediaControl({
+        mediaType: MEDIA_TYPES.IMAGE,
+        value: getImageSource(image),
+        onChange: handlePick,
+        autoFocus,
+        readOnly,
+        onBlur,
+        inputRef,
+        initialLoading: true,
+    });
+    const canEdit = !isMobile && !readOnly;
+    const handleAltTextChange = (e) => {
+        if (image) {
+            onChange(withAltText(image, e.target.value));
+        }
+    };
+    return (React.createElement(Box, { dataHook: dataHook, gap: "SP4", width: "100%" },
+        React.createElement(Box, { width: "100%", maxWidth: MEDIA_MAX_WIDTH, flexShrink: 0 },
+            React.createElement(FormField, { ...imageFormFieldProps, dataHook: "media-image-field-image" },
+                React.createElement(ImageViewer, { ref: setInputRef, dataHook: "media-image-field-viewer", imageUrl: image ? getImageUrl(image) : undefined, onImageLoad: onMediaLoad, onAddImage: canEdit ? callMedia : undefined, onUpdateImage: canEdit ? callMedia : undefined, disabled: image ? Boolean(readOnly) : !canEdit, showUpdateButton: canEdit, showRemoveButton: !readOnly, updateImageInfo: translate('cairo.replace-image.tooltip'), removeImageInfo: translate('cairo.remove-image.tooltip'), addImageInfo: translate('cairo.add-image.tooltip'), height: MEDIA_HEIGHT, width: "100%", fit: "cover", onRemoveImage: () => onChange(null) }))),
+        image && (React.createElement(Box, { direction: "vertical", flexGrow: 1, minWidth: "0" },
+            React.createElement(FormField, { label: t('CMS.image.altText.label') },
+                React.createElement(Input, { dataHook: "media-image-field-alt-input", value: image.altText ?? '', placeholder: t('CMS.image.altText.inputPlaceholder'), onChange: handleAltTextChange, readOnly: readOnly }))))));
+};
+FormMediaImageField.displayName = 'FormMediaImageField';
+export const ControlledMediaImageInput = ({ data, onChange, onBlur, readOnly, autoFocus, dataHook, }) => (React.createElement(FormMediaImageField, { data: data, onChange: onChange, onBlur: onBlur, readOnly: readOnly, autoFocus: autoFocus, dataHook: dataHook }));
+ControlledMediaImageInput.displayName = 'ControlledMediaImageInput';
+//# sourceMappingURL=form-media-image-field.js.map

package/dist/esm/components/media-image-field/form-media-image-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-media-image-field.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/form-media-image-field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAI3E,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,GACZ,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAwBnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,mBAAmB,GACpB,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACtC,2EAA2E;IAC3E,mDAAmD;IACnD,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAEzB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAC3B,YAAY,CAAqB,YAAY,CAAC,CAAC;IAEjD,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,GAAW,EAAE,EAAE;QACd,MAAM,IAAI,GAAG,oBAAoB,CAAC,GAAG,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;QACzD,IAAI,IAAI,EAAE,CAAC;YACT,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,eAAe,CAAC;QACjD,SAAS,EAAE,WAAW,CAAC,KAAK;QAC5B,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC;QAC5B,QAAQ,EAAE,UAAU;QACpB,SAAS;QACT,QAAQ;QACR,MAAM;QACN,QAAQ;QACR,cAAc,EAAE,IAAI;KACrB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC;IAEvC,MAAM,mBAAmB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACrE,IAAI,KAAK,EAAE,CAAC;YACV,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM;QAC7C,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC;YACxD,oBAAC,SAAS,OAAK,mBAAmB,EAAE,QAAQ,EAAC,yBAAyB;gBACpE,oBAAC,WAAW,IACV,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAC,0BAA0B,EACnC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAChD,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC3C,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC9C,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAC9C,gBAAgB,EAAE,OAAO,EACzB,gBAAgB,EAAE,CAAC,QAAQ,EAC3B,eAAe,EAAE,SAAS,CAAC,6BAA6B,CAAC,EACzD,eAAe,EAAE,SAAS,CAAC,4BAA4B,CAAC,EACxD,YAAY,EAAE,SAAS,CAAC,yBAAyB,CAAC,EAClD,MAAM,EAAE,YAAY,EACpB,KAAK,EAAC,MAAM,EACZ,GAAG,EAAC,OAAO,EACX,aAAa,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GACnC,CACQ,CACR;QACL,KAAK,IAAI,CACR,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAC,GAAG;YACjD,oBAAC,SAAS,IAAC,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC;gBAC5C,oBAAC,KAAK,IACJ,QAAQ,EAAC,6BAA6B,EACtC,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,EAAE,EAC1B,WAAW,EAAE,CAAC,CAAC,oCAAoC,CAAC,EACpD,QAAQ,EAAE,mBAAmB,EAC7B,QAAQ,EAAE,QAAQ,GAClB,CACQ,CACR,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAOxD,MAAM,CAAC,MAAM,yBAAyB,GAAuC,CAAC,EAC5E,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,oBAAC,mBAAmB,IAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AAEF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC"}

package/dist/esm/components/media-image-field/form-media-image-field.uni.driver.js

@@ -0,0 +1,27 @@
+import { FormFieldUniDriver, ImageViewerUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../testkit/base-driver';
+export function FormMediaImageFieldUniDriver(base, body) {
+    const formField = FormFieldUniDriver(base.$('[data-hook="media-image-field-image"]'), body);
+    const imageViewer = ImageViewerUniDriver(base.$('[data-hook="media-image-field-viewer"]'), body);
+    const altInput = base.$('[data-hook="media-image-field-alt-input"] input');
+    return {
+        ...baseUniDriverFactory(base),
+        getLabel: async () => (await formField.getLabel())?.textContent ?? '',
+        isRequired: () => formField.isRequired(),
+        hasError: () => formField.hasStatus('error'),
+        getErrorMessage: () => formField.getStatusMessage(),
+        getImageUrl: () => imageViewer.getImageUrl(),
+        isAddItemVisible: () => imageViewer.isAddItemVisible(),
+        clickAdd: () => imageViewer.clickAdd(),
+        clickReplace: () => imageViewer.clickUpdate(),
+        clickRemove: () => imageViewer.clickRemove(),
+        hasAltTextInput: () => altInput.exists(),
+        getAltText: () => altInput.value(),
+        getAltTextPlaceholder: () => altInput.attr('placeholder'),
+        enterAltText: (text) => altInput.enterValue(text),
+        // ImageViewer hides its edit buttons behind a loader until the image
+        // loads, and jsdom never fires that event on its own.
+        simulateImageLoad: async () => (await base.$('[data-hook="image-viewer-current-image"]').getNative()).dispatchEvent(new Event('load')),
+    };
+}
+//# sourceMappingURL=form-media-image-field.uni.driver.js.map

package/dist/esm/components/media-image-field/form-media-image-field.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-media-image-field.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/form-media-image-field.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,4BAA4B,CAAC,IAAe,EAAE,IAAe;IAC3E,MAAM,SAAS,GAAG,kBAAkB,CAClC,IAAI,CAAC,CAAC,CAAC,uCAAuC,CAAC,EAC/C,IAAI,CACL,CAAC;IACF,MAAM,WAAW,GAAG,oBAAoB,CACtC,IAAI,CAAC,CAAC,CAAC,wCAAwC,CAAC,EAChD,IAAI,CACL,CAAC;IACF,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,iDAAiD,CAAC,CAAC;IAE3E,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,SAAS,CAAC,QAAQ,EAAE,CAAC,EAAE,WAAW,IAAI,EAAE;QACrE,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,EAAE;QAC5C,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,gBAAgB,EAAE;QACtD,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE;QACtC,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,EAAE;QAC7C,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,EAAE;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE;QACxC,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE;QAClC,qBAAqB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC;QACzD,YAAY,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC;QACzD,qEAAqE;QACrE,sDAAsD;QACtD,iBAAiB,EAAE,KAAK,IAAI,EAAE,CAC5B,CACE,MAAM,IAAI,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,SAAS,EAAE,CACrE,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC;KACrC,CAAC;AACJ,CAAC"}

package/dist/esm/components/media-image-field/form-media-image-input.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+import { useFieldRef } from '../../hooks';
+import { isMediaImageEmpty } from '../../utils/media-image-value';
+import { FormMediaImageField } from './form-media-image-field';
+const _FormMediaImageInput = (props) => {
+    const { field, dataHook, formControl, data } = props;
+    const { translate: t } = useWixPatternsContainer();
+    const controller = useController({
+        name: field?.id ?? '',
+        control: formControl,
+        defaultValue: data?.[field?.id ?? ''],
+        rules: {
+            validate: (value) => {
+                // Alt text alone doesn't make the field filled.
+                if (field.validation?.required && isMediaImageEmpty(value)) {
+                    return t('cairo.fieldValidation.requiredField');
+                }
+                return true;
+            },
+        },
+    });
+    const setFieldRef = useFieldRef(controller.field.ref);
+    return (React.createElement(FormMediaImageField
+    // Hands the live button to react-hook-form so shouldFocusError can
+    // reach this field when it blocks save.
+    , { 
+        // Hands the live button to react-hook-form so shouldFocusError can
+        // reach this field when it blocks save.
+        inputRef: setFieldRef, data: controller.field.value, onChange: (value) => controller.field.onChange(value), dataHook: dataHook, imageFormFieldProps: {
+            label: field.displayName,
+            required: field.validation?.required,
+            status: controller.fieldState.error ? 'error' : undefined,
+            statusMessage: controller.fieldState.error?.message,
+        } }));
+};
+export const FormMediaImageInput = observer(_FormMediaImageInput);
+//# sourceMappingURL=form-media-image-input.js.map

package/dist/esm/components/media-image-field/form-media-image-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-media-image-input.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/form-media-image-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAK/D,MAAM,oBAAoB,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,gDAAgD;gBAChD,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC3D,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;gBAClD,CAAC;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,mBAAmB;IAClB,mEAAmE;IACnE,wCAAwC;;QADxC,mEAAmE;QACnE,wCAAwC;QACxC,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,WAAW;YACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ;YACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO;SACpD,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/esm/components/media-image-field/index.js

@@ -0,0 +1,5 @@
+export * from './media-image-view';
+export * from './cell-media-image-edit';
+export * from './form-media-image-field';
+export * from './form-media-image-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/media-image-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}

package/dist/esm/components/media-image-field/media-image-view.js

@@ -0,0 +1,34 @@
+import React, { useCallback, useState } from 'react';
+import { Box, Divider, Text } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { usePatternsCmsFieldsContainer } from '../../providers/PatternsFieldsContainerProvider';
+import { getImageSource } from '../../utils/get-image-source';
+import { smallTooltipCommonProps } from '../../utils/tooltip';
+import { ImagePreviewPopover } from '../image/image-preview-popover';
+import { ImageThumbnail } from '../image/image-thumbnail';
+import { classes } from './media-image-view.st.css.js';
+function _MediaImageView({ value: image, dataHook }) {
+    // Tables render this cell even with no fields container above them, which
+    // legacy image cells never needed. Without one there is nothing to translate
+    // the placeholder with, so it is left out instead of breaking the cell.
+    const translate = usePatternsCmsFieldsContainer()?.translate;
+    const src = getImageSource(image);
+    const altText = image?.altText;
+    const placeholder = altText
+        ? undefined
+        : translate?.('CMS.image.altText.cellPlaceholder');
+    const [isPreviewShown, setIsPreviewShown] = useState(false);
+    const showPreview = useCallback(() => setIsPreviewShown(true), []);
+    const hidePreview = useCallback(() => setIsPreviewShown(false), []);
+    // With no src, the thumbnail renders the empty-image placeholder.
+    const thumbnail = (React.createElement(ImageThumbnail, { value: image, dataHook: "media-image-view-thumbnail", width: "36px", height: "24px", borderRadius: "0", onMouseEnter: src ? showPreview : undefined, onMouseLeave: src ? hidePreview : undefined }));
+    return (React.createElement(Box, { dataHook: dataHook, className: classes.root, verticalAlign: "middle", gap: "8px", padding: "0 8px", height: "100%", width: "100%" },
+        src ? (React.createElement(ImagePreviewPopover, { src: src, shown: isPreviewShown }, thumbnail)) : (thumbnail),
+        src && (altText || placeholder) && (React.createElement(React.Fragment, null,
+            React.createElement(Box, { height: "16px", flexShrink: 0 },
+                React.createElement(Divider, { direction: "vertical" })),
+            altText ? (React.createElement(Text, { size: "tiny", ellipsis: true, tooltipProps: smallTooltipCommonProps, dataHook: "media-image-view-alt-text" }, altText)) : (React.createElement(Text, { size: "tiny", ellipsis: true, className: classes.altTextPlaceholder, dataHook: "media-image-view-alt-text-placeholder" }, placeholder))))));
+}
+export const MediaImageView = observer(_MediaImageView);
+MediaImageView.displayName = 'MediaImageView';
+//# sourceMappingURL=media-image-view.js.map

package/dist/esm/components/media-image-field/media-image-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-image-view.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/media-image-view.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/media-image-field/media-image-view.st.css

@@ -0,0 +1,16 @@
+@property st-global(--wds-color-text-standard-primary);
+@property st-global(--wds-color-text-placeholder);
+@property st-global(--wsr-color-D40);
+
+.root {
+  box-sizing: border-box;
+}
+
+/* WDS <Text> reads its colour from the primary text token, so the placeholder
+   colour goes through it. */
+.altTextPlaceholder {
+  --wds-color-text-standard-primary: var(
+    --wds-color-text-placeholder,
+    var(--wsr-color-D40, #868AA5)
+  );
+}

package/dist/esm/components/media-image-field/media-image-view.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "mediaimageview4152861386";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "mediaimageview4152861386__root", "altTextPlaceholder": "mediaimageview4152861386__altTextPlaceholder" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-color-text-standard-primary": "--wds-color-text-standard-primary", "wds-color-text-placeholder": "--wds-color-text-placeholder", "wsr-color-D40": "--wsr-color-D40" };
+//# sourceMappingURL=media-image-view.st.css.js.map

package/dist/esm/components/media-image-field/media-image-view.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-image-view.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/media-image-view.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,oBAAoB,EAAC,8CAA8C,EAAC,CAAC;AACnI,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/media-image-field/media-image-view.uni.driver.js

@@ -0,0 +1,14 @@
+import { baseUniDriverFactory } from '../../testkit/base-driver';
+export function MediaImageViewUniDriver(base, _body) {
+    const thumbnail = base.$('[data-hook="media-image-view-thumbnail"]');
+    const altText = base.$('[data-hook="media-image-view-alt-text"]');
+    const altTextPlaceholder = base.$('[data-hook="media-image-view-alt-text-placeholder"]');
+    return {
+        ...baseUniDriverFactory(base),
+        hasThumbnail: () => thumbnail.exists(),
+        isEmpty: async () => (await thumbnail.attr('data-empty')) === 'true',
+        getAltText: async () => (await altText.exists()) ? altText.text() : undefined,
+        hasAltTextPlaceholder: () => altTextPlaceholder.exists(),
+    };
+}
+//# sourceMappingURL=media-image-view.uni.driver.js.map

package/dist/esm/components/media-image-field/media-image-view.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-image-view.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/media-image-field/media-image-view.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,uBAAuB,CAAC,IAAe,EAAE,KAAgB;IACvE,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC;IACrE,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC;IAClE,MAAM,kBAAkB,GAAG,IAAI,CAAC,CAAC,CAC/B,qDAAqD,CACtD,CAAC;IACF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE;QACtC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,MAAM;QACpE,UAAU,EAAE,KAAK,IAAI,EAAE,CACrB,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS;QACvD,qBAAqB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,MAAM,EAAE;KACzD,CAAC;AACJ,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "mediatag2220604844";
+var _namespace_ = "mediatag1019234819";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "mediatag2220604844__root" };
+export var classes = { "root": "mediatag1019234819__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmultidocumentedit1430636138";
+var _namespace_ = "cellmultidocumentedit537285070";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "cellmultidocumentedit1430636138__root", "chipTrigger": "cellmultidocumentedit1430636138__chipTrigger" };
+export var classes = { "root": "cellmultidocumentedit537285070__root", "chipTrigger": "cellmultidocumentedit537285070__chipTrigger" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell-multi-document-edit.st.css.js","sourceRoot":"","sources":["../../../../src/components/multi-document/cell-multi-document-edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,iCAAiC,CAAC;AACpD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,uCAAuC,EAAC,aAAa,EAAC,8CAA8C,EAAC,CAAC;AACnI,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"cell-multi-document-edit.st.css.js","sourceRoot":"","sources":["../../../../src/components/multi-document/cell-multi-document-edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sCAAsC,EAAC,aAAa,EAAC,6CAA6C,EAAC,CAAC;AACjI,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "formmultidocument20977685";
+var _namespace_ = "formmultidocument238724793";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formmultidocument20977685__root", "viewRoot": "formmultidocument20977685__viewRoot", "singleViewWrapper": "formmultidocument20977685__singleViewWrapper", "addDocumentButton": "formmultidocument20977685__addDocumentButton" };
+export var classes = { "root": "formmultidocument238724793__root", "viewRoot": "formmultidocument238724793__viewRoot", "singleViewWrapper": "formmultidocument238724793__singleViewWrapper", "addDocumentButton": "formmultidocument238724793__addDocumentButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"form-multi-document.st.css.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,2BAA2B,CAAC;AAC9C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,iCAAiC,EAAC,UAAU,EAAC,qCAAqC,EAAC,mBAAmB,EAAC,8CAA8C,EAAC,mBAAmB,EAAC,8CAA8C,EAAC,CAAC;AACvP,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,CAAC;AACpH,MAAM,CAAC,IAAI,IAAI,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,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"form-multi-document.st.css.js","sourceRoot":"","sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,UAAU,EAAC,sCAAsC,EAAC,mBAAmB,EAAC,+CAA+C,EAAC,mBAAmB,EAAC,+CAA+C,EAAC,CAAC;AAC3P,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,CAAC;AACpH,MAAM,CAAC,IAAI,IAAI,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,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/reference/cell-multi-reference-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmultireferenceinput120257027";
+var _namespace_ = "cellmultireferenceinput2852198089";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "cellmultireferenceinput120257027__root" };
+export var classes = { "root": "cellmultireferenceinput2852198089__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/reference/cell-multi-reference-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell-multi-reference-input.st.css.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-multi-reference-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wCAAwC,EAAC,CAAC;AACvE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,CAAC"}
+{"version":3,"file":"cell-multi-reference-input.st.css.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-multi-reference-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mCAAmC,CAAC;AACtD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yCAAyC,EAAC,CAAC;AACxE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,CAAC"}

package/dist/esm/components/reference/cell-reference-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellreferenceinput2523903401";
+var _namespace_ = "cellreferenceinput1940386691";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "cellreferenceinput2523903401__root", "autocomplete": "cellreferenceinput2523903401__autocomplete" };
+export var classes = { "root": "cellreferenceinput1940386691__root", "autocomplete": "cellreferenceinput1940386691__autocomplete" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentdefaultvalueinput623308326";
+var _namespace_ = "richcontentdefaultvalueinput1029994212";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontentdefaultvalueinput623308326__root", "richContentEditorContainer": "richcontentdefaultvalueinput623308326__richContentEditorContainer", "editor": "richcontentdefaultvalueinput623308326__editor" };
+export var classes = { "root": "richcontentdefaultvalueinput1029994212__root", "richContentEditorContainer": "richcontentdefaultvalueinput1029994212__richContentEditorContainer", "editor": "richcontentdefaultvalueinput1029994212__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-default-value-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,uCAAuC,CAAC;AAC1D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6CAA6C,EAAC,4BAA4B,EAAC,mEAAmE,EAAC,QAAQ,EAAC,+CAA+C,EAAC,CAAC;AACtO,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,CAAC"}
+{"version":3,"file":"rich-content-default-value-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,wCAAwC,CAAC;AAC3D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8CAA8C,EAAC,4BAA4B,EAAC,oEAAoE,EAAC,QAAQ,EAAC,gDAAgD,EAAC,CAAC;AACzO,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,CAAC"}

package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentforminput3167814478";
+var _namespace_ = "richcontentforminput1521948598";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontentforminput3167814478__root", "editor": "richcontentforminput3167814478__editor" };
+export var classes = { "root": "richcontentforminput1521948598__root", "editor": "richcontentforminput1521948598__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentformreadonlyinput2535068086";
+var _namespace_ = "richcontentformreadonlyinput2017647909";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontentformreadonlyinput2535068086__root" };
+export var classes = { "root": "richcontentformreadonlyinput2017647909__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "fullscreenmodal401561617";
+var _namespace_ = "fullscreenmodal832897271";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "fullscreenmodal401561617__root", "modalContent": "fullscreenmodal401561617__modalContent" };
+export var classes = { "root": "fullscreenmodal832897271__root", "modalContent": "fullscreenmodal832897271__modalContent" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "publishloader352336245";
+var _namespace_ = "publishloader2134768982";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "publishloader352336245__root", "publishLoader": "publishloader352336245__publishLoader" };
+export var classes = { "root": "publishloader2134768982__root", "publishLoader": "publishloader2134768982__publishLoader" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"publish-loader.st.css.js","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvF,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,eAAe,EAAC,uCAAuC,EAAC,CAAC;AACrH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,CAAC"}
+{"version":3,"file":"publish-loader.st.css.js","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvF,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,eAAe,EAAC,wCAAwC,EAAC,CAAC;AACvH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,CAAC"}

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "togglefullscreenbutton3212433365";
+var _namespace_ = "togglefullscreenbutton4114855922";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "togglefullscreenbutton3212433365__root" };
+export var classes = { "root": "togglefullscreenbutton4114855922__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontenteditor4157874540";
+var _namespace_ = "richcontenteditor2388141012";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontenteditor4157874540__root", "toolbarContainer": "richcontenteditor4157874540__toolbarContainer", "footerToolbarContainer": "richcontenteditor4157874540__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor4157874540__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor4157874540__editor", "modalEditor": "richcontenteditor4157874540__modalEditor" };
+export var classes = { "root": "richcontenteditor2388141012__root", "toolbarContainer": "richcontenteditor2388141012__toolbarContainer", "footerToolbarContainer": "richcontenteditor2388141012__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor2388141012__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor2388141012__editor", "modalEditor": "richcontenteditor2388141012__modalEditor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontenttoolbar3455448276";
+var _namespace_ = "richcontenttoolbar2930896954";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontenttoolbar3455448276__root", "toolbar": "richcontenttoolbar3455448276__toolbar", "toolbarButton": "richcontenttoolbar3455448276__toolbarButton", "separator": "richcontenttoolbar3455448276__separator" };
+export var classes = { "root": "richcontenttoolbar2930896954__root", "toolbar": "richcontenttoolbar2930896954__toolbar", "toolbarButton": "richcontenttoolbar2930896954__toolbarButton", "separator": "richcontenttoolbar2930896954__separator" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};