@contentful/experiences-visual-editor-react 1.20.0 → 1.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +71 -42
- package/dist/index.js.map +1 -1
- package/dist/renderApp.js +71 -42
- package/dist/renderApp.js.map +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -12,8 +12,8 @@ import { v4 } from 'uuid';
|
|
|
12
12
|
import { createPortal } from 'react-dom';
|
|
13
13
|
import classNames from 'classnames';
|
|
14
14
|
|
|
15
|
-
var css_248z$
|
|
16
|
-
styleInject(css_248z$
|
|
15
|
+
var css_248z$a = "html,\nbody {\n margin: 0;\n padding: 0;\n}\n\n/*\n * All of these variables are tokens from Forma-36 and should not be adjusted as these\n * are global variables that may affect multiple places.\n * As our customers may use other design libraries, we try to avoid overlapping global\n * variables by always using the prefix `--exp-builder-` inside this SDK.\n */\n\n:root {\n /* Color tokens from Forma 36: https://f36.contentful.com/tokens/color-system */\n --exp-builder-blue100: #e8f5ff;\n --exp-builder-blue200: #ceecff;\n --exp-builder-blue300: #98cbff;\n --exp-builder-blue400: #40a0ff;\n --exp-builder-blue500: #036fe3;\n --exp-builder-blue600: #0059c8;\n --exp-builder-blue700: #0041ab;\n --exp-builder-blue800: #003298;\n --exp-builder-blue900: #002a8e;\n --exp-builder-gray100: #f7f9fa;\n --exp-builder-gray200: #e7ebee;\n --exp-builder-gray300: #cfd9e0;\n --exp-builder-gray400: #aec1cc;\n --exp-builder-gray500: #67728a;\n --exp-builder-gray600: #5a657c;\n --exp-builder-gray700: #414d63;\n --exp-builder-gray800: #1b273a;\n --exp-builder-gray900: #111b2b;\n --exp-builder-purple600: #6c3ecf;\n --exp-builder-red200: #ffe0e0;\n --exp-builder-red800: #7f0010;\n --exp-builder-color-white: #ffffff;\n --exp-builder-glow-primary: 0px 0px 0px 3px #e8f5ff;\n\n /* RGB colors for applying opacity */\n --exp-builder-blue100-rgb: 232, 245, 255;\n --exp-builder-blue300-rgb: 152, 203, 255;\n\n /* Spacing tokens from Forma 36: https://f36.contentful.com/tokens/spacing */\n --exp-builder-spacing-s: 0.75rem;\n --exp-builder-spacing-2xs: 0.25rem;\n\n /* Typography tokens from Forma 36: https://f36.contentful.com/tokens/typography */\n --exp-builder-font-size-l: 1rem;\n --exp-builder-font-size-m: 0.875rem;\n --exp-builder-font-stack-primary: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,\n sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;\n --exp-builder-line-height-condensed: 1.25;\n}\n";
|
|
16
|
+
styleInject(css_248z$a);
|
|
17
17
|
|
|
18
18
|
const INCOMING_EVENTS$1 = {
|
|
19
19
|
RequestEditorMode: 'requestEditorMode',
|
|
@@ -577,7 +577,7 @@ const builtInStyles = {
|
|
|
577
577
|
displayName: 'Hyperlink behaviour',
|
|
578
578
|
type: 'Boolean',
|
|
579
579
|
defaultValue: false,
|
|
580
|
-
description: '
|
|
580
|
+
description: 'Open in new tab',
|
|
581
581
|
},
|
|
582
582
|
};
|
|
583
583
|
const optionalBuiltInStyles = {
|
|
@@ -2864,9 +2864,9 @@ function cloneDeepAsPOJO(obj) {
|
|
|
2864
2864
|
return JSON.parse(JSON.stringify(obj));
|
|
2865
2865
|
}
|
|
2866
2866
|
|
|
2867
|
-
var css_248z$
|
|
2867
|
+
var css_248z$9 = ".render-module_hitbox__l4ysJ {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 10px;\n z-index: 1000000;\n}\n\n.render-module_hitboxLower__tgsA1 {\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 100%;\n height: 10px;\n z-index: 1000000;\n}\n\n.render-module_container__-C3d7 {\n position: relative;\n display: flex;\n flex-direction: column;\n}\n\nbody {\n margin: 0;\n}\n\nhtml {\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n scrollbar-width: none; /* Firefox */\n}\n\nhtml::-webkit-scrollbar {\n display: none;\n}\n";
|
|
2868
2868
|
var styles$3 = {"hitbox":"render-module_hitbox__l4ysJ","hitboxLower":"render-module_hitboxLower__tgsA1","container":"render-module_container__-C3d7"};
|
|
2869
|
-
styleInject(css_248z$
|
|
2869
|
+
styleInject(css_248z$9);
|
|
2870
2870
|
|
|
2871
2871
|
// TODO: In order to support integrations without React, we should extract this heavy logic into simple
|
|
2872
2872
|
// functions that we can reuse in other frameworks.
|
|
@@ -3039,6 +3039,9 @@ var PostMessageMethods;
|
|
|
3039
3039
|
PostMessageMethods["REQUESTED_ENTITIES"] = "REQUESTED_ENTITIES";
|
|
3040
3040
|
})(PostMessageMethods || (PostMessageMethods = {}));
|
|
3041
3041
|
|
|
3042
|
+
var css_248z$7 = "/* If the label is empty, still render the normal height by adding this pseudo element */\n.cf-button:empty::before {\n content: '';\n display: inline-block;\n}\n";
|
|
3043
|
+
styleInject(css_248z$7);
|
|
3044
|
+
|
|
3042
3045
|
var css_248z$6 = ".cf-heading {\n white-space: pre-line;\n}\n";
|
|
3043
3046
|
styleInject(css_248z$6);
|
|
3044
3047
|
|
|
@@ -3079,8 +3082,8 @@ Flex.displayName = 'Flex';
|
|
|
3079
3082
|
var css_248z$1$1 = ".cf-divider {\n display: contents;\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.cf-divider hr {\n border: none;\n}\n\n.cf-divider::before {\n content: \"\";\n position: absolute;\n top: -5px;\n left: -5px;\n bottom: -5px;\n right: -5px;\n pointer-events: all;\n}\n";
|
|
3080
3083
|
styleInject(css_248z$1$1);
|
|
3081
3084
|
|
|
3082
|
-
var css_248z$
|
|
3083
|
-
styleInject(css_248z$
|
|
3085
|
+
var css_248z$8 = ".cf-columns {\n display: flex;\n gap: 24px;\n grid-template-columns: repeat(12, 1fr);\n flex-direction: column;\n min-height: 0; /* NEW */\n min-width: 0; /* NEW; needed for Firefox */\n}\n\n@media (min-width: 768px) {\n .cf-columns {\n display: grid;\n }\n}\n\n.cf-single-column-wrapper {\n position: relative;\n display: flex;\n}\n\n.cf-single-column {\n pointer-events: all;\n}\n\n.cf-single-column-wrapper:after {\n content: '';\n display: block;\n position: absolute;\n pointer-events: none;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow-x: clip;\n font-family: var(--exp-builder-font-stack-primary);\n font-size: 12px;\n color: var(--exp-builder-gray400);\n z-index: 1;\n}\n\n.cf-single-column-label:after {\n content: 'Column';\n}\n";
|
|
3086
|
+
styleInject(css_248z$8);
|
|
3084
3087
|
|
|
3085
3088
|
const ColumnWrapper = forwardRef((props, ref) => {
|
|
3086
3089
|
return (React.createElement("div", { ref: ref, ...props, style: {
|
|
@@ -3837,19 +3840,32 @@ const useEditorModeClassName = ({ styles, nodeId, }) => {
|
|
|
3837
3840
|
if (Object.keys(styles).length === 0) {
|
|
3838
3841
|
return;
|
|
3839
3842
|
}
|
|
3840
|
-
const [
|
|
3841
|
-
|
|
3842
|
-
|
|
3843
|
-
|
|
3844
|
-
|
|
3845
|
-
|
|
3843
|
+
const [newClassName, styleRules] = buildStyleTag({ styles, nodeId });
|
|
3844
|
+
addStylesTag(newClassName, styleRules);
|
|
3845
|
+
if (className !== newClassName) {
|
|
3846
|
+
setClassName(newClassName);
|
|
3847
|
+
// Clean up: remove outdated styles from DOM
|
|
3848
|
+
removeStylesTag(className);
|
|
3846
3849
|
}
|
|
3847
|
-
|
|
3848
|
-
styleTag.dataset['cfStyles'] = className;
|
|
3849
|
-
document.head.appendChild(styleTag).innerHTML = styleRule;
|
|
3850
|
-
}, [styles, nodeId]);
|
|
3850
|
+
}, [styles, nodeId, className]);
|
|
3851
3851
|
return className;
|
|
3852
3852
|
};
|
|
3853
|
+
const removeStylesTag = (className) => {
|
|
3854
|
+
const existingTag = document.querySelector(`[data-cf-styles="${className}"]`);
|
|
3855
|
+
if (existingTag) {
|
|
3856
|
+
document.head.removeChild(existingTag);
|
|
3857
|
+
}
|
|
3858
|
+
};
|
|
3859
|
+
const addStylesTag = (className, styleRules) => {
|
|
3860
|
+
const existingTag = document.querySelector(`[data-cf-styles="${className}"]`);
|
|
3861
|
+
if (existingTag) {
|
|
3862
|
+
existingTag.innerHTML = styleRules;
|
|
3863
|
+
return;
|
|
3864
|
+
}
|
|
3865
|
+
const styleTag = document.createElement('style');
|
|
3866
|
+
styleTag.dataset['cfStyles'] = className;
|
|
3867
|
+
document.head.appendChild(styleTag).innerHTML = styleRules;
|
|
3868
|
+
};
|
|
3853
3869
|
|
|
3854
3870
|
const getUnboundValues = ({ key, fallback, unboundValues, }) => {
|
|
3855
3871
|
const lodashPath = `${key}.value`;
|
|
@@ -3978,30 +3994,34 @@ const useComponentProps = ({ node, areEntitiesFetched, resolveDesignValue, rende
|
|
|
3978
3994
|
const isAssemblyBlock = node.type === 'assemblyBlock';
|
|
3979
3995
|
const isSingleColumn = node?.data.blockId === CONTENTFUL_COMPONENTS.columns.id;
|
|
3980
3996
|
const isStructureComponent = isContentfulStructureComponent(node?.data.blockId);
|
|
3981
|
-
|
|
3982
|
-
|
|
3983
|
-
|
|
3984
|
-
|
|
3985
|
-
if (
|
|
3986
|
-
|
|
3987
|
-
|
|
3988
|
-
|
|
3989
|
-
|
|
3990
|
-
|
|
3991
|
-
|
|
3992
|
-
|
|
3993
|
-
|
|
3994
|
-
|
|
3995
|
-
|
|
3996
|
-
|
|
3997
|
-
|
|
3998
|
-
|
|
3999
|
-
|
|
4000
|
-
|
|
4001
|
-
|
|
4002
|
-
|
|
3997
|
+
const { overrideStyles, wrapperStyles } = useMemo(() => {
|
|
3998
|
+
// Move size styles to the wrapping div and override the component styles
|
|
3999
|
+
const overrideStyles = {};
|
|
4000
|
+
const wrapperStyles = { width: options?.wrapContainerWidth };
|
|
4001
|
+
if (requiresDragWrapper) {
|
|
4002
|
+
if (cfStyles.width)
|
|
4003
|
+
wrapperStyles.width = cfStyles.width;
|
|
4004
|
+
if (cfStyles.height)
|
|
4005
|
+
wrapperStyles.height = cfStyles.height;
|
|
4006
|
+
if (cfStyles.maxWidth)
|
|
4007
|
+
wrapperStyles.maxWidth = cfStyles.maxWidth;
|
|
4008
|
+
if (cfStyles.margin)
|
|
4009
|
+
wrapperStyles.margin = cfStyles.margin;
|
|
4010
|
+
}
|
|
4011
|
+
// Override component styles to fill the wrapper
|
|
4012
|
+
if (wrapperStyles.width)
|
|
4013
|
+
overrideStyles.width = '100%';
|
|
4014
|
+
if (wrapperStyles.height)
|
|
4015
|
+
overrideStyles.height = '100%';
|
|
4016
|
+
if (wrapperStyles.margin)
|
|
4017
|
+
overrideStyles.margin = '0';
|
|
4018
|
+
if (wrapperStyles.maxWidth)
|
|
4019
|
+
overrideStyles.maxWidth = 'none';
|
|
4020
|
+
return { overrideStyles, wrapperStyles };
|
|
4021
|
+
}, [cfStyles, options?.wrapContainerWidth, requiresDragWrapper]);
|
|
4003
4022
|
// Styles that will be applied to the component element
|
|
4004
|
-
|
|
4023
|
+
// This has to be memoized to avoid recreating the styles in useEditorModeClassName on every render
|
|
4024
|
+
const componentStyles = useMemo(() => ({
|
|
4005
4025
|
...cfStyles,
|
|
4006
4026
|
...overrideStyles,
|
|
4007
4027
|
...(isEmptyZone &&
|
|
@@ -4014,7 +4034,16 @@ const useComponentProps = ({ node, areEntitiesFetched, resolveDesignValue, rende
|
|
|
4014
4034
|
!isAssemblyBlock && {
|
|
4015
4035
|
padding: addExtraDropzonePadding(cfStyles.padding?.toString() || '0 0 0 0'),
|
|
4016
4036
|
}),
|
|
4017
|
-
}
|
|
4037
|
+
}), [
|
|
4038
|
+
cfStyles,
|
|
4039
|
+
isAssemblyBlock,
|
|
4040
|
+
isEmptyZone,
|
|
4041
|
+
isSingleColumn,
|
|
4042
|
+
isStructureComponent,
|
|
4043
|
+
node?.data.blockId,
|
|
4044
|
+
overrideStyles,
|
|
4045
|
+
userIsDragging,
|
|
4046
|
+
]);
|
|
4018
4047
|
const componentClass = useEditorModeClassName({
|
|
4019
4048
|
styles: componentStyles,
|
|
4020
4049
|
nodeId: node.data.id,
|
|
@@ -4617,7 +4646,7 @@ const getTooltipPositions = ({ previewSize, tooltipRect, coordinates, }) => {
|
|
|
4617
4646
|
return newTooltipStyles;
|
|
4618
4647
|
};
|
|
4619
4648
|
|
|
4620
|
-
var css_248z$1 = ".styles-module_DraggableComponent__oyE7Q,\n.styles-module_Dropzone__3R-sm:not(.styles-module_isSlot__HI9yO) {\n position: relative;\n transition: background-color 0.2s;\n pointer-events: all;\n box-sizing: border-box;\n cursor: grab;\n}\n\n.styles-module_DraggableComponent__oyE7Q:before,\n.styles-module_Dropzone__3R-sm:not(.styles-module_isSlot__HI9yO):before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n outline-offset: -2px;\n outline: 2px solid transparent;\n z-index: 1;\n transition: outline 0.2s;\n pointer-events: none;\n}\n\n.styles-module_DraggableComponent__oyE7Q.styles-module_isDragging__hldL4.styles-module_Dropzone__3R-sm:before {\n outline-offset: -1px;\n}\n\n.styles-
|
|
4649
|
+
var css_248z$1 = ".styles-module_DraggableComponent__oyE7Q,\n.styles-module_Dropzone__3R-sm:not(.styles-module_isSlot__HI9yO) {\n position: relative;\n transition: background-color 0.2s;\n pointer-events: all;\n box-sizing: border-box;\n cursor: grab;\n}\n\n.styles-module_DraggableComponent__oyE7Q:before,\n.styles-module_Dropzone__3R-sm:not(.styles-module_isSlot__HI9yO):before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n outline-offset: -2px;\n outline: 2px solid transparent;\n z-index: 1;\n transition: outline 0.2s;\n pointer-events: none;\n}\n\n.styles-module_DraggableComponent__oyE7Q.styles-module_isDragging__hldL4.styles-module_Dropzone__3R-sm:before {\n outline-offset: -1px;\n}\n\n.styles-module_DraggableComponent__oyE7Q.styles-module_isDragging__hldL4.styles-module_Dropzone__3R-sm {\n pointer-events: all;\n}\n\n.styles-module_Dropzone__3R-sm.styles-module_isAssembly__HstYv {\n width: 100%;\n height: 100%;\n}\n\n.styles-module_isRoot__c-c-x,\n.styles-module_isEmptyCanvas__Mm6Al {\n flex: 1;\n}\n\n.styles-module_isEmptyZone__XZ1Ej {\n min-height: 80px;\n min-width: 80px;\n}\n\n.styles-module_isDragging__hldL4:not(.styles-module_isRoot__c-c-x):not(.styles-module_DraggableClone__CdKIH):before {\n outline: 2px dashed var(--exp-builder-gray300);\n}\n\n.styles-module_Dropzone__3R-sm.styles-module_isDestination__sE70P:not(.styles-module_isRoot__c-c-x):before {\n transition:\n outline 0.2s,\n background-color 0.2s;\n outline: 2px dashed var(--exp-builder-blue400);\n background-color: rgba(var(--exp-builder-blue100-rgb), 0.5);\n z-index: 2;\n}\n\n.styles-module_DraggableClone__CdKIH:before {\n outline: 2px solid var(--exp-builder-blue500);\n}\n\n.styles-module_DropzoneClone__xiT8j,\n.styles-module_DraggableClone__CdKIH,\n.styles-module_DropzoneClone__xiT8j *,\n.styles-module_DraggableClone__CdKIH * {\n pointer-events: none !important;\n}\n\n.styles-module_DraggableComponent__oyE7Q:not(.styles-module_isDragging__hldL4) :not(.styles-module_DraggableComponent__oyE7Q) {\n pointer-events: none;\n}\n\n.styles-module_isDraggingThisComponent__yCZTp {\n overflow: hidden;\n}\n\n.styles-module_isSelected__c2QEJ:before {\n outline: 2px solid transparent !important;\n}\n\n.styles-module_tooltipWrapper__kqvmR {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: 10;\n pointer-events: none;\n}\n\n.styles-module_DraggableComponent__oyE7Q.styles-module_isDragging__hldL4 .styles-module_tooltipWrapper__kqvmR {\n display: none;\n}\n\n.styles-module_overlay__knwhE {\n position: absolute;\n display: flex;\n align-items: center;\n min-width: max-content;\n height: 24px;\n z-index: 2;\n font-family: var(--exp-builder-font-stack-primary);\n font-size: 14px;\n font-weight: 500;\n background-color: var(--exp-builder-gray500);\n color: var(--exp-builder-color-white);\n padding: 4px 12px 4px 12px;\n transition: opacity 0.1s;\n opacity: 0;\n text-wrap: nowrap;\n}\n\n.styles-module_overlayContainer__lUsiC {\n opacity: 0;\n}\n\n.styles-module_overlayAssembly__3BKl4 {\n background-color: var(--exp-builder-purple600);\n}\n\n.styles-module_isDragging__hldL4 > .styles-module_overlay__knwhE,\n.styles-module_isDragging__hldL4 > .styles-module_overlayContainer__lUsiC {\n opacity: 0 !important;\n}\n\n.styles-module_isDragging__hldL4:not(.styles-module_Dropzone__3R-sm):before {\n outline: 2px solid transparent !important;\n}\n\n.styles-module_isHoveringComponent__f7G5m > div > .styles-module_overlay__knwhE,\n.styles-module_DraggableComponent__oyE7Q:hover:not(:has(.styles-module_DraggableComponent__oyE7Q:hover)) > div > .styles-module_overlay__knwhE {\n opacity: 1;\n}\n\n/* hovering related component in layers tab */\n\n.styles-module_DraggableComponent__oyE7Q:has(.styles-module_isHoveringComponent__f7G5m):not(.styles-module_isAssemblyBlock__goT9z):before,\n.styles-module_DraggableComponent__oyE7Q:has(.styles-module_isHoveringComponent__f7G5m):not(.styles-module_isAssemblyBlock__goT9z) .styles-module_DraggableComponent__oyE7Q:not(.styles-module_isHoveringComponent__f7G5m):not(.styles-module_isAssemblyBlock__goT9z):before,\n.styles-module_isHoveringComponent__f7G5m:not(.styles-module_isAssemblyBlock__goT9z) .styles-module_DraggableComponent__oyE7Q:not(.styles-module_isAssemblyBlock__goT9z):before,\n\n.styles-module_DraggableComponent__oyE7Q:not(.styles-module_isAssemblyBlock__goT9z):not(.styles-module_isDragging__hldL4):hover:before,\n.styles-module_DraggableComponent__oyE7Q:not(.styles-module_isDragging__hldL4):hover .styles-module_DraggableComponent__oyE7Q:before {\n outline: 2px dashed var(--exp-builder-gray500);\n}\n\n/* hovering component in layers tab */\n\n.styles-module_isHoveringComponent__f7G5m:not(.styles-module_isAssemblyBlock__goT9z):before,\n\n.styles-module_DraggableComponent__oyE7Q:not(.styles-module_isAssemblyBlock__goT9z):not(.styles-module_isDragging__hldL4):hover:not(:has(.styles-module_DraggableComponent__oyE7Q:hover)):before {\n outline: 2px solid var(--exp-builder-gray500);\n}\n\n/* hovering related pattern in layers tab */\n\n.styles-module_isAssemblyBlock__goT9z:has(.styles-module_isHoveringComponent__f7G5m):before,\n.styles-module_isAssemblyBlock__goT9z:has(.styles-module_isHoveringComponent__f7G5m) .styles-module_isAssemblyBlock__goT9z:not(.styles-module_isHoveringComponent__f7G5m):before,\n.styles-module_isHoveringComponent__f7G5m .styles-module_isAssemblyBlock__goT9z:before,\n\n.styles-module_isAssemblyBlock__goT9z:hover:before,\n.styles-module_isAssemblyBlock__goT9z:hover .styles-module_DraggableComponent__oyE7Q:before,\n.styles-module_DraggableComponent__oyE7Q:not(.styles-module_isDragging__hldL4):hover .styles-module_isAssemblyBlock__goT9z:before {\n outline: 2px dashed var(--exp-builder-purple600);\n}\n\n/* hovering pattern in layers tab */\n\n.styles-module_isAssemblyBlock__goT9z.styles-module_isHoveringComponent__f7G5m:before,\n\n.styles-module_isAssemblyBlock__goT9z:hover:not(:has(.styles-module_DraggableComponent__oyE7Q:hover)):before {\n outline: 2px solid var(--exp-builder-purple600);\n}\n";
|
|
4621
4650
|
var styles$1 = {"DraggableComponent":"styles-module_DraggableComponent__oyE7Q","Dropzone":"styles-module_Dropzone__3R-sm","isSlot":"styles-module_isSlot__HI9yO","isDragging":"styles-module_isDragging__hldL4","isAssembly":"styles-module_isAssembly__HstYv","isRoot":"styles-module_isRoot__c-c-x","isEmptyCanvas":"styles-module_isEmptyCanvas__Mm6Al","isEmptyZone":"styles-module_isEmptyZone__XZ1Ej","DraggableClone":"styles-module_DraggableClone__CdKIH","isDestination":"styles-module_isDestination__sE70P","DropzoneClone":"styles-module_DropzoneClone__xiT8j","isDraggingThisComponent":"styles-module_isDraggingThisComponent__yCZTp","isSelected":"styles-module_isSelected__c2QEJ","tooltipWrapper":"styles-module_tooltipWrapper__kqvmR","overlay":"styles-module_overlay__knwhE","overlayContainer":"styles-module_overlayContainer__lUsiC","overlayAssembly":"styles-module_overlayAssembly__3BKl4","isHoveringComponent":"styles-module_isHoveringComponent__f7G5m","isAssemblyBlock":"styles-module_isAssemblyBlock__goT9z"};
|
|
4622
4651
|
styleInject(css_248z$1);
|
|
4623
4652
|
|