slice-machine-ui 1.14.1-dev-upgrade-legacy.2 → 1.14.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/components/ChangesItems/ChangesItems.tsx +1 -1
- package/lib/builders/CustomTypeBuilder/SliceZone/List.tsx +4 -12
- package/lib/builders/CustomTypeBuilder/SliceZone/UpdateSliceZoneModalList.tsx +1 -1
- package/lib/builders/CustomTypeBuilder/SliceZone/index.tsx +0 -8
- package/lib/models/ui/Slice/index.tsx +26 -52
- package/out/404.html +1 -1
- package/out/[lib]/[sliceName]/[variation]/screenshot.html +1 -1
- package/out/[lib]/[sliceName]/[variation]/simulator.html +1 -1
- package/out/[lib]/[sliceName]/[variation].html +1 -1
- package/out/_next/static/chunks/482-a4c1c3721ca38516.js +1 -0
- package/out/_next/static/chunks/573-aaae870d20e5f86c.js +1 -0
- package/out/_next/static/chunks/{969-bcfa23e8fd4773e7.js → 740-d0642219804fa9f0.js} +1 -1
- package/out/_next/static/chunks/799-5ea3393033a9f617.js +1 -0
- package/out/_next/static/chunks/906-9224feb63b5e36f3.js +1 -0
- package/out/_next/static/chunks/97-f6188ebe22eb21da.js +1 -0
- package/out/_next/static/chunks/970-6fb969573ccdf018.js +1 -0
- package/out/_next/static/chunks/pages/[lib]/[sliceName]/[variation]-9fff494255e34c39.js +1 -0
- package/out/_next/static/chunks/pages/{_app-fea3c7cfb3b5c1b5.js → _app-e667eb27c83f2806.js} +7 -7
- package/out/_next/static/chunks/pages/changes-6a039e823313b41c.js +1 -0
- package/out/_next/static/chunks/pages/custom-types/{[customTypeId]-94ffa7cbfab2ef0f.js → [customTypeId]-f8e48a51edbb5e1c.js} +1 -1
- package/out/_next/static/chunks/pages/{custom-types-8d55eca5790c0406.js → custom-types-abb8c8c92880120e.js} +1 -1
- package/out/_next/static/chunks/pages/{index-203d9ef99d22841a.js → index-f382c8090bd21628.js} +1 -1
- package/out/_next/static/chunks/pages/page-types/{[pageTypeId]-81e1a6a78dd46d0f.js → [pageTypeId]-ddc8d057c3e251d1.js} +1 -1
- package/out/_next/static/chunks/pages/slices-24d2714462334469.js +1 -0
- package/out/_next/static/n_JoJA4knO1LXgyjcCqiI/_buildManifest.js +1 -0
- package/out/changelog.html +1 -1
- package/out/changes.html +1 -1
- package/out/custom-types/[customTypeId].html +1 -1
- package/out/custom-types.html +1 -1
- package/out/index.html +1 -1
- package/out/page-types/[pageTypeId].html +1 -1
- package/out/slices.html +1 -1
- package/package.json +6 -6
- package/pages/slices.tsx +1 -1
- package/components/Forms/ConvertLegacySliceModal/ConvertLegacySliceModal.css.ts +0 -35
- package/components/Forms/ConvertLegacySliceModal/ConvertLegacySliceModal.tsx +0 -287
- package/components/Forms/ConvertLegacySliceModal/FormAsNewSlice.tsx +0 -153
- package/components/Forms/ConvertLegacySliceModal/FormAsNewVariation.tsx +0 -234
- package/components/Forms/ConvertLegacySliceModal/FormMergeWithIdentical.tsx +0 -104
- package/components/Forms/ConvertLegacySliceModal/index.tsx +0 -1
- package/components/Forms/ConvertLegacySliceModal/types.ts +0 -47
- package/out/_next/static/M1R8KztYSsGkogo8JNvDL/_buildManifest.js +0 -1
- package/out/_next/static/chunks/130-5b1dc0c67078c48b.js +0 -1
- package/out/_next/static/chunks/4-11b3d83d878be4e2.js +0 -1
- package/out/_next/static/chunks/799-00944cdde5b22566.js +0 -1
- package/out/_next/static/chunks/80-dce703180b269337.js +0 -1
- package/out/_next/static/chunks/934-7e172f9ea1128015.js +0 -1
- package/out/_next/static/chunks/970-d63bac52b8b2439a.js +0 -1
- package/out/_next/static/chunks/pages/[lib]/[sliceName]/[variation]-fc545d9beb1bb757.js +0 -1
- package/out/_next/static/chunks/pages/changes-eb708af5609cc7d2.js +0 -1
- package/out/_next/static/chunks/pages/slices-3ecbaeec98bc9eab.js +0 -1
- /package/out/_next/static/{M1R8KztYSsGkogo8JNvDL → n_JoJA4knO1LXgyjcCqiI}/_ssgManifest.js +0 -0
|
@@ -118,7 +118,7 @@ export const ChangesItems: React.FC<ChangesItemsProps> = ({
|
|
|
118
118
|
gridTemplateMinPx="290px"
|
|
119
119
|
defineElementKey={(slice: ComponentUI) => slice.model.name}
|
|
120
120
|
renderElem={(slice: ComponentUI) => {
|
|
121
|
-
return SharedSlice.
|
|
121
|
+
return SharedSlice.render({
|
|
122
122
|
showActions: true,
|
|
123
123
|
slice: slice,
|
|
124
124
|
wrapperType:
|
|
@@ -16,18 +16,12 @@ import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMess
|
|
|
16
16
|
interface SlicesListProps {
|
|
17
17
|
format: CustomTypeFormat;
|
|
18
18
|
slices: ReadonlyArray<SliceZoneSlice>;
|
|
19
|
-
path: {
|
|
20
|
-
customTypeID: string;
|
|
21
|
-
tabID: string;
|
|
22
|
-
sliceZoneID: string;
|
|
23
|
-
};
|
|
24
19
|
onRemoveSharedSlice: (sliceId: string) => void;
|
|
25
20
|
}
|
|
26
21
|
|
|
27
22
|
export const SlicesList: React.FC<SlicesListProps> = ({
|
|
28
23
|
slices,
|
|
29
24
|
format,
|
|
30
|
-
path,
|
|
31
25
|
onRemoveSharedSlice,
|
|
32
26
|
}) => {
|
|
33
27
|
const hasLegacySlices = slices.some((slice) => slice.type !== "SharedSlice");
|
|
@@ -51,21 +45,19 @@ export const SlicesList: React.FC<SlicesListProps> = ({
|
|
|
51
45
|
<Grid
|
|
52
46
|
elems={slices}
|
|
53
47
|
defineElementKey={(slice: SliceZoneSlice) => {
|
|
54
|
-
if (slice.type
|
|
48
|
+
if (slice.type === "Slice") {
|
|
55
49
|
// NonsharedSlice
|
|
56
50
|
return (slice.payload as NonSharedSliceInSliceZone).key;
|
|
57
51
|
}
|
|
58
52
|
return (slice.payload as ComponentUI).model.name;
|
|
59
53
|
}}
|
|
60
54
|
renderElem={(slice: SliceZoneSlice) => {
|
|
61
|
-
if (slice.type
|
|
62
|
-
return NonSharedSlice.
|
|
55
|
+
if (slice.type === "Slice") {
|
|
56
|
+
return NonSharedSlice.render({
|
|
63
57
|
slice: slice.payload as NonSharedSliceInSliceZone,
|
|
64
|
-
slices,
|
|
65
|
-
path,
|
|
66
58
|
});
|
|
67
59
|
}
|
|
68
|
-
return SharedSlice.
|
|
60
|
+
return SharedSlice.render({
|
|
69
61
|
slice: slice.payload as ComponentUI,
|
|
70
62
|
StatusOrCustom: () => (
|
|
71
63
|
// Prevent the Grid to redirect to the slice builder page
|
|
@@ -161,13 +161,6 @@ const SliceZone: React.FC<SliceZoneProps> = ({
|
|
|
161
161
|
.filter((e) => e.type === "Slice")
|
|
162
162
|
.map((e) => (e.payload as NonSharedSliceInSliceZone).key);
|
|
163
163
|
|
|
164
|
-
const path = useMemo(() => {
|
|
165
|
-
return {
|
|
166
|
-
customTypeID: customType.id,
|
|
167
|
-
tabID: tabId,
|
|
168
|
-
sliceZoneID: sliceZone?.key as string,
|
|
169
|
-
};
|
|
170
|
-
}, [customType, tabId, sliceZone]);
|
|
171
164
|
const availableSlicesToAdd = availableSlices.filter(
|
|
172
165
|
(slice) =>
|
|
173
166
|
!sharedSlicesInSliceZone.some(
|
|
@@ -274,7 +267,6 @@ const SliceZone: React.FC<SliceZoneProps> = ({
|
|
|
274
267
|
<SlicesList
|
|
275
268
|
slices={slicesInSliceZone}
|
|
276
269
|
format={customType.format}
|
|
277
|
-
path={path}
|
|
278
270
|
onRemoveSharedSlice={onRemoveSharedSlice}
|
|
279
271
|
/>
|
|
280
272
|
</BaseStyles>
|
|
@@ -21,12 +21,6 @@ import { Button } from "@components/Button";
|
|
|
21
21
|
import { KebabMenuDropdown } from "@components/KebabMenuDropdown";
|
|
22
22
|
import ReactTooltip from "react-tooltip";
|
|
23
23
|
import style from "./LegacySliceTooltip.module.css";
|
|
24
|
-
import { ConvertLegacySliceModal } from "@components/Forms/ConvertLegacySliceModal";
|
|
25
|
-
import {
|
|
26
|
-
NonSharedSliceInSliceZone,
|
|
27
|
-
SliceZoneSlice,
|
|
28
|
-
} from "@lib/models/common/CustomType/sliceZone";
|
|
29
|
-
import { CompositeSlice } from "@prismicio/types-internal/lib/customtypes";
|
|
30
24
|
|
|
31
25
|
const defaultSx = (sx: ThemeUIStyleObject = {}): ThemeUICSSObject => ({
|
|
32
26
|
bg: "white",
|
|
@@ -216,7 +210,7 @@ const isDeleted = (statusOrCustom: StatusOrCustom): boolean =>
|
|
|
216
210
|
"status" in statusOrCustom && statusOrCustom.status === ModelStatus.Deleted;
|
|
217
211
|
|
|
218
212
|
export const SharedSlice = {
|
|
219
|
-
|
|
213
|
+
render({
|
|
220
214
|
showActions,
|
|
221
215
|
slice,
|
|
222
216
|
Wrapper,
|
|
@@ -317,20 +311,13 @@ export const SharedSlice = {
|
|
|
317
311
|
};
|
|
318
312
|
|
|
319
313
|
export const NonSharedSlice = {
|
|
320
|
-
|
|
314
|
+
render({
|
|
321
315
|
slice,
|
|
322
|
-
slices,
|
|
323
316
|
sx,
|
|
324
|
-
path,
|
|
325
317
|
}: {
|
|
326
|
-
|
|
327
|
-
|
|
318
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
319
|
+
slice: { key: string; value: any };
|
|
328
320
|
sx?: ThemeUIStyleObject;
|
|
329
|
-
path: {
|
|
330
|
-
customTypeID: string;
|
|
331
|
-
tabID: string;
|
|
332
|
-
sliceZoneID: string;
|
|
333
|
-
};
|
|
334
321
|
}) {
|
|
335
322
|
const Wrapper = WrapperByType[WrapperType.nonClickable];
|
|
336
323
|
|
|
@@ -387,9 +374,11 @@ export const NonSharedSlice = {
|
|
|
387
374
|
lineHeight: "16px",
|
|
388
375
|
}}
|
|
389
376
|
>
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
377
|
+
This Slice was created with the Legacy Builder, and is
|
|
378
|
+
incompatible with Slice Machine. You cannot edit, push, or
|
|
379
|
+
delete it in Slice Machine. In order to proceed, manually remove
|
|
380
|
+
the Slice from your type model. Then create a new Slice with the
|
|
381
|
+
same fields using Slice Machine.
|
|
393
382
|
</Text>
|
|
394
383
|
</ReactTooltip>
|
|
395
384
|
</ReactTooltipPortal>
|
|
@@ -403,45 +392,30 @@ export const NonSharedSlice = {
|
|
|
403
392
|
/>
|
|
404
393
|
<Flex
|
|
405
394
|
p={3}
|
|
406
|
-
sx={{
|
|
395
|
+
sx={{
|
|
396
|
+
flexDirection: "column",
|
|
397
|
+
}}
|
|
407
398
|
>
|
|
399
|
+
<TextWithTooltip
|
|
400
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/strict-boolean-expressions
|
|
401
|
+
text={slice?.value?.fieldset || slice.key}
|
|
402
|
+
as="h6"
|
|
403
|
+
sx={{
|
|
404
|
+
fontWeight: "600 !important",
|
|
405
|
+
maxWidth: "80%",
|
|
406
|
+
lineHeight: "24px !important",
|
|
407
|
+
color: "grey10",
|
|
408
|
+
}}
|
|
409
|
+
/>
|
|
408
410
|
<Flex
|
|
409
411
|
sx={{
|
|
412
|
+
height: "28px",
|
|
413
|
+
justifyContent: "center",
|
|
410
414
|
flexDirection: "column",
|
|
411
|
-
flex: "1 1 auto",
|
|
412
415
|
}}
|
|
413
416
|
>
|
|
414
|
-
<
|
|
415
|
-
text={
|
|
416
|
-
slice.value.type === "Slice"
|
|
417
|
-
? slice?.value?.fieldset ?? slice.key
|
|
418
|
-
: slice.key
|
|
419
|
-
}
|
|
420
|
-
as="h6"
|
|
421
|
-
sx={{
|
|
422
|
-
fontWeight: "600 !important",
|
|
423
|
-
maxWidth: "80%",
|
|
424
|
-
lineHeight: "24px !important",
|
|
425
|
-
color: "grey10",
|
|
426
|
-
}}
|
|
427
|
-
/>
|
|
428
|
-
<Flex
|
|
429
|
-
sx={{
|
|
430
|
-
height: "28px",
|
|
431
|
-
justifyContent: "center",
|
|
432
|
-
flexDirection: "column",
|
|
433
|
-
}}
|
|
434
|
-
>
|
|
435
|
-
<SliceVariations numberOfVariations={1} />
|
|
436
|
-
</Flex>
|
|
417
|
+
<SliceVariations numberOfVariations={1} />
|
|
437
418
|
</Flex>
|
|
438
|
-
{slice.value.type === "Slice" ? (
|
|
439
|
-
<ConvertLegacySliceModal
|
|
440
|
-
slice={slice as { key: string; value: CompositeSlice }}
|
|
441
|
-
slices={slices}
|
|
442
|
-
path={path}
|
|
443
|
-
/>
|
|
444
|
-
) : null}
|
|
445
419
|
</Flex>
|
|
446
420
|
</Themecard>
|
|
447
421
|
</Wrapper>
|
package/out/404.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Slice Machine</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/fe2a2a1cbf3b4092.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fe2a2a1cbf3b4092.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Slice Machine</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/fe2a2a1cbf3b4092.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fe2a2a1cbf3b4092.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-e667eb27c83f2806.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/n_JoJA4knO1LXgyjcCqiI/_buildManifest.js" defer=""></script><script src="/_next/static/n_JoJA4knO1LXgyjcCqiI/_ssgManifest.js" defer=""></script></head><body><div id="__next"><style data-emotion="css-global 413pep">html{--theme-ui-colors-text:#25252D;--theme-ui-colors-textClear:#6F6E77;--theme-ui-colors-grayLight:#E8E8ED;--theme-ui-colors-hoverBackground:#f2f2f2;--theme-ui-colors-background:#FFF;--theme-ui-colors-backgroundClear:#FFF;--theme-ui-colors-primary:#5D40F7;--theme-ui-colors-purpleLight:#F6F1FC;--theme-ui-colors-purpleLight01:#6548FF1A;--theme-ui-colors-purple12:#F1EEFE;--theme-ui-colors-purpleStrong:#5842C3;--theme-ui-colors-whiteButtonText:#1A1523;--theme-ui-colors-codeBlockBackground:#32275F;--theme-ui-colors-failedConnectText:#86848D;--theme-ui-colors-changesWarning-background:#FFECC7;--theme-ui-colors-changesWarning-color:#5C0C17;--theme-ui-colors-greyIcon:#6F6E77;--theme-ui-colors-greyIconDisabled:#C9D0D8;--theme-ui-colors-missingScreenshotBanner-color:#5C0C17;--theme-ui-colors-missingScreenshotBanner-bg:#FFECC7;--theme-ui-colors-badge-new-bg:#DBEDDB;--theme-ui-colors-badge-new-color:#05644D;--theme-ui-colors-badge-modified-bg:#FFECC7;--theme-ui-colors-badge-modified-color:#5C0C17;--theme-ui-colors-badge-synced-bg:purple12;--theme-ui-colors-badge-synced-color:#5842C3;--theme-ui-colors-badge-deleted-bg:rgba(203, 36, 49, 0.1);--theme-ui-colors-badge-unknown-bg:#F3F5F7;--theme-ui-colors-badge-unknown-color:#9AA4AF;--theme-ui-colors-codeBlockBorder:#545454;--theme-ui-colors-secondary:#F9FAFB;--theme-ui-colors-danger:#CB2431;--theme-ui-colors-highlight:hsl(10, 40%, 90%);--theme-ui-colors-purple:#5B3DF5;--theme-ui-colors-purple08:#5842C3;--theme-ui-colors-muted:#F9F9FB;--theme-ui-colors-icons:#8091A5;--theme-ui-colors-gray:#F8F9FA;--theme-ui-colors-grey01:#F3F5F7;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-grey03:#F4F2F4;--theme-ui-colors-grey04:#9AA4AF;--theme-ui-colors-grey05:#667587;--theme-ui-colors-grey07:#F9F8F9;--theme-ui-colors-grey10:#86848D;--theme-ui-colors-grey12:#1A1523;--theme-ui-colors-greyTransparent:rgba(37, 37, 45, 0.4);--theme-ui-colors-borders:#E4E2E4;--theme-ui-colors-bordersFocused:#6E56CF;--theme-ui-colors-deep:#0E2150;--theme-ui-colors-deep1:#A0ADE7;--theme-ui-colors-lightGreen:#EBF8F1;--theme-ui-colors-lightOrange:#FDF4EC;--theme-ui-colors-darkOrange:#C17C10;--theme-ui-colors-error:#E55737;--theme-ui-colors-success:#3AB97A;--theme-ui-colors-headSection:#fff;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-warning02:#ED811C;--theme-ui-colors-sidebar:#F1F1F4;--theme-ui-colors-link:#6E56CF;--theme-ui-colors-choggleBox:#5163BA;--theme-ui-colors-darkBorder:#DCDBDD;--theme-ui-colors-code-border:#DFE1E5;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;color:var(--theme-ui-colors-text);background-color:var(--theme-ui-colors-background);}html.theme-ui-light,.theme-ui-light html{--theme-ui-colors-text:#25252D;--theme-ui-colors-textClear:#6F6E77;--theme-ui-colors-grayLight:#E8E8ED;--theme-ui-colors-hoverBackground:#f2f2f2;--theme-ui-colors-background:#FFF;--theme-ui-colors-backgroundClear:#FFF;--theme-ui-colors-primary:#5D40F7;--theme-ui-colors-purpleLight:#F6F1FC;--theme-ui-colors-purpleLight01:#6548FF1A;--theme-ui-colors-purple12:#F1EEFE;--theme-ui-colors-purpleStrong:#5842C3;--theme-ui-colors-whiteButtonText:#1A1523;--theme-ui-colors-codeBlockBackground:#32275F;--theme-ui-colors-failedConnectText:#86848D;--theme-ui-colors-changesWarning-background:#FFECC7;--theme-ui-colors-changesWarning-color:#5C0C17;--theme-ui-colors-greyIcon:#6F6E77;--theme-ui-colors-greyIconDisabled:#C9D0D8;--theme-ui-colors-missingScreenshotBanner-color:#5C0C17;--theme-ui-colors-missingScreenshotBanner-bg:#FFECC7;--theme-ui-colors-badge-new-bg:#DBEDDB;--theme-ui-colors-badge-new-color:#05644D;--theme-ui-colors-badge-modified-bg:#FFECC7;--theme-ui-colors-badge-modified-color:#5C0C17;--theme-ui-colors-badge-synced-bg:purple12;--theme-ui-colors-badge-synced-color:#5842C3;--theme-ui-colors-badge-deleted-bg:rgba(203, 36, 49, 0.1);--theme-ui-colors-badge-unknown-bg:#F3F5F7;--theme-ui-colors-badge-unknown-color:#9AA4AF;--theme-ui-colors-codeBlockBorder:#545454;--theme-ui-colors-secondary:#F9FAFB;--theme-ui-colors-danger:#CB2431;--theme-ui-colors-highlight:hsl(10, 40%, 90%);--theme-ui-colors-purple:#5B3DF5;--theme-ui-colors-purple08:#5842C3;--theme-ui-colors-muted:#F9F9FB;--theme-ui-colors-icons:#8091A5;--theme-ui-colors-gray:#F8F9FA;--theme-ui-colors-grey01:#F3F5F7;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-grey03:#F4F2F4;--theme-ui-colors-grey04:#9AA4AF;--theme-ui-colors-grey05:#667587;--theme-ui-colors-grey07:#F9F8F9;--theme-ui-colors-grey10:#86848D;--theme-ui-colors-grey12:#1A1523;--theme-ui-colors-greyTransparent:rgba(37, 37, 45, 0.4);--theme-ui-colors-borders:#E4E2E4;--theme-ui-colors-bordersFocused:#6E56CF;--theme-ui-colors-deep:#0E2150;--theme-ui-colors-deep1:#A0ADE7;--theme-ui-colors-lightGreen:#EBF8F1;--theme-ui-colors-lightOrange:#FDF4EC;--theme-ui-colors-darkOrange:#C17C10;--theme-ui-colors-error:#E55737;--theme-ui-colors-success:#3AB97A;--theme-ui-colors-headSection:#fff;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-warning02:#ED811C;--theme-ui-colors-sidebar:#F1F1F4;--theme-ui-colors-link:#6E56CF;--theme-ui-colors-choggleBox:#5163BA;--theme-ui-colors-darkBorder:#DCDBDD;--theme-ui-colors-code-border:#DFE1E5;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;}html.theme-ui-dark,.theme-ui-dark html{--theme-ui-colors-text:#fff;--theme-ui-colors-textClear:#6E707B;--theme-ui-colors-hoverBackground:#202020;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-background:#202022;--theme-ui-colors-backgroundClear:#28282C;--theme-ui-colors-primary:#4E54D7;--theme-ui-colors-secondary:#28282C;--theme-ui-colors-icons:#5D5D71;--theme-ui-colors-gray:#1D1D1F;--theme-ui-colors-borders:#3A3A46;--theme-ui-colors-deep:#28282C;--theme-ui-colors-headSection:#28282C;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-sidebar:#28282C;--theme-ui-colors-code-border:#5D5D6F;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;--theme-ui-colors-link:#A9A9C6;--theme-ui-colors-choggleBox:#fff;}</style><style data-emotion="css-global h19pgh">*{box-sizing:border-box;}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;line-height:1.5;font-weight:400;}body{margin:0;}</style><style data-emotion="css yvak7d">.css-yvak7d{box-sizing:border-box;margin:0;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:calc(100vh - 57px);width:100vw;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><div class="css-yvak7d"><style data-emotion="css uqm8ih">.css-uqm8ih{box-sizing:border-box;margin:0;min-width:0;color:var(--theme-ui-colors-primary);overflow:visible;}</style><svg stroke-width="4" viewBox="0 0 32 32" width="48" height="48" fill="none" stroke="currentColor" role="img" id="spinner" class="css-uqm8ih"><title>Loading</title><circle stroke-width="4" r="12" cx="16" cy="16" fill="none" opacity="0.125"></circle><circle stroke-width="4" r="12" cx="16" cy="16" fill="none" stroke-dasharray="20 110"><animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 16 16" to="360 16 16" dur="750ms" repeatCount="indefinite"></animateTransform></circle></svg></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"n_JoJA4knO1LXgyjcCqiI","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"isFallback":false,"gip":true,"appGip":true,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Slice Machine</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/fe2a2a1cbf3b4092.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fe2a2a1cbf3b4092.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Slice Machine</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/fe2a2a1cbf3b4092.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fe2a2a1cbf3b4092.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-e667eb27c83f2806.js" defer=""></script><script src="/_next/static/chunks/746-1d8d106d76d9a63e.js" defer=""></script><script src="/_next/static/chunks/pages/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/screenshot-2750adc7cdad5005.js" defer=""></script><script src="/_next/static/n_JoJA4knO1LXgyjcCqiI/_buildManifest.js" defer=""></script><script src="/_next/static/n_JoJA4knO1LXgyjcCqiI/_ssgManifest.js" defer=""></script></head><body><div id="__next"><style data-emotion="css-global 413pep">html{--theme-ui-colors-text:#25252D;--theme-ui-colors-textClear:#6F6E77;--theme-ui-colors-grayLight:#E8E8ED;--theme-ui-colors-hoverBackground:#f2f2f2;--theme-ui-colors-background:#FFF;--theme-ui-colors-backgroundClear:#FFF;--theme-ui-colors-primary:#5D40F7;--theme-ui-colors-purpleLight:#F6F1FC;--theme-ui-colors-purpleLight01:#6548FF1A;--theme-ui-colors-purple12:#F1EEFE;--theme-ui-colors-purpleStrong:#5842C3;--theme-ui-colors-whiteButtonText:#1A1523;--theme-ui-colors-codeBlockBackground:#32275F;--theme-ui-colors-failedConnectText:#86848D;--theme-ui-colors-changesWarning-background:#FFECC7;--theme-ui-colors-changesWarning-color:#5C0C17;--theme-ui-colors-greyIcon:#6F6E77;--theme-ui-colors-greyIconDisabled:#C9D0D8;--theme-ui-colors-missingScreenshotBanner-color:#5C0C17;--theme-ui-colors-missingScreenshotBanner-bg:#FFECC7;--theme-ui-colors-badge-new-bg:#DBEDDB;--theme-ui-colors-badge-new-color:#05644D;--theme-ui-colors-badge-modified-bg:#FFECC7;--theme-ui-colors-badge-modified-color:#5C0C17;--theme-ui-colors-badge-synced-bg:purple12;--theme-ui-colors-badge-synced-color:#5842C3;--theme-ui-colors-badge-deleted-bg:rgba(203, 36, 49, 0.1);--theme-ui-colors-badge-unknown-bg:#F3F5F7;--theme-ui-colors-badge-unknown-color:#9AA4AF;--theme-ui-colors-codeBlockBorder:#545454;--theme-ui-colors-secondary:#F9FAFB;--theme-ui-colors-danger:#CB2431;--theme-ui-colors-highlight:hsl(10, 40%, 90%);--theme-ui-colors-purple:#5B3DF5;--theme-ui-colors-purple08:#5842C3;--theme-ui-colors-muted:#F9F9FB;--theme-ui-colors-icons:#8091A5;--theme-ui-colors-gray:#F8F9FA;--theme-ui-colors-grey01:#F3F5F7;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-grey03:#F4F2F4;--theme-ui-colors-grey04:#9AA4AF;--theme-ui-colors-grey05:#667587;--theme-ui-colors-grey07:#F9F8F9;--theme-ui-colors-grey10:#86848D;--theme-ui-colors-grey12:#1A1523;--theme-ui-colors-greyTransparent:rgba(37, 37, 45, 0.4);--theme-ui-colors-borders:#E4E2E4;--theme-ui-colors-bordersFocused:#6E56CF;--theme-ui-colors-deep:#0E2150;--theme-ui-colors-deep1:#A0ADE7;--theme-ui-colors-lightGreen:#EBF8F1;--theme-ui-colors-lightOrange:#FDF4EC;--theme-ui-colors-darkOrange:#C17C10;--theme-ui-colors-error:#E55737;--theme-ui-colors-success:#3AB97A;--theme-ui-colors-headSection:#fff;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-warning02:#ED811C;--theme-ui-colors-sidebar:#F1F1F4;--theme-ui-colors-link:#6E56CF;--theme-ui-colors-choggleBox:#5163BA;--theme-ui-colors-darkBorder:#DCDBDD;--theme-ui-colors-code-border:#DFE1E5;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;color:var(--theme-ui-colors-text);background-color:var(--theme-ui-colors-background);}html.theme-ui-light,.theme-ui-light html{--theme-ui-colors-text:#25252D;--theme-ui-colors-textClear:#6F6E77;--theme-ui-colors-grayLight:#E8E8ED;--theme-ui-colors-hoverBackground:#f2f2f2;--theme-ui-colors-background:#FFF;--theme-ui-colors-backgroundClear:#FFF;--theme-ui-colors-primary:#5D40F7;--theme-ui-colors-purpleLight:#F6F1FC;--theme-ui-colors-purpleLight01:#6548FF1A;--theme-ui-colors-purple12:#F1EEFE;--theme-ui-colors-purpleStrong:#5842C3;--theme-ui-colors-whiteButtonText:#1A1523;--theme-ui-colors-codeBlockBackground:#32275F;--theme-ui-colors-failedConnectText:#86848D;--theme-ui-colors-changesWarning-background:#FFECC7;--theme-ui-colors-changesWarning-color:#5C0C17;--theme-ui-colors-greyIcon:#6F6E77;--theme-ui-colors-greyIconDisabled:#C9D0D8;--theme-ui-colors-missingScreenshotBanner-color:#5C0C17;--theme-ui-colors-missingScreenshotBanner-bg:#FFECC7;--theme-ui-colors-badge-new-bg:#DBEDDB;--theme-ui-colors-badge-new-color:#05644D;--theme-ui-colors-badge-modified-bg:#FFECC7;--theme-ui-colors-badge-modified-color:#5C0C17;--theme-ui-colors-badge-synced-bg:purple12;--theme-ui-colors-badge-synced-color:#5842C3;--theme-ui-colors-badge-deleted-bg:rgba(203, 36, 49, 0.1);--theme-ui-colors-badge-unknown-bg:#F3F5F7;--theme-ui-colors-badge-unknown-color:#9AA4AF;--theme-ui-colors-codeBlockBorder:#545454;--theme-ui-colors-secondary:#F9FAFB;--theme-ui-colors-danger:#CB2431;--theme-ui-colors-highlight:hsl(10, 40%, 90%);--theme-ui-colors-purple:#5B3DF5;--theme-ui-colors-purple08:#5842C3;--theme-ui-colors-muted:#F9F9FB;--theme-ui-colors-icons:#8091A5;--theme-ui-colors-gray:#F8F9FA;--theme-ui-colors-grey01:#F3F5F7;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-grey03:#F4F2F4;--theme-ui-colors-grey04:#9AA4AF;--theme-ui-colors-grey05:#667587;--theme-ui-colors-grey07:#F9F8F9;--theme-ui-colors-grey10:#86848D;--theme-ui-colors-grey12:#1A1523;--theme-ui-colors-greyTransparent:rgba(37, 37, 45, 0.4);--theme-ui-colors-borders:#E4E2E4;--theme-ui-colors-bordersFocused:#6E56CF;--theme-ui-colors-deep:#0E2150;--theme-ui-colors-deep1:#A0ADE7;--theme-ui-colors-lightGreen:#EBF8F1;--theme-ui-colors-lightOrange:#FDF4EC;--theme-ui-colors-darkOrange:#C17C10;--theme-ui-colors-error:#E55737;--theme-ui-colors-success:#3AB97A;--theme-ui-colors-headSection:#fff;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-warning02:#ED811C;--theme-ui-colors-sidebar:#F1F1F4;--theme-ui-colors-link:#6E56CF;--theme-ui-colors-choggleBox:#5163BA;--theme-ui-colors-darkBorder:#DCDBDD;--theme-ui-colors-code-border:#DFE1E5;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;}html.theme-ui-dark,.theme-ui-dark html{--theme-ui-colors-text:#fff;--theme-ui-colors-textClear:#6E707B;--theme-ui-colors-hoverBackground:#202020;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-background:#202022;--theme-ui-colors-backgroundClear:#28282C;--theme-ui-colors-primary:#4E54D7;--theme-ui-colors-secondary:#28282C;--theme-ui-colors-icons:#5D5D71;--theme-ui-colors-gray:#1D1D1F;--theme-ui-colors-borders:#3A3A46;--theme-ui-colors-deep:#28282C;--theme-ui-colors-headSection:#28282C;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-sidebar:#28282C;--theme-ui-colors-code-border:#5D5D6F;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;--theme-ui-colors-link:#A9A9C6;--theme-ui-colors-choggleBox:#fff;}</style><style data-emotion="css-global h19pgh">*{box-sizing:border-box;}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;line-height:1.5;font-weight:400;}body{margin:0;}</style><style data-emotion="css yvak7d">.css-yvak7d{box-sizing:border-box;margin:0;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:calc(100vh - 57px);width:100vw;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><div class="css-yvak7d"><style data-emotion="css uqm8ih">.css-uqm8ih{box-sizing:border-box;margin:0;min-width:0;color:var(--theme-ui-colors-primary);overflow:visible;}</style><svg stroke-width="4" viewBox="0 0 32 32" width="48" height="48" fill="none" stroke="currentColor" role="img" id="spinner" class="css-uqm8ih"><title>Loading</title><circle stroke-width="4" r="12" cx="16" cy="16" fill="none" opacity="0.125"></circle><circle stroke-width="4" r="12" cx="16" cy="16" fill="none" stroke-dasharray="20 110"><animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 16 16" to="360 16 16" dur="750ms" repeatCount="indefinite"></animateTransform></circle></svg></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/[lib]/[sliceName]/[variation]/screenshot","query":{},"buildId":"n_JoJA4knO1LXgyjcCqiI","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"isFallback":false,"appGip":true,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Slice Machine</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/fe2a2a1cbf3b4092.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fe2a2a1cbf3b4092.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Slice Machine</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/fe2a2a1cbf3b4092.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fe2a2a1cbf3b4092.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-e667eb27c83f2806.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-a714ba731c9448b9.js" defer=""></script><script src="/_next/static/chunks/909-e4eec905c21ad8ad.js" defer=""></script><script src="/_next/static/chunks/746-1d8d106d76d9a63e.js" defer=""></script><script src="/_next/static/chunks/780-643ae720f13fb3dc.js" defer=""></script><script src="/_next/static/chunks/pages/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-4dcf33735c45c344.js" defer=""></script><script src="/_next/static/n_JoJA4knO1LXgyjcCqiI/_buildManifest.js" defer=""></script><script src="/_next/static/n_JoJA4knO1LXgyjcCqiI/_ssgManifest.js" defer=""></script></head><body><div id="__next"><style data-emotion="css-global 413pep">html{--theme-ui-colors-text:#25252D;--theme-ui-colors-textClear:#6F6E77;--theme-ui-colors-grayLight:#E8E8ED;--theme-ui-colors-hoverBackground:#f2f2f2;--theme-ui-colors-background:#FFF;--theme-ui-colors-backgroundClear:#FFF;--theme-ui-colors-primary:#5D40F7;--theme-ui-colors-purpleLight:#F6F1FC;--theme-ui-colors-purpleLight01:#6548FF1A;--theme-ui-colors-purple12:#F1EEFE;--theme-ui-colors-purpleStrong:#5842C3;--theme-ui-colors-whiteButtonText:#1A1523;--theme-ui-colors-codeBlockBackground:#32275F;--theme-ui-colors-failedConnectText:#86848D;--theme-ui-colors-changesWarning-background:#FFECC7;--theme-ui-colors-changesWarning-color:#5C0C17;--theme-ui-colors-greyIcon:#6F6E77;--theme-ui-colors-greyIconDisabled:#C9D0D8;--theme-ui-colors-missingScreenshotBanner-color:#5C0C17;--theme-ui-colors-missingScreenshotBanner-bg:#FFECC7;--theme-ui-colors-badge-new-bg:#DBEDDB;--theme-ui-colors-badge-new-color:#05644D;--theme-ui-colors-badge-modified-bg:#FFECC7;--theme-ui-colors-badge-modified-color:#5C0C17;--theme-ui-colors-badge-synced-bg:purple12;--theme-ui-colors-badge-synced-color:#5842C3;--theme-ui-colors-badge-deleted-bg:rgba(203, 36, 49, 0.1);--theme-ui-colors-badge-unknown-bg:#F3F5F7;--theme-ui-colors-badge-unknown-color:#9AA4AF;--theme-ui-colors-codeBlockBorder:#545454;--theme-ui-colors-secondary:#F9FAFB;--theme-ui-colors-danger:#CB2431;--theme-ui-colors-highlight:hsl(10, 40%, 90%);--theme-ui-colors-purple:#5B3DF5;--theme-ui-colors-purple08:#5842C3;--theme-ui-colors-muted:#F9F9FB;--theme-ui-colors-icons:#8091A5;--theme-ui-colors-gray:#F8F9FA;--theme-ui-colors-grey01:#F3F5F7;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-grey03:#F4F2F4;--theme-ui-colors-grey04:#9AA4AF;--theme-ui-colors-grey05:#667587;--theme-ui-colors-grey07:#F9F8F9;--theme-ui-colors-grey10:#86848D;--theme-ui-colors-grey12:#1A1523;--theme-ui-colors-greyTransparent:rgba(37, 37, 45, 0.4);--theme-ui-colors-borders:#E4E2E4;--theme-ui-colors-bordersFocused:#6E56CF;--theme-ui-colors-deep:#0E2150;--theme-ui-colors-deep1:#A0ADE7;--theme-ui-colors-lightGreen:#EBF8F1;--theme-ui-colors-lightOrange:#FDF4EC;--theme-ui-colors-darkOrange:#C17C10;--theme-ui-colors-error:#E55737;--theme-ui-colors-success:#3AB97A;--theme-ui-colors-headSection:#fff;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-warning02:#ED811C;--theme-ui-colors-sidebar:#F1F1F4;--theme-ui-colors-link:#6E56CF;--theme-ui-colors-choggleBox:#5163BA;--theme-ui-colors-darkBorder:#DCDBDD;--theme-ui-colors-code-border:#DFE1E5;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;color:var(--theme-ui-colors-text);background-color:var(--theme-ui-colors-background);}html.theme-ui-light,.theme-ui-light html{--theme-ui-colors-text:#25252D;--theme-ui-colors-textClear:#6F6E77;--theme-ui-colors-grayLight:#E8E8ED;--theme-ui-colors-hoverBackground:#f2f2f2;--theme-ui-colors-background:#FFF;--theme-ui-colors-backgroundClear:#FFF;--theme-ui-colors-primary:#5D40F7;--theme-ui-colors-purpleLight:#F6F1FC;--theme-ui-colors-purpleLight01:#6548FF1A;--theme-ui-colors-purple12:#F1EEFE;--theme-ui-colors-purpleStrong:#5842C3;--theme-ui-colors-whiteButtonText:#1A1523;--theme-ui-colors-codeBlockBackground:#32275F;--theme-ui-colors-failedConnectText:#86848D;--theme-ui-colors-changesWarning-background:#FFECC7;--theme-ui-colors-changesWarning-color:#5C0C17;--theme-ui-colors-greyIcon:#6F6E77;--theme-ui-colors-greyIconDisabled:#C9D0D8;--theme-ui-colors-missingScreenshotBanner-color:#5C0C17;--theme-ui-colors-missingScreenshotBanner-bg:#FFECC7;--theme-ui-colors-badge-new-bg:#DBEDDB;--theme-ui-colors-badge-new-color:#05644D;--theme-ui-colors-badge-modified-bg:#FFECC7;--theme-ui-colors-badge-modified-color:#5C0C17;--theme-ui-colors-badge-synced-bg:purple12;--theme-ui-colors-badge-synced-color:#5842C3;--theme-ui-colors-badge-deleted-bg:rgba(203, 36, 49, 0.1);--theme-ui-colors-badge-unknown-bg:#F3F5F7;--theme-ui-colors-badge-unknown-color:#9AA4AF;--theme-ui-colors-codeBlockBorder:#545454;--theme-ui-colors-secondary:#F9FAFB;--theme-ui-colors-danger:#CB2431;--theme-ui-colors-highlight:hsl(10, 40%, 90%);--theme-ui-colors-purple:#5B3DF5;--theme-ui-colors-purple08:#5842C3;--theme-ui-colors-muted:#F9F9FB;--theme-ui-colors-icons:#8091A5;--theme-ui-colors-gray:#F8F9FA;--theme-ui-colors-grey01:#F3F5F7;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-grey03:#F4F2F4;--theme-ui-colors-grey04:#9AA4AF;--theme-ui-colors-grey05:#667587;--theme-ui-colors-grey07:#F9F8F9;--theme-ui-colors-grey10:#86848D;--theme-ui-colors-grey12:#1A1523;--theme-ui-colors-greyTransparent:rgba(37, 37, 45, 0.4);--theme-ui-colors-borders:#E4E2E4;--theme-ui-colors-bordersFocused:#6E56CF;--theme-ui-colors-deep:#0E2150;--theme-ui-colors-deep1:#A0ADE7;--theme-ui-colors-lightGreen:#EBF8F1;--theme-ui-colors-lightOrange:#FDF4EC;--theme-ui-colors-darkOrange:#C17C10;--theme-ui-colors-error:#E55737;--theme-ui-colors-success:#3AB97A;--theme-ui-colors-headSection:#fff;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-warning02:#ED811C;--theme-ui-colors-sidebar:#F1F1F4;--theme-ui-colors-link:#6E56CF;--theme-ui-colors-choggleBox:#5163BA;--theme-ui-colors-darkBorder:#DCDBDD;--theme-ui-colors-code-border:#DFE1E5;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;}html.theme-ui-dark,.theme-ui-dark html{--theme-ui-colors-text:#fff;--theme-ui-colors-textClear:#6E707B;--theme-ui-colors-hoverBackground:#202020;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-background:#202022;--theme-ui-colors-backgroundClear:#28282C;--theme-ui-colors-primary:#4E54D7;--theme-ui-colors-secondary:#28282C;--theme-ui-colors-icons:#5D5D71;--theme-ui-colors-gray:#1D1D1F;--theme-ui-colors-borders:#3A3A46;--theme-ui-colors-deep:#28282C;--theme-ui-colors-headSection:#28282C;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-sidebar:#28282C;--theme-ui-colors-code-border:#5D5D6F;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;--theme-ui-colors-link:#A9A9C6;--theme-ui-colors-choggleBox:#fff;}</style><style data-emotion="css-global h19pgh">*{box-sizing:border-box;}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;line-height:1.5;font-weight:400;}body{margin:0;}</style><style data-emotion="css yvak7d">.css-yvak7d{box-sizing:border-box;margin:0;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:calc(100vh - 57px);width:100vw;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><div class="css-yvak7d"><style data-emotion="css uqm8ih">.css-uqm8ih{box-sizing:border-box;margin:0;min-width:0;color:var(--theme-ui-colors-primary);overflow:visible;}</style><svg stroke-width="4" viewBox="0 0 32 32" width="48" height="48" fill="none" stroke="currentColor" role="img" id="spinner" class="css-uqm8ih"><title>Loading</title><circle stroke-width="4" r="12" cx="16" cy="16" fill="none" opacity="0.125"></circle><circle stroke-width="4" r="12" cx="16" cy="16" fill="none" stroke-dasharray="20 110"><animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 16 16" to="360 16 16" dur="750ms" repeatCount="indefinite"></animateTransform></circle></svg></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"n_JoJA4knO1LXgyjcCqiI","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"isFallback":false,"appGip":true,"scriptLoader":[]}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Slice Machine</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/fe2a2a1cbf3b4092.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fe2a2a1cbf3b4092.css" data-n-g=""/><link rel="preload" href="/_next/static/css/d4b59834999106a5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/d4b59834999106a5.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Slice Machine</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/fe2a2a1cbf3b4092.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fe2a2a1cbf3b4092.css" data-n-g=""/><link rel="preload" href="/_next/static/css/d4b59834999106a5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/d4b59834999106a5.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-e667eb27c83f2806.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/909-e4eec905c21ad8ad.js" defer=""></script><script src="/_next/static/chunks/573-aaae870d20e5f86c.js" defer=""></script><script src="/_next/static/chunks/377-870ca4414847069f.js" defer=""></script><script src="/_next/static/chunks/pages/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-9fff494255e34c39.js" defer=""></script><script src="/_next/static/n_JoJA4knO1LXgyjcCqiI/_buildManifest.js" defer=""></script><script src="/_next/static/n_JoJA4knO1LXgyjcCqiI/_ssgManifest.js" defer=""></script></head><body><div id="__next"><style data-emotion="css-global 413pep">html{--theme-ui-colors-text:#25252D;--theme-ui-colors-textClear:#6F6E77;--theme-ui-colors-grayLight:#E8E8ED;--theme-ui-colors-hoverBackground:#f2f2f2;--theme-ui-colors-background:#FFF;--theme-ui-colors-backgroundClear:#FFF;--theme-ui-colors-primary:#5D40F7;--theme-ui-colors-purpleLight:#F6F1FC;--theme-ui-colors-purpleLight01:#6548FF1A;--theme-ui-colors-purple12:#F1EEFE;--theme-ui-colors-purpleStrong:#5842C3;--theme-ui-colors-whiteButtonText:#1A1523;--theme-ui-colors-codeBlockBackground:#32275F;--theme-ui-colors-failedConnectText:#86848D;--theme-ui-colors-changesWarning-background:#FFECC7;--theme-ui-colors-changesWarning-color:#5C0C17;--theme-ui-colors-greyIcon:#6F6E77;--theme-ui-colors-greyIconDisabled:#C9D0D8;--theme-ui-colors-missingScreenshotBanner-color:#5C0C17;--theme-ui-colors-missingScreenshotBanner-bg:#FFECC7;--theme-ui-colors-badge-new-bg:#DBEDDB;--theme-ui-colors-badge-new-color:#05644D;--theme-ui-colors-badge-modified-bg:#FFECC7;--theme-ui-colors-badge-modified-color:#5C0C17;--theme-ui-colors-badge-synced-bg:purple12;--theme-ui-colors-badge-synced-color:#5842C3;--theme-ui-colors-badge-deleted-bg:rgba(203, 36, 49, 0.1);--theme-ui-colors-badge-unknown-bg:#F3F5F7;--theme-ui-colors-badge-unknown-color:#9AA4AF;--theme-ui-colors-codeBlockBorder:#545454;--theme-ui-colors-secondary:#F9FAFB;--theme-ui-colors-danger:#CB2431;--theme-ui-colors-highlight:hsl(10, 40%, 90%);--theme-ui-colors-purple:#5B3DF5;--theme-ui-colors-purple08:#5842C3;--theme-ui-colors-muted:#F9F9FB;--theme-ui-colors-icons:#8091A5;--theme-ui-colors-gray:#F8F9FA;--theme-ui-colors-grey01:#F3F5F7;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-grey03:#F4F2F4;--theme-ui-colors-grey04:#9AA4AF;--theme-ui-colors-grey05:#667587;--theme-ui-colors-grey07:#F9F8F9;--theme-ui-colors-grey10:#86848D;--theme-ui-colors-grey12:#1A1523;--theme-ui-colors-greyTransparent:rgba(37, 37, 45, 0.4);--theme-ui-colors-borders:#E4E2E4;--theme-ui-colors-bordersFocused:#6E56CF;--theme-ui-colors-deep:#0E2150;--theme-ui-colors-deep1:#A0ADE7;--theme-ui-colors-lightGreen:#EBF8F1;--theme-ui-colors-lightOrange:#FDF4EC;--theme-ui-colors-darkOrange:#C17C10;--theme-ui-colors-error:#E55737;--theme-ui-colors-success:#3AB97A;--theme-ui-colors-headSection:#fff;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-warning02:#ED811C;--theme-ui-colors-sidebar:#F1F1F4;--theme-ui-colors-link:#6E56CF;--theme-ui-colors-choggleBox:#5163BA;--theme-ui-colors-darkBorder:#DCDBDD;--theme-ui-colors-code-border:#DFE1E5;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;color:var(--theme-ui-colors-text);background-color:var(--theme-ui-colors-background);}html.theme-ui-light,.theme-ui-light html{--theme-ui-colors-text:#25252D;--theme-ui-colors-textClear:#6F6E77;--theme-ui-colors-grayLight:#E8E8ED;--theme-ui-colors-hoverBackground:#f2f2f2;--theme-ui-colors-background:#FFF;--theme-ui-colors-backgroundClear:#FFF;--theme-ui-colors-primary:#5D40F7;--theme-ui-colors-purpleLight:#F6F1FC;--theme-ui-colors-purpleLight01:#6548FF1A;--theme-ui-colors-purple12:#F1EEFE;--theme-ui-colors-purpleStrong:#5842C3;--theme-ui-colors-whiteButtonText:#1A1523;--theme-ui-colors-codeBlockBackground:#32275F;--theme-ui-colors-failedConnectText:#86848D;--theme-ui-colors-changesWarning-background:#FFECC7;--theme-ui-colors-changesWarning-color:#5C0C17;--theme-ui-colors-greyIcon:#6F6E77;--theme-ui-colors-greyIconDisabled:#C9D0D8;--theme-ui-colors-missingScreenshotBanner-color:#5C0C17;--theme-ui-colors-missingScreenshotBanner-bg:#FFECC7;--theme-ui-colors-badge-new-bg:#DBEDDB;--theme-ui-colors-badge-new-color:#05644D;--theme-ui-colors-badge-modified-bg:#FFECC7;--theme-ui-colors-badge-modified-color:#5C0C17;--theme-ui-colors-badge-synced-bg:purple12;--theme-ui-colors-badge-synced-color:#5842C3;--theme-ui-colors-badge-deleted-bg:rgba(203, 36, 49, 0.1);--theme-ui-colors-badge-unknown-bg:#F3F5F7;--theme-ui-colors-badge-unknown-color:#9AA4AF;--theme-ui-colors-codeBlockBorder:#545454;--theme-ui-colors-secondary:#F9FAFB;--theme-ui-colors-danger:#CB2431;--theme-ui-colors-highlight:hsl(10, 40%, 90%);--theme-ui-colors-purple:#5B3DF5;--theme-ui-colors-purple08:#5842C3;--theme-ui-colors-muted:#F9F9FB;--theme-ui-colors-icons:#8091A5;--theme-ui-colors-gray:#F8F9FA;--theme-ui-colors-grey01:#F3F5F7;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-grey03:#F4F2F4;--theme-ui-colors-grey04:#9AA4AF;--theme-ui-colors-grey05:#667587;--theme-ui-colors-grey07:#F9F8F9;--theme-ui-colors-grey10:#86848D;--theme-ui-colors-grey12:#1A1523;--theme-ui-colors-greyTransparent:rgba(37, 37, 45, 0.4);--theme-ui-colors-borders:#E4E2E4;--theme-ui-colors-bordersFocused:#6E56CF;--theme-ui-colors-deep:#0E2150;--theme-ui-colors-deep1:#A0ADE7;--theme-ui-colors-lightGreen:#EBF8F1;--theme-ui-colors-lightOrange:#FDF4EC;--theme-ui-colors-darkOrange:#C17C10;--theme-ui-colors-error:#E55737;--theme-ui-colors-success:#3AB97A;--theme-ui-colors-headSection:#fff;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-warning02:#ED811C;--theme-ui-colors-sidebar:#F1F1F4;--theme-ui-colors-link:#6E56CF;--theme-ui-colors-choggleBox:#5163BA;--theme-ui-colors-darkBorder:#DCDBDD;--theme-ui-colors-code-border:#DFE1E5;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;}html.theme-ui-dark,.theme-ui-dark html{--theme-ui-colors-text:#fff;--theme-ui-colors-textClear:#6E707B;--theme-ui-colors-hoverBackground:#202020;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-background:#202022;--theme-ui-colors-backgroundClear:#28282C;--theme-ui-colors-primary:#4E54D7;--theme-ui-colors-secondary:#28282C;--theme-ui-colors-icons:#5D5D71;--theme-ui-colors-gray:#1D1D1F;--theme-ui-colors-borders:#3A3A46;--theme-ui-colors-deep:#28282C;--theme-ui-colors-headSection:#28282C;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-sidebar:#28282C;--theme-ui-colors-code-border:#5D5D6F;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;--theme-ui-colors-link:#A9A9C6;--theme-ui-colors-choggleBox:#fff;}</style><style data-emotion="css-global h19pgh">*{box-sizing:border-box;}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;line-height:1.5;font-weight:400;}body{margin:0;}</style><style data-emotion="css yvak7d">.css-yvak7d{box-sizing:border-box;margin:0;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:calc(100vh - 57px);width:100vw;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><div class="css-yvak7d"><style data-emotion="css uqm8ih">.css-uqm8ih{box-sizing:border-box;margin:0;min-width:0;color:var(--theme-ui-colors-primary);overflow:visible;}</style><svg stroke-width="4" viewBox="0 0 32 32" width="48" height="48" fill="none" stroke="currentColor" role="img" id="spinner" class="css-uqm8ih"><title>Loading</title><circle stroke-width="4" r="12" cx="16" cy="16" fill="none" opacity="0.125"></circle><circle stroke-width="4" r="12" cx="16" cy="16" fill="none" stroke-dasharray="20 110"><animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 16 16" to="360 16 16" dur="750ms" repeatCount="indefinite"></animateTransform></circle></svg></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/[lib]/[sliceName]/[variation]","query":{},"buildId":"n_JoJA4knO1LXgyjcCqiI","runtimeConfig":{"sentryEnvironment":"production"},"nextExport":true,"isFallback":false,"appGip":true,"scriptLoader":[]}</script></body></html>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[482],{91563:function(e,n,t){"use strict";t.d(n,{F:function(){return et}});var r=t(52322),s=t(2784),a=t(10873),l=t(97729),c=t.n(l),i=t(56580),d=t(32038),o=t(90374),u=t(32665),h=t(3098),x=t(62230),C=t(85244),p=t(75289),m=t(68780),f=t(70041),j=t(17064),g=t(63397),b=t(78656),v=t(98240),_=function(e){var n=e.selected,t=(0,v.Z)(e,["selected"]);return(0,r.jsx)(p.kC,(0,x.Z)({sx:{p:"24px",mb:3,alignItems:"top",cursor:"pointer",borderRadius:"6px",backgroundColor:"grayLight",boxShadow:n?function(e){var n;return"0 0 0 2px ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.primary))}:"none","&:hover":{boxShadow:function(e){var n;return"0 0 0 2px ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.primary))}}}},t))},y=function(e){var n=e.format,t=(0,j.Z)((0,g.U$)("repeatable"),3),s=t[0],a=t[2],l=b.$[n];return(0,r.jsxs)(p.xu,{mb:2,children:[(0,r.jsxs)(_,{selected:s.value,onClick:function(){return a.setValue(!0)},children:[(0,r.jsx)(p.Y8,{checked:s.value,onChange:function(){},"data-cy":"repeatable-type-radio-btn"}),(0,r.jsxs)(p.xu,{sx:{marginLeft:2},children:["Reusable type",(0,r.jsx)(p.xu,{as:"p",sx:{fontSize:"12px",color:"textClear",mt:1},children:l.hintRepeatable})]})]}),(0,r.jsxs)(_,{selected:!s.value,onClick:function(){return a.setValue(!1)},children:[(0,r.jsx)(p.Y8,{checked:!s.value,onChange:function(){},"data-cy":"single-type-radio-btn"}),(0,r.jsxs)(p.xu,{sx:{marginLeft:2},children:["Single type",(0,r.jsx)(p.xu,{as:"p",sx:{fontSize:"12px",color:"textClear",mt:1},children:l.hintSingle})]})]})]})},T=t(49471),L=t(77174),w=t(24340),S=t(82770),k=t(38876),Z=t(75329),H=function(e){var n=e.format,t=(0,o.Z)(),a=t.createCustomType,l=t.closeModals,c=(0,i.v9)(function(e){return{customTypeIds:(0,T.W6)(e),customTypeLabels:(0,T.YS)(e),isCreateCustomTypeModalOpen:(0,L.gP)(e,w.q.CREATE_CUSTOM_TYPE),isCreatingCustomType:(0,u.hg)(e,h.z.CREATE_CUSTOM_TYPE)}}),d=c.customTypeIds,j=c.isCreateCustomTypeModalOpen,g=c.isCreatingCustomType,v=c.customTypeLabels,_=b.$[n],H=(0,s.useState)(!0),N=H[0],E=H[1],M=function(e){var t=e.id,r=e.label,s=e.repeatable,c=r||t;S.Xe.track({event:"custom-type:created",id:t,name:c,format:n,type:s?"repeatable":"single"}),a(t,c,s,n),l(),E(!0)},R=function(e,n,t){t(N?(0,C.Z)((0,x.Z)({},n),{label:e.target.value,id:(0,k.lV)(e.target.value)}):(0,C.Z)((0,x.Z)({},n),{label:e.target.value}))},I=function(e,n){n("id",e.target.value),E(!1)};return(0,r.jsx)(m.Z,{dataCy:"create-ct-modal",isOpen:j,widthInPx:"530px",formId:"create-custom-type",buttonLabel:"Create",close:function(){l(),E(!0)},onSubmit:M,isLoading:g,initialValues:{repeatable:!0,id:"",label:""},validate:function(e){var n=e.id,t=e.label,r={};return t&&t.length||(r.label="Cannot be empty."),!r.label&&v.includes(t)&&(r.label="".concat(_.name({start:!0,plural:!1})," name is already taken.")),n&&n.length||(r.id="ID cannot be empty."),r.id||!n||Z.xo.exec(n)||(r.id="Invalid id: No special characters allowed."),!r.id&&n&&d.map(function(e){return e.toLowerCase()}).includes(n)&&(r.id='ID "'.concat(n,'" exists already.')),Object.keys(r).length>0?r:void 0},content:{title:"Create a new ".concat(_.name({start:!1,plural:!1}))},children:function(e){var t=e.errors,s=e.setValues,a=e.setFieldValue,l=e.values,c=e.touched;return(0,r.jsxs)(p.xu,{children:[(0,r.jsx)(y,{format:n}),(0,r.jsx)(f.W,{name:"label",label:"".concat(_.name({start:!0,plural:!1})," Name"),dataCy:"ct-name-input",placeholder:"A display name for the ".concat(_.name({start:!1,plural:!1})),error:c.label?t.label:void 0,onChange:function(e){return R(e,l,s)}}),(0,r.jsx)(f.W,{name:"id",dataCy:"ct-id-input",label:"".concat(_.name({start:!0,plural:!1})," ID"),placeholder:_.inputPlaceholder,error:c.id?t.id:void 0,onChange:function(e){return I(e,a)}})]})}})},N=t(5632),E=t(67557),M=t(6277);t(27148);var R=function(e){var n=e.children;return(0,r.jsx)("div",{className:"_1ecs97d9bi _1ecs97d9bn _1ecs97d268 _1ecs97d2dl _1ecs97d9d7 _1ecs97d9ej _1ecs97d9ex _1ecs97d9c9",children:(0,r.jsx)("table",{className:"gdfsm51 _1ecs97d9bi _1ecs97d9bn _1ecs97d9g3 _1ecs97d9h3",children:n})})},I=(0,s.createContext)("body");function V(){return(0,s.useContext)(I)}var z=function(e){var n=e.children;return(0,r.jsx)(I.Provider,{value:"head",children:(0,r.jsx)("thead",{className:"gdfsm52 _1ecs97d9bi _1ecs97d9bn _1ecs97d18 _1ecs97d8l",children:n})})},P=function(e){var n=e.children;return(0,r.jsx)(I.Provider,{value:"body",children:(0,r.jsx)("tbody",{className:"gdfsm53 _1ecs97d9bi _1ecs97d9bn",children:n})})},O="prismicTableRow",A=function(e){var n,t=e.children,s=e.onClick,a=V();return(0,r.jsx)("tr",{"data-tag":O,className:(0,M.W)("_1ecs97d9bi _1ecs97d9bn _1ecs97d9j4",(n={},(0,E.Z)(n,"_1ecs97d9gc",!!s),(0,E.Z)(n,"_1ecs97dm _1ecs97d7z _1ecs97d3c _1ecs97dap _1ecs97d2w _1ecs97da9 _1ecs97d9j6 _1ecs97d9tb _1ecs97d9cv _1ecs97d9te","body"===a),n)),onClick:function(e){s&&e.target.closest("tr[data-tag=".concat(O,"]"))&&s(e)},children:t})},D=function(e){var n=e.children,t=V();return(0,r.jsx)("head"===t?"th":"td",{className:"gdfsm55 _1ecs97d9bi _1ecs97d9bn _1ecs97d268 _1ecs97d2dl _1ecs97d9ex _1ecs97d9bj _1ecs97d6ee _1ecs97d6lr _1ecs97d9gg _1ecs97d9si",children:(0,r.jsx)("div",{className:"gdfsm56 _1ecs97d9bi _1ecs97d9bk",children:n})})},F=function(){return(0,r.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("path",{d:"M8 28H24C25.1046 28 26 27.1046 26 26V9L21 4H8C6.89543 4 6 4.89543 6 6V26C6 27.1046 6.89543 28 8 28Z",fill:"#6E56CF"}),(0,r.jsx)("path",{d:"M23 9H26L21 4V7C21 8.10457 21.8954 9 23 9Z",fill:"#9E8CFC"}),(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.0912 12C13.2794 12 11 14.2794 11 17.0912C11 19.903 13.2794 22.1824 16.0912 22.1824C17.9763 22.1824 19.6215 21.1577 20.501 19.6372C20.6563 19.3688 20.7878 19.0849 20.8926 18.7883C20.9846 18.5279 20.8482 18.2422 20.5878 18.1502C20.3275 18.0582 20.0418 18.1947 19.9498 18.455C19.8657 18.693 19.7601 18.9209 19.6354 19.1365C18.9273 20.3606 17.6049 21.1824 16.0912 21.1824C13.8317 21.1824 12 19.3507 12 17.0912C12 14.8317 13.8317 13 16.0912 13C17.4478 13 18.6507 13.66 19.3955 14.6782H17.6216C17.3455 14.6782 17.1216 14.9021 17.1216 15.1782C17.1216 15.4544 17.3455 15.6782 17.6216 15.6782H20.2998C20.576 15.6782 20.7998 15.4544 20.7998 15.1782V12.5C20.7998 12.2239 20.576 12 20.2998 12C20.0237 12 19.7998 12.2239 19.7998 12.5V13.6032C18.8717 12.6167 17.5536 12 16.0912 12Z",fill:"white"})]})},Y=function(){return(0,r.jsxs)("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("path",{d:"M8 28H24C25.1046 28 26 27.1046 26 26V9L21 4H8C6.89543 4 6 4.89543 6 6V26C6 27.1046 6.89543 28 8 28Z",fill:"#6E56CF"}),(0,r.jsx)("path",{d:"M23 9H26L21 4V7C21 8.10457 21.8954 9 23 9Z",fill:"#9E8CFC"}),(0,r.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.0869 14.6818L14.6627 12.3787C14.7183 12.1561 14.9183 12 15.1477 12C15.473 12 15.7117 12.3057 15.6328 12.6213L15.1177 14.6818H17.7232L18.299 12.3787C18.3547 12.1561 18.5547 12 18.7841 12C19.1094 12 19.3481 12.3057 19.2692 12.6213L18.754 14.6818H21C21.2761 14.6818 21.5 14.9057 21.5 15.1818C21.5 15.458 21.2761 15.6818 21 15.6818H18.504L17.8449 18.3182H20C20.2761 18.3182 20.5 18.542 20.5 18.8182C20.5 19.0943 20.2761 19.3182 20 19.3182H17.5949L17.0192 21.6213C16.9635 21.8439 16.7635 22 16.5341 22C16.2088 22 15.9701 21.6943 16.049 21.3787L16.5642 19.3182H13.9586L13.3828 21.6213C13.3272 21.8439 13.1272 22 12.8977 22C12.5724 22 12.3338 21.6943 12.4127 21.3787L12.9278 19.3182H11C10.7239 19.3182 10.5 19.0943 10.5 18.8182C10.5 18.542 10.7239 18.3182 11 18.3182H13.1778L13.8369 15.6818H12C11.7239 15.6818 11.5 15.458 11.5 15.1818C11.5 14.9057 11.7239 14.6818 12 14.6818H14.0869ZM16.8142 18.3182L17.4732 15.6818H14.8677L14.2086 18.3182H16.8142Z",fill:"white"})]})},$=t(67445),U=t(22710),W=t(99267),q=t(17329),B=t(40147),J=t(7819),K=t(607);function Q(e){return G.apply(this,arguments)}function G(){return(G=(0,U.Z)(function(e){var n,t,r;return(0,W.__generator)(this,function(s){switch(s.label){case 0:return[4,B.j.customTypes.readAllCustomTypes({format:e})];case 1:if(t=(n=s.sent()).errors,r=n.models,t.length>0)throw t;return[2,r.map(function(e){return e.model})]}})})).apply(this,arguments)}var X=t(2754),ee=t(19345),en=function(e){var n,t,l,c,d,u,h=e.format,x=e.isCreatingCustomType,C=(0,o.Z)().openCreateCustomTypeModal,p=(0,N.useRouter)(),m=(t=(0,s.useCallback)(function(e){return(0,q.VA)(Q,[h],e)},[h]),{customTypes:(0,q.QT)(Q,[h]),updateCustomTypes:t}),f=m.customTypes,j=m.updateCustomTypes,g=f.sort(function(e,n){return e.id.localeCompare(n.id)}),v=$.cd[h],_=b.$[h];return(u=(0,i.v9)(function(e){return{storeCustomTypes:(0,T.Ch)(e).filter(J.TG)}}).storeCustomTypes,(0,s.useEffect)(function(){var e=u.filter(function(e){return e.local.format===h});(e.length!==f.length||e.some(function(e){var n=f.find(function(n){return n.id===e.local.id});return!n||JSON.stringify(K.Dc.fromSM(e.local))!==JSON.stringify(n)}))&&j(e.map(function(e){var n=e.local;return K.Dc.fromSM(n)}))},[h,j,f,u]),0===g.length)?(0,r.jsxs)(X.R$,{style:{alignSelf:"center",marginTop:a.TV.size[72]},children:[(0,r.jsx)(X.u2,{children:(0,r.jsx)(a.Ee,{src:v.blankSlateImage,sizing:"cover"})}),(0,r.jsxs)(X.T9,{children:[(0,r.jsx)(X._T,{children:_.name({start:!0,plural:!0})}),(0,r.jsx)(X.nf,{children:_.blankSlateDescription}),(0,r.jsx)(X.Qj,{children:(0,r.jsx)(a.zx,{onClick:C,loading:x,children:"Create"})})]})]}):(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(R,{children:[(0,r.jsx)(z,{children:(0,r.jsxs)(A,{children:[(0,r.jsx)(D,{children:(0,r.jsx)(a.I5,{name:"notes",size:"medium"})}),(0,r.jsx)(D,{children:"Label"}),(0,r.jsx)(D,{children:"API ID"}),(0,r.jsx)(D,{children:"Limit"}),(0,r.jsx)(D,{})]})}),(0,r.jsx)(P,{children:g.map(function(e){var n=e.repeatable,t=e.label,s=e.id;return(0,r.jsxs)(A,{onClick:function(){p.push($.cd[h].getBuilderPagePathname(s))},children:[(0,r.jsx)(D,{children:n?(0,r.jsx)(F,{}):(0,r.jsx)(Y,{})}),(0,r.jsx)(D,{children:t}),(0,r.jsx)(D,{children:s}),(0,r.jsx)(D,{children:n?"Reusable":"Single"}),(0,r.jsx)(D,{children:(0,r.jsx)(ee._,{isChangesLocal:!1,format:h,customType:e})})]},s)})})]})})},et=function(e){var n=e.format,t=b.$[n],l=(0,o.Z)().openCreateCustomTypeModal,x=(0,i.v9)(function(e){return{isCreatingCustomType:(0,u.hg)(e,h.z.CREATE_CUSTOM_TYPE)}}).isCreatingCustomType;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c(),{children:(0,r.jsxs)("title",{children:[t.name({start:!0,plural:!0})," - Slice Machine"]})}),(0,r.jsx)(a.SV,{renderError:function(){return(0,r.jsx)(d.LN,{children:(0,r.jsx)(d.RN,{children:(0,r.jsx)(a.xu,{alignItems:"center",justifyContent:"center",children:(0,r.jsx)(a.Iq,{title:"Request failed",description:"An error occurred while fetching your ".concat(t.name({start:!1,plural:!0}),".")})})})})},children:(0,r.jsx)(s.Suspense,{fallback:(0,r.jsxs)(d.LN,{children:[(0,r.jsxs)(d.wd,{children:[(0,r.jsx)(d.Cx,{folder:t.name({start:!0,plural:!0})}),(0,r.jsx)(d.K2,{children:(0,r.jsx)(a.zx,{disabled:!0,startIcon:"add",children:"Create"})})]}),(0,r.jsx)(d.RN,{children:(0,r.jsx)(a._3,{})})]}),children:(0,r.jsxs)(d.LN,{children:[(0,r.jsxs)(d.wd,{children:[(0,r.jsx)(d.Cx,{folder:t.name({start:!0,plural:!0})}),(0,r.jsx)(d.K2,{children:(0,r.jsx)(a.zx,{"data-cy":"create-ct",loading:x,onClick:l,startIcon:"add",children:"Create"})})]}),(0,r.jsx)(d.RN,{children:(0,r.jsxs)(a.xu,{flexDirection:"column",children:[(0,r.jsx)(en,{format:n,isCreatingCustomType:x}),(0,r.jsx)(H,{format:n})]})})]})})})]})}},27148:function(){}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[573],{56577:function(e,n,i){"use strict";i.d(n,{z:function(){return u}});var r=i(62230),t=i(85244),s=i(98240),o=i(52322),l=i(2784),a=i(75289),c=function(e,n){return e?"".concat(e,"-").concat(n):""},d=function(e){switch(e){case"white":case"secondaryMedium":case"secondarySmall":case"secondary":return"#1A1523";default:return"grey01"}},u=(0,l.forwardRef)(function(e,n){var i=e.label,l=e.Icon,u=e.type,x=e.form,p=e.isLoading,f=void 0!==p&&p,h=e.disabled,v=e.onClick,g=e.sx,j=e.iconSize,m=void 0===j?16:j,b=e.iconFill,C=e.variant,y=void 0===C?"primary":C,F=(0,s.Z)(e,["label","Icon","type","form","isLoading","disabled","onClick","sx","iconSize","iconFill","variant"]);return(0,o.jsx)(a.zx,(0,t.Z)((0,r.Z)({ref:n,sx:(0,r.Z)((0,t.Z)((0,r.Z)({},void 0===g?{}:g),{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"}),f?{cursor:"wait !important"}:{}),type:u,form:x,disabled:void 0!==h&&h||f,onClick:f?void 0:v,variant:y},F),{children:f?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.$j,{size:m,color:d(y),"data-cy":c(F["data-cy"],"spinner")}),l&&i]}):(0,o.jsxs)(o.Fragment,{children:[l&&(0,o.jsx)(l,{size:m,fill:b,"data-cy":c(F["data-cy"],"icon")}),i]})}))})},84449:function(e,n,i){"use strict";i.d(n,{Z:function(){return A}});var r,t,s=i(62230),o=i(85244),l=i(52322),a=i(2784),c=i(56580),d=i(75289),u=i(54132),x=i(951),p=i(75100),f=i(25812),h=i(77174),v=i(24340),g=i(90374),j=i(22710),m=i(99267),b=i(76473),C=i(75329),y=i(57282),F=function(e){var n=e.inputFile,i=e.handleFile,r=e.children,t=e.isDragActive;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.__,{htmlFor:"input-file",variant:"buttons.white",sx:{p:2,px:0,display:"flex",justifyContent:"center",width:200,alignItems:"center",flex:1},children:r||"Select file"}),(0,l.jsx)("input",{id:"input-file",type:"file",ref:n,style:{display:"none"},accept:C.nG.map(function(e){return"image/".concat(e)}).join(","),onChange:function(e){var n;i(null===(n=e.target.files)||void 0===n?void 0:n[0],t)}})]})},E=i(32665),w=i(3098),S=i(61931),D=function(){return(0,l.jsx)(d.kC,{variant:"boxes.centered",sx:{p:2,position:"absolute",height:"100%",width:"100%",background:"rgba(249, 248, 249, 0.7)",backdropFilter:"blur(5px)",zIndex:"1",pointerEvents:"none"},children:(0,l.jsxs)(d.kC,{variant:"boxes.centered",sx:{border:"1px dashed #6E56CF",height:"100%",width:"100%",borderRadius:"4px"},children:[(0,l.jsx)(I,{isActive:!0}),(0,l.jsx)(d.xv,{sx:{my:2},children:"Drop file here"}),(0,l.jsx)(d.xv,{variant:"secondary",children:"Maximum upload size file: 128Mb"})]})})},I=function(e){var n=e.isActive;return(0,l.jsx)(d.kC,{sx:{p:1,borderRadius:"50%",bg:n?"#F1EEFE":"#EDECEE",alignItems:"center",justifyContent:"center",width:"48px",height:"48px"},children:(0,l.jsx)(x.IEK,{style:{color:n?"#6E56CF":"#6F6E77",fontSize:"34px"}})})},k=function(e){var n=e.variationID,i=e.slice,r=e.imageTypes,t=void 0===r?C.nG:r,u=i.screenshots[n],x=(0,g.Z)().openToaster,p=(0,a.useState)(!1),f=p[0],h=p[1],v=(0,a.useState)(!1),k=v[0],R=v[1];(0,b.y1)(["meta+v","ctrl+v"],function(){N()},[n,i,]);var Z,_,M,z,H,O=(0,g.Z)().generateSliceCustomScreenshot,A=(0,c.v9)(function(e){return{isLoadingScreenshot:(0,E.hg)(e,w.z.GENERATE_SLICE_CUSTOM_SCREENSHOT)}}).isLoadingScreenshot,L=(_=(Z={onHandleFile:function(e,r){O(n,i,e,r?"dragAndDrop":"upload"),R(!1)}}).onHandleFile,M=(0,a.useRef)(null),{handleFile:z=function(e,n){e&&(_(e,n),(null==M?void 0:M.current)&&(M.current.value=""))},inputFile:M,FileInputRenderer:F,fileInputProps:{inputFile:M,handleFile:z}}),T=L.FileInputRenderer,V=L.fileInputProps,P=function(e){if(e.size>128e6)return x("File is too big. Max file size: 128Mb.",y.Jf.ERROR);O(n,i,e,"dragAndDrop")},B="function"==typeof navigator.clipboard.read,N=(H=(0,j.Z)(function(){var e,n,i,r,s;return(0,m.__generator)(this,function(o){switch(o.label){case 0:if(!B)return[2];o.label=1;case 1:return o.trys.push([1,5,,6]),[4,navigator.clipboard.read()];case 2:if(!(void 0!==(e=o.sent())[0])||!(void 0!==(n=e[0].types.find(function(e){return t.map(function(e){return"image/".concat(e)}).includes(e)}))))return[3,4];return[4,e[0].getType(n)];case 3:return i=o.sent(),r=new File([i],"file"),[2,P(r)];case 4:return[3,6];case 5:return s=o.sent(),console.error("Could not paste file",s),[3,6];case 6:return[2]}})}),function(){return H.apply(this,arguments)}),W=function(e){e.preventDefault(),h(!1);var n,i=null===(n=e.dataTransfer.files)||void 0===n?void 0:n[0];if(void 0!==i)return t.some(function(e){return"image/".concat(e)===i.type})?P(i):x("Only files of type ".concat(t.join(", ")," are accepted."),y.Jf.ERROR)},G=function(e){return function(n){n.preventDefault(),h(e)}},q=function(e){return function(n){n.preventDefault(),R(e)}};return(0,l.jsxs)(d.kC,{as:"form",variant:"boxes.centered",sx:{bg:"#F9F8F9",position:"relative",borderRadius:"6px",height:"320px"},onDragEnter:G(!0),onDragLeave:G(!1),onDragOver:G(!0),onMouseEnter:q(!0),onMouseLeave:q(!1),onSubmit:function(e){return e.preventDefault()},onDrop:W,children:[A?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.$j,{}),(0,l.jsx)(d.xv,{sx:{my:2},children:"Uploading file ..."})]}):null,A||void 0===u?null:(0,l.jsx)(S.q,{src:u.url,sx:{width:"100%",height:"100%",maxHeight:"100%",backdropFilter:"blur(5px)"}}),A?null:(0,l.jsx)(d.kC,{sx:{p:2,position:"absolute",width:"100%",height:"100%",borderRadius:"6px",background:"#F9F8F9B2",justifyContent:"center",alignItems:"center",visibility:k||void 0===u?"visible":"hidden"},children:(0,l.jsx)(d.kC,{variant:"boxes.centered",sx:{border:"1px dashed #6E56CF",height:"100%",width:"100%",borderRadius:"4px"},children:(0,l.jsxs)(d.kC,{sx:{width:"100%",justifyContent:"center",alignItems:"center",flexDirection:"column"},children:[(0,l.jsx)(I,{isActive:f}),(0,l.jsx)(d.xv,{sx:{my:2},children:B?"Paste, drop or ...":"Drop or ..."}),(0,l.jsx)(T,(0,o.Z)((0,s.Z)({},V),{isDragActive:f})),(0,l.jsx)(d.xv,{sx:{color:"greyIcon",mt:1},children:"Maximum file size: 128Mb"})]})})}),f?(0,l.jsx)(D,{}):null]})},R=function(e){return(0,l.jsxs)("svg",(0,o.Z)((0,s.Z)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,l.jsxs)("g",{clipPath:"url(#clip0_5065_192538)",children:[(0,l.jsx)("path",{d:"M9.66862 19.9993C11.1406 19.9993 12.3353 18.8047 12.3353 17.3327V14.666H9.66862C8.19662 14.666 7.00195 15.8607 7.00195 17.3327C7.00195 18.8047 8.19662 19.9993 9.66862 19.9993Z",fill:"#0ACF83"}),(0,l.jsx)("path",{d:"M7.00195 12.0007C7.00195 10.5287 8.19662 9.33398 9.66862 9.33398H12.3353V14.6673H9.66862C8.19662 14.6673 7.00195 13.4727 7.00195 12.0007Z",fill:"#A259FF"}),(0,l.jsx)("path",{d:"M7.00195 6.66667C7.00195 5.19467 8.19662 4 9.66862 4H12.3353V9.33333H9.66862C8.19662 9.33333 7.00195 8.13867 7.00195 6.66667Z",fill:"#F24E1E"}),(0,l.jsx)("path",{d:"M12.334 4H15.0007C16.4727 4 17.6673 5.19467 17.6673 6.66667C17.6673 8.13867 16.4727 9.33333 15.0007 9.33333H12.334V4Z",fill:"#FF7262"}),(0,l.jsx)("path",{d:"M17.6673 12.0007C17.6673 13.4727 16.4727 14.6673 15.0007 14.6673C13.5287 14.6673 12.334 13.4727 12.334 12.0007C12.334 10.5287 13.5287 9.33398 15.0007 9.33398C16.4727 9.33398 17.6673 10.5287 17.6673 12.0007Z",fill:"#1ABCFE"})]}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_5065_192538",children:(0,l.jsx)("rect",{width:"10.6688",height:"16",fill:"white",transform:"translate(7 4)"})})})]}))};(t=r||(r={})).Mac="Mac",t.Linux="Linux",t.Windows="Windows";var Z=function(){var e=navigator.userAgent,n=r.Linux;return Object.values(r).forEach(function(i){e.includes(i)&&(n=i)}),n};i(61213);var _=function(e){var n=e.children;return(0,l.jsx)("kbd",{className:"_1nkpwww0 _1ecs97d9sg _1ecs97d6ee _1ecs97d6lr _1ecs97d18 _1ecs97d8l _1ecs97d268 _1ecs97d2dl _1ecs97d9ej _1ecs97d9ex",children:n})},M=function(){var e,n=[r.Windows,r.Linux].includes(Z())?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(_,{children:"ctrl"})," + ",(0,l.jsx)(_,{children:"shift"})," + ",(0,l.jsx)(_,{children:"c"})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(_,{children:"cmd"})," + ",(0,l.jsx)(_,{children:"shift"})," + ",(0,l.jsx)(_,{children:"c"})]});return(0,l.jsxs)(d.kC,{sx:{pl:"4px",alignItems:"center",color:"#000",borderRadius:"6px",fontSize:"12px",lineHeight:"24px",border:"1px solid #E4E2E4",boxShadow:"0px 1px 0px 0px rgba(0, 0, 0, 0.04)",width:"100%",minHeight:"40px"},children:[(0,l.jsx)(R,{}),(0,l.jsxs)("div",{children:["Use\xa0",n," to copy any frame as .png, then just paste it here"]})]})},z=function(e){var n=e.isValid;return(0,l.jsx)(d.kC,{sx:{p:2,border:"1px solid #E4E2E4",borderRadius:"6px",bg:"#FFF"},children:n?(0,l.jsx)(x.Ypm,{style:{fontSize:"16px"}}):(0,l.jsx)(p.j6O,{style:{fontSize:"16px",color:"#ED811C"}})})},H=function(e){var n=e.slice,i=e.onSelectVariation,r=e.variationSelector;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.X6,{as:"h4",sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:n.model.name}),(0,l.jsx)(d.xu,{children:(0,l.jsx)(d.xu,{as:"ul",sx:{pl:0,my:3},children:n.model.variations.map(function(e){var t=r.sliceID,a=r.variationID,c=t===n.model.id&&a===e.id;return(0,l.jsx)(d.xu,{as:"li",sx:(0,o.Z)((0,s.Z)({listStyle:"none",my:2,p:2,cursor:"pointer",borderRadius:"4px"},c&&{bg:"#EDECEE",fontWeight:"500"}),{":hover":{bg:"#EDECEE"}}),onClick:function(){return i({sliceID:n.model.id,variationID:e.id})},children:(0,l.jsxs)(d.kC,{sx:{alignItems:"center"},children:[(0,l.jsx)(z,{isValid:!!n.screenshots[e.id]}),(0,l.jsx)(d.xv,{sx:{ml:2},children:e.name})]})},"".concat(n.model.id,"-").concat(e.id))})})})]})},O=function(e,n){return e||(n.length?{sliceID:n[0].model.id,variationID:n[0].model.variations[0].id}:void 0)},A=function(e){var n=e.slices,i=e.defaultVariationSelector,r=(0,g.Z)().closeModals,t=(0,c.v9)(function(e){return{isOpen:(0,h.gP)(e,v.q.SCREENSHOTS)}}).isOpen,s=(0,a.useState)(O(i,n)),o=s[0],x=s[1];if((0,a.useEffect)(function(){x(O(i,n))},[null==i?void 0:i.sliceID,null==i?void 0:i.variationID,t,]),0===n.length||!o)return null;var p,j="function"==typeof navigator.clipboard.read;return(0,l.jsx)(f.Z,{isOpen:t,shouldCloseOnOverlayClick:!0,onRequestClose:function(){return r()},children:(0,l.jsx)(u.Z,{radius:"0px",bodySx:{p:0,bg:"#FFF",position:"relative"},sx:{border:"none"},Header:function(e){var n=e.radius;return(0,l.jsxs)(d.kC,{sx:{position:"sticky",top:0,zIndex:1,background:"gray",p:"16px",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:function(e){var n;return"1px solid ".concat(String(null===(n=e.colors)||void 0===n?void 0:n.borders))}},children:[(0,l.jsx)(d.X6,{sx:{fontSize:"20px"},children:"Slice screenshots"}),(0,l.jsx)(d.x8,{type:"button",onClick:function(){return r()}})]})},Footer:null,children:(0,l.jsxs)(d.xu,{sx:{display:"flex",flexWrap:"wrap",height:"100%"},children:[(0,l.jsx)(d.xu,{sx:{p:3,bg:"grey07",flexGrow:1,overflow:"auto",maxHeight:"100%",flexBasis:"sidebar"},children:n.map(function(e,n){return(0,l.jsx)(H,{slice:e,variationSelector:o,onSelectVariation:x},"".concat(e.model.id,"-").concat(n))})}),(0,l.jsxs)(d.kC,{as:"main",sx:{p:3,flexGrow:99999,flexBasis:0,flexDirection:"column",minWidth:320,gap:"8px"},children:[j?(0,l.jsx)(M,{}):void 0,(p=n.find(function(e){return e.model.id===o.sliceID}))?(0,l.jsx)(k,{variationID:o.variationID,slice:p}):null]})]})})})}},47731:function(e,n,i){"use strict";i.d(n,{H:function(){return s}});var r=i(2784),t=i(90374),s=function(){var e=(0,t.Z)().openScreenshotsModal,n=(0,r.useState)({sliceFilterFn:function(e){return e}}),i=n[0],s=n[1];return{modalPayload:i,onOpenModal:function(n){s(n),e()},openScreenshotsModal:e}}},61213:function(){}}]);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[969],{49385:function(e){"use strict";var n=Object.prototype.hasOwnProperty,o=Object.prototype.toString,t=Object.defineProperty,r=Object.getOwnPropertyDescriptor,l=function(e){return"function"==typeof Array.isArray?Array.isArray(e):"[object Array]"===o.call(e)},a=function(e){if(!e||"[object Object]"!==o.call(e))return!1;var t,r=n.call(e,"constructor"),l=e.constructor&&e.constructor.prototype&&n.call(e.constructor.prototype,"isPrototypeOf");if(e.constructor&&!r&&!l)return!1;for(t in e);return void 0===t||n.call(e,t)},i=function(e,n){t&&"__proto__"===n.name?t(e,n.name,{enumerable:!0,configurable:!0,value:n.newValue,writable:!0}):e[n.name]=n.newValue},c=function(e,o){if("__proto__"===o){if(!n.call(e,o))return;if(r)return r(e,o).value}return e[o]};e.exports=function e(){var n,o,t,r,s,u,d=arguments[0],f=1,p=arguments.length,g=!1;for("boolean"==typeof d&&(g=d,d=arguments[1]||{},f=2),(null==d||"object"!=typeof d&&"function"!=typeof d)&&(d={});f<p;++f)if(n=arguments[f],null!=n)for(o in n)t=c(d,o),d!==(r=c(n,o))&&(g&&r&&(a(r)||(s=l(r)))?(s?(s=!1,u=t&&l(t)?t:[]):u=t&&a(t)?t:{},i(d,{name:o,newValue:e(g,u,r)})):void 0!==r&&i(d,{name:o,newValue:r}));return d}},74163:function(e){"use strict";e.exports=function(e,o){for(var t,r,l,a=e||"",i=o||"div",c={},s=0;s<a.length;)n.lastIndex=s,l=n.exec(a),(t=a.slice(s,l?l.index:a.length))&&(r?"#"===r?c.id=t:c.className?c.className.push(t):c.className=[t]:i=t,s+=t.length),l&&(r=l[0],s++);return{type:"element",tagName:i,properties:c,children:[]}};var n=/[#.]/g},68924:function(e,n,o){"use strict";var t=o(74248),r=o(93111),l=o(74163),a=o(93235).Q,i=o(96614).Q;e.exports=function(e,n,o){var r=o?function(e){for(var n,o=e.length,t=-1,r={};++t<o;)r[(n=e[t]).toLowerCase()]=n;return r}(o):null;return function(e,o){var t,a,i,s,d,f,p=l(e,n),g=Array.prototype.slice.call(arguments,2),h=p.tagName.toLowerCase();if(p.tagName=r&&c.call(r,h)?r[h]:h,o&&(a=o,i=p,"string"==typeof a||"length"in a||(s=i.tagName,d=a,f=d.type,"input"!==s&&f&&"string"==typeof f&&("object"==typeof d.children&&"length"in d.children||((f=f.toLowerCase(),"button"===s)?"menu"!==f&&"submit"!==f&&"reset"!==f&&"button"!==f:"value"in d))))&&(g.unshift(o),o=null),o)for(t in o)u(p.properties,t,o[t]);return function e(n,o){var t,r;if("string"==typeof o||"number"==typeof o){n.push({type:"text",value:String(o)});return}if("object"==typeof o&&"length"in o){for(t=-1,r=o.length;++t<r;)e(n,o[t]);return}if("object"!=typeof o||!("type"in o))throw Error("Expected node, nodes, or string, got `"+o+"`");n.push(o)}(p.children,g),"template"===p.tagName&&(p.content={type:"root",children:p.children},p.children=[]),p};function u(n,o,r){var l,c,u;null!=r&&r==r&&(c=(l=t(e,o)).property,"string"==typeof(u=r)&&(l.spaceSeparated?u=a(u):l.commaSeparated?u=i(u):l.commaOrSpaceSeparated&&(u=a(i(u).join(" ")))),"style"===c&&"string"!=typeof r&&(u=function(e){var n,o=[];for(n in e)o.push([n,e[n]].join(": "));return o.join("; ")}(u)),"className"===c&&n.className&&(u=n.className.concat(u)),n[c]=function(e,n,o){var t,r,l;if("object"!=typeof o||!("length"in o))return s(e,n,o);for(r=o.length,t=-1,l=[];++t<r;)l[t]=s(e,n,o[t]);return l}(l,c,u))}};var c={}.hasOwnProperty;function s(e,n,o){var t=o;return e.number||e.positiveNumber?isNaN(t)||""===t||(t=Number(t)):(e.boolean||e.overloadedBoolean)&&"string"==typeof t&&(""===t||r(o)===r(n))&&(t=!0),t}},88977:function(e,n,o){"use strict";var t=o(54851),r=o(68924)(t,"div");r.displayName="html",e.exports=r},22896:function(e,n,o){"use strict";e.exports=o(88977)},96614:function(e,n){"use strict";n.Q=function(e){for(var n,o=[],t=String(e||""),r=t.indexOf(","),l=0,a=!1;!a;)-1===r&&(r=t.length,a=!0),((n=t.slice(l,r).trim())||!a)&&o.push(n),l=r+1,r=t.indexOf(",",l);return o}},74248:function(e,n,o){"use strict";var t=o(93111),r=o(12599),l=o(83789),a="data";e.exports=function(e,n){var o,f,p,g,h=t(n),b=n,m=l;return h in e.normal?e.property[e.normal[h]]:(h.length>4&&h.slice(0,4)===a&&i.test(n)&&("-"===n.charAt(4)?(o=n,f=o.slice(5).replace(c,d),b=a+f.charAt(0).toUpperCase()+f.slice(1)):(p=n,g=p.slice(4),n=c.test(g)?p:("-"!==(g=g.replace(s,u)).charAt(0)&&(g="-"+g),a+g)),m=r),new m(b,n))};var i=/^data[-\w.:]+$/i,c=/-[a-z]/g,s=/[A-Z]/g;function u(e){return"-"+e.toLowerCase()}function d(e){return e.charAt(1).toUpperCase()}},54851:function(e,n,o){"use strict";var t=o(57626),r=o(43088),l=o(59502),a=o(22084),i=o(42352),c=o(91385);e.exports=t([l,r,a,i,c])},42352:function(e,n,o){"use strict";var t=o(17250),r=o(87018),l=t.booleanish,a=t.number,i=t.spaceSeparated;e.exports=r({transform:function(e,n){return"role"===n?n:"aria-"+n.slice(4).toLowerCase()},properties:{ariaActiveDescendant:null,ariaAtomic:l,ariaAutoComplete:null,ariaBusy:l,ariaChecked:l,ariaColCount:a,ariaColIndex:a,ariaColSpan:a,ariaControls:i,ariaCurrent:null,ariaDescribedBy:i,ariaDetails:null,ariaDisabled:l,ariaDropEffect:i,ariaErrorMessage:null,ariaExpanded:l,ariaFlowTo:i,ariaGrabbed:l,ariaHasPopup:null,ariaHidden:l,ariaInvalid:null,ariaKeyShortcuts:null,ariaLabel:null,ariaLabelledBy:i,ariaLevel:a,ariaLive:null,ariaModal:l,ariaMultiLine:l,ariaMultiSelectable:l,ariaOrientation:null,ariaOwns:i,ariaPlaceholder:null,ariaPosInSet:a,ariaPressed:l,ariaReadOnly:l,ariaRelevant:null,ariaRequired:l,ariaRoleDescription:i,ariaRowCount:a,ariaRowIndex:a,ariaRowSpan:a,ariaSelected:l,ariaSetSize:a,ariaSort:null,ariaValueMax:a,ariaValueMin:a,ariaValueNow:a,ariaValueText:null,role:null}})},91385:function(e,n,o){"use strict";var t=o(17250),r=o(87018),l=o(40125),a=t.boolean,i=t.overloadedBoolean,c=t.booleanish,s=t.number,u=t.spaceSeparated,d=t.commaSeparated;e.exports=r({space:"html",attributes:{acceptcharset:"accept-charset",classname:"class",htmlfor:"for",httpequiv:"http-equiv"},transform:l,mustUseProperty:["checked","multiple","muted","selected"],properties:{abbr:null,accept:d,acceptCharset:u,accessKey:u,action:null,allow:null,allowFullScreen:a,allowPaymentRequest:a,allowUserMedia:a,alt:null,as:null,async:a,autoCapitalize:null,autoComplete:u,autoFocus:a,autoPlay:a,capture:a,charSet:null,checked:a,cite:null,className:u,cols:s,colSpan:null,content:null,contentEditable:c,controls:a,controlsList:u,coords:s|d,crossOrigin:null,data:null,dateTime:null,decoding:null,default:a,defer:a,dir:null,dirName:null,disabled:a,download:i,draggable:c,encType:null,enterKeyHint:null,form:null,formAction:null,formEncType:null,formMethod:null,formNoValidate:a,formTarget:null,headers:u,height:s,hidden:a,high:s,href:null,hrefLang:null,htmlFor:u,httpEquiv:u,id:null,imageSizes:null,imageSrcSet:d,inputMode:null,integrity:null,is:null,isMap:a,itemId:null,itemProp:u,itemRef:u,itemScope:a,itemType:u,kind:null,label:null,lang:null,language:null,list:null,loading:null,loop:a,low:s,manifest:null,max:null,maxLength:s,media:null,method:null,min:null,minLength:s,multiple:a,muted:a,name:null,nonce:null,noModule:a,noValidate:a,onAbort:null,onAfterPrint:null,onAuxClick:null,onBeforePrint:null,onBeforeUnload:null,onBlur:null,onCancel:null,onCanPlay:null,onCanPlayThrough:null,onChange:null,onClick:null,onClose:null,onContextMenu:null,onCopy:null,onCueChange:null,onCut:null,onDblClick:null,onDrag:null,onDragEnd:null,onDragEnter:null,onDragExit:null,onDragLeave:null,onDragOver:null,onDragStart:null,onDrop:null,onDurationChange:null,onEmptied:null,onEnded:null,onError:null,onFocus:null,onFormData:null,onHashChange:null,onInput:null,onInvalid:null,onKeyDown:null,onKeyPress:null,onKeyUp:null,onLanguageChange:null,onLoad:null,onLoadedData:null,onLoadedMetadata:null,onLoadEnd:null,onLoadStart:null,onMessage:null,onMessageError:null,onMouseDown:null,onMouseEnter:null,onMouseLeave:null,onMouseMove:null,onMouseOut:null,onMouseOver:null,onMouseUp:null,onOffline:null,onOnline:null,onPageHide:null,onPageShow:null,onPaste:null,onPause:null,onPlay:null,onPlaying:null,onPopState:null,onProgress:null,onRateChange:null,onRejectionHandled:null,onReset:null,onResize:null,onScroll:null,onSecurityPolicyViolation:null,onSeeked:null,onSeeking:null,onSelect:null,onSlotChange:null,onStalled:null,onStorage:null,onSubmit:null,onSuspend:null,onTimeUpdate:null,onToggle:null,onUnhandledRejection:null,onUnload:null,onVolumeChange:null,onWaiting:null,onWheel:null,open:a,optimum:s,pattern:null,ping:u,placeholder:null,playsInline:a,poster:null,preload:null,readOnly:a,referrerPolicy:null,rel:u,required:a,reversed:a,rows:s,rowSpan:s,sandbox:u,scope:null,scoped:a,seamless:a,selected:a,shape:null,size:s,sizes:null,slot:null,span:s,spellCheck:c,src:null,srcDoc:null,srcLang:null,srcSet:d,start:s,step:null,style:null,tabIndex:s,target:null,title:null,translate:null,type:null,typeMustMatch:a,useMap:null,value:c,width:s,wrap:null,align:null,aLink:null,archive:u,axis:null,background:null,bgColor:null,border:s,borderColor:null,bottomMargin:s,cellPadding:null,cellSpacing:null,char:null,charOff:null,classId:null,clear:null,code:null,codeBase:null,codeType:null,color:null,compact:a,declare:a,event:null,face:null,frame:null,frameBorder:null,hSpace:s,leftMargin:s,link:null,longDesc:null,lowSrc:null,marginHeight:s,marginWidth:s,noResize:a,noHref:a,noShade:a,noWrap:a,object:null,profile:null,prompt:null,rev:null,rightMargin:s,rules:null,scheme:null,scrolling:c,standby:null,summary:null,text:null,topMargin:s,valueType:null,version:null,vAlign:null,vLink:null,vSpace:s,allowTransparency:null,autoCorrect:null,autoSave:null,disablePictureInPicture:a,disableRemotePlayback:a,prefix:null,property:null,results:s,security:null,unselectable:null}})},40125:function(e,n,o){"use strict";var t=o(93998);e.exports=function(e,n){return t(e,n.toLowerCase())}},93998:function(e){"use strict";e.exports=function(e,n){return n in e?e[n]:n}},87018:function(e,n,o){"use strict";var t=o(93111),r=o(74358),l=o(12599);e.exports=function(e){var n,o,a=e.space,i=e.mustUseProperty||[],c=e.attributes||{},s=e.properties,u=e.transform,d={},f={};for(n in s)o=new l(n,u(c,n),s[n],a),-1!==i.indexOf(n)&&(o.mustUseProperty=!0),d[n]=o,f[t(n)]=n,f[t(o.attribute)]=n;return new r(d,f,a)}},12599:function(e,n,o){"use strict";var t=o(83789),r=o(17250);e.exports=i,i.prototype=new t,i.prototype.defined=!0;var l=["boolean","booleanish","overloadedBoolean","number","commaSeparated","spaceSeparated","commaOrSpaceSeparated"],a=l.length;function i(e,n,o,i){var s,u=-1;for(c(this,"space",i),t.call(this,e,n);++u<a;)c(this,s=l[u],(o&r[s])===r[s])}function c(e,n,o){o&&(e[n]=o)}},83789:function(e){"use strict";e.exports=o;var n=o.prototype;function o(e,n){this.property=e,this.attribute=n}n.space=null,n.attribute=null,n.property=null,n.boolean=!1,n.booleanish=!1,n.overloadedBoolean=!1,n.number=!1,n.commaSeparated=!1,n.spaceSeparated=!1,n.commaOrSpaceSeparated=!1,n.mustUseProperty=!1,n.defined=!1},57626:function(e,n,o){"use strict";var t=o(51960),r=o(74358);e.exports=function(e){for(var n,o,l=e.length,a=[],i=[],c=-1;++c<l;)n=e[c],a.push(n.property),i.push(n.normal),o=n.space;return new r(t.apply(null,a),t.apply(null,i),o)}},74358:function(e){"use strict";e.exports=o;var n=o.prototype;function o(e,n,o){this.property=e,this.normal=n,o&&(this.space=o)}n.space=null,n.normal={},n.property={}},17250:function(e,n){"use strict";var o=0;function t(){return Math.pow(2,++o)}n.boolean=t(),n.booleanish=t(),n.overloadedBoolean=t(),n.number=t(),n.spaceSeparated=t(),n.commaSeparated=t(),n.commaOrSpaceSeparated=t()},43088:function(e,n,o){"use strict";var t=o(87018);e.exports=t({space:"xlink",transform:function(e,n){return"xlink:"+n.slice(5).toLowerCase()},properties:{xLinkActuate:null,xLinkArcRole:null,xLinkHref:null,xLinkRole:null,xLinkShow:null,xLinkTitle:null,xLinkType:null}})},59502:function(e,n,o){"use strict";var t=o(87018);e.exports=t({space:"xml",transform:function(e,n){return"xml:"+n.slice(3).toLowerCase()},properties:{xmlLang:null,xmlBase:null,xmlSpace:null}})},22084:function(e,n,o){"use strict";var t=o(87018),r=o(40125);e.exports=t({space:"xmlns",attributes:{xmlnsxlink:"xmlns:xlink"},transform:r,properties:{xmlns:null,xmlnsXLink:null}})},93111:function(e){"use strict";e.exports=function(e){return e.toLowerCase()}},93235:function(e,n){"use strict";n.Q=function(e){var n=String(e||"").trim();return""===n?[]:n.split(o)};var o=/[ \t\n\r\f]+/g},6299:function(e){var n=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,o=/\n/g,t=/^\s*/,r=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,l=/^:\s*/,a=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,i=/^[;\s]*/,c=/^\s+|\s+$/g;function s(e){return e?e.replace(c,""):""}e.exports=function(e,c){if("string"!=typeof e)throw TypeError("First argument must be a string");if(!e)return[];c=c||{};var u=1,d=1;function f(e){var n=e.match(o);n&&(u+=n.length);var t=e.lastIndexOf("\n");d=~t?e.length-t:d+e.length}function p(){var e={line:u,column:d};return function(n){return n.position=new g(e),y(),n}}function g(e){this.start=e,this.end={line:u,column:d},this.source=c.source}g.prototype.content=e;var h=[];function b(n){var o=Error(c.source+":"+u+":"+d+": "+n);if(o.reason=n,o.filename=c.source,o.line=u,o.column=d,o.source=e,c.silent)h.push(o);else throw o}function m(n){var o=n.exec(e);if(o){var t=o[0];return f(t),e=e.slice(t.length),o}}function y(){m(t)}function k(e){var n;for(e=e||[];n=x();)!1!==n&&e.push(n);return e}function x(){var n=p();if("/"==e.charAt(0)&&"*"==e.charAt(1)){for(var o=2;""!=e.charAt(o)&&("*"!=e.charAt(o)||"/"!=e.charAt(o+1));)++o;if(o+=2,""===e.charAt(o-1))return b("End of comment missing");var t=e.slice(2,o-2);return d+=2,f(t),e=e.slice(o),d+=2,n({type:"comment",comment:t})}}function v(){var e=p(),o=m(r);if(o){if(x(),!m(l))return b("property missing ':'");var t=m(a),c=e({type:"declaration",property:s(o[0].replace(n,"")),value:t?s(t[0].replace(n,"")):""});return m(i),c}}return y(),function(){var e,n=[];for(k(n);e=v();)!1!==e&&(n.push(e),k(n));return n}()}},73756:function(e){"use strict";e.exports=function(e){var n="string"==typeof e?e.charCodeAt(0):e;return n>=97&&n<=122||n>=65&&n<=90}},65279:function(e,n,o){"use strict";var t=o(73756),r=o(61278);e.exports=function(e){return t(e)||r(e)}},61278:function(e){"use strict";e.exports=function(e){var n="string"==typeof e?e.charCodeAt(0):e;return n>=48&&n<=57}},48833:function(e){"use strict";e.exports=function(e){var n="string"==typeof e?e.charCodeAt(0):e;return n>=97&&n<=102||n>=65&&n<=70||n>=48&&n<=57}},68108:function(e){"use strict";var n;e.exports=function(e){var o,t="&"+e+";";return(n=n||document.createElement("i")).innerHTML=t,(59!==(o=n.textContent).charCodeAt(o.length-1)||"semi"===e)&&o!==t&&o}},18309:function(e,n,o){"use strict";var t=o(93562),r=o(71216),l=o(61278),a=o(48833),i=o(65279),c=o(68108);e.exports=function(e,n){var o,l,a={};for(l in n||(n={}),f)o=n[l],a[l]=null==o?f[l]:o;return(a.position.indent||a.position.start)&&(a.indent=a.position.indent||[],a.position=a.position.start),function(e,n){var o,l,a,f,v,w,S,A,z,C,M,F,O,E,T,H,D,B,L,R=n.additional,j=n.nonTerminated,P=n.text,W=n.reference,I=n.warning,N=n.textContext,_=n.referenceContext,U=n.warningContext,V=n.position,$=n.indent||[],q=e.length,Q=0,K=-1,Z=V.column||1,Y=V.line||1,G="",J=[];for("string"==typeof R&&(R=R.charCodeAt(0)),H=X(),A=I?function(e,n){var o=X();o.column+=n,o.offset+=n,I.call(U,y[e],o,e)}:d,Q--,q++;++Q<q;)if(10===v&&(Z=$[K]||1),38===(v=e.charCodeAt(Q))){if(9===(S=e.charCodeAt(Q+1))||10===S||12===S||32===S||38===S||60===S||S!=S||R&&S===R){G+=u(v),Z++;continue}for(F=O=Q+1,L=O,35===S?(L=++F,88===(S=e.charCodeAt(L))||120===S?(E=g,L=++F):E=h):E=p,o="",M="",f="",T=m[E],L--;++L<q&&T(S=e.charCodeAt(L));)f+=u(S),E===p&&s.call(t,f)&&(o=f,M=t[f]);(a=59===e.charCodeAt(L))&&(L++,(l=E===p&&c(f))&&(o=f,M=l)),B=1+L-O,(a||j)&&(f?E===p?(a&&!M?A(5,1):(o!==f&&(B=1+(L=F+o.length)-F,a=!1),a||(z=o?1:3,n.attribute?61===(S=e.charCodeAt(L))?(A(z,B),M=null):i(S)?M=null:A(z,B):A(z,B))),w=M):(a||A(2,B),k(w=parseInt(f,b[E]))?(A(7,B),w=u(65533)):w in r?(A(6,B),w=r[w]):(C="",x(w)&&A(6,B),w>65535&&(w-=65536,C+=u(w>>>10|55296),w=56320|1023&w),w=C+u(w))):E!==p&&A(4,B)),w?(ee(),H=X(),Q=L-1,Z+=L-O+1,J.push(w),D=X(),D.offset++,W&&W.call(_,w,{start:H,end:D},e.slice(O-1,L)),H=D):(G+=f=e.slice(O-1,L),Z+=f.length,Q=L-1)}else 10===v&&(Y++,K++,Z=0),v==v?(G+=u(v),Z++):ee();return J.join("");function X(){return{line:Y,column:Z,offset:Q+(V.offset||0)}}function ee(){G&&(J.push(G),P&&P.call(N,G,{start:H,end:X()}),G="")}}(e,a)};var s={}.hasOwnProperty,u=String.fromCharCode,d=Function.prototype,f={warning:null,reference:null,text:null,warningContext:null,referenceContext:null,textContext:null,position:{},additional:null,attribute:!1,nonTerminated:!0},p="named",g="hexadecimal",h="decimal",b={};b[g]=16,b[h]=10;var m={};m[p]=i,m[h]=l,m[g]=a;var y={};function k(e){return e>=55296&&e<=57343||e>1114111}function x(e){return e>=1&&e<=8||11===e||e>=13&&e<=31||e>=127&&e<=159||e>=64976&&e<=65007||(65535&e)==65535||(65535&e)==65534}y[1]="Named character references must be terminated by a semicolon",y[2]="Numeric character references must be terminated by a semicolon",y[3]="Named character references cannot be empty",y[4]="Numeric character references cannot be empty",y[5]="Named character references must be known",y[6]="Numeric character references cannot be disallowed",y[7]="Numeric character references cannot be outside the permissible Unicode range"},35828:function(e,n){"use strict";/**
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[740],{49385:function(e){"use strict";var n=Object.prototype.hasOwnProperty,o=Object.prototype.toString,t=Object.defineProperty,r=Object.getOwnPropertyDescriptor,l=function(e){return"function"==typeof Array.isArray?Array.isArray(e):"[object Array]"===o.call(e)},a=function(e){if(!e||"[object Object]"!==o.call(e))return!1;var t,r=n.call(e,"constructor"),l=e.constructor&&e.constructor.prototype&&n.call(e.constructor.prototype,"isPrototypeOf");if(e.constructor&&!r&&!l)return!1;for(t in e);return void 0===t||n.call(e,t)},i=function(e,n){t&&"__proto__"===n.name?t(e,n.name,{enumerable:!0,configurable:!0,value:n.newValue,writable:!0}):e[n.name]=n.newValue},c=function(e,o){if("__proto__"===o){if(!n.call(e,o))return;if(r)return r(e,o).value}return e[o]};e.exports=function e(){var n,o,t,r,s,u,d=arguments[0],f=1,p=arguments.length,g=!1;for("boolean"==typeof d&&(g=d,d=arguments[1]||{},f=2),(null==d||"object"!=typeof d&&"function"!=typeof d)&&(d={});f<p;++f)if(n=arguments[f],null!=n)for(o in n)t=c(d,o),d!==(r=c(n,o))&&(g&&r&&(a(r)||(s=l(r)))?(s?(s=!1,u=t&&l(t)?t:[]):u=t&&a(t)?t:{},i(d,{name:o,newValue:e(g,u,r)})):void 0!==r&&i(d,{name:o,newValue:r}));return d}},74163:function(e){"use strict";e.exports=function(e,o){for(var t,r,l,a=e||"",i=o||"div",c={},s=0;s<a.length;)n.lastIndex=s,l=n.exec(a),(t=a.slice(s,l?l.index:a.length))&&(r?"#"===r?c.id=t:c.className?c.className.push(t):c.className=[t]:i=t,s+=t.length),l&&(r=l[0],s++);return{type:"element",tagName:i,properties:c,children:[]}};var n=/[#.]/g},68924:function(e,n,o){"use strict";var t=o(74248),r=o(93111),l=o(74163),a=o(93235).Q,i=o(96614).Q;e.exports=function(e,n,o){var r=o?function(e){for(var n,o=e.length,t=-1,r={};++t<o;)r[(n=e[t]).toLowerCase()]=n;return r}(o):null;return function(e,o){var t,a,i,s,d,f,p=l(e,n),g=Array.prototype.slice.call(arguments,2),h=p.tagName.toLowerCase();if(p.tagName=r&&c.call(r,h)?r[h]:h,o&&(a=o,i=p,"string"==typeof a||"length"in a||(s=i.tagName,d=a,f=d.type,"input"!==s&&f&&"string"==typeof f&&("object"==typeof d.children&&"length"in d.children||((f=f.toLowerCase(),"button"===s)?"menu"!==f&&"submit"!==f&&"reset"!==f&&"button"!==f:"value"in d))))&&(g.unshift(o),o=null),o)for(t in o)u(p.properties,t,o[t]);return function e(n,o){var t,r;if("string"==typeof o||"number"==typeof o){n.push({type:"text",value:String(o)});return}if("object"==typeof o&&"length"in o){for(t=-1,r=o.length;++t<r;)e(n,o[t]);return}if("object"!=typeof o||!("type"in o))throw Error("Expected node, nodes, or string, got `"+o+"`");n.push(o)}(p.children,g),"template"===p.tagName&&(p.content={type:"root",children:p.children},p.children=[]),p};function u(n,o,r){var l,c,u;null!=r&&r==r&&(c=(l=t(e,o)).property,"string"==typeof(u=r)&&(l.spaceSeparated?u=a(u):l.commaSeparated?u=i(u):l.commaOrSpaceSeparated&&(u=a(i(u).join(" ")))),"style"===c&&"string"!=typeof r&&(u=function(e){var n,o=[];for(n in e)o.push([n,e[n]].join(": "));return o.join("; ")}(u)),"className"===c&&n.className&&(u=n.className.concat(u)),n[c]=function(e,n,o){var t,r,l;if("object"!=typeof o||!("length"in o))return s(e,n,o);for(r=o.length,t=-1,l=[];++t<r;)l[t]=s(e,n,o[t]);return l}(l,c,u))}};var c={}.hasOwnProperty;function s(e,n,o){var t=o;return e.number||e.positiveNumber?isNaN(t)||""===t||(t=Number(t)):(e.boolean||e.overloadedBoolean)&&"string"==typeof t&&(""===t||r(o)===r(n))&&(t=!0),t}},88977:function(e,n,o){"use strict";var t=o(54851),r=o(68924)(t,"div");r.displayName="html",e.exports=r},22896:function(e,n,o){"use strict";e.exports=o(88977)},96614:function(e,n){"use strict";n.Q=function(e){for(var n,o=[],t=String(e||""),r=t.indexOf(","),l=0,a=!1;!a;)-1===r&&(r=t.length,a=!0),((n=t.slice(l,r).trim())||!a)&&o.push(n),l=r+1,r=t.indexOf(",",l);return o}},74248:function(e,n,o){"use strict";var t=o(93111),r=o(12599),l=o(83789),a="data";e.exports=function(e,n){var o,f,p,g,h=t(n),b=n,m=l;return h in e.normal?e.property[e.normal[h]]:(h.length>4&&h.slice(0,4)===a&&i.test(n)&&("-"===n.charAt(4)?(o=n,f=o.slice(5).replace(c,d),b=a+f.charAt(0).toUpperCase()+f.slice(1)):(p=n,g=p.slice(4),n=c.test(g)?p:("-"!==(g=g.replace(s,u)).charAt(0)&&(g="-"+g),a+g)),m=r),new m(b,n))};var i=/^data[-\w.:]+$/i,c=/-[a-z]/g,s=/[A-Z]/g;function u(e){return"-"+e.toLowerCase()}function d(e){return e.charAt(1).toUpperCase()}},54851:function(e,n,o){"use strict";var t=o(57626),r=o(43088),l=o(59502),a=o(22084),i=o(42352),c=o(91385);e.exports=t([l,r,a,i,c])},42352:function(e,n,o){"use strict";var t=o(17250),r=o(87018),l=t.booleanish,a=t.number,i=t.spaceSeparated;e.exports=r({transform:function(e,n){return"role"===n?n:"aria-"+n.slice(4).toLowerCase()},properties:{ariaActiveDescendant:null,ariaAtomic:l,ariaAutoComplete:null,ariaBusy:l,ariaChecked:l,ariaColCount:a,ariaColIndex:a,ariaColSpan:a,ariaControls:i,ariaCurrent:null,ariaDescribedBy:i,ariaDetails:null,ariaDisabled:l,ariaDropEffect:i,ariaErrorMessage:null,ariaExpanded:l,ariaFlowTo:i,ariaGrabbed:l,ariaHasPopup:null,ariaHidden:l,ariaInvalid:null,ariaKeyShortcuts:null,ariaLabel:null,ariaLabelledBy:i,ariaLevel:a,ariaLive:null,ariaModal:l,ariaMultiLine:l,ariaMultiSelectable:l,ariaOrientation:null,ariaOwns:i,ariaPlaceholder:null,ariaPosInSet:a,ariaPressed:l,ariaReadOnly:l,ariaRelevant:null,ariaRequired:l,ariaRoleDescription:i,ariaRowCount:a,ariaRowIndex:a,ariaRowSpan:a,ariaSelected:l,ariaSetSize:a,ariaSort:null,ariaValueMax:a,ariaValueMin:a,ariaValueNow:a,ariaValueText:null,role:null}})},91385:function(e,n,o){"use strict";var t=o(17250),r=o(87018),l=o(40125),a=t.boolean,i=t.overloadedBoolean,c=t.booleanish,s=t.number,u=t.spaceSeparated,d=t.commaSeparated;e.exports=r({space:"html",attributes:{acceptcharset:"accept-charset",classname:"class",htmlfor:"for",httpequiv:"http-equiv"},transform:l,mustUseProperty:["checked","multiple","muted","selected"],properties:{abbr:null,accept:d,acceptCharset:u,accessKey:u,action:null,allow:null,allowFullScreen:a,allowPaymentRequest:a,allowUserMedia:a,alt:null,as:null,async:a,autoCapitalize:null,autoComplete:u,autoFocus:a,autoPlay:a,capture:a,charSet:null,checked:a,cite:null,className:u,cols:s,colSpan:null,content:null,contentEditable:c,controls:a,controlsList:u,coords:s|d,crossOrigin:null,data:null,dateTime:null,decoding:null,default:a,defer:a,dir:null,dirName:null,disabled:a,download:i,draggable:c,encType:null,enterKeyHint:null,form:null,formAction:null,formEncType:null,formMethod:null,formNoValidate:a,formTarget:null,headers:u,height:s,hidden:a,high:s,href:null,hrefLang:null,htmlFor:u,httpEquiv:u,id:null,imageSizes:null,imageSrcSet:d,inputMode:null,integrity:null,is:null,isMap:a,itemId:null,itemProp:u,itemRef:u,itemScope:a,itemType:u,kind:null,label:null,lang:null,language:null,list:null,loading:null,loop:a,low:s,manifest:null,max:null,maxLength:s,media:null,method:null,min:null,minLength:s,multiple:a,muted:a,name:null,nonce:null,noModule:a,noValidate:a,onAbort:null,onAfterPrint:null,onAuxClick:null,onBeforePrint:null,onBeforeUnload:null,onBlur:null,onCancel:null,onCanPlay:null,onCanPlayThrough:null,onChange:null,onClick:null,onClose:null,onContextMenu:null,onCopy:null,onCueChange:null,onCut:null,onDblClick:null,onDrag:null,onDragEnd:null,onDragEnter:null,onDragExit:null,onDragLeave:null,onDragOver:null,onDragStart:null,onDrop:null,onDurationChange:null,onEmptied:null,onEnded:null,onError:null,onFocus:null,onFormData:null,onHashChange:null,onInput:null,onInvalid:null,onKeyDown:null,onKeyPress:null,onKeyUp:null,onLanguageChange:null,onLoad:null,onLoadedData:null,onLoadedMetadata:null,onLoadEnd:null,onLoadStart:null,onMessage:null,onMessageError:null,onMouseDown:null,onMouseEnter:null,onMouseLeave:null,onMouseMove:null,onMouseOut:null,onMouseOver:null,onMouseUp:null,onOffline:null,onOnline:null,onPageHide:null,onPageShow:null,onPaste:null,onPause:null,onPlay:null,onPlaying:null,onPopState:null,onProgress:null,onRateChange:null,onRejectionHandled:null,onReset:null,onResize:null,onScroll:null,onSecurityPolicyViolation:null,onSeeked:null,onSeeking:null,onSelect:null,onSlotChange:null,onStalled:null,onStorage:null,onSubmit:null,onSuspend:null,onTimeUpdate:null,onToggle:null,onUnhandledRejection:null,onUnload:null,onVolumeChange:null,onWaiting:null,onWheel:null,open:a,optimum:s,pattern:null,ping:u,placeholder:null,playsInline:a,poster:null,preload:null,readOnly:a,referrerPolicy:null,rel:u,required:a,reversed:a,rows:s,rowSpan:s,sandbox:u,scope:null,scoped:a,seamless:a,selected:a,shape:null,size:s,sizes:null,slot:null,span:s,spellCheck:c,src:null,srcDoc:null,srcLang:null,srcSet:d,start:s,step:null,style:null,tabIndex:s,target:null,title:null,translate:null,type:null,typeMustMatch:a,useMap:null,value:c,width:s,wrap:null,align:null,aLink:null,archive:u,axis:null,background:null,bgColor:null,border:s,borderColor:null,bottomMargin:s,cellPadding:null,cellSpacing:null,char:null,charOff:null,classId:null,clear:null,code:null,codeBase:null,codeType:null,color:null,compact:a,declare:a,event:null,face:null,frame:null,frameBorder:null,hSpace:s,leftMargin:s,link:null,longDesc:null,lowSrc:null,marginHeight:s,marginWidth:s,noResize:a,noHref:a,noShade:a,noWrap:a,object:null,profile:null,prompt:null,rev:null,rightMargin:s,rules:null,scheme:null,scrolling:c,standby:null,summary:null,text:null,topMargin:s,valueType:null,version:null,vAlign:null,vLink:null,vSpace:s,allowTransparency:null,autoCorrect:null,autoSave:null,disablePictureInPicture:a,disableRemotePlayback:a,prefix:null,property:null,results:s,security:null,unselectable:null}})},40125:function(e,n,o){"use strict";var t=o(93998);e.exports=function(e,n){return t(e,n.toLowerCase())}},93998:function(e){"use strict";e.exports=function(e,n){return n in e?e[n]:n}},87018:function(e,n,o){"use strict";var t=o(93111),r=o(74358),l=o(12599);e.exports=function(e){var n,o,a=e.space,i=e.mustUseProperty||[],c=e.attributes||{},s=e.properties,u=e.transform,d={},f={};for(n in s)o=new l(n,u(c,n),s[n],a),-1!==i.indexOf(n)&&(o.mustUseProperty=!0),d[n]=o,f[t(n)]=n,f[t(o.attribute)]=n;return new r(d,f,a)}},12599:function(e,n,o){"use strict";var t=o(83789),r=o(17250);e.exports=i,i.prototype=new t,i.prototype.defined=!0;var l=["boolean","booleanish","overloadedBoolean","number","commaSeparated","spaceSeparated","commaOrSpaceSeparated"],a=l.length;function i(e,n,o,i){var s,u=-1;for(c(this,"space",i),t.call(this,e,n);++u<a;)c(this,s=l[u],(o&r[s])===r[s])}function c(e,n,o){o&&(e[n]=o)}},83789:function(e){"use strict";e.exports=o;var n=o.prototype;function o(e,n){this.property=e,this.attribute=n}n.space=null,n.attribute=null,n.property=null,n.boolean=!1,n.booleanish=!1,n.overloadedBoolean=!1,n.number=!1,n.commaSeparated=!1,n.spaceSeparated=!1,n.commaOrSpaceSeparated=!1,n.mustUseProperty=!1,n.defined=!1},57626:function(e,n,o){"use strict";var t=o(51960),r=o(74358);e.exports=function(e){for(var n,o,l=e.length,a=[],i=[],c=-1;++c<l;)n=e[c],a.push(n.property),i.push(n.normal),o=n.space;return new r(t.apply(null,a),t.apply(null,i),o)}},74358:function(e){"use strict";e.exports=o;var n=o.prototype;function o(e,n,o){this.property=e,this.normal=n,o&&(this.space=o)}n.space=null,n.normal={},n.property={}},17250:function(e,n){"use strict";var o=0;function t(){return Math.pow(2,++o)}n.boolean=t(),n.booleanish=t(),n.overloadedBoolean=t(),n.number=t(),n.spaceSeparated=t(),n.commaSeparated=t(),n.commaOrSpaceSeparated=t()},43088:function(e,n,o){"use strict";var t=o(87018);e.exports=t({space:"xlink",transform:function(e,n){return"xlink:"+n.slice(5).toLowerCase()},properties:{xLinkActuate:null,xLinkArcRole:null,xLinkHref:null,xLinkRole:null,xLinkShow:null,xLinkTitle:null,xLinkType:null}})},59502:function(e,n,o){"use strict";var t=o(87018);e.exports=t({space:"xml",transform:function(e,n){return"xml:"+n.slice(3).toLowerCase()},properties:{xmlLang:null,xmlBase:null,xmlSpace:null}})},22084:function(e,n,o){"use strict";var t=o(87018),r=o(40125);e.exports=t({space:"xmlns",attributes:{xmlnsxlink:"xmlns:xlink"},transform:r,properties:{xmlns:null,xmlnsXLink:null}})},93111:function(e){"use strict";e.exports=function(e){return e.toLowerCase()}},93235:function(e,n){"use strict";n.Q=function(e){var n=String(e||"").trim();return""===n?[]:n.split(o)};var o=/[ \t\n\r\f]+/g},6299:function(e){var n=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,o=/\n/g,t=/^\s*/,r=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,l=/^:\s*/,a=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,i=/^[;\s]*/,c=/^\s+|\s+$/g;function s(e){return e?e.replace(c,""):""}e.exports=function(e,c){if("string"!=typeof e)throw TypeError("First argument must be a string");if(!e)return[];c=c||{};var u=1,d=1;function f(e){var n=e.match(o);n&&(u+=n.length);var t=e.lastIndexOf("\n");d=~t?e.length-t:d+e.length}function p(){var e={line:u,column:d};return function(n){return n.position=new g(e),y(),n}}function g(e){this.start=e,this.end={line:u,column:d},this.source=c.source}g.prototype.content=e;var h=[];function b(n){var o=Error(c.source+":"+u+":"+d+": "+n);if(o.reason=n,o.filename=c.source,o.line=u,o.column=d,o.source=e,c.silent)h.push(o);else throw o}function m(n){var o=n.exec(e);if(o){var t=o[0];return f(t),e=e.slice(t.length),o}}function y(){m(t)}function k(e){var n;for(e=e||[];n=x();)!1!==n&&e.push(n);return e}function x(){var n=p();if("/"==e.charAt(0)&&"*"==e.charAt(1)){for(var o=2;""!=e.charAt(o)&&("*"!=e.charAt(o)||"/"!=e.charAt(o+1));)++o;if(o+=2,""===e.charAt(o-1))return b("End of comment missing");var t=e.slice(2,o-2);return d+=2,f(t),e=e.slice(o),d+=2,n({type:"comment",comment:t})}}function v(){var e=p(),o=m(r);if(o){if(x(),!m(l))return b("property missing ':'");var t=m(a),c=e({type:"declaration",property:s(o[0].replace(n,"")),value:t?s(t[0].replace(n,"")):""});return m(i),c}}return y(),function(){var e,n=[];for(k(n);e=v();)!1!==e&&(n.push(e),k(n));return n}()}},73756:function(e){"use strict";e.exports=function(e){var n="string"==typeof e?e.charCodeAt(0):e;return n>=97&&n<=122||n>=65&&n<=90}},65279:function(e,n,o){"use strict";var t=o(73756),r=o(61278);e.exports=function(e){return t(e)||r(e)}},61278:function(e){"use strict";e.exports=function(e){var n="string"==typeof e?e.charCodeAt(0):e;return n>=48&&n<=57}},48833:function(e){"use strict";e.exports=function(e){var n="string"==typeof e?e.charCodeAt(0):e;return n>=97&&n<=102||n>=65&&n<=70||n>=48&&n<=57}},74600:function(e,n,o){var t=o(34311),r=o(23779),l=t(function(e,n,o){return e+(o?" ":"")+r(n)});e.exports=l},68108:function(e){"use strict";var n;e.exports=function(e){var o,t="&"+e+";";return(n=n||document.createElement("i")).innerHTML=t,(59!==(o=n.textContent).charCodeAt(o.length-1)||"semi"===e)&&o!==t&&o}},18309:function(e,n,o){"use strict";var t=o(93562),r=o(71216),l=o(61278),a=o(48833),i=o(65279),c=o(68108);e.exports=function(e,n){var o,l,a={};for(l in n||(n={}),f)o=n[l],a[l]=null==o?f[l]:o;return(a.position.indent||a.position.start)&&(a.indent=a.position.indent||[],a.position=a.position.start),function(e,n){var o,l,a,f,v,w,S,A,z,C,M,F,O,E,T,H,D,B,L,R=n.additional,j=n.nonTerminated,P=n.text,W=n.reference,I=n.warning,N=n.textContext,_=n.referenceContext,U=n.warningContext,V=n.position,$=n.indent||[],q=e.length,Q=0,K=-1,Z=V.column||1,Y=V.line||1,G="",J=[];for("string"==typeof R&&(R=R.charCodeAt(0)),H=X(),A=I?function(e,n){var o=X();o.column+=n,o.offset+=n,I.call(U,y[e],o,e)}:d,Q--,q++;++Q<q;)if(10===v&&(Z=$[K]||1),38===(v=e.charCodeAt(Q))){if(9===(S=e.charCodeAt(Q+1))||10===S||12===S||32===S||38===S||60===S||S!=S||R&&S===R){G+=u(v),Z++;continue}for(F=O=Q+1,L=O,35===S?(L=++F,88===(S=e.charCodeAt(L))||120===S?(E=g,L=++F):E=h):E=p,o="",M="",f="",T=m[E],L--;++L<q&&T(S=e.charCodeAt(L));)f+=u(S),E===p&&s.call(t,f)&&(o=f,M=t[f]);(a=59===e.charCodeAt(L))&&(L++,(l=E===p&&c(f))&&(o=f,M=l)),B=1+L-O,(a||j)&&(f?E===p?(a&&!M?A(5,1):(o!==f&&(B=1+(L=F+o.length)-F,a=!1),a||(z=o?1:3,n.attribute?61===(S=e.charCodeAt(L))?(A(z,B),M=null):i(S)?M=null:A(z,B):A(z,B))),w=M):(a||A(2,B),k(w=parseInt(f,b[E]))?(A(7,B),w=u(65533)):w in r?(A(6,B),w=r[w]):(C="",x(w)&&A(6,B),w>65535&&(w-=65536,C+=u(w>>>10|55296),w=56320|1023&w),w=C+u(w))):E!==p&&A(4,B)),w?(ee(),H=X(),Q=L-1,Z+=L-O+1,J.push(w),D=X(),D.offset++,W&&W.call(_,w,{start:H,end:D},e.slice(O-1,L)),H=D):(G+=f=e.slice(O-1,L),Z+=f.length,Q=L-1)}else 10===v&&(Y++,K++,Z=0),v==v?(G+=u(v),Z++):ee();return J.join("");function X(){return{line:Y,column:Z,offset:Q+(V.offset||0)}}function ee(){G&&(J.push(G),P&&P.call(N,G,{start:H,end:X()}),G="")}}(e,a)};var s={}.hasOwnProperty,u=String.fromCharCode,d=Function.prototype,f={warning:null,reference:null,text:null,warningContext:null,referenceContext:null,textContext:null,position:{},additional:null,attribute:!1,nonTerminated:!0},p="named",g="hexadecimal",h="decimal",b={};b[g]=16,b[h]=10;var m={};m[p]=i,m[h]=l,m[g]=a;var y={};function k(e){return e>=55296&&e<=57343||e>1114111}function x(e){return e>=1&&e<=8||11===e||e>=13&&e<=31||e>=127&&e<=159||e>=64976&&e<=65007||(65535&e)==65535||(65535&e)==65534}y[1]="Named character references must be terminated by a semicolon",y[2]="Numeric character references must be terminated by a semicolon",y[3]="Named character references cannot be empty",y[4]="Numeric character references cannot be empty",y[5]="Named character references must be known",y[6]="Numeric character references cannot be disallowed",y[7]="Numeric character references cannot be outside the permissible Unicode range"},35828:function(e,n){"use strict";/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-is.production.min.js
|
|
4
4
|
*
|